/* MANAMART — storefront v5
   Single visual system: retail-first layouts, compact components and responsive shopping UI.
   Base component behaviours come from styles.css. No CSS from earlier experiments is loaded.
*/
:root {
  --ink:#282c3f;
  --ink-soft:#535766;
  --muted:#717586;
  --paper:#fff;
  --canvas:#fff;
  --cream:#f5f5f6;
  --wine:#ff3f6c;
  --wine-dark:#ed2e60;
  --border:#eaeaec;
  --font:Arial,Helvetica,sans-serif;
  --display:Arial,Helvetica,sans-serif;
  --shadow:0 5px 18px rgba(40,44,63,.12);
}
body{font-family:var(--font);color:var(--ink);background:#fff}
h1,h2,h3,h4,p,span,small{overflow-wrap:normal}
button,input,select,textarea{font-family:var(--font)}
a:hover{color:inherit}
.container,.shell-wide{width:calc(100% - 60px);max-width:1480px;margin-inline:auto}
.announcement{display:none}
.site-header{position:sticky;top:0;z-index:100;box-shadow:0 2px 13px rgba(40,44,63,.09);background:#fff;border:0;backdrop-filter:none}
.header-inner{min-height:80px;width:min(calc(100% - 48px),1490px);max-width:1490px;display:flex;gap:0;align-items:center}
.brand{gap:6px;margin-right:16px}
.brand-symbol{width:38px;height:38px;border-radius:2px;background:#ff3f6c;transform:none;font-family:Arial,Helvetica,sans-serif;font-size:27px;font-weight:900;letter-spacing:-4px;padding-right:4px}
.brand-name{font:900 19px/1 Arial,sans-serif;letter-spacing:-1px}
.brand-name span{color:#ff3f6c}
.desktop-nav{display:flex;gap:0;margin:0;align-self:stretch;align-items:stretch;min-width:0;flex-shrink:0}
.desktop-nav .nav-group{position:static;display:flex;align-items:stretch}
.desktop-nav .nav-group>a{font:800 11px/1 Arial,sans-serif;letter-spacing:.12px;display:flex;gap:2px;align-items:center;padding:0 11px;position:relative;white-space:nowrap}
.desktop-nav .nav-group>a:hover{color:#ff3f6c}
.desktop-nav .nav-group>a:hover:after,.desktop-nav .nav-group>a.active:after{content:"";position:absolute;left:11px;right:11px;bottom:0;background:#ff3f6c;height:4px}
.desktop-nav .nav-group:nth-child(1)>a:hover:after{background:#ef5c6b}
.desktop-nav .nav-group:nth-child(2)>a:hover:after{background:#f35f9c}
.desktop-nav .nav-group:nth-child(3)>a:hover:after{background:#edac62}
.desktop-nav .nav-group:nth-child(4)>a:hover:after{background:#e3b66c}
.desktop-nav .nav-group:nth-child(5)>a:hover:after{background:#42b6aa}
.nav-new{font-size:8px;font-weight:800;color:#ff3f6c;line-height:0;margin:0 0 11px 2px}
.header-search{position:relative;display:flex;align-items:center;margin-left:auto;width:clamp(180px,25vw,415px);flex:0 1 415px;min-width:0}
.header-search .icon{width:17px;height:17px;left:13px;color:#777987}
.header-search input{height:41px;width:100%;border:1px solid transparent;border-radius:4px;background:#f5f5f6;font-size:12px;padding-left:42px;color:#282c3f}
.header-search input:focus{background:#fff;border:1px solid #d3d3d9;box-shadow:none}
.header-actions{margin-left:24px;gap:19px;display:flex;flex:0 0 auto}
.action-link{font-size:10px;font-weight:700;gap:5px;min-width:35px}
.action-link .icon{width:20px;height:20px;stroke-width:1.8}
.action-link:hover{color:#ff3f6c}
.bubble{background:#ff3f6c;color:white}
.mega-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 15px 23px rgba(40,44,63,.13);max-height:76vh;overflow:auto;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:opacity .1s,visibility .1s}
.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.mega-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1150px;width:calc(100% - 80px);margin:0 auto;min-height:300px}
.mega-column{padding:22px 18px 30px}
.mega-column:nth-child(even){background:#fafbfc}
.mega-section{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:0;margin:0 0 23px;border:0}
.mega-section-title{color:#ed4770;font-size:12px;font-weight:800;line-height:1.25}
.mega-section-link{color:#535766;font-size:12px;line-height:1.35}
.mega-section-link:hover{color:#282c3f;font-weight:600}
.profile-wrapper{position:relative;display:flex;align-self:stretch;align-items:center}
.profile-flyout{display:none;position:absolute;right:-70px;top:100%;width:285px;background:#fff;border:1px solid #f0f0f0;box-shadow:var(--shadow);padding:19px 18px;z-index:130;flex-direction:column;align-items:flex-start;color:#282c3f}
.profile-wrapper:hover .profile-flyout,.profile-wrapper:focus-within .profile-flyout{display:flex}
.profile-flyout strong{font-size:14px}
.profile-flyout p{font-size:12px;color:#666b7a;line-height:1.5;margin:9px 0 12px}
.profile-flyout button{font-size:12px;font-weight:800;background:#fff;color:#ff3f6c;border:1px solid #ddd;padding:10px 16px}
.profile-flyout button:hover{border-color:#ff3f6c}
.profile-flyout hr{width:100%;border:0;border-top:1px solid #eee;margin:16px 0 10px}
.profile-flyout a{padding:7px 0;color:#535766;font-size:12px}
.profile-flyout>span{color:#90929d;font-size:11px;line-height:1.5;padding-top:10px}
.mobile-search{display:none}
.header-search,.mobile-search{position:relative}
.mm-search-suggestions{position:absolute;top:100%;left:0;right:0;z-index:140;background:#fff;box-shadow:0 10px 25px #282c3f33;padding:10px 0 4px;max-height:390px;overflow:auto;min-width:310px}
.mm-search-caption{font-size:10px;letter-spacing:1px;font-weight:700;color:#999ba5;padding:8px 13px}
.mm-search-item{display:flex;align-items:center;gap:10px;padding:7px 11px}
.mm-search-item:hover{background:#f5f5f7}
.mm-search-item img{width:43px;height:53px;object-fit:cover;flex:0 0 auto}
.mm-search-item>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}
.mm-search-item strong,.mm-search-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-search-item strong{font-size:11px}.mm-search-item small{font-size:11px;color:#707482}
.mm-search-price{font-size:11px;margin-left:auto;white-space:nowrap;font-weight:800}
.mm-search-all{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:14px;border:0;border-top:1px solid #eee;background:white;color:#ff3f6c;font-size:11px;font-weight:800}
.mm-mobile-departments,.mm-mobile-categories{display:none}
.mm-hero{margin:0;padding:27px 25px 6px;width:100%}
.mm-hero-banner{height:420px;display:grid;grid-template-columns:33% 34% 33%;position:relative;overflow:hidden;background:#f5e6e2}
.mm-hero-shot{display:block;min-width:0;height:100%;overflow:hidden;background:#f3ebe6}
.mm-hero-shot img{width:100%;height:100%;object-fit:cover;object-position:center 26%;transition:transform .4s ease}
.mm-hero-shot:hover img{transform:scale(1.018)}
.mm-hero-creative{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 10px;background:#f7ece6;color:#2f303f}
.mm-hero-banner-1 .mm-hero-creative{background:#f0e9dc}
.mm-hero-banner-2 .mm-hero-creative{background:#f6e2e9}
.mm-hero-label{font-size:13px;letter-spacing:2px;font-weight:800;color:#a9576a;margin-bottom:12px}
.mm-hero-creative h1{font:900 clamp(25px,3.3vw,49px)/1.05 Arial,sans-serif;letter-spacing:-1.4px;margin:0 0 14px;max-width:390px}
.mm-hero-creative p{font-size:12px;color:#595665;margin:0 0 20px;line-height:1.5}
.mm-hero-creative>strong{font-size:clamp(23px,2.6vw,38px);font-weight:900;color:#d93763;letter-spacing:-1px}
.mm-hero-creative>strong small{font-size:.54em}
.mm-hero-creative>a{margin-top:20px;background:#282c3f;color:#fff;padding:12px 24px;min-height:41px;font-size:11px;font-weight:800;letter-spacing:.4px}
.mm-hero-creative>a:hover{background:#ff3f6c;color:#fff}
.mm-hero-creative>a span{margin-left:6px;font-size:16px}
.mm-hero-arrow{position:absolute;top:calc(50% - 17px);width:34px;height:34px;background:#ffffffd9;border:0;border-radius:0;display:grid;place-items:center;z-index:2;color:#555967}
.mm-hero-prev{left:0}.mm-hero-next{right:0}
.mm-hero-arrow .icon{width:18px;height:18px}
.mm-hero-dots{padding:15px 5px 6px;display:flex;gap:7px;justify-content:center;align-items:center}
.mm-hero-dots button{height:8px;width:8px;padding:0;border:0;border-radius:50%;background:#d4d5da}
.mm-hero-dots button.active{background:#ff3f6c}
.mm-offer-band{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#faf6f5;border-top:1px solid #f8eeee;border-bottom:1px solid #f8eeee;margin:12px 0 0;padding:12px 30px;font-size:11px;color:#725c65}
.mm-offer-band strong{font-size:12px;color:#282c3f;letter-spacing:1.4px}
.mm-section{width:calc(100% - 60px);max-width:1480px;margin:0 auto;padding:35px 0 27px}
.mm-section-flush{padding-top:45px}
.mm-section-head{display:flex;align-items:center;gap:20px;position:relative;margin:0 0 26px;min-height:33px}
.mm-section-head h2{font:800 clamp(18px,2vw,27px)/1.3 Arial,sans-serif;letter-spacing:2.2px;margin:0;color:#383c4c}
.mm-section-head p{font-size:12px;color:#707584;margin:0}
.mm-section-head>a{margin-left:auto;font-size:11px;font-weight:800;display:flex;gap:7px;align-items:center;color:#ff3f6c;white-space:nowrap}
.mm-banner-grid,.mm-deal-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.mm-banner-tile,.mm-deal-tile,.mm-category-tile{min-width:0;overflow:hidden;display:block;background:#f8f8f8;text-align:center}
.mm-tile-image{width:100%;aspect-ratio:4/5;overflow:hidden;background:#f5f5f5}
.mm-tile-image img{width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .32s ease}
.mm-banner-tile:hover img,.mm-deal-tile:hover img,.mm-category-tile:hover img{transform:scale(1.04)}
.mm-tile-caption{min-height:94px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 5px}
.mm-tile-caption strong{font-size:12px;text-transform:uppercase;font-weight:800;line-height:1.25}
.mm-tile-caption span{font-size:13px;font-weight:800;line-height:1.3}
.mm-tile-caption small{display:flex;align-items:center;justify-content:center;gap:3px;color:#cd385f;font-weight:800;font-size:9px;letter-spacing:.2px}
.mm-tile-caption small .icon{width:12px;height:12px}
.mm-banner-tile .mm-tile-caption{background:#f9e9eb}
.mm-banner-tile:nth-child(3n+2) .mm-tile-caption{background:#f6ede7}
.mm-banner-tile:nth-child(3n+3) .mm-tile-caption{background:#eaeef6}
.mm-deal-tile .mm-tile-caption{background:#f2f2f5}
.mm-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 10px}
.mm-category-tile .mm-tile-caption{min-height:88px;background:#f7dedd}
.mm-category-tile:nth-child(4n+2) .mm-tile-caption{background:#f8e6d3}
.mm-category-tile:nth-child(4n+3) .mm-tile-caption{background:#e9e7f3}
.mm-category-tile:nth-child(4n+4) .mm-tile-caption{background:#e4ebed}
.mm-category-tile .mm-tile-caption strong{font-size:13px}
.mm-category-tile .mm-tile-caption span{font-size:12px}
.mm-image-promos{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.mm-image-promo{position:relative;height:315px;overflow:hidden;display:block;background:#eaeaea}
.mm-image-promo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .3s}
.mm-image-promo:hover img{transform:scale(1.03)}
.mm-image-promo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,25,.52),rgba(20,20,25,.01))}
.mm-image-promo div{z-index:1;position:absolute;left:33px;bottom:32px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;color:#fff}
.mm-image-promo small{font-size:11px;letter-spacing:2px;font-weight:800}
.mm-image-promo strong{font-size:29px;font-weight:800}
.mm-image-promo span{border-bottom:1px solid white;padding-bottom:6px;font-size:10px;font-weight:800}
.mm-product-section .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.mm-reassurance{max-width:1480px;margin:18px auto 45px;width:calc(100% - 60px);display:grid;grid-template-columns:repeat(3,1fr);background:#f7f7f8;padding:25px 10px}
.mm-reassurance div{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;border-right:1px solid #ddd}
.mm-reassurance div:last-child{border-right:0}
.mm-reassurance strong{font-size:12px}
.mm-reassurance span{font-size:11px;color:#747986}
.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 8px}
.product-card{background:#fff;min-width:0;border:1px solid transparent}
.product-card:hover{border-color:#f3f3f4;box-shadow:0 2px 12px #282c3f1a}
.product-media{aspect-ratio:3/3.95;background:#f3f3f4}
.product-img{object-position:center 24%;transition:transform .3s}
.product-tag{background:#ff3f6c;color:#fff;font-size:9px;letter-spacing:0;left:0;top:0;padding:6px 9px}
.wish-toggle{width:31px;height:31px;top:7px;right:7px}
.wish-toggle .icon{width:17px;height:17px}
.product-rating{position:absolute;left:8px;bottom:10px;z-index:1;border-radius:2px;padding:5px 6px;background:#fffffff2;font-size:11px;font-weight:800}
.product-rating span{border-left:1px solid #ddd;margin-left:4px;padding-left:4px;color:#81858e;font-size:10px;font-weight:500}
.quick-view{left:0;right:0;bottom:0;width:100%;background:white;border-top:1px solid #eee;color:#ff3f6c;padding:12px 7px;font-weight:800;letter-spacing:.2px}
.product-info{padding:9px 8px 13px}
.product-brand{font-size:14px;font-weight:800}
.product-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#696b78;margin:5px 0 8px}
.product-price{font-size:13px;font-weight:800;gap:7px}
.old-price{font-size:11px;color:#8b8e97}
.discount{color:#ff905a;font-size:11px}
.card-sizes{display:none;color:#878993;font-size:10px;margin-top:7px}
.product-card:hover .card-sizes{display:block}
.listing-breadcrumb{font-size:11px;color:#747885;padding-top:25px;margin-bottom:16px}
.listing-breadcrumb a:hover{color:#ff3f6c}
.catalog-heading{padding:0 0 19px}
.catalog-name{font-size:16px;font-weight:800}
.catalog-name span{font-weight:400;color:#737884;font-size:13px}
.listing-shell{padding-bottom:60px}
.listing-toolbar{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:52px;border-bottom:1px solid #eaeaec;align-items:center}
.listing-filter-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:22px}
.listing-filter-controls strong{font-size:13px}
.listing-filter-controls button{font-size:10px;font-weight:800;color:#ff3f6c;border:0;background:transparent}
.listing-sort-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-left:20px;font-size:12px}
.listing-sort-controls>span{margin-right:auto;color:#888c97}
.listing-sort-controls label{color:#50535e}
.listing-sort-controls select{width:205px;max-width:205px;height:40px;padding:7px 10px;background:#fff;border:1px solid #d6d7dd;border-radius:0;font-weight:700}
.listing-main{display:grid;grid-template-columns:230px minmax(0,1fr)}
.listing-main .filters{display:block;min-width:0;border-right:1px solid #eaeaec;padding:0}
.listing-main .filter-top{display:none}
.listing-main .filter-section{margin:0;padding:20px 15px 21px 0;border-bottom:1px solid #eaeaec}
.listing-main .filter-section h3{font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 15px}
.listing-main .filter-section .check-row{font-size:12px;color:#4d4f5b;margin-bottom:11px}
.listing-main .filter-section input[type=checkbox]{accent-color:#ff3f6c}
.listing-main .catalog-results{min-width:0;padding:20px 0 0 19px}
.listing-main .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:21px 4px}
.listing-main .product-info{padding:8px 5px 12px}
.listing-main .product-brand{font-size:12px}
.listing-main .product-name{font-size:11px}
.listing-main .product-price{font-size:11px;gap:4px}
.listing-main .old-price,.listing-main .discount{font-size:10px}
.listing-main .filter-section .size-chip.selected{border-color:#ff3f6c;color:#ff3f6c;background:#fff0f4}
.discount-chips{display:grid;gap:4px}
.discount-chips button{border:0;background:transparent;text-align:left;font-size:12px;color:#505363;padding:5px;cursor:pointer}
.discount-chips button:before{content:"◯";font-size:13px;margin-right:9px;color:#b8bcc7}
.discount-chips button.selected{font-weight:800;color:#ff3f6c}
.discount-chips button.selected:before{content:"●";color:#ff3f6c}
.mm-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:50px 0 15px;padding-top:22px;border-top:1px solid #eee}
.mm-pagination button{height:36px;min-width:36px;padding:0 10px;border:1px solid #ddd;background:white;font-size:12px}
.mm-pagination button.selected{border-color:#ff3f6c;color:#ff3f6c;font-weight:800}
.mm-pagination button:disabled{cursor:default;color:#bcc0c7}
.mobile-listing-tools,.sort-sheet{display:none}
.product-layout{grid-template-columns:55% minmax(0,1fr);gap:35px;padding-top:30px}
.product-gallery{grid-template-columns:68px 1fr;gap:10px}
.main-product-image{background:#f4f4f5}
.detail-brand{font-size:21px;font-weight:800;margin-bottom:7px}
.detail-name{font:400 18px/1.4 Arial,sans-serif;margin-bottom:12px;color:#525665}
.detail-rating-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #ddd;padding:8px 12px;font-size:13px;font-weight:800;color:#15947b}
.detail-rating-pill span{color:#6e7280;border-left:1px solid #ddd;padding-left:9px;font-size:12px;font-weight:400}
.detail-muted{color:#888b95;margin-top:12px;text-transform:uppercase;font-size:11px;letter-spacing:.5px}
.price-large{font-size:24px;font-weight:800}
.price-large .discount{font-size:17px}
.tax-note{color:#03a685;font-size:12px}
.detail-label{font-size:13px;letter-spacing:0}
.detail-rule{border-color:#eaeaec;margin:21px 0}
.size-option{border-color:#ddd;width:51px;height:51px}
.size-option.selected{background:#ff3f6c;border-color:#ff3f6c;color:white}
.purchase-actions .btn-accent,.bag-layout .btn-accent{background:#ff3f6c;border-color:#ff3f6c}
.purchase-actions .btn-accent:hover{background:#ed2e60;border-color:#ed2e60}
.shipping-info,.offer-summary{padding:24px 0;border-top:1px solid #eaeaec}
.shipping-info h3,.offer-summary h3{font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;margin:0 0 14px}
.delivery-check{display:flex;align-items:center;max-width:340px;border:1px solid #ccc;height:44px}
.delivery-check input{flex:1;min-width:0;width:100%;border:0;outline:0;padding:10px;font-size:12px}
.delivery-check button{border:0;background:white;color:#ff3f6c;font-size:12px;font-weight:800;padding:10px}
.pin-note,.offer-summary small{font-size:11px;line-height:1.6;color:#838692}
.service-promises{display:flex;flex-direction:column;gap:11px;margin-top:18px;font-size:12px}
.service-promises span{display:flex;align-items:center;gap:8px}
.offer-summary h3 span{font-size:9px;background:#fff2f4;padding:3px 6px;color:#ff3f6c}
.offer-summary p{font-size:12px}
.mobile-product-purchase{display:none}
.mm-footer{background:#fafbfc;border-top:1px solid #eee;padding:48px 0 23px}
.mm-footer-grid{max-width:1190px;width:calc(100% - 100px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1.4fr 1.3fr;gap:35px}
.mm-footer-grid section{display:flex;flex-direction:column;gap:10px}
.mm-footer-grid h4{font-size:12px;font-weight:800;margin:0 0 10px}
.mm-footer-grid a,.mm-footer-grid p,.footer-promise div{color:#777b87;font-size:12px;margin:0;line-height:1.5}
.mm-footer-grid a:hover{color:#ff3f6c}
.footer-promise div{display:flex;align-items:center;gap:9px}
.footer-promise .icon{width:19px;height:19px}
.mm-footer-popular,.mm-footer-bottom{max-width:1190px;width:calc(100% - 100px);margin:36px auto 0;padding-top:19px;border-top:1px solid #e9e9ed}
.mm-footer-popular strong{font-size:11px}
.mm-footer-popular p{color:#9598a3;font-size:12px;line-height:1.8}
.mm-footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:12px;color:#8b8f98}
.drawer-department{border-bottom:1px solid #ececf0}
.drawer-department summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 2px;font-size:12px;font-weight:800;cursor:pointer}
.drawer-department summary::-webkit-details-marker{display:none}
.drawer-department[open] summary .icon{transform:rotate(180deg)}
.drawer-sub{display:flex;flex-direction:column;background:#fafafa;padding:0 10px 10px}
.drawer-sub a{color:#535766;font-size:12px;padding:12px 6px;border-bottom:1px solid #eee}
@media(max-width:1400px){
  .header-inner{width:calc(100% - 32px)}
  .brand{margin-right:10px}
  .desktop-nav .nav-group>a{padding:0 7px;font-size:10px}
  .header-search{width:clamp(180px,23vw,340px)}
  .header-actions{margin-left:15px;gap:11px}
  .listing-main .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mm-banner-grid,.mm-deal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .brand-name{font-size:17px}
  .desktop-nav .nav-group>a{font-size:9px;padding:0 5px}
  .header-search{width:clamp(175px,23vw,270px)}
  .header-actions{margin-left:10px;gap:9px}
  .mm-hero-banner{height:345px}
  .mm-hero-creative h1{font-size:30px}
  .listing-main,.listing-toolbar{grid-template-columns:210px minmax(0,1fr)}
  .mm-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:980px){
  .desktop-nav{display:none}
  .header-inner{min-height:65px}
  .header-search{flex:0 1 370px;width:35vw}
  .brand-name{font-size:19px}
  .header-actions{margin-left:17px;gap:15px}
  .mm-hero-banner{height:300px}
  .mm-hero-creative h1{font-size:26px}
  .mm-hero-label{font-size:10px;letter-spacing:1px}
  .mm-hero-creative p{font-size:10px;margin-bottom:11px}
  .mm-hero-creative>a{padding:9px 15px}
  .mm-section-head h2{font-size:20px}
  .mm-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listing-main .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .container,.shell-wide,.mm-section{width:calc(100% - 20px)}
  .site-header{top:0;position:sticky}
  .header-inner{width:calc(100% - 20px);min-height:54px;gap:5px}
  .brand{gap:4px;margin:0}
  .brand-symbol{width:29px;height:29px;font-size:22px}
  .brand-name{font-size:16px}
  .mobile-menu-btn{display:block;padding:4px}
  .header-search{display:none}
  .header-actions{margin-left:auto;gap:9px}
  .header-actions .action-link:first-child{display:none}
  .action-link{font-size:9px;min-width:28px}
  .action-link span:not(.bubble){display:none}
  .action-link .icon{width:21px;height:21px}
  .mobile-search{display:block;padding:0 11px 9px}
  .mobile-search .icon{position:absolute;left:24px;top:11px;color:#727684;width:17px;height:17px}
  .mobile-search input{height:40px;width:100%;background:#f5f5f6;border:0;border-radius:4px;padding-left:39px;font-size:12px}
  .mm-search-suggestions{min-width:0;max-height:60vh}
  .mm-mobile-departments{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #eee;background:#fff}
  .mm-mobile-departments a{text-align:center;font-size:12px;padding:13px 5px 12px;color:#575a68;font-weight:700;border-bottom:3px solid transparent}
  .mm-mobile-departments a.selected{border-bottom-color:#ff3f6c;color:#ff3f6c}
  .mm-mobile-categories{display:flex;gap:11px;overflow-x:auto;padding:13px 10px 13px;scrollbar-width:none;background:#fff}
  .mm-mobile-categories::-webkit-scrollbar{display:none}
  .mm-mobile-categories a{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 62px;font-size:9px;color:#444958}
  .mm-mobile-categories a span{display:block;width:60px;height:60px;border-radius:50%;overflow:hidden;background:#f6f1ee}
  .mm-mobile-categories img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
  .mm-mobile-categories strong{font-size:9px;white-space:nowrap}
  .mm-hero{padding:0}
  .mm-hero-banner{height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:190px 143px}
  .mm-hero-shot{height:190px}
  .mm-hero-shot.first{grid-column:1;grid-row:1}
  .mm-hero-shot.second{grid-column:2;grid-row:1}
  .mm-hero-creative{grid-column:1 / 3;grid-row:2;padding:14px 8px;justify-content:center}
  .mm-hero-label{font-size:8px;letter-spacing:1.3px;margin:0 0 5px}
  .mm-hero-creative h1{font-size:23px;letter-spacing:-.7px;margin:0 0 6px;max-width:100%}
  .mm-hero-creative p{font-size:10px;margin:0 0 7px}
  .mm-hero-creative>strong{font-size:21px}
  .mm-hero-creative>a{margin-top:8px;min-height:30px;padding:7px 16px;font-size:9px}
  .mm-hero-arrow{top:78px;width:28px;height:28px}
  .mm-hero-arrow .icon{width:14px;height:14px}
  .mm-hero-dots{padding:10px 0}
  .mm-offer-band{gap:6px;justify-content:center;padding:9px 8px;font-size:9px;flex-wrap:wrap;text-align:center}
  .mm-offer-band span{display:none}
  .mm-offer-band strong{font-size:10px;letter-spacing:.7px}
  .mm-section{padding:22px 0 12px}
  .mm-section-flush{padding-top:29px}
  .mm-section-head{gap:10px;margin-bottom:15px}
  .mm-section-head h2{font-size:15px;letter-spacing:1px}
  .mm-section-head>a{font-size:9px}
  .mm-banner-grid,.mm-deal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .mm-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 5px}
  .mm-tile-caption{min-height:69px;padding:8px 2px;gap:3px}
  .mm-tile-caption strong{font-size:10px}
  .mm-tile-caption span{font-size:11px}
  .mm-tile-caption small{font-size:8px}
  .mm-category-tile .mm-tile-caption{min-height:67px}
  .mm-category-tile .mm-tile-caption strong{font-size:10px}
  .mm-category-tile .mm-tile-caption span{font-size:9px}
  .mm-image-promos{grid-template-columns:1fr;gap:8px}
  .mm-image-promo{height:210px}
  .mm-image-promo div{left:18px;bottom:18px;gap:7px}
  .mm-image-promo strong{font-size:23px}
  .mm-image-promo small,.mm-image-promo span{font-size:9px}
  .mm-product-section .product-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 5px}
  .product-info{padding:8px 4px 10px}
  .product-brand{font-size:12px}
  .product-name{font-size:11px}
  .product-price{font-size:11px;gap:4px}
  .old-price,.discount{font-size:9px}
  .product-rating{bottom:6px;left:5px;font-size:9px;padding:4px}
  .product-rating span{font-size:8px}
  .mm-reassurance{width:calc(100% - 20px);padding:18px 5px;margin:25px auto 30px;gap:6px}
  .mm-reassurance strong{font-size:9px}
  .mm-reassurance span{font-size:8px}
  .catalog-heading{padding-bottom:13px}
  .listing-breadcrumb{padding-top:15px;margin-bottom:9px;font-size:10px}
  .catalog-name{font-size:14px}
  .catalog-name span{font-size:11px}
  .listing-toolbar{display:none}
  .listing-main{display:block}
  .listing-main .catalog-results{padding:3px 0 0}
  .listing-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 4px}
  .listing-main .filters{display:none;position:fixed;right:0;top:0;bottom:0;z-index:145;overflow:auto;width:min(90vw,365px);background:#fff;padding:15px;border:0;box-shadow:0 0 18px #0003}
  .listing-main .filters.open{display:block}
  .listing-main .filters.open .filter-top{display:flex}
  .listing-main .filters .filter-section{padding:15px 0}
  .mobile-listing-tools{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:87;left:0;right:0;bottom:57px;background:white;border-top:1px solid #ddd;box-shadow:0 -2px 12px #0001}
  .mobile-listing-tools button{height:47px;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:0;border-right:1px solid #eee;font-size:11px;font-weight:800}
  .mobile-listing-tools button .icon{width:16px;height:16px}
  .sort-sheet{display:block;position:fixed;left:0;right:0;bottom:0;background:white;z-index:150;max-height:80vh;overflow:auto;box-shadow:0 -4px 25px #0003;padding:15px 17px max(18px,env(safe-area-inset-bottom))}
  .sort-sheet-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:8px 0 14px}
  .sort-sheet-head button{border:0;background:white}
  .sort-choice{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #eee;padding:13px 7px;background:white;font-size:13px}
  .sort-choice.active{color:#ff3f6c;font-weight:800}
  .mm-pagination{margin-top:24px;padding-top:13px;gap:5px}
  .mm-pagination button{min-width:31px;height:33px;font-size:11px;padding:0 7px}
  .product-layout{padding:12px 0 90px;grid-template-columns:1fr}
  .product-gallery{display:flex;flex-direction:column-reverse;gap:7px}
  .thumbnails{display:flex;flex-direction:row;overflow-x:auto;gap:8px}
  .thumb{width:60px;flex-shrink:0}
  .main-product-image{aspect-ratio:4/4.9;max-height:510px}
  .detail-brand{font-size:20px}
  .detail-name{font-size:16px}
  .price-large{font-size:23px}
  .price-large .discount{font-size:15px}
  .mobile-product-purchase{position:fixed;z-index:88;bottom:57px;left:0;right:0;display:grid;grid-template-columns:115px 1fr;gap:8px;padding:8px 12px;background:#fff;box-shadow:0 -2px 12px #0002}
  .mobile-product-purchase .btn{min-height:41px;font-size:10px;padding:9px 6px}
  .mm-footer{padding:28px 0 15px}
  .mm-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;width:calc(100% - 30px)}
  .mm-footer-grid h4{font-size:10px}
  .mm-footer-grid a,.mm-footer-grid p,.footer-promise div{font-size:11px}
  .mm-footer-popular,.mm-footer-bottom{width:calc(100% - 30px);margin-top:25px}
  .mm-footer-popular p{font-size:11px}
  .mm-footer-bottom{display:flex;flex-direction:column;font-size:10px}
  .mobile-drawer{z-index:135}
  .mobile-scrim{z-index:125}
  .profile-flyout{display:none!important}
}
@media(max-width:400px){
  .mm-hero-banner{grid-template-rows:171px 145px}
  .mm-hero-shot{height:171px}
  .mm-hero-arrow{top:71px}
  .mm-hero-creative h1{font-size:20px}
  .mm-mobile-categories a{flex-basis:59px}
  .mm-mobile-categories a span{height:55px;width:55px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Matching 5-item mobile navigation and active filter details */
@media(max-width:700px){
  .mobile-bottom{z-index:90;align-items:center;padding:5px 0 max(7px,env(safe-area-inset-bottom))}
  .mobile-bottom a,.mobile-bottom button{width:20%;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:#fff;border:0;color:#595d6a;font:500 10px Arial,sans-serif;padding:1px}
  .mobile-bottom a.active{color:#ff3f6c;font-weight:800}
  .mobile-bottom button .icon{width:20px;height:20px}
  .mobile-bottom button:focus-visible{outline-offset:-2px}
  .mm-gender-filter .check-row{font-size:12px}
}


/* Consistent wishlist, bag, dialogs and size guides */
.page-head{background:white;border-bottom:1px solid #eaeaec;padding:26px 0 25px}
.page-head h1{font:800 clamp(20px,2.5vw,29px)/1.3 Arial,sans-serif}
.page-head p{font-size:12px;color:#737785}
.breadcrumb{color:#8b8e99;font-size:11px}
.breadcrumb a:hover{color:#ff3f6c}
.bag-layout{gap:36px;grid-template-columns:minmax(0,1fr) 360px}
.bag-item{gap:19px;padding:18px 0;grid-template-columns:105px minmax(0,1fr) auto}
.bag-img{height:136px}
.bag-title{font-size:14px}
.bag-name,.bag-meta{color:#686c79}
.bag-price{font-size:14px}
.bag-remove{color:#ff3f6c}
.summary{border:1px solid #eaeaec;padding:21px}
.summary h3{font-size:13px;letter-spacing:.2px}
.summary-row{color:#727582}
.summary-total{border-color:#eaeaec}
.summary-help{font-size:11px}
.empty-page{padding:65px 15px}
.empty-page h2{font:800 clamp(20px,2.6vw,30px)/1.3 Arial,sans-serif}
.empty-illustration{border-radius:50%;background:#fff0f4;color:#ff3f6c}
.wishlist-space{padding-top:23px}
.overlay{background:rgba(35,38,48,.48)}
.dialog{box-shadow:0 12px 42px #0002;padding:30px}
.dialog h2{font:800 23px/1.3 Arial,sans-serif}
.dialog p{color:#737785}
.close-btn{background:#f5f5f6}
.size-table th{background:#f7f7f8}
.no-results{background:#fafafa}
.no-results h3{font:800 23px/1.3 Arial,sans-serif}
.toast{background:#333644}
@media(max-width:700px){
  .page-head{padding:17px 0}
  .page-head h1{font-size:20px}
  .bag-layout{grid-template-columns:1fr;gap:16px;padding-top:20px;padding-bottom:105px}
  .bag-item{grid-template-columns:85px 1fr;gap:11px;position:relative;padding:14px 0 21px}
  .bag-img{height:112px}
  .bag-price{grid-column:2;font-size:13px}
  .bag-actions{gap:9px;flex-wrap:wrap}
  .summary{position:relative;top:auto}
  .wishlist-space{padding-bottom:105px}
  .dialog{padding:26px 18px}
}

/* Admin-driven storefront stock presentation */
.product-tag.unavailable{background:#4d5360;color:#fff}
.preview-stock{margin:9px 0 0;font-size:12px;font-weight:700;color:#198f6c}
.preview-stock.unavailable{color:#cf4666}
.size-option.out-size{border-color:#ddd;color:#b5b7bf;background:#f5f5f6;text-decoration:line-through;cursor:not-allowed}
.purchase-actions button:disabled,.mobile-product-purchase button:disabled{background:#b9bdc5!important;border-color:#b9bdc5!important;cursor:not-allowed;color:white!important}

/* Marketplace seller identity on customer-facing product detail */
.seller-byline{font-size:12px;color:#686c79;margin:10px 0 13px;line-height:1.5}
.seller-byline strong{color:#293044;font-weight:800}
.listing-main .filter-section input[data-filter="sellers"]{accent-color:#ff3f6c}
@media(max-width:700px){.seller-byline{font-size:11px;margin:9px 0}}