/* Cart drawer (minicart slide-out) — compact width override.
   The template still ships Tailwind's w-[480px] md:w-[640px] (which are
   compiled into styles.css) so reverting was the safe path. Here we just
   shrink them down via a stronger selector + .rm-compact-drawer flag. */
#cart-drawer.rm-compact-drawer,
dialog#cart-drawer.rm-compact-drawer {
    width: 100% !important;
    max-width: 400px !important;
}

@media (min-width: 640px) {
    #cart-drawer.rm-compact-drawer,
    dialog#cart-drawer.rm-compact-drawer {
        width: 380px !important;
        max-width: 380px !important;
    }
}

@media (min-width: 768px) {
    #cart-drawer.rm-compact-drawer,
    dialog#cart-drawer.rm-compact-drawer {
        width: 420px !important;
        max-width: 420px !important;
    }
}