/* Isolated preview stylesheet; current branding, product routes and payments unchanged. */
@media(min-width:761px){
.reference-storefront .hwrap{min-height:94px!important;gap:16px!important;padding-top:10px!important;padding-bottom:10px!important}
.reference-storefront .hwrap .logo{flex:0 0 clamp(180px,17vw,220px)!important}
.reference-storefront .hwrap .logo-img{width:100%!important;height:65px!important;object-fit:contain!important}
.reference-storefront .header-search{max-width:680px!important;height:54px!important;border:1.5px solid #dce6f1!important;border-radius:15px!important;box-shadow:0 3px 16px #0d315309!important;margin-inline:auto!important}
.reference-storefront .header-search input{font-size:14px!important}
.reference-storefront .header-search button{background:#cf3e08!important;border-radius:10px!important}
.reference-storefront .cb-subnav{background:#fff!important;border:1px solid #e5ebf2!important;border-radius:14px!important;box-shadow:0 3px 13px #0d31530a!important}
.reference-storefront .cb-subnav-inner{min-height:61px!important;gap:12px!important;padding-inline:12px!important}
.reference-storefront .cb-subnav-links{overflow-x:auto!important;scrollbar-width:none!important;white-space:nowrap!important}
.reference-storefront .cb-subnav-links::-webkit-scrollbar{display:none}
.reference-storefront .cb-subnav-links .cb-discover{display:none!important}
.reference-storefront .cb-subnav-links a[href="/about/"],.reference-storefront .cb-subnav-links a[href="/contact/"]{display:none!important}
.reference-storefront .cb-subnav .cb-contact{border-radius:11px!important;min-height:45px!important;background:#087e40!important;font-weight:750!important}
}
.cbx-cat-holder{position:relative;flex:none;z-index:90}
.cbx-cat-trigger{display:flex;align-items:center;gap:9px;min-height:46px;white-space:nowrap;padding:0 15px;border:1px solid #dde8f2;border-radius:11px;background:#eaf1f8;color:#092e58;font:750 13px/1.2 system-ui,sans-serif;cursor:pointer}
.cbx-cat-trigger:hover,.cbx-cat-trigger[aria-expanded="true"]{background:#dceaf6;border-color:#b9d2e6}
.cbx-cat-trigger>span:first-child{font-size:20px}
.cbx-cat-panel[hidden],.cbx-mobile-results[hidden]{display:none!important}
.cbx-cat-panel{position:absolute;top:calc(100% + 11px);left:0;width:min(770px,calc(100vw - 56px));padding:21px;background:#fff;border:1px solid #e2ebf3;border-radius:18px;box-shadow:0 18px 50px #08294b30;z-index:100}
.cbx-cat-panel:before{content:"";position:absolute;top:-11px;left:0;right:0;height:12px}
.cbx-cat-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid #edf1f6}
.cbx-cat-heading strong{display:block;color:#092e58;font-size:18px;line-height:1.3}
.cbx-cat-heading small{display:block;color:#657a91;font-size:12px;margin-top:2px}
.cbx-cat-heading a{font-size:12px!important;color:#c6410a!important;font-weight:800!important;padding:8px!important}
.cbx-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cbx-cat-card{display:flex;flex-direction:column;align-items:center;min-width:0;gap:6px;padding:12px 5px!important;border:1px solid transparent;border-radius:13px;text-decoration:none!important;white-space:normal!important;text-align:center;min-height:144px!important}
.cbx-cat-card:hover,.cbx-cat-card:focus-visible{background:#f5f9fd!important;border-color:#dceaf5!important}
.cbx-cat-photo{display:block;flex:none;width:75px;height:75px;border-radius:50%;background-image:url('/category-art/approved-category-sprite-hq-20261018.webp');background-size:900% 100%;background-position:var(--cbx-pos) center;background-repeat:no-repeat;background-color:#f5f6f8}
.cbx-cat-name{display:block;font-size:12px;font-weight:780;color:#082b55;line-height:1.32;white-space:normal}
.cbx-cat-name small{display:block;margin-top:4px;color:#8496a9;font-size:10px;font-weight:550}
.reference-storefront .header-search .shop-search-suggestions{top:calc(100% + 7px)!important;border:1px solid #dfe9f2!important;border-radius:14px!important;box-shadow:0 16px 40px #09294d26!important;overflow-y:auto!important;max-height:min(480px,65vh)!important;z-index:100!important}
.reference-storefront .header-search .shop-search-suggestions a.active,.cbx-mobile-results a.active{background:#edf5fb!important;outline:2px solid #bad6eb;outline-offset:-2px}
.cbx-mobile-row,.cbx-mobile-cat{display:none}
@media(min-width:761px) and (max-width:1060px){
.reference-storefront .cb-subnav-inner{gap:8px!important}
.cbx-cat-trigger{padding-inline:10px;font-size:12px}
.cbx-cat-panel{width:min(700px,calc(100vw - 40px))}
.reference-storefront .hwrap .logo{flex-basis:190px!important}
.reference-storefront .header-search{max-width:520px!important}
}
@media(max-width:760px){
.cbx-cat-holder{display:none!important}
.reference-storefront .hwrap .logo-img{width:clamp(142px,35vw,178px)!important;height:50px!important}
.cbx-mobile-row{display:flex!important;align-items:stretch;gap:8px;margin:0 10px 12px;min-width:0}
.cbx-mobile-cat{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;flex:0 0 112px;min-height:46px;border-radius:12px;border:1px solid #dce6ef;background:#eff4f9;color:#10375d;font-size:12px;font-weight:800;cursor:pointer}
.reference-storefront .cbx-mobile-row .cb-mobile-search{margin:0!important;width:auto!important;flex:1;min-width:0;height:46px!important;position:relative;overflow:visible}
.reference-storefront .cbx-mobile-row .cb-mobile-search input{font-size:13px!important}
.cbx-mobile-results{position:absolute;top:calc(100% + 7px);left:-120px;right:0;min-width:calc(100% + 120px);max-height:52vh;overflow:auto;background:white;border:1px solid #dbe8f2;border-radius:13px;box-shadow:0 12px 32px #0a2d5226;z-index:110;padding:5px}
.cbx-mobile-results a{display:flex;gap:8px;align-items:center;justify-content:space-between;text-decoration:none;padding:11px;border-radius:9px;color:#143e68;font-size:12px;min-height:46px}
.cbx-mobile-results a b{display:block;font-size:12px}
.cbx-mobile-results a small{display:block;color:#72859a;font-size:11px}
.cbx-mobile-results a strong{white-space:nowrap;color:#c83b00}
.cbx-empty{padding:15px;color:#6a7d91;font-size:12px}
}
@media(max-width:360px){.cbx-mobile-cat{flex-basis:96px;font-size:11px}.cbx-mobile-results{left:-104px;min-width:calc(100% + 104px)}}
.cbx-cat-trigger:focus-visible,.cbx-mobile-cat:focus-visible,.cbx-cat-card:focus-visible{outline:3px solid #e5a22e;outline-offset:2px}
/* 2026-10-19: compact shopping header; keeps live admin-managed link nodes. */
.reference-storefront.cbx-header-ready .cb-subnav{display:none!important}
.reference-storefront .hwrap .hnav,
.reference-storefront .hwrap>.search-btn{display:none!important}
.reference-storefront .hwrap .cbx-header-links .cb-discover{display:none!important}
.reference-storefront .hwrap .cbx-header-links{
  display:flex;align-items:center;gap:1px;scrollbar-width:none;
  overflow-x:auto;overscroll-behavior-x:contain;min-width:0
}
.reference-storefront .hwrap .cbx-header-links::-webkit-scrollbar{display:none}
.reference-storefront .hwrap .cbx-header-links a{
  display:inline-flex;align-items:center;justify-content:center;
  flex:none;white-space:nowrap;min-height:44px;padding:6px 7px!important;
  text-decoration:none;color:#0c3059;font-size:clamp(11px,.84vw,13px);
  font-weight:750;border-radius:8px
}
.reference-storefront .hwrap .cbx-header-links a:hover,
.reference-storefront .hwrap .cbx-header-links a:focus-visible{background:#edf3fa;color:#bc3906}
.reference-storefront .hwrap .cbx-header-whatsapp{
  display:inline-flex;align-items:center;justify-content:center;
  flex:none;white-space:nowrap;min-height:44px;max-height:48px;
  padding:0 10px;border-radius:11px;background:#087d3b;
  color:#fff;font-size:12px;font-weight:800;text-decoration:none
}
.reference-storefront .hwrap .cbx-header-whatsapp:hover{background:#066b33}
@media(min-width:1361px){
 .reference-storefront header .hwrap{
   display:flex!important;flex-wrap:nowrap!important;
   align-items:center!important;justify-content:space-between!important;
   gap:clamp(5px,.5vw,10px)!important;min-height:78px!important;
   padding:7px 12px!important
 }
 .reference-storefront .hwrap .logo{order:0;flex:0 0 165px!important;max-width:165px!important;margin:0!important}
 .reference-storefront .hwrap .logo-img{height:57px!important}
 .reference-storefront .hwrap .cbx-header-links{order:1;flex:1 1 auto!important;width:auto!important;justify-content:center}
 .reference-storefront .hwrap .header-search{
   order:2;flex:0 1 280px!important;min-width:190px!important;
   max-width:280px!important;width:auto!important;height:48px!important;margin:0!important
 }
 .reference-storefront .hwrap>.account-btn{order:3}
 .reference-storefront .hwrap>a[aria-label="My wishlist"]{order:4}
 .reference-storefront .hwrap>.hbtn{order:5}
 .reference-storefront .hwrap>.cbx-header-whatsapp{order:6}
 .reference-storefront .hwrap>.tbtn,.reference-storefront .hwrap>.hbtn{width:43px!important;min-width:43px!important;height:52px!important}
}
@media(min-width:761px) and (max-width:1360px){
 .reference-storefront header .hwrap{
   display:flex!important;flex-wrap:wrap!important;
   align-items:center!important;justify-content:space-between!important;
   gap:3px 9px!important;min-height:110px!important;padding:8px 14px!important
 }
 .reference-storefront .hwrap .logo{order:0;flex:0 0 174px!important;max-width:174px!important;margin:0!important}
 .reference-storefront .hwrap .logo-img{height:54px!important}
 .reference-storefront .hwrap .header-search{
   order:1;flex:1 1 220px!important;max-width:none!important;
   min-width:180px!important;width:auto!important;height:46px!important;margin:0!important
 }
 .reference-storefront .hwrap>.account-btn{order:2}
 .reference-storefront .hwrap>a[aria-label="My wishlist"]{order:3}
 .reference-storefront .hwrap>.hbtn{order:4}
 .reference-storefront .hwrap>.cbx-header-whatsapp{order:5}
 .reference-storefront .hwrap .cbx-header-links{
   order:6;flex:1 0 100%!important;width:100%!important;
   justify-content:center;padding:0 0 2px
 }
 .reference-storefront .hwrap>.tbtn,.reference-storefront .hwrap>.hbtn{width:43px!important;min-width:43px!important}
}
/* The old nav mega-menu now opens next to the real category row, below the hero. */
#view-home .discover .section-head{position:relative;flex-wrap:wrap;gap:8px}
#view-home .discover .section-head .cbx-cat-holder{
  display:block;position:relative;margin-left:auto;z-index:50;flex:none
}
#view-home .discover .section-head .cbx-cat-trigger{
  min-height:43px;padding:0 13px;font-size:12px;border-radius:11px
}
#view-home .discover .section-head .cbx-cat-panel{
  position:absolute;top:calc(100% + 9px);right:0;left:auto;
  width:min(760px,calc(100vw - 32px));max-height:min(67vh,600px);
  overflow-y:auto;overscroll-behavior:contain
}
@media(max-width:760px){
 .reference-storefront .hwrap .cbx-header-links{display:none!important}
 .reference-storefront .hwrap .cbx-header-whatsapp{
   order:8;font-size:0!important;width:45px;min-width:45px;
   height:42px;min-height:42px;padding:0!important;border-radius:11px
 }
 .reference-storefront .hwrap .cbx-header-whatsapp::before{content:'WA';font-size:13px}
 .reference-storefront .cbx-mobile-row .cbx-mobile-cat{display:none!important}
 .reference-storefront .cbx-mobile-row .cb-mobile-search{
   width:100%!important;flex:1 1 100%!important
 }
 #view-home .discover .section-head .cbx-cat-holder{position:static;z-index:50}
 #view-home .discover .section-head .cbx-cat-trigger{font-size:12px;padding:0 10px}
 #view-home .discover .section-head .cbx-cat-panel{
   top:calc(100% + 5px)!important;left:0!important;right:0!important;
   width:100%!important;max-height:54vh!important;padding:12px!important
 }
 #view-home .discover .cbx-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-home .discover .cbx-cat-card{min-height:120px!important}
}
/* Existing legacy mobile style hid all help-button words and drew a '?'.
   Override it for a visible "Chaska AI" label on every screen size. */
.reference-storefront button#helpFab.aifab{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:122px!important;max-width:180px!important;
  height:47px!important;min-height:44px!important;padding:0 14px!important;
  border-radius:999px!important;font-size:13px!important;font-weight:800!important;
  letter-spacing:.1px;line-height:1.2!important;white-space:nowrap!important;
  z-index:120!important;box-shadow:0 6px 20px #092c4952
}
.reference-storefront button#helpFab.aifab::before{content:none!important}
.reference-storefront button#helpFab.aifab:focus-visible{
  outline:3px solid #eba52c!important;outline-offset:3px!important
}
@media(max-width:760px){
 .reference-storefront button#helpFab.aifab{
   min-width:112px!important;height:44px!important;
   bottom:72px!important;padding-inline:12px!important;font-size:12px!important
 }
}

/* cbx-closeout-category-visibility: the inherited homepage CSS intentionally hid
   .discover .section-head, so the new accessible category trigger had no layout.
   Reveal the existing heading/menu without modifying navigation links or hero art. */
#view-home .discover .section-head { display:flex!important; }
@media(max-width:760px){
  #view-home .discover .section-head .cbx-cat-holder { display:block!important; }
}


/* 2026-10-19: branded Bag icon matches existing nav scale. */
.reference-storefront header .cb-bag-icon-v2{display:block;width:21px!important;height:21px!important;flex:none;overflow:visible}
.reference-storefront header .hbtn.solid{position:relative;display:inline-flex;align-items:center;justify-content:center}
.reference-storefront header .hbtn.solid .cartcount{min-width:18px;height:18px;padding:0 4px;align-items:center;justify-content:center;position:absolute;top:0!important;right:0!important;border:2px solid #fff;border-radius:999px;background:#b93400!important;color:#fff!important;font-size:10px;font-weight:800;line-height:1}
.reference-storefront header .hbtn.solid:focus-visible{outline:3px solid #d68818;outline-offset:2px}
/* Product comparison: stable photo/name/pack/price/button alignment in Home/Shop. */
.reference-storefront :is(#view-home,#view-shop,#view-product) :is(.grid,.hscroll)>.card{display:flex;flex-direction:column;min-width:0;height:100%}
.reference-storefront :is(#view-home,#view-shop,#view-product) :is(.grid,.hscroll)>.card .pimg{display:flex;align-items:center;justify-content:center;aspect-ratio:5/4;min-height:0;overflow:hidden}
.reference-storefront :is(#view-home,#view-shop,#view-product) :is(.grid,.hscroll)>.card .pimg img{max-height:94%;max-width:94%;width:auto;height:auto;object-fit:contain}
.reference-storefront :is(#view-home,#view-shop,#view-product) :is(.grid,.hscroll)>.card .pbody{display:flex;flex-direction:column;flex:1;min-width:0}
.reference-storefront :is(#view-home,#view-shop,#view-product) :is(.grid,.hscroll)>.card .pname{min-height:2.8em;max-height:2.8em;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reference-storefront :is(#view-home,#view-shop,#view-product) :is(.grid,.hscroll)>.card .ppack{min-height:1.5em;line-height:1.5}
.reference-storefront :is(#view-home,#view-shop,#view-product) :is(.grid,.hscroll)>.card .prow{margin-top:auto;flex:0 0 auto}
.reference-storefront :is(#view-home,#view-shop,#view-product) :is(.grid,.hscroll)>.card .addcart{margin-top:8px;min-height:44px;flex:0 0 auto}
/* Products and category links are buying-critical: never wait for scroll-reveal intersection. */
.reference-storefront.motion-reveals :is(#view-home,#view-shop) :is(.grid,.hscroll) .card.reveal:not(.in),.reference-storefront.motion-reveals #view-home .discover.reveal:not(.in){opacity:1!important;transform:none!important}
@media(max-width:600px){.reference-storefront #view-home .shelfbody{padding-block:8px 10px}.reference-storefront #view-home .shelfw{padding-block:8px}}
@media(prefers-reduced-motion:reduce){.reference-storefront :is(#view-home,#view-shop,#view-product) .card,.reference-storefront :is(#view-home,#view-shop,#view-product) .card :is(.addcart,.pimg img){animation:none!important;transition:none!important;transform:none!important}}