/* MegaTheme for OpenCart 4.1 - 6 style groups x 5 options. Pure CSS, no web fonts, no images. */

/* ============ 1. COLOR SCHEMES ============ */
body.mt{--mt-primary:#2563eb;--mt-primary-d:#1d4ed8;--mt-accent:#f59e0b;--mt-bg:#f6f8fb;--mt-surface:#fff;--mt-text:#1e293b;--mt-muted:#586579;--mt-border:#e2e8f0;--mt-foot:#0f172a;--mt-foot-text:#cbd5e1;--mt-radius:12px;--mt-shadow:0 6px 20px rgba(15,23,42,.08)}
body.mt-c2{--mt-primary:#047857;--mt-primary-d:#065f46;--mt-accent:#eab308;--mt-bg:#f4faf7;--mt-foot:#064e3b;--mt-foot-text:#d1fae5}
body.mt-c3{--mt-primary:#c2410c;--mt-primary-d:#9a3412;--mt-accent:#0ea5e9;--mt-bg:#fff8f3;--mt-foot:#431407;--mt-foot-text:#fed7aa}
body.mt-c4{--mt-primary:#7c3aed;--mt-primary-d:#6d28d9;--mt-accent:#ec4899;--mt-bg:#f8f5ff;--mt-foot:#2e1065;--mt-foot-text:#ddd6fe}
body.mt-c5{--mt-primary:#38bdf8;--mt-primary-d:#0ea5e9;--mt-accent:#fbbf24;--mt-bg:#0b1220;--mt-surface:#131c2e;--mt-text:#e5e7eb;--mt-muted:#94a3b8;--mt-border:#243049;--mt-foot:#070b14;--mt-foot-text:#94a3b8;--mt-shadow:0 6px 20px rgba(0,0,0,.45);--bs-body-bg:#0b1220;--bs-body-color:#e5e7eb;--bs-border-color:#243049}

/* ============ 2. BASE (all variants) ============ */
body.mt{background:var(--mt-bg);color:var(--mt-text);font-family:var(--mt-font,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);--bs-body-font-family:var(--mt-font,system-ui,sans-serif);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.mt :is(button,input,select,textarea,.btn){font-family:inherit}
.mt a{color:var(--mt-primary);text-decoration:none}
.mt a:hover{color:var(--mt-primary-d)}
.mt h1,.mt h2,.mt h3,.mt h4,.mt h5{color:var(--mt-text);letter-spacing:-.01em}
.mt img{max-width:100%;height:auto}
.mt .btn{border-radius:calc(var(--mt-radius)*.7);font-weight:600}
.mt .btn-primary{background:var(--mt-primary);border-color:var(--mt-primary);color:#fff;--bs-btn-bg:var(--mt-primary);--bs-btn-border-color:var(--mt-primary);--bs-btn-hover-bg:var(--mt-primary-d);--bs-btn-hover-border-color:var(--mt-primary-d);--bs-btn-active-bg:var(--mt-primary-d);--bs-btn-color:#fff;--bs-btn-hover-color:#fff}
.mt .btn-primary:hover,.mt .btn-primary:active,.mt .btn-primary:focus{background:var(--mt-primary-d);border-color:var(--mt-primary-d);color:#fff}
.mt-c5 .btn-primary,.mt-c5 .btn-primary:hover{color:#06202e}
.mt .btn-outline-primary{color:var(--mt-primary);border-color:var(--mt-primary)}
.mt .btn-outline-primary:hover{background:var(--mt-primary);color:#fff}
.mt .btn-light,.mt .btn-outline-secondary{background:var(--mt-surface);border-color:var(--mt-border);color:var(--mt-text)}
.mt .bg-primary{background-color:var(--mt-primary)!important}
.mt .text-primary{color:var(--mt-primary)!important}
.mt .form-control,.mt .form-select{background-color:var(--mt-surface);color:var(--mt-text);border-color:var(--mt-border);border-radius:calc(var(--mt-radius)*.6)}
.mt .form-control:focus,.mt .form-select:focus{border-color:var(--mt-primary);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--mt-primary) 25%,transparent)}
.mt .card,.mt .dropdown-menu,.mt .list-group-item,.mt .modal-content,.mt .accordion-item{background:var(--mt-surface);color:var(--mt-text);border-color:var(--mt-border)}
.mt .dropdown-item{color:var(--mt-text)}
.mt .dropdown-item:hover{background:color-mix(in srgb,var(--mt-primary) 12%,transparent)}
.mt .table{--bs-table-bg:transparent;--bs-table-color:var(--mt-text);--bs-table-border-color:var(--mt-border);color:var(--mt-text)}
.mt .breadcrumb{background:transparent;padding:0}
.mt .breadcrumb-item+.breadcrumb-item::before{color:var(--mt-muted)}
.mt .alert{border-radius:var(--mt-radius)}
.mt .pagination .page-link{color:var(--mt-primary);background:var(--mt-surface);border-color:var(--mt-border)}
.mt .pagination .active>.page-link{background:var(--mt-primary);border-color:var(--mt-primary);color:#fff}
.mt .price,.mt .price-new{color:var(--mt-primary);font-weight:700}
.mt .price-old,.mt .price-tax{color:var(--mt-muted);font-weight:400}
/* external / any-size images never break the layout */
.mt .product-thumb .image{aspect-ratio:1/1;overflow:hidden;background:var(--mt-surface)}
.mt .product-thumb .image a{display:block;height:100%}
.mt .product-thumb .image img{width:100%;height:100%;object-fit:contain}
.mt #product-info .image img,.mt #product-product .image img,.mt .thumbnails img{max-width:100%;height:auto;object-fit:contain}
.mt .product-thumb h4,.mt .product-thumb .description h4{font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mt footer{content-visibility:auto;contain-intrinsic-size:1px 400px}
@media (prefers-reduced-motion:reduce){.mt *{transition:none!important;animation:none!important}}

/* ============ 3. HEADERS ============ */
/* H1 classic clean */
.mt-h1 header{background:var(--mt-surface);box-shadow:0 2px 12px rgba(15,23,42,.06);padding:14px 0}
.mt-h1 #top{background:var(--mt-bg);border-bottom:1px solid var(--mt-border)}
/* H2 sticky glass */
.mt-h2 header{position:sticky;top:0;z-index:1030;background:color-mix(in srgb,var(--mt-surface) 86%,transparent);-webkit-backdrop-filter:saturate(170%) blur(12px);backdrop-filter:saturate(170%) blur(12px);border-bottom:1px solid var(--mt-border);padding:8px 0}
.mt-h2 #top{background:transparent;border-bottom:1px solid var(--mt-border)}
/* H3 dark topbar + bold menu */
.mt-h3 #top{background:#0f172a;color:#e2e8f0;font-size:13px}
.mt-h3 #top a,.mt-h3 #top .dropdown-toggle,.mt-h3 #top .btn{color:#e2e8f0}
.mt-h3 header{background:var(--mt-surface);padding:16px 0;border-bottom:1px solid var(--mt-border)}
/* H4 centered logo */
.mt-h4 header{background:var(--mt-surface);padding:18px 0;border-bottom:3px solid var(--mt-primary)}
.mt-h4 header .row{justify-content:center;text-align:center}
.mt-h4 header .row>[class*="col"]{flex:0 0 100%;max-width:100%;width:100%;margin-bottom:8px}
.mt-h4 #logo{text-align:center}
.mt-h4 #logo img{margin:0 auto}
.mt-h4 #search{max-width:680px;margin:0 auto}
/* H5 minimal compact */
.mt-h5 #top{font-size:12px;background:transparent;padding:0}
.mt-h5 header{background:var(--mt-surface);padding:6px 0;border-bottom:1px solid var(--mt-border)}
.mt-h5 #search .form-control{border-radius:999px 0 0 999px;padding-left:18px}
.mt-h5 #search .btn{border-radius:0 999px 999px 0}
.mt #menu .dropdown-menu .nav-link,.mt #menu .dropdown-menu a{color:var(--mt-text);border:0;text-transform:none}
.mt #cart .btn,.mt #header-cart .btn{border-radius:999px}

/* ============ 4. FOOTERS ============ */
.mt footer{margin-top:40px;padding:40px 0 20px}
.mt-f1 footer{background:var(--mt-foot);color:var(--mt-foot-text)}
.mt-f1 footer h5,.mt-f1 footer a{color:#fff}
.mt-f1 footer a{opacity:.8}.mt-f1 footer a:hover{opacity:1}
.mt-f2 footer{background:var(--mt-surface);color:var(--mt-muted);border-top:4px solid var(--mt-primary)}
.mt-f2 footer h5{color:var(--mt-text)}
.mt-f3 footer{background:var(--mt-primary);color:rgba(255,255,255,.85)}
.mt-f3 footer h5,.mt-f3 footer a{color:#fff}
.mt-f3 footer hr{border-color:rgba(255,255,255,.3)}
.mt-f4 footer{background:var(--mt-surface);color:var(--mt-muted);text-align:center;border-top:1px solid var(--mt-border)}
.mt-f4 footer h5{color:var(--mt-text)}
.mt-f4 footer ul{padding:0}
.mt-f5 footer{background:linear-gradient(135deg,var(--mt-foot),var(--mt-primary-d));color:rgba(255,255,255,.82);border-radius:28px 28px 0 0}
.mt-f5 footer h5,.mt-f5 footer a{color:#fff}
.mt-f5 footer hr{border-color:rgba(255,255,255,.25)}
.mt footer h5{font-size:1.05rem;margin-bottom:14px}
.mt footer a:hover{text-decoration:underline}

/* ============ 5. PRODUCT PAGE ============ */
.mt-p1 :is(#product-info,#product-product) .image img,.mt-p1 :is(#product-info,#product-product) .thumbnails img{border-radius:var(--mt-radius);box-shadow:var(--mt-shadow);background:var(--mt-surface);border:0;padding:0}
.mt-p1 #product{background:var(--mt-surface);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow);padding:20px}
.mt-p2 #product{position:sticky;top:90px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);padding:20px}
.mt-p2 :is(#product-info,#product-product) h1{font-weight:800}
@media (max-width:991px){.mt-p2 #product{position:static}}
.mt-p3 :is(#product-info,#product-product) .price-new,.mt-p3 :is(#product-info,#product-product) h2{font-size:2.1rem;font-weight:800;color:var(--mt-primary)}
.mt-p3 #button-cart{width:100%;padding:14px;font-size:1.1rem;border-radius:999px}
.mt-p3 #product .input-group,.mt-p3 #product .form-control{max-width:100%}
.mt-p4 .nav-tabs{border:0;gap:8px;margin-bottom:16px}
.mt-p4 .nav-tabs .nav-link{border:1px solid var(--mt-border);border-radius:999px;color:var(--mt-text);background:var(--mt-surface);padding:8px 20px}
.mt-p4 .nav-tabs .nav-link.active{background:var(--mt-primary);border-color:var(--mt-primary);color:#fff}
.mt-p4 :is(#product-info,#product-product) .image img{border-radius:var(--mt-radius)}
.mt-p5 :is(#product-info,#product-product) .image{display:block;overflow:hidden;border:2px solid var(--mt-border);border-radius:var(--mt-radius)}
.mt-p5 :is(#product-info,#product-product) .image img{border:0;transition:transform .35s}
.mt-p5 :is(#product-info,#product-product) .image:hover img{transform:scale(1.08)}
.mt-p5 .thumbnails img{border:2px solid var(--mt-border);border-radius:8px}
.mt-p5 .thumbnails img:hover{border-color:var(--mt-primary)}
.mt-p5 #product{border-left:4px solid var(--mt-primary);padding-left:20px}
.mt-p5 :is(#product-info,#product-product) .price-new{background:color-mix(in srgb,var(--mt-primary) 14%,transparent);padding:4px 14px;border-radius:999px}

/* ============ 6. CATEGORY PAGE ============ */
.mt .product-thumb{transition:box-shadow .25s,transform .25s}
.mt-k1 .product-thumb{background:var(--mt-surface);border:0;border-radius:var(--mt-radius);box-shadow:var(--mt-shadow);overflow:hidden}
.mt-k1 .product-thumb:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,23,42,.14)}
.mt-k1 .product-thumb .content,.mt-k1 .product-thumb .description{padding:12px 14px}
.mt-k2 .product-thumb{background:transparent;border:0;box-shadow:none;text-align:center}
.mt-k2 .product-thumb .image{border-radius:var(--mt-radius)}
.mt-k2 .product-thumb .image img{transition:transform .4s}
.mt-k2 .product-thumb:hover .image img{transform:scale(1.07)}
.mt-k3 .product-thumb{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:6px;overflow:hidden}
.mt-k3 .product-thumb:hover{border-color:var(--mt-primary)}
@media (hover:hover){
.mt-k3 .product-thumb .button,.mt-k3 .product-thumb .button-group{opacity:0;transform:translateY(8px);transition:.25s}
.mt-k3 .product-thumb:hover .button,.mt-k3 .product-thumb:hover .button-group{opacity:1;transform:none}}
.mt-k4 .product-thumb{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:22px;padding:10px;overflow:hidden}
.mt-k4 .product-thumb .image{border-radius:16px}
.mt-k4 .product-thumb .price{display:inline-block;background:var(--mt-primary);color:#fff;padding:2px 14px;border-radius:999px}
.mt-k4 .product-thumb .price .price-old,.mt-k4 .product-thumb .price .price-tax,.mt-k4 .product-thumb .price-new{color:#fff}
.mt-k5 .product-thumb{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:8px;font-size:.85rem;overflow:hidden}
.mt-k5 .product-thumb h4{font-size:.88rem}
.mt-k5 .product-thumb .content,.mt-k5 .product-thumb .description{padding:8px 10px}
.mt-k5 .product-thumb .button .btn{padding:4px 8px;font-size:.8rem}
.mt #column-left .list-group-item.active,.mt #column-right .list-group-item.active{background:var(--mt-primary);border-color:var(--mt-primary);color:#fff}

/* ============ 7. LOGIN / REGISTER / CHECKOUT ============ */
.mt-a1 :is(#account-login,#account-register,#checkout-checkout,#checkout-cart) :is(.card,fieldset,.well,.table-responsive){background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow)}
.mt-a1 :is(#account-login,#account-register) :is(.card,.well){padding:22px}
.mt-a1 :is(#checkout-checkout,#account-register) fieldset{padding:18px;margin-bottom:18px}
.mt-a2 :is(#account-login,#account-register,#checkout-checkout){background:linear-gradient(160deg,color-mix(in srgb,var(--mt-primary) 10%,transparent),transparent 55%);border-radius:24px;padding-top:18px;padding-bottom:18px}
.mt-a2 :is(#account-login,#account-register,#checkout-checkout) :is(.card,fieldset,.well){background:color-mix(in srgb,var(--mt-surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--mt-border);border-radius:20px;padding:20px}
.mt-a3 #checkout-checkout{counter-reset:mtstep}
.mt-a3 #checkout-checkout :is(h2,legend)::before{counter-increment:mtstep;content:counter(mtstep);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:10px;border-radius:50%;background:var(--mt-primary);color:#fff;font-size:.95rem;font-weight:700;vertical-align:middle}
.mt-a3 #checkout-checkout :is(h2,legend){font-size:1.2rem;border-bottom:1px solid var(--mt-border);padding-bottom:10px;margin-bottom:16px}
.mt-a3 :is(#account-login,#account-register) :is(.card,.well){border-top:4px solid var(--mt-primary)}
.mt-a4 :is(#account-login,#account-register,#checkout-checkout) :is(.form-control,.form-select){border:0;border-bottom:2px solid var(--mt-border);border-radius:0;background:transparent;box-shadow:none;padding-left:2px}
.mt-a4 :is(#account-login,#account-register,#checkout-checkout) :is(.form-control,.form-select):focus{border-bottom-color:var(--mt-primary)}
.mt-a4 :is(#account-login,#account-register,#checkout-checkout) :is(.card,fieldset,.well){border:0;background:transparent;box-shadow:none}
.mt-a5 :is(#account-login,#account-register,#checkout-checkout,#checkout-cart) :is(.card,fieldset,.well){border:2px solid var(--mt-text);border-radius:6px;box-shadow:6px 6px 0 var(--mt-primary);padding:20px;margin-bottom:22px;background:var(--mt-surface)}
.mt-a5 :is(#account-login,#account-register,#checkout-checkout) .btn{padding:12px 26px;font-size:1.05rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.mt-a5 :is(#account-login,#account-register,#checkout-checkout) label{font-weight:700}
/* mobile polish */
@media (max-width:575px){.mt footer{padding:28px 0 14px}.mt-k5 .product-thumb{font-size:.8rem}}


/* ============ 8. MENU STYLES (5) ============ */
body.mt{--mt-menu-bg:var(--mt-primary);--mt-menu-fg:#fff}
body.mt-m2,body.mt-m5{--mt-menu-bg:var(--mt-surface);--mt-menu-fg:var(--mt-text)}
body.mt-m3{--mt-menu-bg:transparent;--mt-menu-fg:var(--mt-text)}
body.mt-m4{--mt-menu-bg:#0f172a;--mt-menu-fg:#e2e8f0}
.mt #menu{background:var(--mt-menu-bg)!important;border:0!important;border-radius:0;--bs-navbar-color:var(--mt-menu-fg);--bs-navbar-hover-color:var(--mt-menu-fg);--bs-navbar-active-color:var(--mt-menu-fg);--bs-nav-link-color:var(--mt-menu-fg);--bs-nav-link-hover-color:var(--mt-menu-fg);padding:0}
.mt #menu .navbar-nav .nav-link,.mt #menu .nav>li>a,.mt #menu #category,.mt #menu .navbar-toggler{color:var(--mt-menu-fg)!important;opacity:1!important;font-weight:600;font-size:.95rem;padding:.85rem 1.1rem;position:relative}
.mt #menu .navbar-toggler{border:1px solid color-mix(in srgb,var(--mt-menu-fg) 40%,transparent);padding:.4rem .7rem;margin:.4rem 0}
.mt #menu .dropdown-menu{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow);padding:.6rem}
.mt #menu .dropdown-menu a,.mt #menu .dropdown-menu .dropdown-item{color:var(--mt-text)!important;font-weight:500;padding:.4rem .8rem;border-radius:8px;text-transform:none;letter-spacing:0}
.mt #menu .dropdown-menu a:hover{background:color-mix(in srgb,var(--mt-primary) 12%,transparent);color:var(--mt-primary)!important}
/* M1 solid brand bar */
.mt-m1 #menu .navbar-nav .nav-link:hover{background:rgba(255,255,255,.16)}
/* M2 light with animated underline */
.mt-m2 #menu{border-bottom:1px solid var(--mt-border)!important}
.mt-m2 #menu .navbar-nav>li>.nav-link::after{content:"";position:absolute;left:1.1rem;right:1.1rem;bottom:.45rem;height:2px;background:var(--mt-primary);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.mt-m2 #menu .navbar-nav>li>.nav-link:hover::after,.mt-m2 #menu .navbar-nav>li.show>.nav-link::after{transform:scaleX(1)}
.mt-m2 #menu .navbar-nav .nav-link:hover{color:var(--mt-primary)!important}
/* M3 pills */
.mt-m3 #menu .navbar-nav{gap:.35rem;padding:.4rem 0}
.mt-m3 #menu .navbar-nav>li>.nav-link{border-radius:999px;padding:.5rem 1.1rem}
.mt-m3 #menu .navbar-nav>li>.nav-link:hover,.mt-m3 #menu .navbar-nav>li.show>.nav-link{background:var(--mt-primary);color:#fff!important}
/* M4 dark bar, accent top line */
.mt-m4 #menu .navbar-nav>li>.nav-link{border-top:3px solid transparent}
.mt-m4 #menu .navbar-nav>li>.nav-link:hover,.mt-m4 #menu .navbar-nav>li.show>.nav-link{border-top-color:var(--mt-accent);background:rgba(255,255,255,.07)}
/* M5 centered + dividers */
.mt-m5 #menu{border-top:1px solid var(--mt-border)!important;border-bottom:1px solid var(--mt-border)!important}
.mt-m5 #menu .navbar-nav{margin:0 auto;justify-content:center}
.mt-m5 #menu .navbar-nav>li>.nav-link{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.mt-m5 #menu .navbar-nav>li+li{border-left:1px solid var(--mt-border)}
.mt-m5 #menu .navbar-nav>li>.nav-link:hover{color:var(--mt-primary)!important}

/* ============ 9. READABILITY ============ */
.mt .text-muted,.mt .form-text,.mt small{color:var(--mt-muted)!important}
.mt .bg-light,.mt .bg-white{background-color:var(--mt-surface)!important}
.mt h1{font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:700;line-height:1.25}
.mt h2{font-size:clamp(1.3rem,2.2vw,1.65rem);font-weight:700}
.mt h3{font-size:1.3rem}.mt h4{font-size:1.1rem}.mt h5{font-size:1rem}
.mt p,.mt li,.mt td,.mt label{font-size:1rem}
.mt .product-thumb h4,.mt .product-thumb h4 a{font-size:1.02rem;font-weight:600;line-height:1.35}
.mt .product-thumb .price,.mt .price-new{font-size:1.15rem}
.mt .price-old{font-size:.95rem;text-decoration:line-through}
.mt .btn{font-size:.95rem;padding:.55rem 1rem}
.mt .form-control,.mt .form-select{font-size:1rem;min-height:44px}
.mt #menu .navbar-nav .nav-link{font-size:.98rem}
.mt-m5 #menu .navbar-nav>li>.nav-link{font-size:.84rem}
.mt #top{font-size:.9rem}
.mt .breadcrumb{font-size:.92rem}
.mt-k5 .product-thumb h4,.mt-k5 .product-thumb h4 a{font-size:.92rem}

/* ============ 10. RESPONSIVE ============ */
.mt iframe,.mt video,.mt table img{max-width:100%}
.mt .table-responsive,.mt #content table{max-width:100%}
.mt #content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:991.98px){
 .mt #menu .navbar-collapse{padding:.4rem 0 .8rem}
 .mt #menu .navbar-nav .nav-link{padding:.8rem .5rem;border-bottom:1px solid color-mix(in srgb,var(--mt-menu-fg) 18%,transparent)}
 .mt #menu .navbar-nav>li+li{border-left:0}
 .mt #menu .dropdown-menu{position:static!important;transform:none!important;box-shadow:none;border:0;background:transparent;padding:0 0 0 .8rem}
 .mt #menu .dropdown-menu a{color:var(--mt-menu-fg)!important}
 .mt-m5 #menu .navbar-nav{align-items:stretch}
 .mt-m5 #menu .navbar-nav>li>.nav-link{text-transform:none;letter-spacing:0;font-size:.98rem}
 .mt-m3 #menu .navbar-nav>li>.nav-link{border-radius:10px}
 .mt-p2 #product{position:static}
 .mt-h2 header{position:static}
}
@media (max-width:767.98px){
 .mt header{padding:10px 0!important}
 .mt header .row{row-gap:.6rem;text-align:center;justify-content:center}
 .mt #logo,.mt #logo a{text-align:center}
 .mt #logo img{max-height:48px;width:auto;margin:0 auto}
 .mt #search{max-width:100%}
 .mt #cart,.mt #cart .btn,.mt #header-cart .btn{width:100%}
 .mt #top .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem}
 .mt #top .nav{flex-wrap:wrap}
 .mt footer{text-align:center}
 .mt footer ul{padding-left:0}
 .mt-p3 #button-cart,.mt #button-cart{width:100%}
 .mt-a5 :is(#account-login,#account-register,#checkout-checkout) :is(.card,fieldset,.well){box-shadow:4px 4px 0 var(--mt-primary)}
}
@media (max-width:575.98px){
 .mt .row:has(> * > .product-thumb)>*{flex:0 0 50%;max-width:50%;padding-left:.35rem;padding-right:.35rem}
 .mt .row:has(> * > .product-thumb){margin-left:-.35rem;margin-right:-.35rem}
 .mt .product-thumb .content,.mt .product-thumb .description{padding:.55rem!important}
 .mt .product-thumb h4,.mt .product-thumb h4 a{font-size:.92rem}
 .mt .product-thumb .button,.mt .product-thumb .button-group{display:flex;gap:.25rem}
 .mt .product-thumb .button .btn,.mt .product-thumb .button-group .btn{flex:1;padding:.45rem .3rem}
 .mt-k3 .product-thumb .button,.mt-k3 .product-thumb .button-group{opacity:1;transform:none}
 .mt .form-control,.mt .form-select{font-size:16px}
 .mt .btn{min-height:44px}
 .mt .dropdown-menu{max-width:92vw}
}
@media (hover:none){.mt-k3 .product-thumb .button,.mt-k3 .product-thumb .button-group{opacity:1;transform:none}}