:root{
  --cbi-font:"IBM Plex Sans Thai Looped",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cbi-navy:#19233e;
  --cbi-text:#000;
  --cbi-muted:#666;
  --cbi-line:rgba(0,0,0,.08);
  --cbi-container:min(80vw,1240px);
  --cbi-header-h:92px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden!important;overflow-y:auto!important;height:auto!important}
body.cbi-exact-body{margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100%;font-family:var(--cbi-font)!important;background:#fff;color:var(--cbi-text);opacity:1!important;visibility:visible!important;line-height:1.45}
body.cbi-exact-body.no-scroll{overflow:hidden!important}
a{color:inherit;text-decoration:none}.cbi-container{width:var(--cbi-container);max-width:1240px;margin-inline:auto}.cbi-site{min-height:100vh;overflow:visible!important}.cbi-sticky-shell{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .28s ease,box-shadow .28s ease}.admin-bar .cbi-sticky-shell{top:32px}.cbi-sticky-shell.is-scrolled{background:rgba(255,255,255,.74);box-shadow:0 8px 25px rgba(0,0,0,.08)}.cbi-navone{height:26px;background:rgba(255,255,255,.94);font-size:12px;line-height:26px}.cbi-topbar-inner{height:26px;display:flex;justify-content:flex-end;align-items:center}.cbi-navone ul{display:flex;gap:14px;list-style:none;margin:0;padding:0}.cbi-navone a{color:#000}.cbi-navone .sep{color:#7e4d25}.cbi-header{height:66px;background:transparent;color:#000;z-index:1001}.cbi-header-inner{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative}.cbi-main-nav{display:flex;gap:28px;align-items:center;justify-content:flex-start;font-size:16px;white-space:nowrap}.nav-link-underline{position:relative;display:inline-block;color:#000;text-decoration:none;transition:color .25s ease}.nav-link-underline:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:#000;transition:width .28s ease}.nav-link-underline:hover:after{width:100%}.nav-link-underline:hover{color:#555}.cbi-logo{justify-self:center;display:flex;align-items:center;justify-content:center;line-height:1}.cbi-logo img{width:130px;height:auto;max-height:32px;display:block;object-fit:contain}.cbi-actions{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:18px}.cbi-icon-btn{background:transparent;border:0;padding:0;margin:0;color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;position:relative}.cbi-icon-btn i{font-size:28px;line-height:1}.cart-container{position:relative;display:flex;align-items:center}.cart-count{position:absolute;right:-8px;bottom:-8px;min-width:17px;height:17px;border-radius:999px;background:var(--cbi-navy);color:#fff;font-size:10px;line-height:17px;text-align:center;font-weight:700}.divider{width:1px;height:28px;background:#d8d8d8;display:inline-block}.account-link{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:15px}.account-link i{font-size:24px}.cbi-mobile-toggle{display:none;width:44px;height:38px;border:1px solid rgba(0,0,0,.18);border-radius:8px;background:rgba(255,255,255,.65);align-items:center;justify-content:center;font-size:30px;line-height:1}.cbi-mobile-panel{display:none;background:rgba(255,255,255,.95);border-top:1px solid var(--cbi-line);padding:8px var(--side-pad,10vw) 14px}.cbi-mobile-panel a{display:block;padding:8px 0;font-size:15px}.cart-dropdown{position:absolute;top:50px;right:-16px;width:350px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:2000;opacity:0;transform:translateY(-14px) scale(.98);transition:opacity .25s ease,transform .25s ease;visibility:hidden;color:#333}.cart-dropdown.active{opacity:1;transform:translateY(0) scale(1);visibility:visible}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:8px 8px 0 0}.cart-header h3{margin:0;font-size:18px;font-weight:700}.close-btn{background:transparent;border:0;font-size:24px;cursor:pointer;color:#666}.cart-items{padding:15px 20px;max-height:300px;overflow:auto}.empty-cart-text{text-align:center;color:#888;padding:20px 0;margin:0}.cart-item{display:flex;align-items:center;gap:12px;margin-bottom:15px;border-bottom:1px dashed #eee;padding-bottom:15px}.cart-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.cart-item img{width:60px!important;height:60px!important;object-fit:cover;border-radius:5px}.item-details{flex:1;min-width:0}.item-name{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-price{font-size:14px;color:#555}.item-quantity input{width:46px;text-align:center}.remove-item-btn{font-size:20px;color:#d33;text-decoration:none}.cart-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;background:#f8f9fa;border-radius:0 0 8px 8px}.total-price{text-align:right;font-weight:700}.checkout-btn,.cart-link{display:block;width:100%;padding:11px 12px;text-align:center;border-radius:6px;text-decoration:none}.checkout-btn{background:var(--cbi-navy);color:#fff}.cart-link{border:1px solid #d9dde6;color:var(--cbi-navy);background:#fff}.search-overlay{position:fixed;top:0;left:0;width:100%;height:88px;z-index:3000;background:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(-100%);transition:.25s ease}.admin-bar .search-overlay{top:32px}.search-overlay.active{opacity:1;visibility:visible;transform:translateY(0)}.search-panel{width:min(820px,calc(100% - 30px));height:64px;display:flex;align-items:center;gap:14px}.search-panel input{flex:1;border:0;outline:0;font-size:20px;font-family:var(--cbi-font);background:transparent}.btn-close-search{background:transparent;border:0;font-size:26px;cursor:pointer}.shop-hero-video{width:100%;height:clamp(460px,62vh,640px);margin:0;padding:0;overflow:hidden;background:#f7f3ec;position:relative}.shop-hero-video video{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0}.shop-brand-section{background:#fff;padding:clamp(86px,9vw,150px) 0 clamp(34px,4vw,48px)}.shop-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.shop-section-head h2{margin:0;font-size:clamp(34px,3.1vw,48px);line-height:1.05;font-weight:800;letter-spacing:-.035em}.shop-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%}.shop-brand-card{height:128px;border:1px solid rgba(0,0,0,.10);border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;text-decoration:none;padding:16px 12px;box-shadow:0 8px 20px rgba(0,0,0,.018);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.shop-brand-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.06);border-color:rgba(0,0,0,.20)}.shop-brand-card.active{background:linear-gradient(180deg,#fffdf9,#faf7f0);border-color:#c9b08a}.shop-brand-logo-wrap{height:58px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.shop-brand-logo{max-width:94px;max-height:52px;object-fit:contain;display:block}.shop-brand-card strong{font-size:15px;font-weight:800;line-height:1.15}.brand-card-subtitle{display:none}.cbi-catalog-section{padding:0 0 70px;background:#fff}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.filter-toggle,.sort-toggle{border:0;background:transparent;font-family:var(--cbi-font);font-size:16px;color:#000;cursor:pointer;padding:0}.filter-toggle i{font-size:18px;margin-right:4px}.sort-dropdown{position:relative}.sort-menu{position:absolute;right:0;top:calc(100% + 10px);width:170px;background:#fff;border:1px solid var(--cbi-line);box-shadow:0 10px 25px rgba(0,0,0,.08);padding:8px;border-radius:8px;z-index:60;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease}.sort-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.sort-item{display:block;text-align:right;padding:8px 10px;border-radius:6px}.sort-item:hover{background:#f6f6f6}.cbi-catalog-shell{display:grid;grid-template-columns:0 minmax(0,1fr);gap:0;align-items:start;transition:grid-template-columns .32s ease,gap .32s ease;position:relative;min-height:220px}.cbi-catalog-shell.filter-open{grid-template-columns:200px minmax(0,1fr);gap:28px}.filter-menu{position:relative;top:auto;left:auto;width:200px;background:#fff;padding:0 10px 18px 0;visibility:hidden;opacity:0;transform:translateX(-18px);transition:opacity .25s ease,transform .25s ease;z-index:5;border-radius:0;overflow:visible}.cbi-catalog-shell.filter-open .filter-menu{visibility:visible;opacity:1;transform:translateX(0)}.filter-group{border-bottom:1px solid #ddd;padding:0 0 14px;margin-bottom:16px}.filter-group h3{font-size:16px;margin:0 0 8px;font-weight:700}.filter-link{display:block;padding:2px 0 2px 16px;color:#000;text-decoration:none;font-size:15px;line-height:1.55}.filter-link:hover,.filter-link.active{text-decoration:underline}.filter-reset{display:block;margin-top:10px;color:#777;font-size:14px}.product-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 12px;width:100%;transition:all .3s ease}.cbi-catalog-shell.filter-open .product-container{gap:22px 12px}.product-card{width:auto!important;margin:0!important;border:0!important;background:#fff;position:relative;transition:transform .25s ease}.product-card:hover{transform:translateY(-2px)}.product-image-wrapper{display:block;position:relative;overflow:hidden;background:#f5f5f5;box-shadow:0 2px 6px rgba(0,0,0,.10);aspect-ratio:1/1;color:inherit}.product-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease,transform .35s ease}.product-image-wrapper img.human-view{position:absolute;inset:0;opacity:0}.product-image-wrapper:hover img.human-view{opacity:1}.product-image-wrapper:hover img.main-view{transform:scale(1.02)}.badge-new{position:absolute;top:10px;left:10px;background:#dc3545;color:#fff;padding:4px 8px;font-size:13px;border-radius:5px;z-index:3}.badge-price{position:absolute;right:10px;bottom:10px;background:#e4a30d;color:#fff;padding:4px 8px;font-size:14px;border-radius:5px;z-index:3}.badge-price .amount{color:#fff}.card-body{padding:12px 0 0!important;text-align:left}.shop-card-brand{display:inline-flex;align-items:center;margin-bottom:7px;padding:4px 10px;border-radius:999px;background:#f6f1ea;color:#555;font-size:12px;font-weight:700}.card-title{display:block;font-size:18px;line-height:1.25;font-weight:700;margin:0 0 6px!important;color:#000;text-decoration:none}.size,.note{font-size:13px;color:#666;margin:0 0 5px!important}.note{color:#a67c00}.color-select{display:flex;gap:4px;margin-top:7px}.color-dot{width:15px;height:15px;display:inline-block;border:1px solid #ccc;background:#eee}.cbi-card-actions{margin-top:10px}.cbi-add-cart{display:inline-flex!important;align-items:center;justify-content:center;padding:8px 13px!important;border-radius:999px!important;border:1px solid var(--cbi-navy)!important;background:#fff!important;color:var(--cbi-navy)!important;font-size:13px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important}.cbi-add-cart:hover{background:var(--cbi-navy)!important;color:#fff!important}.no-products-message{grid-column:1/-1;text-align:center;color:#555;font-size:17px;padding:38px 0}.cbi-footer{background:var(--cbi-navy);color:#fff;padding:44px 0 24px;margin-top:0}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.footer-brand{font-weight:800;letter-spacing:.02em}.footer-text{margin:6px 0 14px;color:rgba(255,255,255,.8)}.social-links{display:flex;gap:14px}.social-links a{width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:#fff}.footer-links{display:flex;gap:18px;list-style:none;margin:0;padding:0}.footer-links a{color:#fff}.copyright{grid-column:1/-1;text-align:center;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:#fff}.scroll-top{position:fixed;right:28px;bottom:28px;width:44px;height:44px;border:0;border-radius:999px;background:var(--cbi-navy);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;z-index:900;opacity:0;visibility:hidden;transition:.25s ease;box-shadow:0 8px 24px rgba(0,0,0,.22)}.scroll-top.show{opacity:1;visibility:visible}.cbi-woo-main,.cbi-page-main{padding:50px 0;min-height:55vh}.cbi-single-product div.product{padding-top:20px}.woocommerce div.product .product_title{font-family:var(--cbi-font);font-weight:800}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{font-family:var(--cbi-font);border-radius:999px;background:var(--cbi-navy);color:#fff}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#26375f;color:#fff}.woocommerce-product-grid{margin-top:24px}@media(max-width:1280px){:root{--cbi-container:min(86vw,1180px)}.cbi-main-nav{gap:22px}.shop-brand-card{height:122px}.shop-brand-logo{max-width:84px}.product-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1024px){:root{--cbi-container:90vw}.cbi-main-nav{gap:18px}.account-link span{display:none}.shop-brand-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.shop-brand-card{height:110px;padding:12px 8px}.shop-brand-logo-wrap{height:48px}.shop-brand-logo{max-width:72px;max-height:44px}.shop-brand-card strong{font-size:13px}.product-container{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-hero-video{height:clamp(380px,56vh,560px)}}@media(max-width:900px){.cbi-main-nav{display:none}.cbi-header-inner{grid-template-columns:1fr auto 1fr}.cbi-mobile-toggle{display:inline-flex}.cbi-mobile-panel.active{display:block}.cbi-actions{gap:14px}.cbi-icon-btn i{font-size:26px}.shop-brand-section{padding-top:90px}.shop-section-head h2{font-size:36px}.shop-brand-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.shop-brand-card{border-radius:14px}.cbi-catalog-shell.filter-open{grid-template-columns:180px minmax(0,1fr);gap:18px}.filter-menu{width:180px}.product-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.admin-bar .cbi-sticky-shell{top:46px}.cbi-navone{display:none}.cbi-header,.cbi-header-inner{height:70px}.cbi-container{width:calc(100% - 32px)}.cbi-logo img{width:120px}.divider{display:none}.cbi-actions{gap:12px}.shop-hero-video{height:48vh;min-height:330px}.shop-brand-section{padding:74px 0 34px}.shop-section-head{display:flex;align-items:center}.shop-section-head h2{font-size:32px}.shop-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-toolbar{margin-bottom:18px}.cbi-catalog-shell,.cbi-catalog-shell.filter-open{display:block}.filter-menu{display:none;position:fixed;left:16px;right:16px;top:96px;width:auto;max-height:calc(100vh - 130px);overflow:auto;z-index:2500;padding:18px;background:#fff;border:1px solid var(--cbi-line);border-radius:12px;box-shadow:0 18px 55px rgba(0,0,0,.18);transform:translateY(-10px)}.filter-menu.mobile-active{display:block;visibility:visible;opacity:1;transform:translateY(0)}.product-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.footer-inner{grid-template-columns:1fr;text-align:center}.social-links,.footer-links{justify-content:center;flex-wrap:wrap}.cart-dropdown{right:-110px;width:min(340px,calc(100vw - 28px))}}@media(max-width:520px){.cbi-header-inner{grid-template-columns:auto 1fr auto}.cbi-logo{justify-self:start}.cbi-logo img{width:112px}.cbi-actions{justify-self:end}.cbi-icon-btn i{font-size:24px}.account-link{font-size:0}.account-link i{font-size:24px}.shop-hero-video{height:42vh;min-height:270px}.shop-section-head h2{font-size:28px}.shop-section-head a{font-size:14px}.shop-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-brand-card{height:106px}.product-container{grid-template-columns:1fr}.cart-dropdown{right:-74px}.search-panel input{font-size:17px}}

/* ==========================================================
   CBI v0.4.1 exact layout refinement
   Focus: fixed/sticky nav, 85-90vh hero, cleaner brand scale,
   and safer responsive nav behavior without nested scroll.
   ========================================================== */
:root{
  --cbi-topbar-h:26px;
  --cbi-mainbar-h:66px;
  --cbi-header-total:calc(var(--cbi-topbar-h) + var(--cbi-mainbar-h));
}
html,
body.cbi-exact-body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.cbi-exact-body .cbi-site,
body.cbi-exact-body #page{
  width:100%!important;
  max-width:100%!important;
  min-height:100vh;
  overflow:visible!important;
}
body.cbi-exact-body .cbi-sticky-shell{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9999!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  transform:translateZ(0);
  will-change:background,box-shadow,backdrop-filter;
}
.admin-bar body.cbi-exact-body .cbi-sticky-shell,
body.admin-bar.cbi-exact-body .cbi-sticky-shell{
  top:32px!important;
}
body.cbi-exact-body .cbi-sticky-shell.is-scrolled{
  background:rgba(255,255,255,.76)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.08)!important;
}
body.cbi-exact-body .cbi-home-main,
body.cbi-exact-body .cbi-woo-main,
body.cbi-exact-body .cbi-page-main,
body.cbi-exact-body .cbi-single-product{
  padding-top:var(--cbi-header-total)!important;
}
body.cbi-exact-body .cbi-home-main{
  padding-top:var(--cbi-header-total)!important;
}
body.cbi-exact-body .cbi-navone{
  height:var(--cbi-topbar-h)!important;
  line-height:var(--cbi-topbar-h)!important;
  background:rgba(255,255,255,.98)!important;
  font-size:12px!important;
}
body.cbi-exact-body .cbi-topbar-inner{
  height:var(--cbi-topbar-h)!important;
}
body.cbi-exact-body .cbi-header,
body.cbi-exact-body .cbi-header-inner{
  height:var(--cbi-mainbar-h)!important;
}
body.cbi-exact-body .cbi-header-inner{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:16px!important;
}
body.cbi-exact-body .cbi-main-nav{
  min-width:0!important;
  flex-wrap:nowrap!important;
  gap:26px!important;
  overflow:visible!important;
}
body.cbi-exact-body .cbi-main-nav a{
  white-space:nowrap!important;
}
body.cbi-exact-body .cbi-logo img{
  width:128px!important;
  max-width:128px!important;
  max-height:34px!important;
  object-fit:contain!important;
}
body.cbi-exact-body .cbi-actions{
  min-width:0!important;
  flex-wrap:nowrap!important;
}
body.cbi-exact-body .cbi-icon-btn i{
  font-size:27px!important;
}
body.cbi-exact-body .cbi-mobile-toggle{
  display:none!important;
}

/* Hero video: keep original shop video feeling, no artificial gap, taller like old site */
body.cbi-exact-body .shop-hero-video{
  width:100%!important;
  height:clamp(560px,calc(90vh - var(--cbi-header-total)),820px)!important;
  min-height:clamp(560px,calc(90vh - var(--cbi-header-total)),820px)!important;
  max-height:820px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f7f3ec!important;
}
body.cbi-exact-body .shop-hero-video video,
body.cbi-exact-body .shop-hero-video .shop-hero-fallback{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

/* Brand section scale refinement */
body.cbi-exact-body .shop-brand-section{
  padding:clamp(72px,7vw,118px) 0 clamp(24px,3.5vw,44px)!important;
}
body.cbi-exact-body .shop-section-head{
  margin-bottom:20px!important;
  align-items:flex-end!important;
}
body.cbi-exact-body .shop-section-head h2{
  font-size:clamp(28px,2.55vw,40px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
}
body.cbi-exact-body .shop-section-head a{
  font-size:15px!important;
  white-space:nowrap!important;
}
body.cbi-exact-body .shop-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
}
body.cbi-exact-body .shop-brand-card{
  min-width:0!important;
  height:124px!important;
  min-height:124px!important;
  border-radius:18px!important;
  padding:14px 10px 16px!important;
}
body.cbi-exact-body .shop-brand-logo-wrap{
  height:56px!important;
  margin-bottom:8px!important;
}
body.cbi-exact-body .shop-brand-logo{
  max-width:94px!important;
  max-height:48px!important;
}
body.cbi-exact-body .shop-brand-card strong{
  font-size:14px!important;
  line-height:1.2!important;
}

/* Prevent filter/catalog from creating horizontal or nested scroll */
body.cbi-exact-body .cbi-catalog-section,
body.cbi-exact-body .cbi-catalog-shell,
body.cbi-exact-body .product-container{
  max-width:100%!important;
  overflow:visible!important;
}
body.cbi-exact-body .filter-menu{
  max-width:100%!important;
}

/* Medium widths: switch to clean dropdown before menu wraps vertically */
@media(max-width:1120px){
  :root{
    --cbi-topbar-h:26px;
    --cbi-mainbar-h:66px;
    --cbi-header-total:calc(var(--cbi-topbar-h) + var(--cbi-mainbar-h));
  }
  body.cbi-exact-body .cbi-container{
    width:calc(100% - 48px)!important;
    max-width:100%!important;
  }
  body.cbi-exact-body .cbi-header-inner{
    grid-template-columns:auto 1fr auto!important;
    gap:16px!important;
  }
  body.cbi-exact-body .cbi-main-nav{
    display:none!important;
  }
  body.cbi-exact-body .cbi-logo{
    justify-self:start!important;
    order:0!important;
  }
  body.cbi-exact-body .cbi-actions{
    justify-self:end!important;
    gap:16px!important;
  }
  body.cbi-exact-body .account-link span{
    display:inline!important;
  }
  body.cbi-exact-body .cbi-mobile-toggle{
    display:inline-flex!important;
    width:42px!important;
    height:38px!important;
    flex:0 0 auto!important;
  }
  body.cbi-exact-body .cbi-mobile-panel{
    position:fixed!important;
    top:var(--cbi-header-total)!important;
    left:0!important;
    right:0!important;
    z-index:9998!important;
    display:none!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    border-top:1px solid rgba(0,0,0,.07)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.10)!important;
    padding:16px 24px 18px!important;
  }
  body.cbi-exact-body .cbi-mobile-panel.active{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px 18px!important;
  }
  body.cbi-exact-body .cbi-mobile-panel a{
    display:block!important;
    padding:10px 12px!important;
    border-radius:10px!important;
    text-align:center!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  body.cbi-exact-body .cbi-mobile-panel a:hover{
    background:rgba(0,0,0,.045)!important;
  }
  body.cbi-exact-body .shop-hero-video{
    height:clamp(520px,calc(88vh - var(--cbi-header-total)),760px)!important;
    min-height:clamp(520px,calc(88vh - var(--cbi-header-total)),760px)!important;
  }
  body.cbi-exact-body .shop-brand-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.cbi-exact-body .shop-brand-card{
    height:112px!important;
    min-height:112px!important;
  }
  body.cbi-exact-body .shop-brand-logo-wrap{
    height:48px!important;
  }
  body.cbi-exact-body .shop-brand-logo{
    max-width:76px!important;
    max-height:42px!important;
  }
  body.cbi-exact-body .shop-brand-card strong{
    font-size:13px!important;
  }
}

@media(max-width:768px){
  :root{
    --cbi-topbar-h:0px;
    --cbi-mainbar-h:70px;
    --cbi-header-total:70px;
  }
  body.admin-bar.cbi-exact-body .cbi-sticky-shell{
    top:46px!important;
  }
  body.cbi-exact-body .cbi-navone{
    display:none!important;
  }
  body.cbi-exact-body .cbi-container{
    width:calc(100% - 28px)!important;
  }
  body.cbi-exact-body .cbi-header,
  body.cbi-exact-body .cbi-header-inner{
    height:var(--cbi-mainbar-h)!important;
  }
  body.cbi-exact-body .cbi-logo img{
    width:118px!important;
    max-width:118px!important;
    max-height:32px!important;
  }
  body.cbi-exact-body .account-link span{
    display:none!important;
  }
  body.cbi-exact-body .divider{
    display:none!important;
  }
  body.cbi-exact-body .cbi-actions{
    gap:12px!important;
  }
  body.cbi-exact-body .cbi-icon-btn i,
  body.cbi-exact-body .account-link i{
    font-size:25px!important;
  }
  body.cbi-exact-body .cbi-mobile-panel{
    top:var(--cbi-header-total)!important;
    padding:14px 16px 16px!important;
  }
  body.cbi-exact-body .cbi-mobile-panel.active{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.cbi-exact-body .shop-hero-video{
    height:clamp(430px,calc(82vh - var(--cbi-header-total)),650px)!important;
    min-height:clamp(430px,calc(82vh - var(--cbi-header-total)),650px)!important;
    max-height:650px!important;
  }
  body.cbi-exact-body .shop-section-head{
    display:flex!important;
    align-items:flex-end!important;
    gap:14px!important;
  }
  body.cbi-exact-body .shop-section-head h2{
    font-size:clamp(26px,6vw,34px)!important;
  }
  body.cbi-exact-body .shop-section-head a{
    font-size:14px!important;
  }
  body.cbi-exact-body .shop-brand-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

@media(max-width:560px){
  body.cbi-exact-body .cbi-container{
    width:calc(100% - 22px)!important;
  }
  body.cbi-exact-body .cbi-header-inner{
    gap:10px!important;
  }
  body.cbi-exact-body .cbi-logo img{
    width:108px!important;
    max-width:108px!important;
  }
  body.cbi-exact-body .cbi-actions{
    gap:10px!important;
  }
  body.cbi-exact-body .cbi-icon-btn i,
  body.cbi-exact-body .account-link i{
    font-size:23px!important;
  }
  body.cbi-exact-body .cbi-mobile-toggle{
    width:38px!important;
    height:36px!important;
    font-size:26px!important;
  }
  body.cbi-exact-body .shop-hero-video{
    height:clamp(360px,calc(78vh - var(--cbi-header-total)),560px)!important;
    min-height:clamp(360px,calc(78vh - var(--cbi-header-total)),560px)!important;
  }
  body.cbi-exact-body .shop-brand-section{
    padding-top:58px!important;
  }
  body.cbi-exact-body .shop-section-head{
    display:block!important;
  }
  body.cbi-exact-body .shop-section-head a{
    display:inline-block!important;
    margin-top:8px!important;
  }
  body.cbi-exact-body .shop-brand-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   CBI v0.4.2: topbar separation + reliable hamburger dropdown
   - top small menu scrolls away and does not stick
   - main nav follows scroll with blur
   - product menu moves into hamburger at medium/small widths
   ========================================================= */
:root{
  --cbi-topbar-h:26px;
  --cbi-mainbar-h:66px;
  --cbi-header-total:var(--cbi-mainbar-h);
}
body.cbi-exact-body .cbi-navone{
  position:relative!important;
  z-index:900!important;
  height:var(--cbi-topbar-h)!important;
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body.cbi-exact-body .cbi-sticky-shell{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  width:100%!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-shadow:none!important;
  transition:background .28s ease, box-shadow .28s ease, backdrop-filter .28s ease!important;
}
body.admin-bar.cbi-exact-body .cbi-sticky-shell{
  top:32px!important;
}
body.cbi-exact-body .cbi-sticky-shell.is-scrolled{
  background:rgba(255,255,255,.70)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.08)!important;
}
body.cbi-exact-body .cbi-header,
body.cbi-exact-body .cbi-header-inner{
  height:var(--cbi-mainbar-h)!important;
}
body.cbi-exact-body .cbi-header-inner{
  grid-template-columns:1fr auto 1fr!important;
}
body.cbi-exact-body .cbi-mobile-toggle{
  display:none!important;
  cursor:pointer!important;
}
body.cbi-exact-body .cbi-mobile-panel{
  display:none!important;
  position:fixed!important;
  top:var(--cbi-mainbar-h)!important;
  left:0!important;
  right:0!important;
  z-index:9999!important;
  width:100%!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-top:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.10)!important;
  padding:0!important;
  transform:translateY(-8px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease!important;
}
body.admin-bar.cbi-exact-body .cbi-mobile-panel{
  top:calc(32px + var(--cbi-mainbar-h))!important;
}
body.cbi-exact-body .cbi-mobile-panel.active{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
body.cbi-exact-body .cbi-mobile-panel-inner{
  width:min(980px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:18px 0 20px!important;
  display:grid!important;
  grid-template-columns:1.2fr 1fr!important;
  gap:20px!important;
}
body.cbi-exact-body .cbi-mobile-menu-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.cbi-exact-body .cbi-mobile-panel a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  color:#000!important;
  font-size:15px!important;
  line-height:1.2!important;
  text-align:center!important;
  background:rgba(255,255,255,.45)!important;
  text-decoration:none!important;
}
body.cbi-exact-body .cbi-mobile-panel a:hover{
  background:rgba(0,0,0,.055)!important;
}
body.cbi-exact-body .shop-hero-video{
  margin-top:0!important;
}

@media(min-width:1121px){
  body.cbi-exact-body .cbi-main-nav{display:flex!important;}
  body.cbi-exact-body .cbi-mobile-toggle{display:none!important;}
  body.cbi-exact-body .cbi-mobile-panel{display:none!important;}
}

@media(max-width:1120px){
  :root{
    --cbi-mainbar-h:66px;
    --cbi-header-total:var(--cbi-mainbar-h);
  }
  body.cbi-exact-body .cbi-container{
    width:calc(100% - 48px)!important;
    max-width:100%!important;
  }
  body.cbi-exact-body .cbi-header-inner{
    grid-template-columns:auto 1fr auto!important;
    gap:16px!important;
  }
  body.cbi-exact-body .cbi-main-nav{
    display:none!important;
  }
  body.cbi-exact-body .cbi-logo{
    justify-self:start!important;
  }
  body.cbi-exact-body .cbi-actions{
    justify-self:end!important;
    gap:16px!important;
  }
  body.cbi-exact-body .account-link span{
    display:inline!important;
  }
  body.cbi-exact-body .cbi-mobile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:38px!important;
    flex:0 0 auto!important;
  }
  body.cbi-exact-body .shop-hero-video{
    height:clamp(540px,88vh,780px)!important;
    min-height:clamp(540px,88vh,780px)!important;
  }
}

@media(max-width:768px){
  :root{--cbi-mainbar-h:70px;}
  body.admin-bar.cbi-exact-body .cbi-sticky-shell{top:46px!important;}
  body.admin-bar.cbi-exact-body .cbi-mobile-panel{top:calc(46px + var(--cbi-mainbar-h))!important;}
  body.cbi-exact-body .cbi-navone{display:none!important;}
  body.cbi-exact-body .cbi-container{width:calc(100% - 28px)!important;}
  body.cbi-exact-body .cbi-header,
  body.cbi-exact-body .cbi-header-inner{height:var(--cbi-mainbar-h)!important;}
  body.cbi-exact-body .cbi-logo img{width:118px!important;max-width:118px!important;}
  body.cbi-exact-body .account-link span{display:none!important;}
  body.cbi-exact-body .divider{display:none!important;}
  body.cbi-exact-body .cbi-actions{gap:12px!important;}
  body.cbi-exact-body .cbi-mobile-panel{top:var(--cbi-mainbar-h)!important;}
  body.cbi-exact-body .cbi-mobile-panel-inner{
    width:calc(100% - 32px)!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px 0 16px!important;
  }
  body.cbi-exact-body .cbi-mobile-menu-group{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.cbi-exact-body .shop-hero-video{
    height:clamp(460px,84vh,660px)!important;
    min-height:clamp(460px,84vh,660px)!important;
  }
}

@media(max-width:560px){
  :root{--cbi-mainbar-h:68px;}
  body.cbi-exact-body .cbi-container{width:calc(100% - 22px)!important;}
  body.cbi-exact-body .cbi-logo img{width:108px!important;max-width:108px!important;}
  body.cbi-exact-body .cbi-actions{gap:10px!important;}
  body.cbi-exact-body .cbi-icon-btn i,
  body.cbi-exact-body .account-link i{font-size:23px!important;}
  body.cbi-exact-body .cbi-mobile-toggle{width:38px!important;height:36px!important;font-size:26px!important;}
  body.cbi-exact-body .cbi-mobile-menu-group{grid-template-columns:1fr!important;}
  body.cbi-exact-body .shop-hero-video{
    height:clamp(400px,78vh,570px)!important;
    min-height:clamp(400px,78vh,570px)!important;
  }
}


/* =========================================================
   CBI v0.4.3: correct topbar/mainbar behavior
   - top mini menu is normal document flow and scrolls away
   - ONLY .cbi-sticky-shell/main nav is fixed and follows scroll
   - at page top main nav sits below topbar; after scroll it moves to top
   - fixes hamburger panel opening position and menu wrapping
   ========================================================= */
:root{
  --cbi-topbar-h:26px;
  --cbi-mainbar-h:66px;
  --cbi-header-total:var(--cbi-mainbar-h);
}
html,
body.cbi-exact-body{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  height:auto!important;
}
body.cbi-exact-body .cbi-site,
body.cbi-exact-body #page{
  overflow:visible!important;
  min-height:100vh!important;
}

/* top mini nav must NOT be sticky/fixed */
body.cbi-exact-body .cbi-navone{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:50!important;
  height:var(--cbi-topbar-h)!important;
  line-height:var(--cbi-topbar-h)!important;
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body.cbi-exact-body .cbi-topbar-inner{
  height:var(--cbi-topbar-h)!important;
}

/* only the lower/main nav follows the page */
body.cbi-exact-body .cbi-sticky-shell{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:var(--cbi-topbar-h)!important;
  width:100%!important;
  z-index:10000!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:none!important;
  transform:translateZ(0)!important;
  transition:top .18s ease, background .28s ease, box-shadow .28s ease, backdrop-filter .28s ease!important;
}
body.cbi-exact-body.cbi-topbar-passed .cbi-sticky-shell{
  top:0!important;
}
body.admin-bar.cbi-exact-body .cbi-sticky-shell{
  top:calc(32px + var(--cbi-topbar-h))!important;
}
body.admin-bar.cbi-exact-body.cbi-topbar-passed .cbi-sticky-shell{
  top:32px!important;
}
body.cbi-exact-body .cbi-sticky-shell.is-scrolled{
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.08)!important;
}

/* content offset: topbar remains in flow, fixed mainbar needs its own space */
body.cbi-exact-body .cbi-home-main,
body.cbi-exact-body .cbi-woo-main,
body.cbi-exact-body .cbi-page-main,
body.cbi-exact-body .cbi-single-product{
  padding-top:var(--cbi-mainbar-h)!important;
}
body.cbi-exact-body .cbi-header,
body.cbi-exact-body .cbi-header-inner{
  height:var(--cbi-mainbar-h)!important;
}
body.cbi-exact-body .cbi-header-inner{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:16px!important;
}

/* desktop: main product menu visible; hamburger hidden */
@media(min-width:1121px){
  body.cbi-exact-body .cbi-main-nav{display:flex!important; flex-wrap:nowrap!important;}
  body.cbi-exact-body .cbi-mobile-toggle{display:none!important;}
  body.cbi-exact-body .cbi-mobile-panel{display:none!important;}
}

/* mobile panel follows only lower nav, not topbar after scroll */
body.cbi-exact-body .cbi-mobile-panel{
  position:fixed!important;
  top:calc(var(--cbi-topbar-h) + var(--cbi-mainbar-h))!important;
  left:0!important;
  right:0!important;
  z-index:9999!important;
  width:100%!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-top:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.10)!important;
  padding:0!important;
  transform:translateY(-8px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease, top .18s ease!important;
}
body.cbi-exact-body.cbi-topbar-passed .cbi-mobile-panel{
  top:var(--cbi-mainbar-h)!important;
}
body.admin-bar.cbi-exact-body .cbi-mobile-panel{
  top:calc(32px + var(--cbi-topbar-h) + var(--cbi-mainbar-h))!important;
}
body.admin-bar.cbi-exact-body.cbi-topbar-passed .cbi-mobile-panel{
  top:calc(32px + var(--cbi-mainbar-h))!important;
}
body.cbi-exact-body .cbi-mobile-panel.active{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
body.cbi-exact-body .cbi-mobile-panel-inner{
  width:min(980px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:18px 0 20px!important;
  display:grid!important;
  grid-template-columns:1.1fr 1fr!important;
  gap:20px!important;
}
body.cbi-exact-body .cbi-mobile-menu-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.cbi-exact-body .cbi-mobile-panel a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  color:#000!important;
  font-size:15px!important;
  line-height:1.2!important;
  text-align:center!important;
  background:rgba(255,255,255,.45)!important;
  text-decoration:none!important;
}

@media(max-width:1120px){
  :root{--cbi-mainbar-h:66px; --cbi-header-total:var(--cbi-mainbar-h);}
  body.cbi-exact-body .cbi-header-inner{
    grid-template-columns:auto 1fr auto!important;
    gap:16px!important;
  }
  body.cbi-exact-body .cbi-main-nav{display:none!important;}
  body.cbi-exact-body .cbi-logo{justify-self:start!important;}
  body.cbi-exact-body .cbi-actions{justify-self:end!important;gap:16px!important;}
  body.cbi-exact-body .cbi-mobile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:38px!important;
    flex:0 0 auto!important;
    cursor:pointer!important;
  }
}

@media(max-width:768px){
  :root{--cbi-topbar-h:0px;--cbi-mainbar-h:70px;--cbi-header-total:var(--cbi-mainbar-h);}
  body.cbi-exact-body .cbi-navone{display:none!important;}
  body.cbi-exact-body .cbi-sticky-shell{top:0!important;}
  body.admin-bar.cbi-exact-body .cbi-sticky-shell{top:46px!important;}
  body.cbi-exact-body .cbi-mobile-panel{top:var(--cbi-mainbar-h)!important;}
  body.admin-bar.cbi-exact-body .cbi-mobile-panel{top:calc(46px + var(--cbi-mainbar-h))!important;}
  body.cbi-exact-body .cbi-mobile-panel-inner{
    width:calc(100% - 32px)!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px 0 16px!important;
  }
  body.cbi-exact-body .cbi-mobile-menu-group{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.cbi-exact-body .account-link span{display:none!important;}
  body.cbi-exact-body .divider{display:none!important;}
}

@media(max-width:560px){
  body.cbi-exact-body .cbi-mobile-menu-group{grid-template-columns:1fr!important;}
}


/* =========================================================
   CBI v0.4.4: sticky gap fix
   Fixes the empty video strip above the main nav after scrolling.
   Top mini nav scrolls away; only main nav follows the page.
   ========================================================= */
:root{
  --cbi-topbar-h:26px;
  --cbi-mainbar-h:66px;
}
body.cbi-exact-body .cbi-navone{
  position:relative!important;
  top:auto!important;
  height:var(--cbi-topbar-h)!important;
  line-height:var(--cbi-topbar-h)!important;
  z-index:20!important;
}
body.cbi-exact-body .cbi-sticky-shell{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:var(--cbi-topbar-h)!important;
  width:100%!important;
  height:var(--cbi-mainbar-h)!important;
  z-index:10000!important;
  margin:0!important;
}
/* Important: when scrolled, the main nav must attach to top edge, not leave a topbar-sized hole. */
body.cbi-exact-body.cbi-topbar-passed .cbi-sticky-shell,
body.cbi-exact-body .cbi-sticky-shell.is-scrolled{
  top:0!important;
}
body.admin-bar.cbi-exact-body .cbi-sticky-shell{
  top:calc(32px + var(--cbi-topbar-h))!important;
}
body.admin-bar.cbi-exact-body.cbi-topbar-passed .cbi-sticky-shell,
body.admin-bar.cbi-exact-body .cbi-sticky-shell.is-scrolled{
  top:32px!important;
}
body.cbi-exact-body .cbi-header,
body.cbi-exact-body .cbi-header-inner{
  height:var(--cbi-mainbar-h)!important;
}
/* The topbar is still in document flow, so the fixed mainbar only needs this spacer. */
body.cbi-exact-body .cbi-home-main,
body.cbi-exact-body .cbi-woo-main,
body.cbi-exact-body .cbi-page-main,
body.cbi-exact-body .cbi-single-product{
  padding-top:var(--cbi-mainbar-h)!important;
}
body.cbi-exact-body .shop-hero-video{
  margin-top:0!important;
}
/* Mobile/dropdown panel follows the actual main nav position. */
body.cbi-exact-body .cbi-mobile-panel{
  top:calc(var(--cbi-topbar-h) + var(--cbi-mainbar-h))!important;
}
body.cbi-exact-body.cbi-topbar-passed .cbi-mobile-panel,
body.cbi-exact-body .cbi-sticky-shell.is-scrolled + .cbi-mobile-panel{
  top:var(--cbi-mainbar-h)!important;
}
body.admin-bar.cbi-exact-body .cbi-mobile-panel{
  top:calc(32px + var(--cbi-topbar-h) + var(--cbi-mainbar-h))!important;
}
body.admin-bar.cbi-exact-body.cbi-topbar-passed .cbi-mobile-panel{
  top:calc(32px + var(--cbi-mainbar-h))!important;
}
/* keep dropdown compact and aligned; do not reserve a blank strip above it */
body.cbi-exact-body .cbi-mobile-panel.active{
  margin-top:0!important;
}
@media(max-width:768px){
  :root{--cbi-topbar-h:0px;--cbi-mainbar-h:70px;}
  body.cbi-exact-body .cbi-navone{display:none!important;}
  body.cbi-exact-body .cbi-sticky-shell{top:0!important;}
  body.admin-bar.cbi-exact-body .cbi-sticky-shell{top:46px!important;}
  body.cbi-exact-body .cbi-home-main,
  body.cbi-exact-body .cbi-woo-main,
  body.cbi-exact-body .cbi-page-main,
  body.cbi-exact-body .cbi-single-product{
    padding-top:var(--cbi-mainbar-h)!important;
  }
  body.cbi-exact-body .cbi-mobile-panel{top:var(--cbi-mainbar-h)!important;}
  body.admin-bar.cbi-exact-body .cbi-mobile-panel{top:calc(46px + var(--cbi-mainbar-h))!important;}
}

/* =========================================================
   CBI v0.4.6: dropdown gap fix for 769px - 1120px
   Keep the upper topbar in normal document flow, but pin the
   hamburger dropdown directly under the main sticky nav.
   ========================================================= */
body.cbi-exact-body .cbi-sticky-shell,
body.cbi-exact-body .cbi-header{
  overflow:visible!important;
}
body.cbi-exact-body .cbi-header{
  position:relative!important;
}
body.cbi-exact-body .cbi-mobile-panel{
  position:absolute!important;
  top:100%!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  margin-top:0!important;
  transform:translateY(0)!important;
}
body.cbi-exact-body .cbi-mobile-panel.active{
  top:100%!important;
  margin-top:0!important;
  transform:translateY(0)!important;
}
body.admin-bar.cbi-exact-body .cbi-mobile-panel,
body.admin-bar.cbi-exact-body.cbi-topbar-passed .cbi-mobile-panel,
body.cbi-exact-body.cbi-topbar-passed .cbi-mobile-panel,
body.cbi-exact-body .cbi-sticky-shell.is-scrolled + .cbi-mobile-panel{
  top:100%!important;
}
@media (min-width:769px) and (max-width:1120px){
  body.cbi-exact-body .cbi-mobile-panel{
    border-top:0!important;
    box-shadow:0 22px 42px rgba(0,0,0,.10)!important;
  }
  body.cbi-exact-body .cbi-mobile-panel-inner{
    padding-top:14px!important;
  }
}


/* =========================================================
   CBI v0.4.7: restore Hello Pony brand card while keeping
   v0.4.6 dropdown gap fix.
   ========================================================= */
@media (min-width:1121px){
  body.cbi-exact-body .shop-brand-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.cbi-exact-body .shop-brand-card{
    min-height:118px!important;
    height:118px!important;
    padding:12px 8px 14px!important;
  }
  body.cbi-exact-body .shop-brand-logo-wrap{
    height:52px!important;
    margin-bottom:7px!important;
  }
  body.cbi-exact-body .shop-brand-logo{
    max-width:82px!important;
    max-height:46px!important;
  }
  body.cbi-exact-body .shop-brand-card strong{
    font-size:13px!important;
  }
}
@media (min-width:769px) and (max-width:1120px){
  body.cbi-exact-body .shop-brand-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:768px){
  body.cbi-exact-body .shop-brand-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* CBI v0.4.8: Hello Pony remains in brand section only; removed from hamburger navigation. */