/* Bin Obaid 2026 Showroom • familiar shopping-catalog visual language,
   original implementation, intentionally without online purchasing.
   Loaded after existing styles to preserve data/auth/admin functionality. */
:root{--bo-show-bg:#08090c;--bo-show-elev:#101217;--bo-show-blue:#182f88;--bo-show-blue2:#0f235f;--bo-show-sand:#d9bea3;--bo-show-muted:#b8a897;--bo-show-line:#2d2a2a}
body.theme-dark{background:var(--bo-show-bg);color:var(--bo-show-sand)}
body.theme-dark .topbar{background:#0a0b0e;border-bottom:1px solid #25252d}
body.theme-dark .header{background:#090a0d;border-bottom:1px solid #28262d;position:sticky;top:0;z-index:70}
body.theme-dark .header-inner{min-height:76px}
body.theme-dark .brand-text strong{color:#e2c6a5}
body.theme-dark .brand-text small{color:#ada093}
body.theme-dark .header .brand-mark:not(.has-logo){border-color:#d7b08b;background:#17191f;color:#e6c5a3}
body.bo-showroom-ready .header .nav{display:none!important}
body.bo-showroom-ready .header .menu-toggle{display:none!important}
body.theme-dark .header-actions .button{border-radius:10px}
body.theme-dark .section-heading h2,
body.theme-dark .section-heading h2 span,
body.theme-dark .section-heading p,
body.theme-dark .section-kicker{color:var(--bo-show-sand)}
body.theme-dark .section-heading p{color:var(--bo-show-muted)}
body.theme-dark .section-heading .section-link{color:#e9cfac}
body.theme-dark .section-link:hover{color:#fff}
body.theme-dark .departments{background:#08090c}
body.theme-dark .partners{background:#0b0c0f}
body.theme-dark .home-products{background:#090a0d}
body.theme-dark .home-reviews{background:#0e1015}
body.theme-dark .footer{background:#06070a}
body.theme-dark .section-heading{margin-bottom:26px}
body.theme-dark .section-heading h2{line-height:1.55}
body.theme-dark .section-heading h2 span{color:#d8ba95}
body.theme-dark .categories-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.theme-dark .categories-grid .category-card,
body.theme-dark .categories-grid .category-card.category-more{
  display:flex;flex-direction:column;text-align:center;align-items:stretch;min-height:305px;
  padding:0 0 18px;gap:0;background:#111318;border:1px solid #252832;
  border-radius:17px;box-shadow:0 12px 35px rgba(0,0,0,.21);
  overflow:hidden;transition:transform .2s,border-color .2s
}
body.theme-dark .categories-grid .category-card:hover,
body.theme-dark .categories-grid .category-card:focus-within{
  border-color:#bba281;transform:translateY(-3px)
}
body.theme-dark .categories-grid .category-card[hidden]{display:none!important}
body.theme-dark .categories-grid .category-top{
  display:flex;justify-content:space-between;align-items:center;
  position:absolute;inset-inline:15px 15px;top:12px;z-index:1;
  margin:0;pointer-events:none
}
body.theme-dark .categories-grid .category-card{position:relative}
body.theme-dark .categories-grid .category-count,
body.theme-dark .categories-grid .category-arrow{
  border-radius:20px;background:rgba(12,19,34,.77);border:1px solid #65728b66;
  color:#fff;font-size:11px;padding:5px 9px
}
body.theme-dark .categories-grid .category-illustration{
  order:0;width:100%;height:194px;min-height:194px;margin:0;position:relative;
  padding:24px;background:linear-gradient(135deg,#14296a,#213c95)!important;
  color:#e4d1ba!important;display:grid;place-items:center;border-radius:0;overflow:hidden
}
body.theme-dark .categories-grid .category-illustration:before{
  content:"";position:absolute;width:210px;height:210px;border:1px solid #ffffff29;
  border-radius:50%;inset:auto -74px -90px auto;pointer-events:none
}
body.theme-dark .categories-grid .category-illustration svg{
  width:88px;height:88px;max-width:92px;max-height:92px;stroke-width:1.3;
  filter:drop-shadow(0 8px 15px #06123f80)
}
body.theme-dark .categories-grid .category-illustration img.bo-category-product-photo{
  display:block;width:100%;height:100%;max-width:none;max-height:none;
  object-fit:contain;padding:8px;position:relative;z-index:1;filter:drop-shadow(0 8px 11px #06123f44)
}
body.theme-dark .categories-grid .category-illustration.bo-has-product-photo{background:#1d347d!important}
body.theme-dark .categories-grid .category-card h3{
  order:1;color:#e3c6a4;font-size:17px;line-height:1.65;margin:16px 13px 5px;
  font-weight:900;grid-column:auto
}
body.theme-dark .categories-grid .category-card p{
  order:2;color:#a99d92;font-size:11px;margin:0 14px 15px;line-height:1.75;
  grid-column:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
body.theme-dark .categories-grid .category-card>a{
  order:3;grid-column:auto;margin:auto 15px 0!important;padding:10px 0 0!important;
  color:#e3c6a4!important;justify-content:center!important;
  font-size:12px;font-weight:800;border-top:1px solid #35313a
}
body.theme-dark .categories-grid .category-more{justify-content:center;background:#141d34}
body.theme-dark .category-card.category-more .category-illustration{background:#172b67!important;height:140px;min-height:140px}
body.theme-dark .catalog-toolbar{background:#10141b;border:1px solid #242936;border-radius:15px}
body.theme-dark .filter{color:#cdb89f}
body.theme-dark .filter.active{color:#0a1024;background:#d9bea3;border-color:#d9bea3}
body.theme-dark .catalog-note{color:#a99d92}

/* Promotional front-page banner, enhanced with a real featured-product image when available */
body.theme-dark .premium-hero{
  min-height:470px;display:flex;align-items:center;isolation:isolate;
  background:linear-gradient(110deg,#132663 0%,#182e7b 57%,#08122e 100%)
}
body.theme-dark .premium-hero .hero-bg-image{
  opacity:.1;background-position:center;filter:grayscale(1) contrast(.6)
}
body.theme-dark .premium-hero .hero-bg-gradient{
  background:linear-gradient(90deg,#0d2156aa,#172d74dd 68%,#091128e0)
}
body.theme-dark .premium-hero .hero-content{
  position:relative;isolation:isolate;min-height:460px;
  padding-block:67px 70px;padding-inline-start:min(36%,370px);
  max-width:1240px
}
body.theme-dark .premium-hero .hero-title{
  font-size:clamp(30px,4.4vw,55px);line-height:1.5;color:#fff;
  text-shadow:0 4px 12px #0004
}
body.theme-dark .premium-hero .hero-title .gold-text{color:#f2cda8}
body.theme-dark .premium-hero .hero-subtitle{color:#e4e1e5;line-height:1.95}
body.theme-dark .premium-hero .hero-eyebrow{color:#f0d8bd}
body.theme-dark .premium-hero .hero-ctas .button-primary,
body.theme-dark .premium-hero .button-primary{background:#e0c3a3;color:#1b2350;border-color:#e0c3a3}
body.theme-dark .premium-hero .button-glass{border:1px solid #e2c6b299;color:#f8e8d5}
body.theme-dark .premium-hero .hero-stats{color:#ddd7d3}
.bo-hero-feature{
  position:absolute;inset-inline-start:0;bottom:15%;width:min(33%,330px);height:72%;
  margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  pointer-events:none
}
.bo-hero-feature img{
  width:100%;height:90%;object-fit:contain;
  filter:drop-shadow(0 18px 35px #020a2960)
}
.bo-hero-feature figcaption{
  color:#fff;background:#0d184bba;border:1px solid #ffffff30;
  border-radius:40px;padding:5px 15px;font-size:11px
}
body.theme-dark .intro-band{background:#101319;border-block:1px solid #242834}
body.theme-dark .intro-band-grid strong{color:#dbc0a1}
body.theme-dark .intro-band-grid small{color:#a8a4a7}

/* Horizontal circular category gallery directly under the promo banner */
.bo-quick-categories{
  background:#08090c;padding:28px 0 34px;border-bottom:1px solid #1d2026
}
.bo-ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.bo-ribbon-heading h2{color:#e0c2a0;margin:0;font-size:clamp(17px,2.6vw,23px)}
.bo-ribbon-heading a{color:#c7b09a;font-size:12px}
.bo-ribbon-items{
  display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;
  scrollbar-width:thin;scrollbar-color:#394a71 transparent;padding:3px 2px 14px
}
.bo-ribbon-item{display:flex;flex:0 0 128px;align-items:center;flex-direction:column;gap:9px;
  text-align:center;scroll-snap-align:start;min-width:0}
.bo-ribbon-item strong{font-size:12px;color:#dbc2a7;line-height:1.6;font-weight:800}
.bo-ribbon-item:hover strong{color:#fff}
.bo-category-media.bo-ribbon-photo{
  display:grid;place-items:center;width:110px;height:110px;overflow:hidden;
  border-radius:50%;background:radial-gradient(circle at 30% 25%,#274a9e,#142252 75%);
  border:2px solid #cbb194;box-shadow:inset 0 0 0 4px #0b1227,0 7px 21px #0007;
  transition:transform .2s
}
.bo-ribbon-item:hover .bo-ribbon-photo{transform:scale(1.045)}
.bo-category-media img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}
.bo-category-media .bo-category-glyph{display:grid;place-items:center;color:#e2c4a1}
.bo-category-glyph svg{width:48px;height:48px;stroke:currentColor}
.bo-ribbon-photo.with-photo{background:#203375}

/* Mobile/header quick controls */
.bo-menu-trigger,.bo-search-trigger{
  width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;
  background:transparent;border:1px solid #3d3940;border-radius:10px;
  font:700 24px/1 inherit;color:#e7cdb2;cursor:pointer
}
.bo-menu-trigger:hover,.bo-search-trigger:hover{border-color:#d9bea3;background:#24202b}
.bo-menu-trigger:focus-visible,.bo-search-trigger:focus-visible,
.bo-drawer a:focus-visible,.bo-drawer button:focus-visible,
.bo-site-search input:focus-visible,.bo-site-search button:focus-visible,
.bo-bottom-link:focus-visible{outline:3px solid #f7d392;outline-offset:3px}
.bo-search-trigger{font-size:28px}
.bo-site-search{
  position:absolute;inset-inline:0;top:100%;z-index:72;
  display:flex;gap:10px;padding:15px max(16px,calc((100vw - 1200px)/2));
  background:#131721;box-shadow:0 16px 28px #0008;border-block:1px solid #35323c
}
.bo-site-search[hidden]{display:none!important}
.bo-site-search input{
  flex:1;min-width:0;background:#252936;color:#fff;border:1px solid #656477;
  border-radius:9px;padding:10px 14px;text-align:right;font:inherit;min-height:44px
}
.bo-site-search button{background:#d9bea3;color:#17213b;border:0;border-radius:9px;
  padding:10px 18px;font:800 13px inherit;cursor:pointer}
.bo-site-search .bo-search-close{padding:8px 13px;background:#252936;color:#fff;border:1px solid #58505a}

/* Full-height three-level capable category navigation */
.bo-drawer-backdrop{
  position:fixed;inset:0;z-index:100;background:#000b;opacity:0;visibility:hidden;
  border:0;padding:0;transition:opacity .22s,visibility .22s;cursor:pointer
}
.bo-drawer{
  position:fixed;z-index:101;right:0;top:0;bottom:0;width:min(430px,88vw);
  max-width:100vw;color:#dbc1a6;background:#0d0e12;border-inline-end:1px solid #343039;
  box-shadow:-12px 0 36px #0009;display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(105%);visibility:hidden;transition:transform .26s,visibility .26s
}
.bo-drawer-open{overflow:hidden}
.bo-drawer-open .bo-drawer{transform:translateX(0);visibility:visible}
.bo-drawer-open .bo-drawer-backdrop{opacity:1;visibility:visible}
.bo-drawer-heading{
  display:flex;align-items:center;justify-content:space-between;padding:20px 19px;
  background:#17181e;border-bottom:2px solid #233f9c
}
.bo-drawer-brand{display:flex;flex-direction:column;gap:5px}
.bo-drawer-brand strong{font-size:17px;color:#f1d5b5}
.bo-drawer-brand small{font-size:11px;color:#a9a0a0}
.bo-drawer-close{
  width:40px;height:40px;border:1px solid #6c3f42;border-radius:9px;
  color:#f27e83;background:#331b24;font-size:30px;cursor:pointer
}
.bo-drawer-nav{overflow:auto;overscroll-behavior:contain;flex:1}
.bo-drawer-quick{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #29232c}
.bo-drawer-quick a{padding:15px;border:1px solid #252128;text-align:center;
  font-size:12px;color:#ddc2a2;background:#14151a;font-weight:800}
.bo-drawer-section-title{margin:0;padding:16px 20px 9px;font-size:13px;color:#9c9aab}
.bo-drawer-row{border-bottom:1px solid #24252b}
.bo-drawer-category{display:flex;align-items:center;gap:14px;min-height:83px;
  padding:13px 19px;color:#dec5a9;font-size:15px;font-weight:900;text-decoration:none}
.bo-drawer-category:hover{background:#181c27;color:#fff}
.bo-category-media.bo-menu-art{width:55px;height:55px;flex:0 0 55px;
  border-radius:50%;background:#193374;border:2px solid #4c5d8b;
  display:grid;place-items:center;overflow:hidden}
.bo-menu-art .bo-category-glyph svg{width:29px;height:29px}
.bo-drawer-category-name{flex:1}
.bo-drawer-children{padding:0 18px 8px 18px}
.bo-drawer-children summary{list-style:none;cursor:pointer;padding:7px 67px 9px 0;
  font-size:11px;color:#aaa4ae;position:relative}
.bo-drawer-children summary::-webkit-details-marker{display:none}
.bo-drawer-children summary:after{content:"⌄";margin-right:9px;color:#d9bea3}
.bo-drawer-children[open] summary:after{content:"⌃"}
.bo-drawer-sublist{display:grid;gap:1px;padding:6px 12px;border-right:2px solid #27428d;background:#13151e}
.bo-drawer-sublist a{color:#dbc3a8;padding:12px 9px;font-size:12px;border-bottom:1px solid #282a34}
.bo-drawer-sublist a:hover{color:#fff}
.bo-drawer-footer{padding:18px 20px 22px;border-top:1px solid #332e31;background:#111318}
.bo-drawer-whatsapp{display:block;background:#255d48;border-radius:9px;padding:12px;
  color:#fff!important;text-align:center;font-size:13px;font-weight:900}
.bo-drawer-footer p{font-size:10px;color:#ada4a1;line-height:1.8;margin:12px 0 0}

/* Product catalog cards retain the existing inquiry/cart handlers and links. */
body.theme-dark .shop-card{background:#0e1015;border:1px solid #312b2a;border-radius:13px;overflow:hidden}
body.theme-dark .shop-card-media{background:#dac5ac;min-height:180px}
body.theme-dark .shop-card-media img{object-fit:contain;padding:10px}
body.theme-dark .shop-card h3{color:#e0c7aa}
body.theme-dark .shop-card .brandline{color:#cfb69b}
body.theme-dark .shop-card p{color:#aa9f95}
body.theme-dark .shop-card .price-line{color:#ecd0ae}
body.theme-dark .shop-card-actions .button,
body.theme-dark .home-products .button{background:#1a3281;border-color:#1a3281;color:#fff}
body.theme-dark .shop-card-actions .details-link{border-color:#655044;color:#e4c5a6}
body.theme-dark .shop-card .section-chip{background:#19265a;color:#fff}
body.theme-dark .subhero{background:linear-gradient(100deg,#111932,#1c3279);border-bottom:1px solid #3e4676}
body.theme-dark .subhero h1{color:#f3d5b6}
body.theme-dark .subhero p{color:#dfd1c6}
body.theme-dark .category-directory .directory-card{background:#111318;border-color:#37313a}
body.theme-dark .directory-icon{background:#1e3583;color:#dbc2a6}
body.theme-dark .directory-card h2{color:#e6c8a8}
body.theme-dark .directory-card p{color:#aaa2a1}
body.theme-dark .directory-subgroup{background:#141926;border:1px solid #2b3449;color:#e0c7aa}
body.theme-dark .directory-main-link{color:#e1c09d}

/* Mobile quick navigation is not a checkout or shopping cart. */
.bo-bottom-nav{display:none}
@media(max-width:1100px){
 body.theme-dark .categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 body.theme-dark .topbar{display:none}
 body.theme-dark .header-inner{min-height:64px;gap:8px;justify-content:space-between}
 body.theme-dark .header .brand{margin-inline-end:auto;gap:7px}
 body.theme-dark .header .brand-mark{width:40px;height:40px;flex:0 0 40px}
 body.theme-dark .header .brand-text strong{font-size:14px;white-space:nowrap}
 body.theme-dark .header .brand-text small{display:none}
 body.theme-dark .header-actions,
 body.theme-dark .site-actions{gap:4px;flex:0 0 auto}
 body.theme-dark .header .theme-toggle{width:38px;min-width:38px;height:40px}
 .bo-menu-trigger,.bo-search-trigger{width:38px;height:40px;flex-basis:38px;font-size:22px}
 .bo-search-trigger{font-size:25px}
 body.theme-dark .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.theme-dark .categories-grid .category-card{min-height:265px}
 body.theme-dark .categories-grid .category-illustration{height:160px;min-height:160px}
 body.theme-dark .categories-grid .category-card h3{font-size:13px;margin:10px 9px 4px}
 body.theme-dark .categories-grid .category-card p{font-size:10px;margin:0 8px 12px}
 body.theme-dark .categories-grid .category-count{font-size:9px}
 body.theme-dark .premium-hero{min-height:370px}
 body.theme-dark .premium-hero .hero-content{min-height:360px;padding:38px 0 45px;padding-inline-start:0}
 body.theme-dark .premium-hero .hero-title{font-size:clamp(23px,6vw,35px);max-width:82%;line-height:1.5}
 body.theme-dark .premium-hero .hero-subtitle{font-size:12px;max-width:73%}
 body.theme-dark .premium-hero .hero-eyebrow{font-size:10px}
 body.theme-dark .premium-hero .hero-stats{font-size:10px}
 body.theme-dark .premium-hero .hero-ctas{max-width:75%;gap:8px}
 body.theme-dark .premium-hero .hero-ctas .button{min-height:38px;padding:9px 12px;font-size:11px}
 .bo-hero-feature{width:35%;height:55%;bottom:17%}
 .bo-hero-feature figcaption{display:none}
 .bo-ribbon-item{flex-basis:99px}
 .bo-category-media.bo-ribbon-photo{width:84px;height:84px}
 .bo-ribbon-items{gap:12px}
 .bo-bottom-nav{
   display:flex;align-items:stretch;justify-content:space-around;position:fixed;
   bottom:0;left:0;right:0;z-index:69;min-height:63px;
   padding-bottom:env(safe-area-inset-bottom,0);background:#101015;
   border-top:1px solid #42382d;box-shadow:0 -8px 22px #0007
 }
 .bo-bottom-link{display:flex;align-items:center;justify-content:center;flex-direction:column;
   flex:1;color:#bba995;font-size:10px;gap:2px;padding:6px 2px}
 .bo-bottom-link.is-current{color:#f0d4af}
 .bo-bottom-icon{font-size:23px;line-height:1.1}
 body.bo-showroom-ready{padding-bottom:calc(63px + env(safe-area-inset-bottom,0px))}
 body.theme-dark .shop-card-media{height:160px}
}
@media(max-width:390px){
 body.theme-dark .header .brand-text strong{font-size:12px}
 body.theme-dark .header .brand-mark{width:35px;height:35px;flex-basis:35px}
 body.theme-dark .header .header-cta{display:none}
 body.theme-dark .header .cart-action-label{display:none}
 body.theme-dark .premium-hero .hero-title{max-width:96%;font-size:22px}
 body.theme-dark .premium-hero .hero-subtitle{max-width:83%;font-size:11px}
 .bo-hero-feature{width:27%;height:38%;bottom:26%;opacity:.8}
 body.theme-dark .categories-grid .category-illustration{height:142px;min-height:142px}
 body.theme-dark .categories-grid .category-card{min-height:249px}
}
@media(prefers-reduced-motion:reduce){
 .bo-drawer,.bo-drawer-backdrop,.bo-ribbon-photo,.bo-menu-trigger,.bo-search-trigger{
   transition:none!important
 }
}
/* Nested subcategories: parent -> group -> brand/subgroup */
.bo-drawer-subgroup{border-bottom:1px solid #292b32}
.bo-drawer-subgroup>a{display:block;padding:10px 8px}
.bo-nested-details{margin:0 4px 7px;background:#151a28;border-right:2px solid #34529f}
.bo-nested-details>summary{cursor:pointer;color:#c3b5a6;font-size:11px;padding:8px 12px;list-style:none}
.bo-nested-details>summary::-webkit-details-marker{display:none}
.bo-nested-details>summary:after{content:" +";color:#dcb994}
.bo-nested-details[open]>summary:after{content:" −"}
.bo-nested-details .bo-drawer-sublist{margin:0 10px 6px;padding-inline:7px;background:#141724}
@media(max-width:760px){
 body.theme-dark .header .header-cta{display:none!important}
 body.theme-dark .header .cart-action-label{display:none!important}
 body.theme-dark .header .site-actions .button{min-width:38px;padding-inline:6px}
}
/* Mobile hero QA: override legacy cinematic min-height and keep product art
   beside, never on top of, the inquiry CTAs. */
@media(max-width:760px){
 body.theme-dark[data-page=home] .hero.premium-hero{
   min-height:0;padding:33px 0 36px;align-items:stretch
 }
 body.theme-dark[data-page=home] .premium-hero .hero-content{
   min-height:0;padding:0;position:relative;text-align:right
 }
 body.theme-dark[data-page=home] .premium-hero .hero-eyebrow{
   margin-bottom:15px;padding:5px 10px;font-size:10px
 }
 body.theme-dark[data-page=home] .premium-hero .hero-title{
   max-width:100%;font-size:clamp(23px,5.7vw,31px);
   line-height:1.47;margin:0 0 13px;letter-spacing:-.6px
 }
 body.theme-dark[data-page=home] .premium-hero .hero-subtitle{
   max-width:100%;font-size:11px;line-height:1.75;margin:0 0 23px
 }
 body.theme-dark[data-page=home] .premium-hero .hero-ctas{
   display:flex;flex-direction:column;align-items:stretch;max-width:57%;
   gap:8px;margin:0
 }
 body.theme-dark[data-page=home] .premium-hero .hero-ctas .button{
   flex:0 0 auto;width:100%;min-width:0;min-height:40px;
   font-size:10px;white-space:normal;padding:8px 9px
 }
 body.theme-dark[data-page=home] .premium-hero .hero-stats,
 body.theme-dark[data-page=home] .premium-hero .hero-scroll{display:none}
 body.theme-dark[data-page=home] .bo-hero-feature{
   display:flex;inset-inline-start:auto;inset-inline-end:0;
   bottom:0;width:38%;height:125px;max-height:38%;margin:0;
   z-index:0;opacity:.96;pointer-events:none
 }
 body.theme-dark[data-page=home] .bo-hero-feature img{
   width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 15px #08102288)
 }
 body.theme-dark[data-page=home] .bo-hero-feature figcaption{display:none}
}
@media(max-width:390px){
 body.theme-dark[data-page=home] .premium-hero .hero-ctas{max-width:58%}
 body.theme-dark[data-page=home] .premium-hero .hero-title{font-size:23px}
}
/* Preserve CMS welcome advertisements without covering the entire mobile
   category carousel or the navigation bar. */
@media(max-width:760px){
 body.theme-dark .floating-ad.ad-welcome.pos-bottom_left,
 body.theme-dark .floating-ad.ad-welcome.pos-bottom_right{
   bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
   left:12px!important;right:auto!important;
   max-width:min(285px,calc(100vw - 24px))!important;
   padding:11px 12px!important;border-radius:12px
 }
 body.theme-dark .floating-ad.ad-welcome h3{font-size:12px}
 body.theme-dark .floating-ad.ad-welcome p{font-size:10px;line-height:1.5}
 body.theme-dark .floating-ad.ad-welcome a{font-size:10px}
}
/* QA: products and filters should appear above the mobile fold. */
@media(max-width:760px){
 body.theme-dark .subhero{padding:28px 0 32px!important}
 body.theme-dark .subhero h1{font-size:clamp(24px,6.8vw,32px);line-height:1.42}
 body.theme-dark .subhero p{font-size:12px;line-height:1.8;margin-top:10px}
 body.theme-dark .floating-ad.ad-welcome:not(.pos-top){
   top:auto!important;bottom:calc(73px + env(safe-area-inset-bottom,0px))!important;
   left:12px!important;right:auto!important;
   width:min(285px,calc(100vw - 24px))!important;
   max-width:min(285px,calc(100vw - 24px))!important;
   padding:10px 12px!important
 }
}
/* CMS announcements often use "floating" rather than "welcome". Both must
   remain dismissible without obscuring the mobile navigation. */
@media(max-width:760px){
 body.theme-dark .floating-ads>.floating-ad:not(.ad-inline):not(.ad-bar):not(.pos-top){
   position:absolute;top:auto!important;
   width:min(268px,calc(100vw - 24px))!important;
   max-width:min(268px,calc(100vw - 24px))!important;
   bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
   right:auto!important;left:12px!important;
   padding:10px 11px!important
 }
 body.theme-dark .floating-ads>.floating-ad h3{font-size:12px;line-height:1.5}
 body.theme-dark .floating-ads>.floating-ad p{font-size:10px;line-height:1.6}
}