.mobile-only{display:none!important;}
.desktop-only{display:initial!important;}
:root{
  --mobile-header-height:84px;
  --mobile-safe-bottom:max(18px, env(safe-area-inset-bottom));
}

body.force-desktop-view .mobile-only{display:none!important;}
body.force-desktop-view .desktop-toggle-label::after{content:'Mobil görünüme dön';}
body:not(.force-desktop-view) .desktop-toggle-label::after{content:'Masaüstü görünüme geç';}
.mobile-header-actions,.mobile-drawer-backdrop,.mobile-drawer,.mobile-icon-button,.mobile-icon-badge{display:none!important;}
@media (min-width: 761px){
  .mobile-only,.mobile-header-actions,.mobile-drawer-backdrop,.mobile-drawer,.mobile-icon-button,.mobile-icon-badge{display:none!important;}
}

.mobile-view-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:48px;padding:0 16px;border-radius:16px;
  border:1px solid #d9def0;background:#fff;color:#1f2a44;font-weight:800;
  box-shadow:0 10px 26px rgba(31,42,68,.06);cursor:pointer;
}

.mobile-drawer-backdrop,
.mobile-drawer{display:none;}

@media (max-width: 760px){
  body:not(.force-desktop-view){
    background:#f6f7fb;
  }

  body:not(.force-desktop-view) .header-topline,
  body:not(.force-desktop-view) .nav-enhanced,
  body:not(.force-desktop-view) .nav-actions-enhanced{
    display:none !important;
  }

  body:not(.force-desktop-view) .header.header-enhanced{
    position:sticky;top:0;z-index:1100;background:rgba(255,255,255,.92);
    backdrop-filter:blur(16px);border-bottom:1px solid #e8ebf6;
    box-shadow:0 8px 28px rgba(31,42,68,.06);
  }

  body:not(.force-desktop-view) .header.header-enhanced .container{
    width:min(100%, calc(100% - 24px));
  }

  body:not(.force-desktop-view) .nav-wrap.nav-wrap-enhanced{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:72px;
    padding:10px 0;
  }

  body:not(.force-desktop-view) .mobile-only{display:initial!important;}
  body:not(.force-desktop-view) .brand-shell{min-width:0;order:1;justify-self:start;}
  body:not(.force-desktop-view) .brand{display:flex;align-items:center;gap:12px;min-width:0;}
  body:not(.force-desktop-view) .brand-mark{
    width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,#fff,#f7f8ff);
    border:1px solid #eceffc;box-shadow:0 8px 22px rgba(79,70,229,.08);
  }
  body:not(.force-desktop-view) .brand-mark img{width:40px;height:40px;object-fit:contain;}
  body:not(.force-desktop-view) .brand-copy{min-width:0;display:flex;flex-direction:column;gap:2px;}
  body:not(.force-desktop-view) .brand-copy .brand-title{
    font-size:clamp(1.45rem, 6vw, 1.9rem)!important;line-height:1.02;letter-spacing:-.04em;
  }
  body:not(.force-desktop-view) .brand-copy small{display:none!important;}

  body:not(.force-desktop-view) .mobile-header-actions{
    display:flex!important;align-items:center;justify-self:end;justify-content:flex-end;gap:10px;
  }
  body:not(.force-desktop-view) .mobile-icon-button{
    position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;
    border-radius:14px;border:1px solid #e4e8f6;background:rgba(255,255,255,.98);color:#24314f;
    box-shadow:0 10px 26px rgba(31,42,68,.08);text-decoration:none;flex:0 0 44px;
  }
  body:not(.force-desktop-view) .mobile-icon-button svg{width:20px;height:20px;display:block;}
  body:not(.force-desktop-view) .mobile-icon-badge{
    position:absolute;top:-5px;right:-4px;display:inline-flex!important;align-items:center;justify-content:center;
    min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#5b5bd6;color:#fff;font-size:.72rem;font-weight:800;
    box-shadow:0 4px 10px rgba(91,91,214,.28);
  }
  body:not(.force-desktop-view) .mobile-nav-toggle{
    position:relative;display:inline-flex !important;align-items:center;justify-content:center;gap:10px;
    min-width:92px;height:44px;padding:0 14px;border-radius:16px;border:1px solid #e4e8f6;
    background:rgba(255,255,255,.98);box-shadow:0 10px 26px rgba(31,42,68,.08);
    color:#24314f;text-decoration:none;line-height:1;font-weight:800;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle strong{display:block!important;font-size:1rem;line-height:1;color:#24314f;}
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon{
    display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:20px;flex:0 0 20px;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span{
    display:block;width:20px;height:2.5px;border-radius:999px;background:#24314f;margin:0;transition:transform .2s ease, opacity .2s ease;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(2){opacity:0;}
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

  body:not(.force-desktop-view) .mobile-drawer-backdrop{
    position:fixed;inset:0;background:rgba(17,24,39,.42);backdrop-filter:blur(4px);z-index:1190;display:none!important;
  }
  body:not(.force-desktop-view) .mobile-drawer{
    position:fixed;top:0;right:0;bottom:0;width:min(92vw,380px);background:#fff;
    z-index:1200;display:flex!important;flex-direction:column;transform:translateX(104%);
    visibility:hidden;pointer-events:none;
    transition:transform .28s ease;box-shadow:-18px 0 40px rgba(15,23,42,.18);
    border-left:1px solid #edf0f8;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-drawer-backdrop{display:block!important;}
  body:not(.force-desktop-view).mobile-drawer-open .mobile-drawer{transform:translateX(0);visibility:visible;pointer-events:auto;}
  body:not(.force-desktop-view).mobile-drawer-open{overflow:hidden;}

  body:not(.force-desktop-view) .mobile-drawer-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:18px 18px 14px;border-bottom:1px solid #eef2ff;
  }
  body:not(.force-desktop-view) .mobile-drawer-brand{
    display:flex;align-items:center;gap:12px;min-width:0;
  }
  body:not(.force-desktop-view) .mobile-drawer-brand img{
    width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid #edf0f8;
    padding:4px;
  }
  body:not(.force-desktop-view) .mobile-drawer-brand strong{
    display:block;font-size:1.05rem;color:#1f2a44;
  }
  body:not(.force-desktop-view) .mobile-drawer-brand small{display:none!important;}
  body:not(.force-desktop-view) .mobile-drawer-close{
    width:44px;height:44px;border-radius:14px;border:1px solid #e2e8f0;background:#f8faff;
    font-size:1.6rem;line-height:1;cursor:pointer;color:#4f46e5;
  }

  body:not(.force-desktop-view) .mobile-drawer-body{
    display:flex;flex-direction:column;gap:16px;padding:16px 16px calc(18px + var(--mobile-safe-bottom));overflow:auto;
  }
  body:not(.force-desktop-view) .mobile-drawer-search{
    display:grid;grid-template-columns:1fr auto;gap:10px;padding:6px;border-radius:20px;
    background:#f7f9ff;border:1px solid #e6ebff;
  }
  body:not(.force-desktop-view) .mobile-drawer-search input{
    min-width:0;border:none;background:transparent;padding:0 12px;font-size:1rem;outline:none;
  }
  body:not(.force-desktop-view) .mobile-drawer-search button{
    min-width:90px;border:none;border-radius:16px;background:#5b5bd6;color:#fff;font-weight:800;padding:0 16px;
  }

  body:not(.force-desktop-view) .mobile-drawer-quick{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  }
  body:not(.force-desktop-view) .mobile-chip-link,
  body:not(.force-desktop-view) .mobile-auth-link,
  body:not(.force-desktop-view) .mobile-nav-link,
  body:not(.force-desktop-view) .mobile-cart-link{
    display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;text-decoration:none;
    border-radius:16px;border:1px solid #e5e7f2;background:#fff;color:#1f2a44;font-weight:800;
  }
  body:not(.force-desktop-view) .mobile-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  body:not(.force-desktop-view) .mobile-auth-link.primary{background:#5b5bd6;border-color:#5b5bd6;color:#fff;}
  body:not(.force-desktop-view) .mobile-cart-link{
    justify-content:space-between;padding:14px 16px;align-items:flex-start;gap:14px;min-height:auto;
  }
  body:not(.force-desktop-view) .mobile-cart-copy{
    display:flex;flex-direction:column;gap:4px;min-width:0;align-items:flex-start;text-align:left;flex:1;
  }
  body:not(.force-desktop-view) .mobile-cart-title{font-size:1rem;font-weight:900;color:#1f2a44;line-height:1.1;}
  body:not(.force-desktop-view) .mobile-cart-subtitle{font-size:.82rem;font-weight:700;color:#7c869d;line-height:1.2;}
  body:not(.force-desktop-view) .mobile-cart-total{font-size:1rem;line-height:1.1;text-align:right;white-space:nowrap;padding-top:2px;}

  body:not(.force-desktop-view) .mobile-drawer-section{
    display:flex;flex-direction:column;gap:10px;
  }
  body:not(.force-desktop-view) .mobile-drawer-section-title{
    margin:0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#7c869d;font-weight:900;padding:0 4px;
  }

  body:not(.force-desktop-view) .mobile-nav-list{display:flex;flex-direction:column;gap:10px;}
  body:not(.force-desktop-view) .mobile-nav-link{justify-content:flex-start;padding:0 16px;min-height:52px;}
  body:not(.force-desktop-view) .mobile-nav-link.active{background:#eef2ff;border-color:#c7d2fe;color:#4338ca;}

  body:not(.force-desktop-view) .mobile-account-list{display:flex;flex-direction:column;gap:10px;}
  body:not(.force-desktop-view) .mobile-logout-form{margin:0;}
  body:not(.force-desktop-view) .mobile-logout-form button{width:100%;}

  body:not(.force-desktop-view) main{
    overflow-x:hidden;
  }

  body:not(.force-desktop-view) .hero-story-slider-section{padding-top:14px!important;padding-bottom:10px!important;}
  body:not(.force-desktop-view) .hero-story-viewport,
  body:not(.force-desktop-view) .hero-story-card{border-radius:28px!important;}
  body:not(.force-desktop-view) .hero-story-card{
    min-height:390px!important;padding:28px 24px 72px!important;align-items:flex-end;
    background-position:center right 28%!important;
  }
  body:not(.force-desktop-view) .hero-story-content{max-width:74%!important;gap:14px!important;}
  body:not(.force-desktop-view) .hero-story-content h1,
  body:not(.force-desktop-view) .hero-story-content h2{
    font-size:clamp(2rem, 8vw, 2.9rem)!important;max-width:9ch!important;
  }
  body:not(.force-desktop-view) .hero-story-content p{max-width:28ch!important;font-size:.98rem!important;}
  body:not(.force-desktop-view) .hero-story-actions .btn:last-child{display:none;}
  body:not(.force-desktop-view) .hero-story-dots{bottom:16px!important;}

  body:not(.force-desktop-view) .gift-finder-card-full{
    border-radius:28px!important;padding:20px 18px!important;
  }

  body:not(.force-desktop-view) .catalog-page-shell{display:flex;flex-direction:column;gap:14px;}
  body:not(.force-desktop-view).catalog-panel-open{overflow:hidden;}
  body:not(.force-desktop-view) .catalog-mobile-bar{
    position:static;top:auto;z-index:auto;display:grid!important;
    grid-template-columns:minmax(0,1fr) 160px;gap:10px;margin:0 0 18px;
    padding:12px;border-radius:24px;background:#fff;border:1px solid #e6ebf7;
    box-shadow:0 10px 26px rgba(31,42,68,.06);
  }
  body:not(.force-desktop-view) .catalog-mobile-bar .btn,
  body:not(.force-desktop-view) .catalog-mobile-bar select{min-height:50px;border-radius:16px;}
  body:not(.force-desktop-view) .catalog-sort-inline{width:100%;}
  body:not(.force-desktop-view) .catalog-sort-inline select{width:100%;background:#fff;}

  body:not(.force-desktop-view) .catalog-layout{
    display:block!important;
  }
  body:not(.force-desktop-view) .catalog-results{
    min-width:0;padding-bottom:24px;position:relative;z-index:1;
  }
  body:not(.force-desktop-view) .catalog-results-head{
    display:grid!important;grid-template-columns:1fr;gap:12px;align-items:start!important;margin:0 0 14px;
    clear:both;position:relative;z-index:2;
  }
  body:not(.force-desktop-view) .catalog-results-head > div{
    padding:4px 2px 0;
  }
  body:not(.force-desktop-view) .catalog-results-head h2{
    font-size:1.45rem!important;line-height:1.15;margin-bottom:4px;
  }
  body:not(.force-desktop-view) .catalog-results-head p{font-size:.95rem!important;}
  body:not(.force-desktop-view) .catalog-sort-desktop{display:none!important;}

  body:not(.force-desktop-view) .active-filter-chips{margin-bottom:14px!important;gap:8px!important;}
  body:not(.force-desktop-view) .chip-link{font-size:.85rem;padding:9px 12px;}

  body:not(.force-desktop-view) .filter-panel.filter-panel-advanced{
    position:fixed!important;left:0;right:0;bottom:0;top:auto!important;max-height:min(86vh,760px);z-index:1300;
    border-radius:28px 28px 0 0!important;padding:18px 16px calc(18px + var(--mobile-safe-bottom))!important;
    overflow:auto;background:#fff!important;transform:translateY(105%);transition:transform .28s ease;
    box-shadow:0 -18px 44px rgba(15,23,42,.18);display:block!important;margin:0!important;
  }
  body:not(.force-desktop-view) .filter-panel.filter-panel-advanced.is-open{transform:translateY(0)!important;}
  body:not(.force-desktop-view) .catalog-overlay{position:fixed;inset:0;background:rgba(17,24,39,.38);z-index:1290;}
  body:not(.force-desktop-view) .catalog-panel-head{
    position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding-bottom:10px;margin-bottom:10px;background:#fff;z-index:2;
  }
  body:not(.force-desktop-view) .catalog-panel-head h3{font-size:1.55rem;margin:0;}
  body:not(.force-desktop-view) .catalog-close-btn{
    width:44px;height:44px;border-radius:14px;border:1px solid #edf0f8;background:#f6f8ff;color:#4f46e5;font-size:1.7rem;
  }
  body:not(.force-desktop-view) .filter-stack{gap:14px!important;}
  body:not(.force-desktop-view) .filter-group label,
  body:not(.force-desktop-view) .filter-price-grid label{font-size:.92rem;font-weight:800;color:#41506b;margin-bottom:8px;display:block;}
  body:not(.force-desktop-view) .filter-panel-advanced input,
  body:not(.force-desktop-view) .filter-panel-advanced select{
    min-height:54px;border-radius:18px!important;background:#fbfcff!important;
  }
  body:not(.force-desktop-view) .filter-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  body:not(.force-desktop-view) .filter-actions-row{
    position:sticky;bottom:calc(-18px - var(--mobile-safe-bottom));display:grid;grid-template-columns:1fr 1fr;gap:12px;
    padding:14px 0 calc(4px + var(--mobile-safe-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 32%);
    margin-top:8px;
  }

  body:not(.force-desktop-view) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start;}
  body:not(.force-desktop-view) .product-card.product-card-compact{
    border-radius:22px!important;overflow:hidden;box-shadow:0 10px 28px rgba(31,42,68,.06);border:1px solid #eef2ff;
  }
  body:not(.force-desktop-view) .product-image-wrap.product-image-wrap-catalog{border-radius:0!important;aspect-ratio:1/1.06;}
  body:not(.force-desktop-view) .product-body.product-body-compact{padding:12px!important;display:grid;gap:10px;}
  body:not(.force-desktop-view) .product-meta-top.compact{gap:6px;flex-wrap:wrap;}
  body:not(.force-desktop-view) .product-category,
  body:not(.force-desktop-view) .product-age-chip{font-size:.72rem;}
  body:not(.force-desktop-view) .product-body.product-body-compact h3{margin:0!important;min-height:2.7em;}
  body:not(.force-desktop-view) .price-row.compact{display:grid!important;gap:4px!important;}
  body:not(.force-desktop-view) .product-actions.product-actions-compact{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  body:not(.force-desktop-view) .product-actions.product-actions-compact form{margin:0;}
  body:not(.force-desktop-view) .product-actions .btn{min-height:44px;}

  body:not(.force-desktop-view) .catalog-empty-state{
    padding:26px 18px!important;border-radius:24px!important;text-align:center;
  }

  body:not(.force-desktop-view) .catalog-page-shell > .breadcrumb,
  body:not(.force-desktop-view) .catalog-page-shell .breadcrumb{margin-bottom:12px;}
  body:not(.force-desktop-view) .section-head.section-head-catalog{padding-top:0!important;}
  body:not(.force-desktop-view) .catalog-popular-searches{position:relative;z-index:1;}
  body:not(.force-desktop-view) .catalog-mobile-bar + .catalog-overlay + .catalog-layout{margin-top:0;}

  body:not(.force-desktop-view) .whatsapp-float{
    right:14px!important;bottom:16px!important;transform:scale(.9);transform-origin:bottom right;z-index:900;
  }
}

@media (max-width: 420px){
  body:not(.force-desktop-view) .mobile-drawer{width:100vw;}
  body:not(.force-desktop-view) .hero-story-card{min-height:340px!important;padding:22px 18px 64px!important;}
  body:not(.force-desktop-view) .hero-story-content{max-width:78%!important;}
  body:not(.force-desktop-view) .hero-story-content h1,
  body:not(.force-desktop-view) .hero-story-content h2{font-size:clamp(1.84rem, 8vw, 2.5rem)!important;}
  body:not(.force-desktop-view) .product-grid{gap:10px!important;}
  body:not(.force-desktop-view) .catalog-mobile-bar{grid-template-columns:1fr;}
}

@media (min-width: 761px){
  .mobile-only,
  .mobile-header-actions,
  .mobile-icon-button,
  .mobile-nav-toggle,
  .mobile-drawer,
  .mobile-drawer-backdrop{display:none!important;}
}

@media (max-width: 760px){
  body:not(.force-desktop-view) .nav-wrap-enhanced{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
  }
  body:not(.force-desktop-view) .brand-shell{max-width:100%;}
  body:not(.force-desktop-view) .brand{justify-content:flex-start;}
  body:not(.force-desktop-view) .nav-actions-enhanced,
  body:not(.force-desktop-view) .nav-enhanced{display:none!important;}
}


/* v42 mobile header final alignment */
@media (max-width: 760px){
  body:not(.force-desktop-view) .nav-wrap.nav-wrap-enhanced{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-height:72px !important;
    padding:10px 0 !important;
    flex-wrap:nowrap !important;
  }
  body:not(.force-desktop-view) .brand-shell{
    order:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    justify-self:auto !important;
  }
  body:not(.force-desktop-view) .brand{
    justify-content:flex-start !important;
  }
  body:not(.force-desktop-view) .mobile-header-actions{
    order:2 !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
    justify-self:auto !important;
    gap:0 !important;
  }
  body:not(.force-desktop-view) .mobile-search-toggle,
  body:not(.force-desktop-view) .mobile-cart-toggle{
    display:none !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle{
    display:inline-flex !important;
    min-width:112px !important;
    justify-content:center !important;
    gap:10px !important;
    margin-left:0 !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon{
    width:22px !important;
    flex:0 0 22px !important;
    align-items:flex-start !important;
    gap:4px !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span{
    width:22px !important;
    height:2.5px !important;
    opacity:1 !important;
  }
  body:not(.force-desktop-view):not(.mobile-drawer-open) .mobile-nav-toggle .mobile-nav-icon span{
    transform:none !important;
  }
  body:not(.force-desktop-view) .brand-copy .brand-title{
    font-size:clamp(1.3rem, 5.8vw, 1.8rem)!important;
  }
}


/* v43 compact menu icon only */
@media (max-width: 760px){
  body:not(.force-desktop-view) .nav-wrap.nav-wrap-enhanced{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
  }
  body:not(.force-desktop-view) .brand-shell{
    order:1 !important;
    flex:1 1 auto !important;
    max-width:calc(100% - 72px) !important;
  }
  body:not(.force-desktop-view) .brand{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
  }
  body:not(.force-desktop-view) .mobile-header-actions{
    display:flex !important;
    order:2 !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
    gap:0 !important;
  }
  body:not(.force-desktop-view) .mobile-icon-button,
  body:not(.force-desktop-view) .mobile-search-toggle,
  body:not(.force-desktop-view) .mobile-cart-toggle,
  body:not(.force-desktop-view) .mobile-nav-toggle strong{
    display:none !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    padding:0 !important;
    border-radius:14px !important;
    border:1px solid #e4e8f6 !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(31,42,68,.08) !important;
    gap:0 !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon{
    display:inline-flex !important;
    width:20px !important;
    flex:0 0 20px !important;
    align-items:stretch !important;
    gap:4px !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span{
    width:20px !important;
    height:2.5px !important;
    background:#24314f !important;
    opacity:1 !important;
  }
}

/* v44 refined mobile header and drawer */
@media (max-width: 760px){
  body:not(.force-desktop-view){
    --mobile-header-height:72px;
  }

  body:not(.force-desktop-view) .header.header-enhanced{
    background:rgba(255,255,255,.94) !important;
    backdrop-filter:blur(18px) saturate(140%);
    box-shadow:0 10px 30px rgba(20,29,54,.06) !important;
    border-bottom:1px solid rgba(228,232,246,.9) !important;
  }

  body:not(.force-desktop-view) .header.header-enhanced .container{
    width:min(100%, calc(100% - 20px)) !important;
  }

  body:not(.force-desktop-view) .nav-wrap.nav-wrap-enhanced{
    min-height:64px !important;
    padding:8px 0 !important;
    gap:10px !important;
  }

  body:not(.force-desktop-view) .brand-shell{
    max-width:calc(100% - 62px) !important;
  }

  body:not(.force-desktop-view) .brand{
    gap:10px !important;
  }

  body:not(.force-desktop-view) .brand-mark{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    box-shadow:0 8px 20px rgba(91,91,214,.10) !important;
  }

  body:not(.force-desktop-view) .brand-mark img{
    width:36px !important;
    height:36px !important;
  }

  body:not(.force-desktop-view) .brand-copy{
    gap:0 !important;
  }

  body:not(.force-desktop-view) .brand-copy .brand-title{
    font-size:clamp(1.18rem, 5.4vw, 1.58rem) !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
  }

  body:not(.force-desktop-view) .mobile-header-actions{
    gap:0 !important;
  }

  body:not(.force-desktop-view) .mobile-nav-toggle{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    border-radius:15px !important;
    border:1px solid #e7ebf7 !important;
    background:linear-gradient(180deg,#ffffff,#f7f9ff) !important;
    box-shadow:0 8px 22px rgba(31,42,68,.08) !important;
  }

  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon{
    width:18px !important;
    flex:0 0 18px !important;
    gap:3.5px !important;
  }

  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span{
    width:18px !important;
    height:2.25px !important;
    border-radius:999px !important;
    background:#2f3a5a !important;
  }

  body:not(.force-desktop-view) .mobile-drawer{
    width:min(90vw, 360px) !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%) !important;
    box-shadow:-22px 0 52px rgba(15,23,42,.18) !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-head{
    padding:14px 14px 12px !important;
    border-bottom:1px solid #edf1fb !important;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(12px);
  }

  body:not(.force-desktop-view) .mobile-drawer-brand{
    gap:10px !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-brand img{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
    padding:3px !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-brand strong{
    font-size:1.4rem !important;
    letter-spacing:-.03em;
  }

  body:not(.force-desktop-view) .mobile-drawer-close{
    width:40px !important;
    height:40px !important;
    border-radius:14px !important;
    font-size:1.9rem !important;
    background:#f6f8ff !important;
    color:#5b5bd6 !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-body{
    gap:14px !important;
    padding:14px 14px calc(18px + var(--mobile-safe-bottom)) !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-section{
    gap:8px !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-search{
    gap:8px !important;
    padding:5px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#f8faff,#f4f7ff) !important;
    border:1px solid #e7ebff !important;
    box-shadow:0 10px 24px rgba(91,91,214,.06);
  }

  body:not(.force-desktop-view) .mobile-drawer-search input{
    padding:0 12px !important;
    font-size:.98rem !important;
    color:#24314f !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-search input::placeholder{
    color:#8d95aa !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-search button{
    min-width:84px !important;
    min-height:42px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#5b5bd6,#6d63f2) !important;
    box-shadow:0 10px 20px rgba(91,91,214,.18);
  }

  body:not(.force-desktop-view) .mobile-drawer-quick,
  body:not(.force-desktop-view) .mobile-auth-grid{
    gap:8px !important;
  }

  body:not(.force-desktop-view) .mobile-chip-link,
  body:not(.force-desktop-view) .mobile-auth-link,
  body:not(.force-desktop-view) .mobile-nav-link,
  body:not(.force-desktop-view) .mobile-cart-link{
    min-height:46px !important;
    border-radius:18px !important;
    border:1px solid #e7ebf5 !important;
    background:#fff !important;
    box-shadow:0 6px 16px rgba(31,42,68,.04);
  }

  body:not(.force-desktop-view) .mobile-auth-link.primary{
    background:linear-gradient(135deg,#5b5bd6,#6d63f2) !important;
    border-color:transparent !important;
    box-shadow:0 12px 24px rgba(91,91,214,.20) !important;
  }

  body:not(.force-desktop-view) .mobile-cart-link{
    padding:13px 15px !important;
    border-radius:20px !important;
    align-items:center !important;
  }

  body:not(.force-desktop-view) .mobile-cart-title,
  body:not(.force-desktop-view) .mobile-cart-total{
    font-size:.98rem !important;
  }

  body:not(.force-desktop-view) .mobile-cart-subtitle{
    font-size:.78rem !important;
  }

  body:not(.force-desktop-view) .mobile-drawer-section-title{
    font-size:.78rem !important;
    letter-spacing:.12em !important;
    padding:2px 4px 0 !important;
  }

  body:not(.force-desktop-view) .mobile-nav-list,
  body:not(.force-desktop-view) .mobile-account-list{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  body:not(.force-desktop-view) .mobile-nav-link{
    justify-content:space-between !important;
    padding:0 16px !important;
    min-height:50px !important;
    font-weight:800 !important;
  }

  body:not(.force-desktop-view) .mobile-nav-link::after{
    content:'›';
    color:#9aa3b7;
    font-size:1.15rem;
    line-height:1;
  }

  body:not(.force-desktop-view) .mobile-nav-link.active{
    background:linear-gradient(135deg,#eff2ff,#f7f8ff) !important;
    border-color:#d9defe !important;
    color:#4b4cd2 !important;
    box-shadow:0 10px 22px rgba(91,91,214,.10) !important;
  }

  body:not(.force-desktop-view) .mobile-nav-sublist{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:-2px 0 2px;
    padding:0 0 0 16px;
    border-left:2px solid #e8ebf8;
  }

  body:not(.force-desktop-view) .mobile-nav-sublink{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:0 14px;
    border:1px solid #eef1f7;
    border-radius:16px;
    background:#fbfcff;
    color:#4f5b72;
    font-weight:700;
    font-size:.94rem;
    line-height:1.35;
    text-decoration:none;
  }

  body:not(.force-desktop-view) .mobile-nav-sublink:hover,
  body:not(.force-desktop-view) .mobile-nav-sublink:focus-visible{
    border-color:#d9defe;
    background:#f4f6ff;
    color:#4338ca;
  }

  body:not(.force-desktop-view) .mobile-view-toggle{
    min-height:50px !important;
    border-radius:18px !important;
    border:1px solid #e7ebf5 !important;
    background:#fff !important;
    box-shadow:0 6px 16px rgba(31,42,68,.04);
  }
}

@media (max-width: 420px){
  body:not(.force-desktop-view) .header.header-enhanced .container{
    width:min(100%, calc(100% - 16px)) !important;
  }

  body:not(.force-desktop-view) .nav-wrap.nav-wrap-enhanced{
    min-height:60px !important;
    padding:7px 0 !important;
  }

  body:not(.force-desktop-view) .brand{
    gap:9px !important;
  }

  body:not(.force-desktop-view) .brand-mark{
    width:41px !important;
    height:41px !important;
  }

  body:not(.force-desktop-view) .brand-mark img{
    width:33px !important;
    height:33px !important;
  }

  body:not(.force-desktop-view) .brand-copy .brand-title{
    font-size:clamp(1.12rem, 5vw, 1.42rem) !important;
  }

  body:not(.force-desktop-view) .mobile-nav-toggle{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    border-radius:14px !important;
  }
}


/* v45 mobile header icons refinement */
@media (max-width: 760px){
  body:not(.force-desktop-view) .brand-shell{
    max-width:calc(100% - 152px) !important;
  }

  body:not(.force-desktop-view) .mobile-header-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-left:auto !important;
  }

  body:not(.force-desktop-view) .mobile-icon-button,
  body:not(.force-desktop-view) .mobile-search-toggle,
  body:not(.force-desktop-view) .mobile-cart-toggle,
  body:not(.force-desktop-view) .mobile-nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    padding:0 !important;
    border-radius:14px !important;
    border:1px solid #e7ebf7 !important;
    background:linear-gradient(180deg,#ffffff,#f7f9ff) !important;
    box-shadow:0 8px 20px rgba(31,42,68,.07) !important;
    color:#2f3a5a !important;
    text-decoration:none !important;
    position:relative !important;
  }

  body:not(.force-desktop-view) .mobile-icon-button svg,
  body:not(.force-desktop-view) .mobile-search-toggle svg,
  body:not(.force-desktop-view) .mobile-cart-toggle svg{
    width:18px !important;
    height:18px !important;
    display:block !important;
  }

  body:not(.force-desktop-view) .mobile-icon-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:18px !important;
    height:18px !important;
    padding:0 5px !important;
    position:absolute !important;
    top:-4px !important;
    right:-4px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#5b5bd6,#6d63f2) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1 !important;
    box-shadow:0 8px 16px rgba(91,91,214,.22) !important;
  }

  body:not(.force-desktop-view) .mobile-nav-toggle{
    background:linear-gradient(180deg,#ffffff,#f7f9ff) !important;
  }

  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon{
    width:18px !important;
    flex:0 0 18px !important;
    display:inline-flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:3.5px !important;
  }

  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span{
    width:18px !important;
    height:2.25px !important;
    border-radius:999px !important;
    background:#2f3a5a !important;
    opacity:1 !important;
    transform:none !important;
  }

  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(1),
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(2),
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(3){
    transform:none !important;
    opacity:1 !important;
  }
}

@media (max-width: 420px){
  body:not(.force-desktop-view) .brand-shell{
    max-width:calc(100% - 146px) !important;
  }

  body:not(.force-desktop-view) .mobile-header-actions{
    gap:6px !important;
  }

  body:not(.force-desktop-view) .mobile-icon-button,
  body:not(.force-desktop-view) .mobile-search-toggle,
  body:not(.force-desktop-view) .mobile-cart-toggle,
  body:not(.force-desktop-view) .mobile-nav-toggle{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    border-radius:13px !important;
  }
}

/* Mobile premium polish v6 */
@media (max-width: 760px){
  body:not(.force-desktop-view) .header.header-enhanced{
    box-shadow:0 6px 22px rgba(31,42,68,.05);
  }

  body:not(.force-desktop-view) .nav-wrap.nav-wrap-enhanced{
    gap:10px;
    min-height:68px;
    padding:8px 0;
  }

  body:not(.force-desktop-view) .brand{gap:10px;}
  body:not(.force-desktop-view) .brand-mark{
    width:46px;height:46px;border-radius:13px;
    box-shadow:0 8px 18px rgba(79,70,229,.06);
  }
  body:not(.force-desktop-view) .brand-mark img{width:38px;height:38px;}
  body:not(.force-desktop-view) .brand-copy .brand-title{
    font-size:clamp(1.35rem,5.8vw,1.8rem)!important;
  }

  body:not(.force-desktop-view) .mobile-header-actions{gap:8px;}
  body:not(.force-desktop-view) .mobile-icon-button,
  body:not(.force-desktop-view) .mobile-nav-toggle{
    width:42px;
    min-width:42px;
    height:42px;
    padding:0;
    border-radius:15px;
    border:1px solid #e7ebf7;
    background:rgba(255,255,255,.98);
    box-shadow:0 8px 18px rgba(31,42,68,.06);
  }
  body:not(.force-desktop-view) .mobile-icon-button svg{width:19px;height:19px;}
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon{
    width:18px;
    flex:0 0 18px;
    align-items:center;
    gap:3.5px;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span{
    width:18px;
    height:2.2px;
    background:#283552;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span:nth-child(2){
    width:18px;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span:nth-child(3){
    width:18px;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(1){
    transform:translateY(5.7px) rotate(45deg);
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(3){
    transform:translateY(-5.7px) rotate(-45deg);
  }

  body:not(.force-desktop-view) .hero-story-slider-section{
    padding-top:10px!important;
    padding-bottom:8px!important;
  }
  body:not(.force-desktop-view) .hero-story-viewport,
  body:not(.force-desktop-view) .hero-story-card{
    border-radius:24px!important;
  }
  body:not(.force-desktop-view) .hero-story-card{
    min-height:345px!important;
    padding:22px 18px 58px!important;
    background-position:center right 32%!important;
  }
  body:not(.force-desktop-view) .hero-story-overlay{
    background:linear-gradient(90deg,rgba(17,25,53,.8) 0%,rgba(17,25,53,.62) 38%,rgba(17,25,53,.2) 72%,rgba(17,25,53,.08) 100%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  }
  body:not(.force-desktop-view) .hero-story-content{
    max-width:70%!important;
    gap:12px!important;
  }
  body:not(.force-desktop-view) .hero-story-badge{
    padding:9px 13px;
    font-size:.9rem;
  }
  body:not(.force-desktop-view) .hero-story-content h1,
  body:not(.force-desktop-view) .hero-story-content h2{
    font-size:clamp(1.85rem,7.4vw,2.65rem)!important;
    line-height:.98!important;
    max-width:8ch!important;
  }
  body:not(.force-desktop-view) .hero-story-content p{
    max-width:24ch!important;
    font-size:.94rem!important;
    line-height:1.52!important;
  }
  body:not(.force-desktop-view) .hero-story-dots{
    bottom:13px!important;
    gap:7px!important;
  }
  body:not(.force-desktop-view) .hero-story-dots .slider-dot{
    width:8px;
    height:8px;
    background:rgba(255,255,255,.55);
    box-shadow:none;
  }
  body:not(.force-desktop-view) .hero-story-dots .slider-dot.active{
    width:26px;
    height:8px;
    background:#fff;
    box-shadow:0 6px 16px rgba(255,255,255,.28);
  }
}

@media (max-width: 420px){
  body:not(.force-desktop-view) .hero-story-card{
    min-height:332px!important;
    padding:20px 16px 56px!important;
  }
  body:not(.force-desktop-view) .hero-story-content{
    max-width:72%!important;
  }
  body:not(.force-desktop-view) .hero-story-content h1,
  body:not(.force-desktop-view) .hero-story-content h2{
    font-size:clamp(1.72rem,7.2vw,2.35rem)!important;
  }
  body:not(.force-desktop-view) .hero-story-content p{
    font-size:.91rem!important;
  }
}


/* v45 mobile menu + catalog panel polish */
@media (max-width: 760px){
  body:not(.force-desktop-view) .mobile-nav-toggle{
    position:relative;
    overflow:hidden;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle::after{
    content:"";
    position:absolute;
    right:10px;
    top:50%;
    width:7px;
    height:7px;
    border-right:2px solid #55627f;
    border-bottom:2px solid #55627f;
    transform:translateY(-50%) rotate(-45deg);
    opacity:.9;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    width:18px !important;
    flex:0 0 18px !important;
    gap:4px !important;
    margin-right:8px !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span{
    display:block !important;
    height:2.4px !important;
    border-radius:999px !important;
    background:#283552 !important;
    transform-origin:left center !important;
    transition:transform .22s ease, width .22s ease, opacity .22s ease !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span:nth-child(1){width:18px !important;}
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span:nth-child(2){width:14px !important;}
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span:nth-child(3){width:18px !important;}
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle::after{
    opacity:0;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(1){
    width:18px !important;
    transform:translateY(6.4px) rotate(45deg) !important;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(2){
    opacity:0 !important;
    width:18px !important;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(3){
    width:18px !important;
    transform:translateY(-6.4px) rotate(-45deg) !important;
  }

  body:not(.force-desktop-view) .filter-panel.filter-panel-advanced{
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    isolation:isolate;
    padding-top:0 !important;
  }
  body:not(.force-desktop-view) .catalog-panel-head{
    position:sticky;
    top:0;
    margin:0 -16px 12px !important;
    padding:18px 16px 14px !important;
    background:rgba(255,255,255,.98) !important;
    backdrop-filter:blur(12px);
    border-radius:28px 28px 0 0;
    box-shadow:0 1px 0 rgba(228,232,246,.95);
    z-index:6 !important;
  }
  body:not(.force-desktop-view) .catalog-panel-head::before{
    content:"";
    position:absolute;
    inset:-24px 0 auto 0;
    height:24px;
    background:rgba(255,255,255,.98);
  }
  body:not(.force-desktop-view) .filter-stack{
    position:relative;
    z-index:1;
    padding-top:2px;
  }
}

/* v46 mobile header logo + classic hamburger refinement */
@media (max-width: 760px){
  body:not(.force-desktop-view) .mobile-header-actions{
    gap:8px !important;
  }
  body:not(.force-desktop-view) .mobile-icon-button,
  body:not(.force-desktop-view) .mobile-nav-toggle{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    padding:0 !important;
    border-radius:14px !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle::after{
    display:none !important;
    content:none !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon{
    width:20px !important;
    flex:0 0 20px !important;
    align-items:stretch !important;
    gap:4px !important;
    margin-right:0 !important;
  }
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span,
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span:nth-child(1),
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span:nth-child(2),
  body:not(.force-desktop-view) .mobile-nav-toggle .mobile-nav-icon span:nth-child(3){
    width:20px !important;
    height:2.4px !important;
    border-radius:999px !important;
    background:#24314f !important;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(1){
    transform:translateY(6.2px) rotate(45deg) !important;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(2){
    opacity:0 !important;
    transform:none !important;
  }
  body:not(.force-desktop-view).mobile-drawer-open .mobile-nav-toggle .mobile-nav-icon span:nth-child(3){
    transform:translateY(-6.2px) rotate(-45deg) !important;
  }

  body:not(.force-desktop-view) .brand{
    align-items:center !important;
    gap:10px !important;
  }
  body:not(.force-desktop-view) .brand-mark{
    width:46px !important;
    height:46px !important;
    border-radius:12px !important;
  }
  body:not(.force-desktop-view) .brand-mark img{
    width:38px !important;
    height:38px !important;
  }
  body:not(.force-desktop-view) .brand-copy{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:1px !important;
    min-width:0 !important;
  }
  body:not(.force-desktop-view) .brand-copy .brand-title{
    display:block !important;
    font-size:clamp(1.08rem,4.8vw,1.32rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.03em !important;
    margin:0 !important;
  }
  body:not(.force-desktop-view) .brand-copy small{
    display:block !important;
    font-size:.63rem !important;
    line-height:1.15 !important;
    color:#6b7280 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }
}

@media (max-width: 420px){
  body:not(.force-desktop-view) .nav-wrap.nav-wrap-enhanced{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
  }
  body:not(.force-desktop-view) .brand-copy .brand-title{
    font-size:clamp(1rem,4.6vw,1.18rem) !important;
  }
  body:not(.force-desktop-view) .brand-copy small{
    font-size:.58rem !important;
  }
}

/* v47 brand refresh: modern premium logo */
@media (max-width: 760px){
  body:not(.force-desktop-view) .brand{
    gap:12px !important;
    align-items:center !important;
  }
  body:not(.force-desktop-view) .brand-mark{
    width:58px !important;
    height:58px !important;
    border-radius:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
  }
  body:not(.force-desktop-view) .brand-mark img{
    width:58px !important;
    height:58px !important;
    border-radius:18px !important;
    filter:drop-shadow(0 10px 20px rgba(91,91,214,.18)) !important;
  }
  body:not(.force-desktop-view) .brand-copy{
    gap:2px !important;
  }
  body:not(.force-desktop-view) .brand-copy .brand-title{
    font-size:clamp(1.32rem,5vw,1.62rem) !important;
    line-height:.96 !important;
    letter-spacing:-.04em !important;
  }
  body:not(.force-desktop-view) .brand-copy small{
    display:block !important;
    font-size:.65rem !important;
    line-height:1.12 !important;
    color:#69758a !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

@media (max-width: 420px){
  body:not(.force-desktop-view) .brand-mark{
    width:54px !important;
    height:54px !important;
  }
  body:not(.force-desktop-view) .brand-mark img{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
  }
  body:not(.force-desktop-view) .brand-copy .brand-title{
    font-size:clamp(1.22rem,4.9vw,1.46rem) !important;
  }
  body:not(.force-desktop-view) .brand-copy small{
    font-size:.61rem !important;
  }
}

@media (max-width: 760px){
  body:not(.force-desktop-view) .mobile-search-suggestions{display:block;border-radius:20px;}
  body:not(.force-desktop-view) .catalog-quick-scroller{padding-left:0;padding-right:0;}
  body:not(.force-desktop-view) .catalog-quick-pill{box-shadow:none;}
  body:not(.force-desktop-view) .catalog-reassurance-banner{padding:14px 16px;border-radius:22px;}
  body:not(.force-desktop-view) .catalog-insight-card{padding:12px 14px;border-radius:18px;}
  body:not(.force-desktop-view) .product-offer-card{padding:12px 14px;border-radius:18px;}

  body:not(.force-desktop-view) .product-rating-row{gap:5px;margin:2px 0 8px;font-size:.8rem;}
  body:not(.force-desktop-view) .product-rating-row strong{font-size:.88rem;}
  body:not(.force-desktop-view) .product-proof-row{gap:6px;}
  body:not(.force-desktop-view) .product-proof-pill{font-size:.72rem;padding:6px 9px;}
  body:not(.force-desktop-view) .product-card-trustline{font-size:.74rem;}
  body:not(.force-desktop-view) .product-urgency-row{margin-top:10px;}
  body:not(.force-desktop-view) .product-urgency-pill{font-size:.76rem;padding:7px 10px;}
  body:not(.force-desktop-view) .faq-card{border-radius:20px;padding:0 14px;}
  body:not(.force-desktop-view) .cart-trust-step{padding:12px 14px;border-radius:18px;}
  body:not(.force-desktop-view) .checkout-fast-benefit,
  body:not(.force-desktop-view) .checkout-faq-card{border-radius:18px;padding:0 14px 0 14px;}
  body:not(.force-desktop-view) .checkout-fast-benefit{padding:14px 16px;}
}

.active-filter-chips-compact { margin: 6px 0 12px; }
.active-filter-chips-compact .chip-link { padding: 8px 12px; }