/* V12 — SEARCH-FIRST HOMEPAGE / PRODUCT LANDINGS / MOBILE-FIRST */
#categories-nav,#categories-section,#all-categories,#category-breadcrumbs,#category-select,
.filters-details label:has(#category-select),#privateBadge{display:none!important}
#nav-favorites{display:inline-flex!important}
#nav-fav-count{display:inline-grid;place-items:center;min-width:24px;height:24px;
 padding:0 6px;border-radius:999px;background:var(--accent-ui);color:white;font-size:14px;font-weight:900}
#nav-favorites.active,#nav-catalog.active{border-bottom:3px solid var(--accent-ui)!important}
.topnav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 width:100%!important;gap:3px!important;order:3;margin:0!important}
.topnav>.navbtn,.topnav>.top-more>summary{font-size:15px!important;min-height:52px!important;
 padding:10px 4px!important;justify-content:center!important;text-align:center!important;
 white-space:nowrap!important}
#nav-favorites{gap:5px!important}
body[data-page="home"] #results-view,
body[data-page="home"] .statusbar{display:none!important}
#results-view[hidden],#discover[hidden],#home-intro[hidden]{display:none!important}
body[data-page="home"] #discover:not([hidden]){display:block!important}
body:not([data-page="home"]) #discover{display:none!important}
.home-intro{margin:32px 0 36px;background:var(--surface);color:var(--ink);
 padding:27px 21px 25px;border:1px solid var(--edge);border-radius:16px}
.home-intro-head{display:flex;flex-direction:column;gap:8px}
.home-kicker{font-size:14px;font-weight:900;letter-spacing:.13em;color:var(--accent-ink)}
.home-intro h2{font-size:clamp(31px,8vw,47px);line-height:1.04;letter-spacing:-.055em;margin:5px 0!important}
.home-intro-head>p{font-size:19px;line-height:1.48;margin:3px 0 16px;max-width:550px}
.home-benefits{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--edge)}
.home-benefit{padding:18px 0;border-bottom:1px solid var(--edge)}
.benefit-number{font-size:15px;font-weight:950;color:var(--accent-ink)}
.home-benefit h3{font-size:23px;line-height:1.12;letter-spacing:-.035em;margin:8px 0}
.home-benefit p{font-size:17px;line-height:1.45;margin:0}
.home-intro-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
.home-intro-actions button{width:100%;font-size:19px!important;min-height:60px!important}
#home-fav-count{font-weight:900;margin-left:6px}
#discover{margin:35px 0 50px!important}
#discover .discover-head{display:flex!important;justify-content:space-between!important;
 align-items:end!important;gap:15px!important;margin:0 0 18px!important}
#discover .discover-head h2{font-size:clamp(32px,8vw,51px)!important;line-height:1.05}
#discover .discover-head .textbtn{min-height:50px!important;font-size:16px!important}
#featured-grid.feature-grid{display:grid!important;grid-template-columns:1fr!important;
 gap:17px!important}
#featured-grid .smart-card{padding:0!important;display:flex!important;
 flex-direction:column!important;border:1px solid var(--edge)!important;
 border-radius:15px!important;background:var(--surface)!important;
 color:var(--ink)!important;overflow:hidden!important}
#featured-grid .feature-image{aspect-ratio:1.85;overflow:hidden;background:#101010;
 position:relative}
#featured-grid .feature-image img{position:absolute!important;left:-150%!important;
 top:0!important;width:250%!important;max-width:none!important;height:100%!important;
 object-fit:cover!important}
#featured-grid .feature-body{padding:23px;display:flex;flex-direction:column;gap:11px;flex:1}
#featured-grid .feature-type{font-size:14px;letter-spacing:.09em;color:var(--accent-ink);font-weight:900}
#featured-grid .feature-body h3{font-size:clamp(25px,6vw,31px)!important;line-height:1.14;
 letter-spacing:-.04em;margin:0!important;color:var(--ink)!important}
#featured-grid .feature-body p{margin:0;font-size:18px;line-height:1.48}
#featured-grid .feature-body button{margin-top:auto;min-height:54px!important;
 font-size:18px!important}
#discover .discover-bottom{display:grid!important;grid-template-columns:1fr!important;
 gap:17px!important;margin-top:22px!important}
#discover .relevant-panel,#discover .random-panel{border:1px solid var(--edge)!important;
 border-radius:15px!important;background:var(--surface)!important;color:var(--ink)!important;
 padding:23px!important}
#discover .relevant-panel h3,#discover .random-panel h3{font-size:25px!important}
#discover .relevant-title{font-size:17px!important}
#results-view{margin-top:26px!important}
.results-head{display:flex!important;flex-wrap:wrap!important;gap:9px!important;align-items:center!important}
#results-title{flex:1 1 100%;font-size:clamp(33px,7.5vw,54px)!important;margin:0!important}
#status{font-size:16px!important;margin-right:auto}
.layout-switch{display:inline-flex;align-items:center;gap:4px;
 border:1.5px solid var(--edge);border-radius:12px;background:var(--surface);
 padding:5px;margin-left:auto}
.layout-switch button{display:inline-flex;gap:6px;align-items:center;justify-content:center;
 font-size:16px!important;min-height:47px!important;padding:8px 12px!important;
 color:var(--ink);background:transparent;border:0;border-radius:8px;font-weight:800}
.layout-switch button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
#results[data-layout="list"].cardgrid{grid-template-columns:1fr!important}
#results[data-layout="list"] .product-card{display:grid!important;grid-template-columns:115px minmax(0,1fr)!important}
#results[data-layout="list"] .product-media{aspect-ratio:auto!important;min-height:100%!important}
#results[data-layout="list"] .product-body{padding:18px!important}
#results[data-layout="list"] .product-title{font-size:23px!important}
#results[data-layout="list"] .product-summary{font-size:16px!important;-webkit-line-clamp:2!important}
#results[data-layout="list"] .product-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#results[data-layout="list"] .product-actions .primary{grid-column:1/-1!important;min-height:52px!important}
#results[data-layout="list"] .product-actions button{min-height:45px!important;font-size:15px!important}
.product-save{position:absolute;top:11px;right:11px;z-index:5;min-width:47px;
 height:47px;padding:8px 10px;background:white;border:2px solid #222;
 border-radius:10px;color:#151515;font-size:22px;font-weight:900}
.product-save[aria-pressed="true"]{color:#D71920;background:#fff0f0;border-color:#D71920}
.product-detail{min-height:100%}
.product-detail-copy{gap:19px!important}
.product-detail-title{font-size:clamp(33px,9vw,53px)!important;line-height:1.06!important}
.product-detail-summary{font-size:21px!important;line-height:1.48!important}
.product-sales-lede{font-size:18px;line-height:1.55}
.product-sales-sections{display:grid;gap:12px;margin:4px 0 8px}
.product-sales-section{background:var(--paper);border:1px solid var(--edge);
 border-radius:13px;padding:21px}
.product-sales-section h3{font-size:22px;line-height:1.15;margin:0 0 11px;
 letter-spacing:-.03em}
.product-sales-section p{font-size:18px;line-height:1.55;margin:0}
.product-howto{list-style:none!important;counter-reset:howto;padding:0!important;margin:0!important}
.product-howto li{counter-increment:howto;display:flex;gap:14px;
 font-size:17px;line-height:1.48;padding:11px 0;border-bottom:1px solid var(--edge)}
.product-howto li:last-child{border-bottom:0}
.product-howto li:before{content:counter(howto,decimal-leading-zero);
 font-size:15px;font-weight:900;color:var(--accent-ink);flex:0 0 27px}
.product-detail .product-save{position:static;display:block;width:100%;font-size:18px;
 margin:5px 0 0;border-radius:10px}
#promptOverlay .promptpeek{width:min(850px,100vw)!important}
#promptOverlay .peekclosebar{position:sticky;top:0;z-index:10;background:var(--surface)!important}
#promptOverlay .product-detail-media{aspect-ratio:1.8!important}
body:not([data-page="home"]) #hero.hero{padding:27px 20px 23px!important;min-height:0!important}
body:not([data-page="home"]) #hero #hero-title{font-size:clamp(36px,8vw,57px)!important}
body:not([data-page="home"]) #hero #hero-subtitle{display:none!important}
@media(min-width:600px){
 .home-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-benefit{padding:22px 20px;border-bottom:0;border-right:1px solid var(--edge)}
 .home-benefit:last-child{border-right:0}
 .home-benefit:first-child{padding-left:0}
 .home-intro-actions{grid-template-columns:1fr 1fr}
 #featured-grid.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #discover .discover-bottom{grid-template-columns:1fr 1fr!important}
 #results[data-layout="list"] .product-card{grid-template-columns:195px minmax(0,1fr)!important}
 .product-sales-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-sales-section:last-child{grid-column:1/-1}
 .topnav{order:initial!important;width:auto!important;display:flex!important}
}
@media(min-width:1050px){
 .home-intro{padding:34px 38px}
 .home-intro-head{flex-direction:row;align-items:end;justify-content:space-between}
 .home-intro-head>p{max-width:380px}
 #featured-grid.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #results[data-layout="list"] .product-card{grid-template-columns:220px minmax(0,1fr)!important}
 #results[data-layout="list"] .product-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #results[data-layout="list"] .product-actions .primary{grid-column:auto!important}
}
@media(max-width:355px){
 .topnav>.navbtn,.topnav>.top-more>summary{font-size:13px!important}
 #results[data-layout="list"] .product-card{grid-template-columns:96px minmax(0,1fr)!important}
 #results[data-layout="list"] .product-body{padding:11px!important}
 #results[data-layout="list"] .product-actions button{font-size:13px!important}
}

/* Keyboard focus remains visible for every new interactive control. */
.layout-switch button:focus-visible,#nav-favorites:focus-visible,#nav-catalog:focus-visible,
.home-intro-actions button:focus-visible,.product-save:focus-visible,#featured-grid button:focus-visible{
 outline:3px solid #1768E0!important;outline-offset:3px!important}

/* V12.1 — navigation at real 320–430px sizes: three equal touch targets. */
@media(max-width:599px){
  .topnav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;order:3!important;width:100%!important}
  .topnav>.navbtn{min-width:0!important;display:flex!important;align-items:center!important;
    justify-content:center!important;gap:4px!important;min-height:52px!important;
    border:1px solid var(--edge)!important;border-radius:10px!important;
    background:var(--surface)!important;color:var(--ink)!important;
    font-size:15px!important;padding:8px 5px!important}
  .topnav>.navbtn.active{background:var(--ink)!important;color:var(--paper)!important;
    border-color:var(--ink)!important}
  .topnav>#nav-favorites{display:flex!important;white-space:nowrap!important}
  #nav-favorites.active #nav-fav-count{background:var(--accent-ui)!important;color:#fff!important}
  #nav-fav-count{font-size:13px!important;min-width:20px!important;
    height:22px!important;padding:0 4px!important}
}

/* Remove the isolated punctuation mark that wraps on narrow hero widths. */
#hero #hero-title .headline-dot{display:none!important}

/* 320px-safe favorites: unobstructed label, count at the corner. */
@media(max-width:599px){
 #nav-favorites{position:relative!important;font-size:15px!important;padding-right:8px!important}
 #nav-fav-count{position:absolute!important;top:-7px!important;right:-5px!important;
  min-width:23px!important;height:23px!important;border:2px solid var(--surface)}
}