/* Storefront Hero + Hidden Sidebar Layout Hotfix
   Purpose: repair compressed/misaligned homepage layout caused by active store-page-layout
   while the category sidebar is hidden in CSS.
   Place this file at:
   /www/wwwroot/webtest.sarie-iq.com/assets/css/storefront-hero-hotfix.css
*/

/* Critical fix:
   site.css hides .store-category-sidebar, but header.php still wraps the page
   in .store-page-layout. This removes the reserved empty sidebar column. */
body.has-category-sidebar .store-page-layout,
.store-page-layout{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

body.has-category-sidebar .store-page-layout > main,
.store-page-layout > main,
#store-main{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

.category-sidebar-trigger,
.store-category-sidebar,
.category-sidebar-backdrop{
  display:none !important;
}

/* Homepage hero repair */
#store-main > .hero,
.hero{
  width:100% !important;
  overflow:hidden !important;
}

#store-main > .hero > .container.hero-grid,
.hero > .container.hero-grid{
  width:min(1180px, 92%) !important;
  max-width:1180px !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.1fr) minmax(320px, 0.9fr) !important;
  align-items:center !important;
  gap:40px !important;
  justify-content:stretch !important;
}

.hero > .container.hero-grid > .hero-copy,
.hero > .container.hero-grid > .hero-card{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  align-self:center !important;
}

.hero .hero-copy{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
}

.hero .hero-copy h1,
.hero .hero-copy p,
.hero .hero-card b,
.hero .hero-card span{
  max-width:100% !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

.hero .hero-actions,
.hero .hero-points{
  width:100% !important;
  max-width:100% !important;
}

.hero .hero-card{
  min-height:420px !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  width:100% !important;
  max-width:none !important;
}

.hero .hero-card > div{
  width:100% !important;
  max-width:420px !important;
  margin-inline:auto !important;
}

.hero .hero-card img{
  width:min(420px,100%) !important;
  height:auto !important;
  margin:0 auto 16px !important;
  display:block !important;
}

/* Mini banners */
.mini-banners{
  width:min(1180px, 92%) !important;
  max-width:1180px !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
}

.mini-banner{
  min-width:0 !important;
  width:100% !important;
  overflow:hidden !important;
}

.mini-banner b,
.mini-banner span,
.mini-banner em{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

@media (max-width: 992px){
  #store-main > .hero > .container.hero-grid,
  .hero > .container.hero-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .hero .hero-card{
    min-height:0 !important;
  }

  .mini-banners{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 640px){
  .hero{
    padding-block:42px !important;
  }

  .hero .hero-copy h1{
    font-size:clamp(28px, 8vw, 42px) !important;
  }

  .hero .hero-copy p{
    font-size:16px !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-actions .btn{
    width:100% !important;
  }
}

/* sarie-back-to-top-premium-effect-v1
   Premium footer back-to-top control: glass pill, animated gradient rim,
   inner arrow capsule, travelling sheen and restrained micro-interactions. */
.site-footer{
  position:relative !important;
  isolation:isolate;
  padding-top:88px !important;
  overflow:visible !important;
}

.site-footer .site-footer__back-to-top,
.site-footer .site-footer__back-to-top.is-visible{
  --btt-accent:var(--primary,#0cbaa4);
  --btt-deep:var(--secondary,#2e3e4e);
  --btt-glass:rgba(255,255,255,.92);
  --btt-glass-strong:rgba(255,255,255,.98);
  position:absolute !important;
  top:20px !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-width:86px !important;
  min-height:54px !important;
  padding:10px 18px 10px 13px !important;
  border:1px solid rgba(255,255,255,.74) !important;
  border-radius:999px !important;
  background:
    linear-gradient(var(--btt-glass),var(--btt-glass)) padding-box,
    linear-gradient(125deg,
      color-mix(in srgb,var(--btt-accent) 10%,#fff),
      color-mix(in srgb,var(--btt-accent) 58%,#fff),
      color-mix(in srgb,var(--btt-deep) 26%,#fff),
      color-mix(in srgb,var(--btt-accent) 10%,#fff)
    ) border-box !important;
  color:var(--btt-deep) !important;
  box-shadow:
    0 18px 44px rgba(15,28,34,.18),
    0 6px 18px color-mix(in srgb,var(--btt-accent) 16%,transparent),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -12px 24px rgba(12,186,164,.075) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:3 !important;
  transform:translateX(-50%) translateY(0) scale(1) !important;
  transform-origin:center !important;
  transition:
    transform .34s cubic-bezier(.2,.85,.22,1.28),
    box-shadow .34s ease,
    color .28s ease,
    border-color .28s ease,
    background .28s ease,
    filter .28s ease !important;
  overflow:hidden !important;
  -webkit-tap-highlight-color:transparent;
}

.site-footer .site-footer__back-to-top::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  z-index:0;
  background:
    conic-gradient(from 0deg,
      transparent 0deg,
      color-mix(in srgb,var(--btt-accent) 8%,transparent) 58deg,
      color-mix(in srgb,var(--btt-accent) 42%,transparent) 108deg,
      color-mix(in srgb,#fff 74%,transparent) 142deg,
      color-mix(in srgb,var(--btt-accent) 34%,transparent) 196deg,
      transparent 285deg,
      transparent 360deg);
  opacity:.58;
  filter:blur(.2px);
  transform:rotate(0deg) scale(1.04);
  transition:opacity .34s ease,filter .34s ease;
  animation:sarieBttBorderOrbit 5.8s linear infinite;
}

.site-footer .site-footer__back-to-top::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  z-index:1;
  background:
    linear-gradient(108deg,
      transparent 0%,
      transparent 31%,
      rgba(255,255,255,.78) 44%,
      rgba(255,255,255,.25) 53%,
      transparent 64%,
      transparent 100%);
  transform:translateX(125%) skewX(-18deg);
  opacity:0;
  pointer-events:none;
}

.site-footer .site-footer__back-to-top span{
  position:relative;
  z-index:2;
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.68),transparent 33%),
    linear-gradient(145deg,var(--btt-accent),color-mix(in srgb,var(--btt-deep) 62%,var(--btt-accent))) !important;
  box-shadow:
    0 8px 18px color-mix(in srgb,var(--btt-accent) 34%,transparent),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
  transform:translateY(0) rotate(0deg) scale(1);
  transition:
    transform .34s cubic-bezier(.2,.85,.22,1.28),
    box-shadow .34s ease,
    background .34s ease !important;
}

.site-footer .site-footer__back-to-top small{
  position:relative;
  z-index:2;
  display:inline-block !important;
  color:color-mix(in srgb,var(--btt-deep) 82%,var(--btt-accent)) !important;
  font:900 12px/1 Tahoma,Arial,sans-serif !important;
  letter-spacing:.01em !important;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
  transform:translateY(0);
  transition:transform .34s ease,color .28s ease !important;
}

.site-footer .site-footer__back-to-top:hover,
.site-footer .site-footer__back-to-top:focus-visible{
  border-color:color-mix(in srgb,var(--btt-accent) 42%,#fff) !important;
  background:
    linear-gradient(var(--btt-glass-strong),var(--btt-glass-strong)) padding-box,
    linear-gradient(125deg,
      color-mix(in srgb,var(--btt-accent) 72%,#fff),
      color-mix(in srgb,#fff 88%,var(--btt-accent)),
      color-mix(in srgb,var(--btt-deep) 42%,var(--btt-accent)),
      color-mix(in srgb,var(--btt-accent) 72%,#fff)
    ) border-box !important;
  color:var(--btt-deep) !important;
  filter:saturate(1.06);
  box-shadow:
    0 24px 54px rgba(15,28,34,.24),
    0 12px 30px color-mix(in srgb,var(--btt-accent) 28%,transparent),
    0 0 0 7px color-mix(in srgb,var(--btt-accent) 9%,transparent),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -12px 26px rgba(12,186,164,.11) !important;
  transform:translateX(-50%) translateY(-7px) scale(1.045) !important;
}

.site-footer .site-footer__back-to-top:hover::before,
.site-footer .site-footer__back-to-top:focus-visible::before{
  opacity:.95;
  filter:blur(0);
  animation-duration:2.25s;
}

.site-footer .site-footer__back-to-top:hover::after,
.site-footer .site-footer__back-to-top:focus-visible::after{
  opacity:1;
  animation:sarieBttSheen .72s cubic-bezier(.2,.75,.25,1) forwards;
}

.site-footer .site-footer__back-to-top:hover span,
.site-footer .site-footer__back-to-top:focus-visible span{
  transform:translateY(-3px) rotate(-8deg) scale(1.08);
  box-shadow:
    0 11px 24px color-mix(in srgb,var(--btt-accent) 44%,transparent),
    inset 0 1px 0 rgba(255,255,255,.56) !important;
}

.site-footer .site-footer__back-to-top:hover small,
.site-footer .site-footer__back-to-top:focus-visible small{
  color:var(--btt-deep) !important;
  transform:translateY(-1px);
}

.site-footer .site-footer__back-to-top:active{
  transform:translateX(-50%) translateY(-3px) scale(.985) !important;
}

.site-footer .site-footer__back-to-top:focus-visible{
  outline:3px solid color-mix(in srgb,var(--btt-accent) 38%,#fff) !important;
  outline-offset:5px !important;
}

@keyframes sarieBttBorderOrbit{
  to{transform:rotate(360deg) scale(1.04);}
}

@keyframes sarieBttSheen{
  0%{transform:translateX(125%) skewX(-18deg);}
  100%{transform:translateX(-125%) skewX(-18deg);}
}

@supports not (background:color-mix(in srgb,#fff 50%,#000)){
  .site-footer .site-footer__back-to-top,
  .site-footer .site-footer__back-to-top.is-visible{
    background:#fff !important;
    color:var(--primary,#0cbaa4) !important;
  }

  .site-footer .site-footer__back-to-top span{
    background:var(--primary,#0cbaa4) !important;
  }
}

@media (max-width:760px){
  .site-footer{
    padding-top:82px !important;
  }

  .site-footer .site-footer__back-to-top,
  .site-footer .site-footer__back-to-top.is-visible{
    top:17px !important;
    min-width:82px !important;
    min-height:52px !important;
    padding:9px 16px 9px 12px !important;
  }

  .site-footer .site-footer__back-to-top span{
    width:29px !important;
    height:29px !important;
    font-size:19px !important;
  }

  .site-footer .site-footer__back-to-top small{
    display:inline-block !important;
    font-size:11px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-footer .site-footer__back-to-top,
  .site-footer .site-footer__back-to-top::before,
  .site-footer .site-footer__back-to-top::after,
  .site-footer .site-footer__back-to-top span,
  .site-footer .site-footer__back-to-top small{
    animation:none !important;
    transition:none !important;
  }

  .site-footer .site-footer__back-to-top:hover,
  .site-footer .site-footer__back-to-top:focus-visible,
  .site-footer .site-footer__back-to-top:active{
    transform:translateX(-50%) translateY(0) scale(1) !important;
  }
}

/* ===== Sarie v1.5.0 — native inertial mobile carousel with seamless loop ===== */
.home-products-swipe,
.home-builder-products-swipe{
  position:relative;
  overflow:visible;
}

.home-products-swipe__track{
  --sarie-product-swipe-gap:var(--hb-gap,18px);
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - (var(--sarie-product-swipe-gap) * 3)) / 4) !important;
  grid-template-columns:none !important;
  gap:var(--sarie-product-swipe-gap) !important;
  align-items:stretch;
  position:relative;
  overflow-x:auto;
  overflow-y:hidden;
  direction:ltr;
  padding:8px 4px 30px;
  margin:0 -4px -12px;
  scroll-padding-inline:4px;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  -ms-overflow-style:none;
  cursor:grab;
  touch-action:pan-x pan-y pinch-zoom;
  scroll-behavior:auto;
  overflow-anchor:none;
}

.home-products-swipe__track.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none;
  user-select:none;
  scroll-behavior:auto;
}


.home-products-swipe__track.is-native-scrolling{
  scroll-snap-type:x proximity;
}

.home-products-swipe__track.is-native-scrolling .product-card,
.home-products-swipe__track.is-native-scrolling .product-card:hover{
  transform:none !important;
}

.home-products-swipe__track.is-native-scrolling .product-hover-img,
.home-products-swipe__track.is-native-scrolling .image-shine{
  animation:none !important;
  transition:none !important;
}

.home-products-swipe__track > [data-sarie-carousel-clone="1"]{
  pointer-events:auto;
}

.home-products-swipe__track::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}

.home-products-swipe__track[data-sarie-carousel-enabled="0"]{
  cursor:default;
  overflow-x:hidden;
  scroll-snap-type:none;
}

.home-products-swipe__track[data-sarie-carousel-enabled="0"] > [data-sarie-carousel-clone="1"],
.home-products-swipe__track[data-sarie-carousel-loop-enabled="0"] > [data-sarie-carousel-clone="1"]{
  display:none !important;
}

.home-products-swipe__track > .product-card{
  min-width:0;
  height:100%;
  direction:rtl;
  scroll-snap-align:start;
  scroll-snap-stop:normal;
}

.home-products-swipe__track a,
.home-products-swipe__track img,
.home-products-swipe__track .product-image,
.home-products-swipe__track .product-image-frame{
  -webkit-user-drag:none;
  user-select:none;
}

.home-products-swipe__track img{
  pointer-events:none;
}

.home-products-swipe__track.is-dragging > .product-card,
.home-products-swipe__track.is-dragging a,
.home-products-swipe__track.is-dragging img{
  cursor:grabbing;
}

.home-products-swipe__track.is-dragging a,
.home-products-swipe__track.is-dragging button{
  -webkit-user-drag:none;
}

.home-products-swipe .section-head,
.home-builder-products-swipe .section-head,
.home-builder-products-swipe .home-builder-head{
  position:relative;
  z-index:3;
}

.home-products-swipe__controls{
  position:absolute;
  inset-inline:clamp(10px,2vw,26px);
  top:50%;
  z-index:5;
  display:flex;
  justify-content:space-between;
  align-items:center;
  direction:ltr;
  pointer-events:none;
  transform:translateY(-12%);
}

.home-products-swipe__nav{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid color-mix(in srgb,var(--primary,#0cbaa4) 26%,rgba(255,255,255,.72));
  border-radius:999px;
  color:var(--primary,#0cbaa4);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.74));
  box-shadow:0 16px 38px rgba(24,42,52,.16),0 4px 14px rgba(12,186,164,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
  pointer-events:auto;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,opacity .22s ease;
}

.home-products-swipe__nav::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:inherit;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.95),rgba(255,255,255,0) 48%),color-mix(in srgb,var(--primary,#0cbaa4) 9%,transparent);
  opacity:.8;
  transition:opacity .22s ease,transform .22s ease;
}

.home-products-swipe__nav-icon{
  position:relative;
  z-index:1;
  display:block;
  font-size:25px;
  line-height:1;
  font-weight:900;
  transform:translateY(-1px);
}

.home-products-swipe__nav:hover,
.home-products-swipe__nav:focus-visible{
  transform:translateY(-3px) scale(1.04);
  border-color:color-mix(in srgb,var(--primary,#0cbaa4) 48%,rgba(255,255,255,.78));
  box-shadow:0 22px 48px rgba(24,42,52,.2),0 6px 22px color-mix(in srgb,var(--primary,#0cbaa4) 25%,transparent);
  outline:none;
}

.home-products-swipe__nav:hover::before,
.home-products-swipe__nav:focus-visible::before{
  opacity:1;
  transform:scale(1.04);
}

.home-products-swipe__nav:active{
  transform:translateY(0) scale(.98);
}

.home-products-swipe__nav[hidden],
.home-products-swipe__track[data-sarie-carousel-enabled="0"] + .home-products-swipe__controls,
.home-products-swipe__track[data-sarie-carousel-static="1"] + .home-products-swipe__controls,
.home-products-swipe__controls.is-hidden{
  display:none !important;
}

@media (max-width:1100px){
  .home-products-swipe__track{
    grid-auto-columns:calc((100% - (var(--sarie-product-swipe-gap) * 2)) / 3) !important;
  }

  .home-products-swipe__controls{
    inset-inline:8px;
  }

  .home-products-swipe__nav{
    width:42px;
    height:42px;
  }
}

@media (max-width:760px){
  .home-products-swipe__track{
    --sarie-product-swipe-gap:8px;
    grid-auto-columns:calc((100% - var(--sarie-product-swipe-gap)) / 2) !important;
    padding:6px 2px 24px;
    scroll-padding-inline:2px;
    scroll-snap-type:x proximity;
    scroll-behavior:auto;
    touch-action:pan-x pan-y pinch-zoom;
  }

  .home-products-swipe__track > .product-card{
    scroll-snap-stop:normal;
  }

  .home-products-swipe__controls{
    top:auto;
    bottom:8px;
    transform:none;
    justify-content:center;
    gap:10px;
  }

  .home-products-swipe__nav{
    width:38px;
    height:38px;
  }

  .home-products-swipe__nav-icon{
    font-size:22px;
  }
}

@media (hover:none) and (pointer:coarse){
  .home-products-swipe__track .product-card,
  .home-products-swipe__track .product-card:hover{
    transform:none !important;
  }

  .home-products-swipe__track .product-hover-img,
  .home-products-swipe__track .image-shine{
    transition:none !important;
  }

  .home-products-swipe__track .image-shine{
    animation:none !important;
    opacity:0 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-products-swipe__track{
    scroll-behavior:auto !important;
  }

  .home-products-swipe__nav,
  .home-products-swipe__nav::before{
    transition:none !important;
  }
}



/* ===== Sarie v1.4.0 — mobile storefront responsive polish =====
   Scope: mobile/tablet layout only. Keeps desktop storefront and PHP rendering intact. */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{-webkit-text-size-adjust:100%}
  .container{width:min(100% - 24px,1180px)!important}
  .announce{padding:7px 10px;font-size:12px;line-height:1.55}

  .site-header{z-index:220!important;overflow:visible!important}
  .site-header .container.nav-wrap--reordered{
    width:100%!important;
    min-height:64px!important;
    padding:0 10px!important;
    display:grid!important;
    grid-template-columns:auto minmax(70px,1fr) auto!important;
    grid-template-areas:"nav brand actions"!important;
    align-items:center!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .nav-wrap--reordered .header-nav-zone{
    grid-area:nav!important;
    display:flex!important;
    align-items:center!important;
    justify-self:start!important;
    gap:5px!important;
    min-width:0!important;
    order:0!important;
    margin:0!important;
  }
  .nav-wrap--reordered .brand--header{
    grid-area:brand!important;
    position:static!important;
    transform:none!important;
    justify-self:center!important;
    justify-content:center!important;
    max-width:100%!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    gap:5px!important;
    order:0!important;
  }
  .nav-wrap--reordered .brand--header .site-logo{
    display:block!important;
    width:auto!important;
    max-width:86px!important;
    max-height:32px!important;
    object-fit:contain!important;
  }
  .nav-wrap--reordered .brand--header .brand-mark{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:18px!important;
  }
  .nav-wrap--reordered .brand--header .brand-text{display:none!important}
  .nav-wrap--reordered .header-actions{
    grid-area:actions!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    max-width:132px!important;
    min-width:0!important;
    margin:0!important;
    order:0!important;
  }

  .header-categories__toggle,
  .nav-toggle,
  .search--header,
  .cart-link--icon,
  .account-menu__toggle{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:12px!important;
    padding:0!important;
  }
  .nav-toggle{display:grid!important;place-items:center!important;font-size:20px!important;background:var(--secondary)!important;color:#fff!important;border:0!important;line-height:1!important}
  .header-categories__icon,.header-action-icon{width:19px!important;height:19px!important}
  .search--header{grid-template-columns:36px 0fr 0fr!important;box-shadow:0 6px 16px color-mix(in srgb,var(--secondary) 8%,transparent)!important}
  .search--header__toggle{width:36px!important;height:36px!important}
  .search--header input{height:42px!important;font-size:14px!important}
  .search--header__submit{width:36px!important;height:34px!important}
  .cart-link--icon strong{top:-5px!important;left:-5px!important;min-width:17px!important;height:17px!important;font-size:9px!important}

  .search--header.is-open,
  .search--header:focus-within{
    position:fixed!important;
    top:70px!important;
    inset-inline:10px!important;
    width:auto!important;
    min-width:0!important;
    height:46px!important;
    grid-template-columns:44px minmax(0,1fr) 40px!important;
    z-index:260!important;
    border-radius:16px!important;
    background:var(--site-surface,#fff)!important;
    box-shadow:0 18px 46px rgba(20,36,44,.18)!important;
  }
  .search--header.is-open .search--header__toggle,
  .search--header:focus-within .search--header__toggle{width:44px!important;height:44px!important}
  .search--header.is-open input,
  .search--header:focus-within input{opacity:1!important;pointer-events:auto!important;transform:none!important;padding-inline:2px 8px!important}
  .search--header.is-open .search--header__submit,
  .search--header:focus-within .search--header__submit{opacity:1!important;pointer-events:auto!important;transform:none!important}

  .account-menu__panel,
  .header-categories__panel{
    position:fixed!important;
    top:70px!important;
    right:10px!important;
    left:10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 84px)!important;
    overflow:auto!important;
    border-radius:18px!important;
    z-index:250!important;
  }
  .header-categories__grid{grid-template-columns:1fr!important;max-height:none!important}
  .account-menu__currency-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nav-wrap--reordered .nav-links--edge.open{
    position:fixed!important;
    top:70px!important;
    right:10px!important;
    left:10px!important;
    z-index:245!important;
    display:grid!important;
    gap:6px!important;
    padding:10px!important;
    border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))!important;
    border-radius:18px!important;
    background:var(--site-surface,#fff)!important;
    box-shadow:0 18px 46px rgba(20,36,44,.18)!important;
    max-height:calc(100dvh - 84px)!important;
    overflow:auto!important;
  }
  .nav-wrap--reordered .nav-links--edge.open a{min-height:42px;padding:10px 12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--soft) 70%,transparent)}

  .page-hero{padding:30px 0!important}
  .page-hero h1,.text-page h1,.simple h1{font-size:clamp(25px,7vw,34px)!important;line-height:1.25!important}
  .section{padding:34px 0!important}
  .section-head,.home-builder-head{align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}
  .section-head h2,.home-builder-head h2{font-size:clamp(21px,6vw,28px)!important;line-height:1.25!important}
  .section-head p,.home-builder-head p{font-size:13px!important;line-height:1.7!important}

  .hero{padding-block:30px!important}
  .hero > .container.hero-grid{width:min(100% - 24px,1180px)!important;gap:18px!important}
  .hero .hero-copy h1{font-size:clamp(28px,8vw,40px)!important;line-height:1.18!important;margin-bottom:10px!important}
  .hero .hero-copy p{font-size:14px!important;line-height:1.8!important}
  .hero-actions{gap:9px!important;margin:18px 0!important}
  .hero-points{gap:8px!important}
  .hero-points span{padding:7px 10px!important;font-size:12px!important}
  .hero .hero-card{min-height:0!important;padding:16px!important;border-radius:24px!important}
  .hero .hero-card img{max-height:230px!important;object-fit:contain!important;border-radius:18px!important}
  .hero .hero-card b{font-size:18px!important;line-height:1.35!important}
  .hero .hero-card span{font-size:12px!important;line-height:1.7!important}

  .home-builder-slide{min-height:auto!important;grid-template-columns:1fr!important;gap:16px!important;padding:18px!important;border-radius:24px!important;text-align:center!important}
  .home-builder-slide__copy{justify-items:center!important;text-align:center!important}
  .home-builder-slide__copy h1{font-size:clamp(25px,7.2vw,38px)!important;line-height:1.18!important}
  .home-builder-slide > img{max-height:230px!important;object-fit:contain!important;border-radius:18px!important}
  .home-builder-banner{display:grid!important;gap:14px!important;padding:18px!important;border-radius:22px!important;text-align:center!important}
  .home-builder-banner img{max-height:220px!important;margin:auto!important;object-fit:contain!important}
  .mini-banners,.home-builder-mini-banners{grid-template-columns:1fr!important;gap:12px!important;width:min(100% - 24px,1180px)!important}
  .mini-banner{min-height:auto!important;border-radius:20px!important;padding:16px!important}

  .products-grid:not(.home-products-swipe__track){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .home-products-swipe__track{--sarie-product-swipe-gap:8px!important;grid-auto-columns:calc((100% - 8px) / 2)!important;gap:8px!important;padding:6px 2px 24px!important;margin:0 -2px -8px!important;scroll-snap-type:x proximity!important;scroll-behavior:auto!important;touch-action:pan-x pan-y pinch-zoom!important}
  .home-products-swipe__track > .product-card{scroll-snap-stop:normal!important}
  .home-products-swipe__controls{inset-inline:0!important;top:auto!important;bottom:2px!important;transform:none!important;justify-content:center!important;gap:8px!important}
  .home-products-swipe__nav{width:32px!important;height:32px!important;border-radius:11px!important}
  .home-products-swipe__nav-icon{font-size:20px!important}
  .home-products-swipe__track .badge{top:7px!important;right:7px!important;padding:3px 6px!important;font-size:9px!important}
  .home-products-swipe__track .product-body{padding:8px!important}
  .home-products-swipe__track .product-body small{font-size:9px!important}
  .home-products-swipe__track .product-body h3{min-height:2.7em!important;font-size:11px!important;line-height:1.35!important}
  .home-products-swipe__track .price-row,.home-products-swipe__track .price{gap:3px!important;margin:5px 0 7px!important}
  .home-products-swipe__track .price-row strong,.home-products-swipe__track .price strong{font-size:12px!important}
  .home-products-swipe__track .price-row del,.home-products-swipe__track .price del{font-size:8px!important}
  .home-products-swipe__track .quick-add--view-only{margin-top:6px!important}
  .home-products-swipe__track .quick-add--view-only .btn{min-height:32px!important;padding:6px 4px!important;border-radius:9px!important;font-size:10px!important;white-space:nowrap!important}

  .product-card{min-width:0!important;border-radius:18px!important;overflow:hidden!important}
  .product-image img,.product-hover-img{height:clamp(128px,40vw,178px)!important;object-fit:cover!important}
  .home-products-swipe__track .product-image img,
  .home-products-swipe__track .product-hover-img{width:100%!important;height:100%!important;object-fit:cover!important}
  .product-body{padding:10px!important}
  .product-body small{font-size:10px!important;line-height:1.4!important}
  .product-body h3{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin:3px 0!important;overflow:hidden!important;font-size:13px!important;line-height:1.4!important}
  .product-body p{display:none!important}
  .price-row,.price{gap:5px!important;margin:7px 0 9px!important;flex-wrap:wrap!important}
  .price-row strong,.price strong{font-size:14px!important;line-height:1.25!important}
  .price-row del,.price del{font-size:10px!important}
  .product-card .quick-add--view-only{margin-top:8px!important}
  .product-card .quick-add--view-only .btn{min-height:36px!important;padding:8px 9px!important;border-radius:11px!important;font-size:12px!important;line-height:1.2!important}

  .category-grid,.home-builder-categories .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .category-card{padding:13px!important;border-radius:18px!important}
  .category-card img{height:58px!important;margin-bottom:8px!important}
  .category-card b{font-size:13px!important;line-height:1.4!important}
  .category-card span{font-size:11px!important;line-height:1.55!important}

  .shop-layout,.product-page,.cart-page,.checkout-layout,.track-layout{grid-template-columns:1fr!important;gap:16px!important;padding:24px 0 42px!important}
  .filters,.sticky{position:static!important;top:auto!important}
  .filters{padding:14px!important;border-radius:18px!important}
  .shop-meta{display:grid!important;gap:10px!important;align-items:stretch!important}
  .shop-meta select{width:100%!important;max-width:100%!important}
  .product-gallery{padding:12px!important;border-radius:22px!important}
  .product-gallery img{max-height:360px!important;object-fit:contain!important;border-radius:18px!important}
  .product-info h1{font-size:clamp(24px,7vw,32px)!important;line-height:1.25!important}
  .description{font-size:14px!important;line-height:1.85!important}
  .buy-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .qty{max-width:none!important}
  .cart-table{overflow-x:auto!important;padding:14px!important;border-radius:18px!important;-webkit-overflow-scrolling:touch}
  .cart-table table{min-width:620px!important}
  .checkout-form,.summary-card,.install-card,.text-page,.simple,.admin-card{padding:16px!important;border-radius:18px!important}
  .form-grid{grid-template-columns:1fr!important;gap:10px!important}
  .coupon-form{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .site-footer{padding-top:76px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:16px!important;text-align:right!important}
  .footer-brand{justify-content:flex-start!important}
  .copyright{font-size:12px!important;line-height:1.7!important}
  .cart-toast{right:10px!important;left:10px!important;bottom:14px!important;max-width:none!important;font-size:12px!important}
}

@media (max-width: 390px){
  .site-header .container.nav-wrap--reordered{grid-template-columns:auto minmax(56px,1fr) auto!important;padding-inline:8px!important;gap:4px!important}
  .header-categories__toggle,.nav-toggle,.search--header,.cart-link--icon,.account-menu__toggle{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:11px!important}
  .nav-wrap--reordered .header-actions{gap:4px!important;max-width:116px!important}
  .nav-wrap--reordered .header-nav-zone{gap:4px!important}
  .nav-wrap--reordered .brand--header .site-logo{max-width:72px!important;max-height:28px!important}
  .products-grid:not(.home-products-swipe__track){gap:10px!important}
  .home-products-swipe__track{--sarie-product-swipe-gap:6px!important;grid-auto-columns:calc((100% - 6px) / 2)!important;gap:6px!important}
  .product-image img,.product-hover-img{height:clamp(120px,38vw,160px)!important}
  .product-body{padding:9px!important}
  .product-body h3{font-size:12px!important}
  .price-row strong,.price strong{font-size:13px!important}
  .product-card .quick-add--view-only .btn{font-size:11px!important;padding-inline:6px!important}
  .home-products-swipe__track .product-image img,.home-products-swipe__track .product-hover-img{width:100%!important;height:100%!important;object-fit:cover!important}
  .home-products-swipe__track .product-body{padding:7px!important}
  .home-products-swipe__track .product-body h3{font-size:10px!important}
  .home-products-swipe__track .price-row strong,.home-products-swipe__track .price strong{font-size:11px!important}
  .home-products-swipe__track .quick-add--view-only .btn{min-height:30px!important;font-size:9px!important;padding-inline:3px!important}
}

@media (min-width: 761px) and (max-width: 1024px){
  html,body{max-width:100%;overflow-x:hidden}
  .container{width:min(100% - 32px,1180px)!important}
  .nav-wrap--reordered{gap:10px!important}
  .home-products-swipe__track{grid-auto-columns:calc((100% - 36px) / 3)!important}
  .products-grid:not(.home-products-swipe__track){grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .shop-layout,.product-page,.cart-page,.checkout-layout,.track-layout{grid-template-columns:1fr!important;gap:20px!important}
  .filters,.sticky{position:static!important;top:auto!important}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ===== Sarie v1.4.1 — focused mobile header/footer correction =====
   Fixes the mobile overlap/regression caused by the wide responsive polish block.
   Scope: <=760px storefront header, top announcement and footer only. */
@media (max-width: 760px){
  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .announce{
    display:block !important;
    width:100% !important;
    min-height:auto !important;
    padding:8px 12px !important;
    overflow:visible !important;
    white-space:normal !important;
    text-align:center !important;
    font-size:12px !important;
    line-height:1.55 !important;
    word-break:normal !important;
  }

  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:300 !important;
    overflow:visible !important;
    background:rgba(255,255,255,.96) !important;
    border-bottom:1px solid var(--line,#dce8e6) !important;
    backdrop-filter:blur(14px) !important;
  }

  .site-header .container.nav-wrap--reordered{
    direction:ltr !important;
    width:100% !important;
    max-width:none !important;
    min-height:58px !important;
    padding:7px 10px !important;
    margin:0 auto !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    overflow:visible !important;
  }

  .nav-wrap--reordered .brand--header{
    direction:rtl !important;
    order:1 !important;
    position:static !important;
    transform:none !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:42vw !important;
    width:auto !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
  }

  .nav-wrap--reordered .brand--header .site-logo{
    display:block !important;
    width:auto !important;
    max-width:38px !important;
    max-height:38px !important;
    object-fit:contain !important;
    flex:0 0 auto !important;
  }

  .nav-wrap--reordered .brand--header .brand-mark{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:12px !important;
    font-size:17px !important;
  }

  .nav-wrap--reordered .brand--header .brand-text{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .nav-wrap--reordered .brand--header .brand-text b{
    display:block !important;
    overflow:hidden !important;
    color:var(--secondary,#2e3e4e) !important;
    font-size:13px !important;
    line-height:1.15 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .nav-wrap--reordered .brand--header .brand-text small{
    display:none !important;
  }

  .nav-wrap--reordered .header-actions{
    direction:rtl !important;
    order:2 !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
  }

  .nav-wrap--reordered .header-nav-zone{
    direction:rtl !important;
    order:3 !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
  }

  /* Keep one mobile menu only. The category menu remains available;
     the duplicated primary nav hamburger is hidden on mobile. */
  .nav-wrap--reordered .nav-toggle{
    display:none !important;
  }

  .nav-wrap--reordered .header-categories{
    display:block !important;
    position:relative !important;
    flex:0 0 auto !important;
  }

  .header-categories__toggle,
  .search--header,
  .search--header__toggle,
  .cart-link--icon,
  .account-menu__toggle{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 !important;
    border-radius:14px !important;
  }

  .header-categories__toggle{
    border:0 !important;
    background:var(--primary,#0cbaa4) !important;
    color:#fff !important;
    box-shadow:0 10px 24px color-mix(in srgb,var(--primary,#0cbaa4) 22%,transparent) !important;
  }

  .header-categories__icon,
  .header-action-icon{
    width:20px !important;
    height:20px !important;
  }

  .header-categories__icon path{
    stroke:currentColor !important;
    stroke-width:2.35 !important;
  }

  .search--header{
    display:grid !important;
    grid-template-columns:40px 0fr 0fr !important;
    overflow:hidden !important;
    flex:0 0 40px !important;
    background:var(--site-surface,#fff) !important;
    border:1px solid var(--line,#dce8e6) !important;
  }

  .search--header input,
  .search--header__submit{
    opacity:0 !important;
    pointer-events:none !important;
  }

  .cart-link--icon,
  .account-menu__toggle,
  .search--header__toggle{
    display:grid !important;
    place-items:center !important;
    background:var(--site-surface,#fff) !important;
    border:1px solid var(--line,#dce8e6) !important;
    color:var(--secondary,#2e3e4e) !important;
  }

  .cart-link--icon strong{
    top:-5px !important;
    left:-5px !important;
    min-width:17px !important;
    height:17px !important;
    padding:0 4px !important;
    font-size:9px !important;
    line-height:17px !important;
  }

  .search--header.is-open,
  .search--header:focus-within{
    direction:rtl !important;
    position:fixed !important;
    top:calc(58px + env(safe-area-inset-top,0px)) !important;
    inset-inline:10px !important;
    z-index:360 !important;
    width:auto !important;
    height:48px !important;
    min-width:0 !important;
    grid-template-columns:44px minmax(0,1fr) 40px !important;
    border-radius:16px !important;
    background:var(--site-surface,#fff) !important;
    box-shadow:0 18px 46px rgba(20,36,44,.18) !important;
  }

  .search--header.is-open input,
  .search--header:focus-within input,
  .search--header.is-open .search--header__submit,
  .search--header:focus-within .search--header__submit{
    opacity:1 !important;
    pointer-events:auto !important;
    transform:none !important;
  }

  .header-categories__panel,
  .account-menu__panel{
    position:fixed !important;
    top:calc(64px + env(safe-area-inset-top,0px)) !important;
    right:10px !important;
    left:10px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - 78px) !important;
    overflow:auto !important;
    border-radius:18px !important;
    z-index:350 !important;
    background:var(--site-surface,#fff) !important;
  }

  .header-categories__grid{
    grid-template-columns:1fr !important;
    max-height:none !important;
  }

  .currency-conversion-notice .container{
    width:min(100% - 22px,1180px) !important;
    font-size:11px !important;
    line-height:1.65 !important;
  }

  .site-footer{
    min-height:0 !important;
    margin-top:34px !important;
    padding:58px 0 16px !important;
    overflow:visible !important;
    background:linear-gradient(180deg,var(--secondary,#2e3e4e) 0%,color-mix(in srgb,var(--secondary,#2e3e4e) 86%,#000) 100%) !important;
    color:#eef7f6 !important;
  }

  .site-footer .site-footer__back-to-top,
  .site-footer .site-footer__back-to-top.is-visible{
    top:12px !important;
    min-width:76px !important;
    min-height:42px !important;
    padding:7px 12px 7px 9px !important;
    box-shadow:0 12px 30px rgba(10,20,25,.20), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  .site-footer .site-footer__back-to-top span{
    width:25px !important;
    height:25px !important;
    font-size:16px !important;
  }

  .site-footer .site-footer__back-to-top small{
    display:inline-block !important;
    font-size:10px !important;
  }

  .footer-grid{
    width:min(100% - 24px,1180px) !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px 16px !important;
    text-align:right !important;
  }

  .footer-grid > div:first-child{
    grid-column:1 / -1 !important;
  }

  .footer-brand{
    justify-content:flex-start !important;
    align-items:center !important;
    gap:9px !important;
  }

  .footer-brand .site-logo{
    max-width:56px !important;
    max-height:44px !important;
    object-fit:contain !important;
  }

  .footer-brand .brand-text b{
    color:#fff !important;
    font-size:16px !important;
    line-height:1.25 !important;
  }

  .footer-brand .brand-text small,
  .site-footer p{
    color:#d7e3e1 !important;
    font-size:12px !important;
    line-height:1.75 !important;
  }

  .site-footer h3{
    margin:4px 0 8px !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .site-footer a{
    display:block !important;
    margin:5px 0 !important;
    color:#e7f0ef !important;
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .copyright{
    width:min(100% - 24px,1180px) !important;
    margin-top:16px !important;
    padding-top:12px !important;
    color:#b7c7c9 !important;
    font-size:11px !important;
    line-height:1.7 !important;
  }
}

@media (max-width: 390px){
  .site-header .container.nav-wrap--reordered{
    gap:6px !important;
    padding-inline:8px !important;
  }

  .nav-wrap--reordered .brand--header{
    max-width:36vw !important;
  }

  .nav-wrap--reordered .brand--header .site-logo{
    max-width:34px !important;
    max-height:34px !important;
  }

  .nav-wrap--reordered .brand--header .brand-text b{
    font-size:12px !important;
  }

  .header-categories__toggle,
  .search--header,
  .search--header__toggle,
  .cart-link--icon,
  .account-menu__toggle{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    border-radius:13px !important;
  }

  .nav-wrap--reordered .header-actions{
    gap:5px !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
  }
}


/* ===== Sarie v1.4.2 — mobile product sections spacing and controls polish =====
   Scope: product-section headings, product carousel vertical rhythm, and floating WhatsApp on mobile only. */
@media (max-width: 760px){
  .home-products-swipe,
  .home-builder-products-swipe{
    overflow:visible !important;
  }

  .home-products-swipe > .container.section,
  section.container.section.home-products-swipe,
  .home-builder-products-swipe.container,
  .home-builder-products-swipe .container,
  .home-builder-block.home-builder-products-swipe{
    padding-top:22px !important;
    padding-bottom:24px !important;
  }

  .soft-bg.home-products-swipe{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .home-products-swipe + .home-products-swipe,
  .home-products-swipe + .home-builder-products-swipe,
  .home-builder-products-swipe + .home-products-swipe,
  .home-builder-products-swipe + .home-builder-products-swipe{
    margin-top:0 !important;
  }

  .home-products-swipe .section-head,
  .home-builder-products-swipe .section-head,
  .home-builder-products-swipe .home-builder-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    justify-content:stretch !important;
    column-gap:10px !important;
    row-gap:6px !important;
    min-height:0 !important;
    margin:0 0 14px !important;
    padding:0 2px !important;
    text-align:right !important;
  }

  .home-products-swipe .section-head > div,
  .home-builder-products-swipe .section-head > div,
  .home-builder-products-swipe .home-builder-head > div{
    min-width:0 !important;
    display:block !important;
  }

  .home-products-swipe .section-head .eyebrow,
  .home-builder-products-swipe .section-head .eyebrow,
  .home-builder-products-swipe .home-builder-head .eyebrow{
    display:block !important;
    margin:0 0 4px !important;
    color:var(--primary,#0cbaa4) !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }

  .home-products-swipe .section-head h2,
  .home-builder-products-swipe .section-head h2,
  .home-builder-products-swipe .home-builder-head h2{
    max-width:100% !important;
    margin:0 !important;
    color:var(--secondary,#2e3e4e) !important;
    font-size:clamp(24px,7.2vw,31px) !important;
    font-weight:900 !important;
    line-height:1.08 !important;
    letter-spacing:-.02em !important;
    overflow-wrap:anywhere !important;
  }

  .home-products-swipe .section-head > a,
  .home-builder-products-swipe .section-head > a,
  .home-builder-products-swipe .home-builder-head > a{
    align-self:end !important;
    justify-self:end !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:max-content !important;
    min-height:30px !important;
    margin:0 0 2px !important;
    padding:6px 10px !important;
    border:1px solid color-mix(in srgb,var(--primary,#0cbaa4) 22%,transparent) !important;
    border-radius:999px !important;
    background:color-mix(in srgb,var(--primary,#0cbaa4) 12%,#fff) !important;
    color:var(--primary,#0cbaa4) !important;
    box-shadow:0 8px 18px color-mix(in srgb,var(--primary,#0cbaa4) 12%,transparent) !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    transform:none !important;
  }

  .home-products-swipe__track{
    padding-top:4px !important;
    padding-bottom:40px !important;
    margin-top:0 !important;
    margin-bottom:-10px !important;
  }

  .home-products-swipe__controls{
    bottom:2px !important;
  }

  .home-products-swipe__nav{
    width:34px !important;
    height:34px !important;
    border-radius:999px !important;
  }

  .home-products-swipe__nav-icon{
    font-size:20px !important;
  }

  .floating-whatsapp{
    inset-inline-start:12px !important;
    inset-inline-end:auto !important;
    bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important;
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 !important;
    border-radius:999px !important;
    z-index:210 !important;
  }

  .floating-whatsapp span{
    width:28px !important;
    height:28px !important;
    font-size:16px !important;
  }

  .floating-whatsapp b{
    display:none !important;
  }
}

@media (max-width: 390px){
  .home-products-swipe > .container.section,
  section.container.section.home-products-swipe,
  .home-builder-products-swipe.container,
  .home-builder-products-swipe .container,
  .home-builder-block.home-builder-products-swipe{
    padding-top:20px !important;
    padding-bottom:22px !important;
  }

  .home-products-swipe .section-head,
  .home-builder-products-swipe .section-head,
  .home-builder-products-swipe .home-builder-head{
    column-gap:8px !important;
    margin-bottom:12px !important;
  }

  .home-products-swipe .section-head h2,
  .home-builder-products-swipe .section-head h2,
  .home-builder-products-swipe .home-builder-head h2{
    font-size:clamp(23px,7vw,29px) !important;
  }

  .home-products-swipe .section-head > a,
  .home-builder-products-swipe .section-head > a,
  .home-builder-products-swipe .home-builder-head > a{
    min-height:28px !important;
    padding:5px 9px !important;
    font-size:11px !important;
  }
}


/* ===== Sarie v1.4.4 — mobile footer uses secondary brand color ===== */
@media (max-width: 760px){
  .site-footer{
    background:linear-gradient(180deg,var(--secondary,#2e3e4e) 0%,color-mix(in srgb,var(--secondary,#2e3e4e) 86%,#000) 100%) !important;
    color:#eef7f6 !important;
  }
  .footer-brand .brand-text b,
  .site-footer h3{
    color:#fff !important;
  }
  .footer-brand .brand-text small,
  .site-footer p,
  .site-footer a,
  .copyright{
    color:rgba(255,255,255,.84) !important;
  }
  .site-footer a:hover,
  .site-footer a:focus-visible{
    color:#fff !important;
  }
}

/* ===== Sarie v1.4.5 — calm automatic product card shine effect =====
   Scope: public product cards only. Uses the existing .image-shine span inside
   product-card images, with a slow staggered pass so the effect stays subtle. */
.product-card.motion-card{
  --sarie-card-shine-duration:8.8s;
  --sarie-card-shine-delay:0s;
}

.product-card.motion-card .image-shine{
  z-index:4 !important;
  inset:-38% -62% !important;
  opacity:0;
  background:
    linear-gradient(112deg,
      transparent 36%,
      rgba(255,255,255,.00) 42%,
      rgba(255,255,255,.14) 47%,
      rgba(255,255,255,.34) 50%,
      rgba(255,255,255,.12) 55%,
      transparent 64%) !important;
  mix-blend-mode:soft-light;
  transform:translateX(132%) rotate(3deg);
  transition:none !important;
  animation:sarieProductCardCalmShine var(--sarie-card-shine-duration) cubic-bezier(.22,.74,.24,1) infinite;
  animation-delay:var(--sarie-card-shine-delay);
  will-change:transform,opacity;
}

.products-grid .product-card.motion-card:nth-child(4n+2),
.home-products-swipe__track .product-card.motion-card:nth-child(4n+2){--sarie-card-shine-delay:1.35s;}
.products-grid .product-card.motion-card:nth-child(4n+3),
.home-products-swipe__track .product-card.motion-card:nth-child(4n+3){--sarie-card-shine-delay:2.7s;}
.products-grid .product-card.motion-card:nth-child(4n+4),
.home-products-swipe__track .product-card.motion-card:nth-child(4n+4){--sarie-card-shine-delay:4.05s;}

.product-card.motion-card:hover .image-shine,
.product-card.motion-card:focus-within .image-shine{
  animation:sarieProductCardHoverShine .92s cubic-bezier(.2,.75,.25,1) both;
}

@keyframes sarieProductCardCalmShine{
  0%,10%,100%{opacity:0;transform:translateX(132%) rotate(3deg);}
  14%{opacity:.18;}
  22%{opacity:.30;}
  30%{opacity:.06;transform:translateX(-132%) rotate(3deg);}
  34%{opacity:0;transform:translateX(-132%) rotate(3deg);}
}

@keyframes sarieProductCardHoverShine{
  0%{opacity:0;transform:translateX(126%) rotate(3deg);}
  38%{opacity:.36;}
  100%{opacity:0;transform:translateX(-126%) rotate(3deg);}
}

@media (max-width:760px){
  .product-card.motion-card{
    --sarie-card-shine-duration:10.5s;
  }
  .product-card.motion-card .image-shine{
    background:
      linear-gradient(112deg,
        transparent 38%,
        rgba(255,255,255,.00) 43%,
        rgba(255,255,255,.11) 48%,
        rgba(255,255,255,.26) 51%,
        rgba(255,255,255,.09) 56%,
        transparent 65%) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .product-card.motion-card .image-shine{
    animation:none !important;
    opacity:0 !important;
    transform:translateX(132%) rotate(3deg) !important;
  }
}

/* ===== Sarie v1.5.4 — fixed mobile header: hide down, reveal immediately up ===== */
@media (max-width:760px){
  html{
    scroll-padding-top:var(--sarie-mobile-header-height,62px);
  }

  body{
    padding-top:var(--sarie-mobile-header-height,62px) !important;
  }

  .site-header{
    position:fixed !important;
    inset:0 0 auto 0 !important;
    width:100% !important;
    transform:translateY(0);
    transition:transform .18s ease-out;
    will-change:transform;
  }

  .site-header.is-mobile-scroll-hidden{
    transform:translateY(calc(-100% - 2px));
  }
}

@media (prefers-reduced-motion:reduce){
  .site-header{transition:none!important}
}

/* ===== Sarie v1.5.8 — finite category swipe: desktop 1x6, mobile 2x3 ===== */
.homepage-categories .category-grid{
  --sarie-category-gap:14px;
  display:grid !important;
  grid-template-columns:none !important;
  grid-template-rows:minmax(0,1fr) !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - (var(--sarie-category-gap) * 5)) / 6) !important;
  gap:var(--sarie-category-gap) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:4px 2px 12px !important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  touch-action:pan-x pan-y pinch-zoom;
  cursor:grab;
}

.homepage-categories .category-grid::-webkit-scrollbar{display:none;width:0;height:0}
.homepage-categories .category-grid.is-category-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;scroll-behavior:auto}
.homepage-categories .category-grid > .category-card{min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.homepage-categories .category-grid.is-category-dragging > .category-card{pointer-events:none;transform:none!important}

@media (max-width:760px){
  .homepage-categories .category-grid{
    --sarie-category-gap:10px;
    grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    grid-auto-columns:calc((100% - (var(--sarie-category-gap) * 2)) / 3) !important;
    align-items:stretch;
    scroll-behavior:auto;
  }

  .homepage-categories .category-grid > .category-card{height:100%;min-height:104px}
}

/* ===== Sarie v1.4.8 — mobile header desktop-order alignment =====
   Restores the desktop visual order on phones: actions, centered brand, category menu.
   Also removes the nested/double search button look and keeps search expandable. */
@media (max-width: 760px){
  .site-header .container.nav-wrap--reordered{
    direction:ltr !important;
    display:grid !important;
    grid-template-columns:minmax(112px,auto) minmax(94px,1fr) auto !important;
    grid-template-areas:"actions brand nav" !important;
    align-items:center !important;
    justify-content:normal !important;
    min-height:60px !important;
    padding:8px 10px !important;
    gap:8px !important;
  }

  .nav-wrap--reordered .header-actions{
    grid-area:actions !important;
    direction:rtl !important;
    order:initial !important;
    justify-self:start !important;
    justify-content:flex-start !important;
    flex:initial !important;
    gap:6px !important;
    min-width:0 !important;
    max-width:none !important;
  }

  .nav-wrap--reordered .brand--header{
    grid-area:brand !important;
    direction:rtl !important;
    order:initial !important;
    position:static !important;
    transform:none !important;
    justify-self:center !important;
    justify-content:center !important;
    flex:initial !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    gap:6px !important;
  }

  .nav-wrap--reordered .header-nav-zone{
    grid-area:nav !important;
    direction:rtl !important;
    order:initial !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    flex:initial !important;
    gap:0 !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .nav-wrap--reordered .brand--header .site-logo{
    width:auto !important;
    max-width:38px !important;
    max-height:38px !important;
    object-fit:contain !important;
    flex:0 0 auto !important;
  }

  .nav-wrap--reordered .brand--header .brand-text{
    display:block !important;
    min-width:0 !important;
    max-width:112px !important;
    overflow:hidden !important;
    text-align:right !important;
  }

  .nav-wrap--reordered .brand--header .brand-text b{
    display:block !important;
    overflow:hidden !important;
    color:var(--primary,#0cbaa4) !important;
    font-size:13px !important;
    line-height:1.1 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .nav-wrap--reordered .brand--header .brand-text small{
    display:none !important;
  }

  .header-categories__toggle,
  .search--header,
  .cart-link--icon,
  .account-menu__toggle{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:14px !important;
    padding:0 !important;
  }

  .search--header{
    position:relative !important;
    display:grid !important;
    grid-template-columns:40px 0fr 0fr !important;
    align-items:center !important;
    overflow:hidden !important;
    flex:0 0 40px !important;
    background:var(--site-surface,#fff) !important;
    border:1px solid var(--line,#dce8e6) !important;
    box-shadow:0 8px 19px color-mix(in srgb,var(--secondary,#2e3e4e) 7%,transparent) !important;
  }

  .search--header__toggle{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--primary,#0cbaa4) !important;
  }

  .cart-link--icon,
  .account-menu__toggle{
    display:grid !important;
    place-items:center !important;
    background:var(--site-surface,#fff) !important;
    border:1px solid var(--line,#dce8e6) !important;
    color:var(--primary,#0cbaa4) !important;
    box-shadow:0 8px 19px color-mix(in srgb,var(--secondary,#2e3e4e) 7%,transparent) !important;
  }

  .header-categories__toggle{
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    background:color-mix(in srgb,var(--primary,#0cbaa4) 28%,#fff) !important;
    color:#fff !important;
    box-shadow:0 10px 25px color-mix(in srgb,var(--primary,#0cbaa4) 22%,transparent) !important;
  }

  .search--header .header-action-icon,
  .cart-link--icon .header-action-icon,
  .account-menu__toggle .header-action-icon,
  .header-categories__icon{
    width:20px !important;
    height:20px !important;
  }

  .search--header input,
  .search--header__submit{
    opacity:0 !important;
    pointer-events:none !important;
  }

  .search--header.is-open,
  .search--header:focus-within{
    direction:rtl !important;
    position:fixed !important;
    top:calc(60px + env(safe-area-inset-top,0px)) !important;
    inset-inline:10px !important;
    z-index:370 !important;
    width:auto !important;
    height:48px !important;
    min-width:0 !important;
    grid-template-columns:44px minmax(0,1fr) 40px !important;
    border-radius:16px !important;
    background:var(--site-surface,#fff) !important;
    border-color:color-mix(in srgb,var(--primary,#0cbaa4) 36%,var(--line,#dce8e6)) !important;
    box-shadow:0 18px 46px rgba(20,36,44,.18) !important;
  }

  .search--header.is-open .search--header__toggle,
  .search--header:focus-within .search--header__toggle{
    width:44px !important;
    min-width:44px !important;
    height:46px !important;
    min-height:46px !important;
  }

  .search--header.is-open input,
  .search--header:focus-within input,
  .search--header.is-open .search--header__submit,
  .search--header:focus-within .search--header__submit{
    opacity:1 !important;
    pointer-events:auto !important;
    transform:none !important;
  }

  .search--header.is-open input,
  .search--header:focus-within input{
    height:46px !important;
    padding-inline:6px 8px !important;
    font-size:14px !important;
  }

  .search--header.is-open .search--header__submit,
  .search--header:focus-within .search--header__submit{
    width:38px !important;
    height:36px !important;
    margin-inline-end:4px !important;
    border-radius:12px !important;
    background:var(--primary,#0cbaa4) !important;
    color:#fff !important;
  }

  .header-categories__panel,
  .account-menu__panel,
  .nav-wrap--reordered .nav-links--edge.open{
    top:calc(66px + env(safe-area-inset-top,0px)) !important;
  }
}

@media (max-width: 390px){
  .site-header .container.nav-wrap--reordered{
    grid-template-columns:minmax(112px,auto) minmax(78px,1fr) auto !important;
    padding-inline:8px !important;
    gap:6px !important;
  }

  .nav-wrap--reordered .header-actions{
    gap:5px !important;
  }

  .nav-wrap--reordered .brand--header .site-logo{
    max-width:34px !important;
    max-height:34px !important;
  }

  .nav-wrap--reordered .brand--header .brand-text{
    max-width:86px !important;
  }

  .nav-wrap--reordered .brand--header .brand-text b{
    font-size:12px !important;
  }

  .header-categories__toggle,
  .search--header,
  .search--header__toggle,
  .cart-link--icon,
  .account-menu__toggle{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    border-radius:13px !important;
  }

  .search--header{
    grid-template-columns:38px 0fr 0fr !important;
    flex-basis:38px !important;
  }
}

/* sarie-back-to-top-text-link-v3
   Plain footer text link with an upward arrow. This final override intentionally
   removes the previous pill/card appearance while preserving smooth scrolling. */
.site-footer{
  padding-top:58px !important;
}

.site-footer .site-footer__back-to-top,
.site-footer .site-footer__back-to-top.is-visible{
  position:absolute !important;
  top:22px !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  color:#fff !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  filter:none !important;
  opacity:.88 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  overflow:visible !important;
  cursor:pointer !important;
  text-decoration:none !important;
  transform:translateX(-50%) !important;
  transition:opacity .18s ease, transform .18s ease !important;
  z-index:3 !important;
}

.site-footer .site-footer__back-to-top::before,
.site-footer .site-footer__back-to-top::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}

.site-footer .site-footer__back-to-top span{
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  color:#fff !important;
  box-shadow:none !important;
  font:800 18px/1 Tahoma,Arial,sans-serif !important;
  transform:none !important;
  transition:none !important;
}

.site-footer .site-footer__back-to-top small{
  display:inline-block !important;
  margin:0 !important;
  color:#fff !important;
  font:700 14px/1.2 Tahoma,Arial,sans-serif !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

/* sarie-back-to-top-text-shadow-fix-v1
   Prevent the legacy white highlight from rendering the footer label twice. */
.site-footer .site-footer__back-to-top span,
.site-footer .site-footer__back-to-top small{
  text-shadow:none !important;
}

.site-footer .site-footer__back-to-top:hover,
.site-footer .site-footer__back-to-top:focus-visible{
  border:0 !important;
  background:none !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  text-decoration:underline !important;
  text-underline-offset:4px;
  transform:translateX(-50%) translateY(-2px) !important;
}

.site-footer .site-footer__back-to-top:hover span,
.site-footer .site-footer__back-to-top:focus-visible span,
.site-footer .site-footer__back-to-top:hover small,
.site-footer .site-footer__back-to-top:focus-visible small{
  color:#fff !important;
  background:none !important;
  box-shadow:none !important;
  transform:none !important;
}

.site-footer .site-footer__back-to-top:active{
  transform:translateX(-50%) translateY(0) !important;
}

.site-footer .site-footer__back-to-top:focus-visible{
  outline:2px solid currentColor !important;
  outline-offset:5px !important;
  border-radius:2px !important;
}

@media (max-width:760px){
  .site-footer{
    padding-top:50px !important;
  }

  .site-footer .site-footer__back-to-top,
  .site-footer .site-footer__back-to-top.is-visible{
    top:18px !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
  }

  .site-footer .site-footer__back-to-top span{
    width:auto !important;
    height:auto !important;
    font-size:17px !important;
  }

  .site-footer .site-footer__back-to-top small{
    display:inline-block !important;
    font-size:13px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-footer .site-footer__back-to-top,
  .site-footer .site-footer__back-to-top:hover,
  .site-footer .site-footer__back-to-top:focus-visible,
  .site-footer .site-footer__back-to-top:active{
    transition:none !important;
    transform:translateX(-50%) !important;
  }
}


/* sarie-home-builder-store-hero-v2-full-customization
   A single large configurable rectangle containing the complete hero content. */
.home-builder-store-hero.hb-store-hero-v2{
  width:100% !important;
  margin-block:var(--hb-section-my,0) !important;
  padding-block:var(--hb-hero-outer-py,48px) !important;
  background:var(--hb-hero-outer-bg,transparent) !important;
  overflow:visible !important;
  isolation:isolate;
}

.home-builder-store-hero.hb-store-hero-v2 > .hb-store-hero-container{
  width:min(var(--hb-hero-container-width,94%),var(--hb-hero-container-max,1240px)) !important;
  max-width:var(--hb-hero-container-max,1240px) !important;
  margin-inline:auto !important;
  padding:0 !important;
}

.home-builder-store-hero .hb-store-hero-shell{
  width:100%;
  min-height:var(--hb-hero-shell-min-h,520px);
  padding:var(--hb-hero-shell-py,52px) var(--hb-hero-shell-px,52px);
  border:var(--hb-hero-shell-border-w,1px) solid var(--hb-hero-shell-border,#dce8e6);
  border-radius:var(--hb-hero-shell-radius,36px);
  background:var(--hb-hero-shell-bg,linear-gradient(135deg,#fff 0%,#ecf8f6 100%));
  box-shadow:var(--hb-hero-shell-shadow,0 18px 45px rgba(28,48,54,.12));
  overflow:hidden;
  position:relative;
}
.home-builder-store-hero.hb-store-hero--shell-surface-hidden .hb-store-hero-shell{
  background:transparent !important;
  border-width:0 !important;
  border-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}


.home-builder-store-hero .hb-store-hero-inner{
  width:100%;
  min-height:calc(var(--hb-hero-shell-min-h,520px) - var(--hb-hero-shell-py,52px) - var(--hb-hero-shell-py,52px));
  display:grid !important;
  grid-template-columns:minmax(0,var(--hb-hero-copy-fr,55fr)) minmax(0,var(--hb-hero-media-fr,45fr));
  align-items:var(--hb-hero-vertical-align,center);
  gap:var(--hb-hero-gap,40px) !important;
}

.home-builder-store-hero.hb-store-hero--without-media .hb-store-hero-inner{
  grid-template-columns:minmax(0,1fr) !important;
}

/* Hiding the card surface must not hide its image, title, or description. */
.home-builder-store-hero.hb-store-hero--card-surface-hidden .hb-store-hero-card{
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.home-builder-store-hero .hb-store-hero-copy{
  width:100%;
  max-width:var(--hb-hero-copy-max,680px);
  padding:var(--hb-hero-copy-py,0) var(--hb-hero-copy-px,0);
  border:var(--hb-hero-copy-border-w,0) solid var(--hb-hero-copy-border,#dce8e6);
  border-radius:var(--hb-hero-copy-radius,28px);
  background:var(--hb-hero-copy-bg,transparent);
  box-shadow:var(--hb-hero-copy-shadow,none);
  min-width:0;
}

.home-builder-store-hero.home-builder-align--right .hb-store-hero-copy{justify-self:start}
.home-builder-store-hero.home-builder-align--center .hb-store-hero-copy{justify-self:center}
.home-builder-store-hero.home-builder-align--left .hb-store-hero-copy{justify-self:end}

.home-builder-store-hero .hb-store-hero-eyebrow{
  display:inline-flex !important;
  align-items:center;
  width:auto;
  max-width:100%;
  margin:0 0 12px;
  padding:var(--hb-hero-eyebrow-py,0) var(--hb-hero-eyebrow-px,0);
  border:var(--hb-hero-eyebrow-border-w,0) solid var(--hb-hero-eyebrow-border,#bdeee3);
  border-radius:var(--hb-hero-eyebrow-radius,999px);
  background:var(--hb-hero-eyebrow-bg,transparent);
  color:var(--hb-hero-eyebrow-color,#0cbaa4) !important;
  font-size:var(--hb-hero-eyebrow-size,14px) !important;
  font-weight:var(--hb-hero-eyebrow-weight,800) !important;
  line-height:1.45;
  white-space:normal;
}

.home-builder-store-hero .hb-store-hero-title{
  width:min(100%,var(--hb-hero-title-max,720px));
  margin-top:0 !important;
  margin-bottom:var(--hb-hero-title-mb,18px) !important;
  color:var(--hb-hero-title-color,#2e3e4e) !important;
  font-size:var(--hb-hero-title-size,58px) !important;
  font-weight:var(--hb-hero-title-weight,900) !important;
  line-height:var(--hb-hero-title-lh,1.15) !important;
  overflow-wrap:anywhere;
}

.home-builder-store-hero .hb-store-hero-description{
  width:min(100%,var(--hb-hero-body-max,670px));
  max-width:none !important;
  margin:0 !important;
  color:var(--hb-hero-body-color,#697a83) !important;
  font-size:var(--hb-hero-body-size,18px) !important;
  line-height:var(--hb-hero-body-lh,1.85) !important;
  overflow-wrap:anywhere;
}

.home-builder-store-hero.home-builder-align--right .hb-store-hero-title,
.home-builder-store-hero.home-builder-align--right .hb-store-hero-description{margin-inline-start:0 !important;margin-inline-end:auto !important}
.home-builder-store-hero.home-builder-align--center .hb-store-hero-title,
.home-builder-store-hero.home-builder-align--center .hb-store-hero-description{margin-inline:auto !important}
.home-builder-store-hero.home-builder-align--left .hb-store-hero-title,
.home-builder-store-hero.home-builder-align--left .hb-store-hero-description{margin-inline-start:auto !important;margin-inline-end:0 !important}

.home-builder-store-hero .hb-store-hero-actions{
  display:flex !important;
  flex-wrap:wrap;
  gap:var(--hb-hero-actions-gap,12px) !important;
  width:100%;
  margin:var(--hb-hero-actions-mt,26px) 0 var(--hb-hero-actions-mb,24px) !important;
}
.home-builder-store-hero.home-builder-align--right .hb-store-hero-actions,
.home-builder-store-hero.home-builder-align--right .hb-store-hero-points{justify-content:flex-start}
.home-builder-store-hero.home-builder-align--center .hb-store-hero-actions,
.home-builder-store-hero.home-builder-align--center .hb-store-hero-points{justify-content:center}
.home-builder-store-hero.home-builder-align--left .hb-store-hero-actions,
.home-builder-store-hero.home-builder-align--left .hb-store-hero-points{justify-content:flex-end}

.home-builder-store-hero .hb-store-hero-button{
  min-height:0 !important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease !important;
}
.home-builder-store-hero .hb-store-hero-button:hover{
  transform:translateY(calc(var(--hb-hero-button-hover,2px) * -1)) !important;
  filter:brightness(.985);
}
.home-builder-store-hero .hb-store-hero-button--primary{
  padding:var(--hb-hero-primary-py,12px) var(--hb-hero-primary-px,22px) !important;
  border:var(--hb-hero-primary-border-w,1px) solid var(--hb-hero-primary-border,#0cbaa4) !important;
  border-radius:var(--hb-hero-primary-radius,14px) !important;
  background:var(--hb-hero-primary-bg,#0cbaa4) !important;
  color:var(--hb-hero-primary-color,#fff) !important;
  font-size:var(--hb-hero-primary-size,16px) !important;
  font-weight:var(--hb-hero-primary-weight,800) !important;
  box-shadow:var(--hb-hero-primary-shadow,none) !important;
}
.home-builder-store-hero .hb-store-hero-button--secondary{
  padding:var(--hb-hero-secondary-py,12px) var(--hb-hero-secondary-px,22px) !important;
  border:var(--hb-hero-secondary-border-w,1px) solid var(--hb-hero-secondary-border,#dce8e6) !important;
  border-radius:var(--hb-hero-secondary-radius,14px) !important;
  background:var(--hb-hero-secondary-bg,#fff) !important;
  color:var(--hb-hero-secondary-color,#2e3e4e) !important;
  font-size:var(--hb-hero-secondary-size,16px) !important;
  font-weight:var(--hb-hero-secondary-weight,800) !important;
  box-shadow:var(--hb-hero-secondary-shadow,none) !important;
}
.home-builder-store-hero.hb-store-hero--buttons-full .hb-store-hero-button{flex:1 1 220px}

.home-builder-store-hero .hb-store-hero-points{
  display:flex !important;
  flex-wrap:wrap;
  gap:var(--hb-hero-points-gap,12px) !important;
  width:100%;
  margin-top:var(--hb-hero-points-mt,0) !important;
}
.home-builder-store-hero.hb-store-hero--points-grid .hb-store-hero-points{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-builder-store-hero .hb-store-hero-point{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  padding:var(--hb-hero-point-py,8px) var(--hb-hero-point-px,13px) !important;
  border:var(--hb-hero-point-border-w,1px) solid var(--hb-hero-point-border,#dce8e6) !important;
  border-radius:var(--hb-hero-point-radius,999px) !important;
  background:var(--hb-hero-point-bg,#fff) !important;
  color:var(--hb-hero-point-color,#455a62) !important;
  font-size:var(--hb-hero-point-size,14px) !important;
  font-weight:var(--hb-hero-point-weight,700) !important;
  line-height:1.45;
  white-space:normal;
}
.home-builder-store-hero .hb-store-hero-point i{
  flex:0 0 auto;
  color:var(--hb-hero-point-icon-color,#0cbaa4) !important;
  font-size:var(--hb-hero-point-icon-size,15px) !important;
  font-style:normal;
  line-height:1;
}
.home-builder-store-hero .hb-store-hero-point b{font:inherit;color:inherit;min-width:0;overflow-wrap:anywhere}

.home-builder-store-hero .hb-store-hero-card{
  width:100% !important;
  min-width:0;
  min-height:var(--hb-hero-card-min-h,420px) !important;
  padding:var(--hb-hero-card-py,26px) var(--hb-hero-card-px,26px) !important;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
  gap:var(--hb-hero-card-gap,12px) !important;
  border:var(--hb-hero-card-border-w,1px) solid var(--hb-hero-card-border,#dce8e6) !important;
  border-radius:var(--hb-hero-card-radius,30px) !important;
  background:var(--hb-hero-card-bg,#fff) !important;
  box-shadow:var(--hb-hero-card-shadow,0 14px 35px rgba(28,48,54,.10)) !important;
  overflow:hidden;
}

.home-builder-store-hero .hb-store-hero-image-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:0;
  overflow:hidden;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:var(--hb-hero-image-radius,24px);
}
.home-builder-store-hero .hb-store-hero-image{
  display:block !important;
  width:var(--hb-hero-image-w,100%) !important;
  max-width:var(--hb-hero-image-max-w,none) !important;
  height:var(--hb-hero-image-h,300px) !important;
  max-height:none !important;
  margin:0 auto !important;
  padding:var(--hb-hero-image-padding,0) !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:var(--hb-hero-image-radius,24px) !important;
  background:var(--hb-hero-image-bg,transparent) !important;
  object-fit:var(--hb-hero-image-fit,contain) !important;
  object-position:var(--hb-hero-image-position,center) !important;
  transform:scale(var(--hb-hero-image-scale,1.02));
  transform-origin:var(--hb-hero-image-position,center);
  transition:transform .18s ease;
}
.home-builder-store-hero .hb-store-hero-card-copy{
  width:100%;
  display:grid;
  gap:8px;
}
.home-builder-store-hero .hb-store-hero-card-copy b{
  display:block;
  margin:0;
  color:var(--hb-hero-card-title-color,#2e3e4e) !important;
  font-size:var(--hb-hero-card-title-size,25px) !important;
  font-weight:var(--hb-hero-card-title-weight,900) !important;
  line-height:var(--hb-hero-card-title-lh,1.35) !important;
  overflow-wrap:anywhere;
}
.home-builder-store-hero .hb-store-hero-card-copy span{
  display:block;
  margin:0;
  color:var(--hb-hero-card-text-color,#697a83) !important;
  font-size:var(--hb-hero-card-text-size,15px) !important;
  line-height:var(--hb-hero-card-text-lh,1.75) !important;
  overflow-wrap:anywhere;
}

@media (max-width:992px){
  .home-builder-store-hero.hb-store-hero-v2{
    padding-block:clamp(20px,var(--hb-hero-outer-py,48px),48px) !important;
  }
  .home-builder-store-hero.hb-store-hero-v2 > .hb-store-hero-container{
    width:min(calc(100% - 24px),var(--hb-hero-container-max,1240px)) !important;
  }
  .home-builder-store-hero .hb-store-hero-shell{
    min-height:0;
    padding:var(--hb-hero-mobile-py,24px) var(--hb-hero-mobile-px,18px);
    border-radius:var(--hb-hero-mobile-radius,24px);
  }
  .home-builder-store-hero .hb-store-hero-inner{
    min-height:0;
    grid-template-columns:minmax(0,1fr) !important;
    gap:var(--hb-hero-mobile-gap,24px) !important;
  }
  .home-builder-store-hero.hb-store-hero--mobile-content_first .hb-store-hero-copy{order:-1}
  .home-builder-store-hero.hb-store-hero--mobile-media_first .hb-store-hero-card{order:-1}
  .home-builder-store-hero .hb-store-hero-copy{max-width:100%;justify-self:stretch}
  .home-builder-store-hero .hb-store-hero-title{font-size:var(--hb-hero-mobile-title-size,36px) !important}
  .home-builder-store-hero .hb-store-hero-image{width:var(--hb-hero-mobile-image-w,100%) !important;height:var(--hb-hero-mobile-image-h,230px) !important;transform:scale(var(--hb-hero-tablet-image-scale,1.02))}
  .home-builder-store-hero .hb-store-hero-card{min-height:0 !important}
  .home-builder-store-hero.hb-store-hero--mobile-align-right .hb-store-hero-copy{text-align:right !important}
  .home-builder-store-hero.hb-store-hero--mobile-align-center .hb-store-hero-copy{text-align:center !important}
  .home-builder-store-hero.hb-store-hero--mobile-align-left .hb-store-hero-copy{text-align:left !important}
  .home-builder-store-hero.hb-store-hero--mobile-align-right .hb-store-hero-actions,
  .home-builder-store-hero.hb-store-hero--mobile-align-right .hb-store-hero-points{justify-content:flex-start}
  .home-builder-store-hero.hb-store-hero--mobile-align-center .hb-store-hero-actions,
  .home-builder-store-hero.hb-store-hero--mobile-align-center .hb-store-hero-points{justify-content:center}
  .home-builder-store-hero.hb-store-hero--mobile-align-left .hb-store-hero-actions,
  .home-builder-store-hero.hb-store-hero--mobile-align-left .hb-store-hero-points{justify-content:flex-end}
  .home-builder-store-hero.hb-store-hero--mobile-align-right .hb-store-hero-title,
  .home-builder-store-hero.hb-store-hero--mobile-align-right .hb-store-hero-description{margin-inline-start:0 !important;margin-inline-end:auto !important}
  .home-builder-store-hero.hb-store-hero--mobile-align-center .hb-store-hero-title,
  .home-builder-store-hero.hb-store-hero--mobile-align-center .hb-store-hero-description{margin-inline:auto !important}
  .home-builder-store-hero.hb-store-hero--mobile-align-left .hb-store-hero-title,
  .home-builder-store-hero.hb-store-hero--mobile-align-left .hb-store-hero-description{margin-inline-start:auto !important;margin-inline-end:0 !important}
  .home-builder-store-hero.hb-store-hero--mobile-buttons-full .hb-store-hero-actions{display:grid !important;grid-template-columns:1fr}
  .home-builder-store-hero.hb-store-hero--mobile-buttons-full .hb-store-hero-button{width:100% !important}
  .home-builder-store-hero.hb-store-hero--points-grid .hb-store-hero-points{
    grid-template-columns:repeat(var(--hb-hero-mobile-points-cols,1),minmax(0,1fr));
  }
}

@media (max-width:560px){
  .home-builder-store-hero .hb-store-hero-card{
    padding:clamp(12px,var(--hb-hero-card-py,26px),26px) clamp(12px,var(--hb-hero-card-px,26px),26px) !important;
  }
  .home-builder-store-hero .hb-store-hero-point{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .home-builder-store-hero .hb-store-hero-button{transition:none !important}
}

@media (max-width:768px){
  .home-builder-store-hero .hb-store-hero-image{transform:scale(var(--hb-hero-mobile-image-scale,1.02))}
}

/* Open image + text hero: image without card or caption */
.home-builder-open-store-hero.hb-open-store-hero-v1{
  width:100%;
  margin:0 !important;
  padding-block:var(--hb-open-py,48px) !important;
  background:var(--hb-open-bg,linear-gradient(135deg,#fff 0%,#eef9f7 100%)) !important;
  overflow:hidden;
}
.home-builder-open-store-hero.hb-open-store-hero-v1 > .hb-open-store-hero-container{
  width:min(var(--hb-open-container-width,94%),var(--hb-open-container-max,1240px)) !important;
  max-width:var(--hb-open-container-max,1240px) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}
.home-builder-open-store-hero .hb-open-store-hero-inner{
  min-height:var(--hb-open-min-h,520px);
  padding:var(--hb-open-inner-py,34px) var(--hb-open-px,10px);
  display:grid;
  grid-template-columns:minmax(0,var(--hb-open-copy-fr,56fr)) minmax(0,var(--hb-open-media-fr,44fr));
  gap:var(--hb-open-gap,52px);
  align-items:var(--hb-open-vertical-align,center);
}
.home-builder-open-store-hero.hb-open-store-hero--without-media .hb-open-store-hero-inner{
  grid-template-columns:minmax(0,1fr);
}
.home-builder-open-store-hero .hb-open-store-hero-copy{
  width:100%;
  max-width:var(--hb-open-copy-max,680px);
  min-width:0;
  padding:var(--hb-open-copy-py,0) var(--hb-open-copy-px,0);
  border:var(--hb-open-copy-border-w,0) solid var(--hb-open-copy-border,#dce8e6);
  border-radius:var(--hb-open-copy-radius,26px);
  background:var(--hb-open-copy-bg,transparent);
  box-shadow:var(--hb-open-copy-shadow,none);
  align-self:var(--hb-open-vertical-align,center);
}
.home-builder-open-store-hero.home-builder-align--right .hb-open-store-hero-copy{justify-self:start}
.home-builder-open-store-hero.home-builder-align--center .hb-open-store-hero-copy{justify-self:center}
.home-builder-open-store-hero.home-builder-align--left .hb-open-store-hero-copy{justify-self:end}
.home-builder-open-store-hero .hb-store-hero-eyebrow{
  display:inline-flex !important;
  align-items:center;
  max-width:100%;
  margin:0 0 18px !important;
  padding:var(--hb-open-eyebrow-py,0) var(--hb-open-eyebrow-px,0) !important;
  border:var(--hb-open-eyebrow-border-w,0) solid var(--hb-open-eyebrow-border,#bdeee3) !important;
  border-radius:var(--hb-open-eyebrow-radius,999px) !important;
  background:var(--hb-open-eyebrow-bg,transparent) !important;
  color:var(--hb-open-eyebrow-color,#0cbaa4) !important;
  font-size:var(--hb-open-eyebrow-size,14px) !important;
  font-weight:var(--hb-open-eyebrow-weight,800) !important;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.home-builder-open-store-hero .hb-store-hero-title{
  max-width:var(--hb-open-title-max,720px);
  margin:0 0 var(--hb-open-title-mb,18px) !important;
  color:var(--hb-open-title-color,#2e3e4e) !important;
  font-size:clamp(32px,var(--hb-open-title-size,58px),78px) !important;
  font-weight:var(--hb-open-title-weight,900) !important;
  line-height:var(--hb-open-title-lh,1.15) !important;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.home-builder-open-store-hero .hb-store-hero-description{
  max-width:var(--hb-open-body-max,670px);
  margin:0 !important;
  color:var(--hb-open-body-color,#697a83) !important;
  font-size:var(--hb-open-body-size,18px) !important;
  line-height:var(--hb-open-body-lh,1.85) !important;
  overflow-wrap:anywhere;
}
.home-builder-open-store-hero.home-builder-align--right .hb-store-hero-title,
.home-builder-open-store-hero.home-builder-align--right .hb-store-hero-description{margin-inline-start:0 !important;margin-inline-end:auto !important}
.home-builder-open-store-hero.home-builder-align--center .hb-store-hero-title,
.home-builder-open-store-hero.home-builder-align--center .hb-store-hero-description{margin-inline:auto !important}
.home-builder-open-store-hero.home-builder-align--left .hb-store-hero-title,
.home-builder-open-store-hero.home-builder-align--left .hb-store-hero-description{margin-inline-start:auto !important;margin-inline-end:0 !important}
.home-builder-open-store-hero .hb-store-hero-actions{
  display:flex !important;
  flex-wrap:wrap;
  gap:var(--hb-open-actions-gap,12px) !important;
  width:100%;
  margin:var(--hb-open-actions-mt,26px) 0 var(--hb-open-actions-mb,24px) !important;
}
.home-builder-open-store-hero.home-builder-align--right .hb-store-hero-actions,
.home-builder-open-store-hero.home-builder-align--right .hb-store-hero-points{justify-content:flex-start}
.home-builder-open-store-hero.home-builder-align--center .hb-store-hero-actions,
.home-builder-open-store-hero.home-builder-align--center .hb-store-hero-points{justify-content:center}
.home-builder-open-store-hero.home-builder-align--left .hb-store-hero-actions,
.home-builder-open-store-hero.home-builder-align--left .hb-store-hero-points{justify-content:flex-end}
.home-builder-open-store-hero .hb-store-hero-button{
  min-height:0 !important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease !important;
}
.home-builder-open-store-hero .hb-store-hero-button:hover{
  transform:translateY(calc(var(--hb-open-button-hover,2px) * -1)) !important;
  filter:brightness(.985);
}
.home-builder-open-store-hero .hb-store-hero-button--primary{
  padding:var(--hb-open-primary-py,12px) var(--hb-open-primary-px,22px) !important;
  border:var(--hb-open-primary-border-w,1px) solid var(--hb-open-primary-border,#0cbaa4) !important;
  border-radius:var(--hb-open-primary-radius,14px) !important;
  background:var(--hb-open-primary-bg,#0cbaa4) !important;
  color:var(--hb-open-primary-color,#fff) !important;
  font-size:var(--hb-open-primary-size,16px) !important;
  font-weight:var(--hb-open-primary-weight,800) !important;
  box-shadow:var(--hb-open-primary-shadow,none) !important;
}
.home-builder-open-store-hero .hb-store-hero-button--secondary{
  padding:var(--hb-open-secondary-py,12px) var(--hb-open-secondary-px,22px) !important;
  border:var(--hb-open-secondary-border-w,1px) solid var(--hb-open-secondary-border,#dce8e6) !important;
  border-radius:var(--hb-open-secondary-radius,14px) !important;
  background:var(--hb-open-secondary-bg,#fff) !important;
  color:var(--hb-open-secondary-color,#2e3e4e) !important;
  font-size:var(--hb-open-secondary-size,16px) !important;
  font-weight:var(--hb-open-secondary-weight,800) !important;
  box-shadow:var(--hb-open-secondary-shadow,none) !important;
}
.home-builder-open-store-hero.hb-open-store-hero--buttons-full .hb-store-hero-button{flex:1 1 220px}
.home-builder-open-store-hero .hb-store-hero-points{
  display:flex !important;
  flex-wrap:wrap;
  gap:var(--hb-open-points-gap,12px) !important;
  width:100%;
  margin-top:var(--hb-open-points-mt,0) !important;
}
.home-builder-open-store-hero.hb-open-store-hero--points-grid .hb-store-hero-points{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-builder-open-store-hero .hb-store-hero-point{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  padding:var(--hb-open-point-py,8px) var(--hb-open-point-px,13px) !important;
  border:var(--hb-open-point-border-w,1px) solid var(--hb-open-point-border,#dce8e6) !important;
  border-radius:var(--hb-open-point-radius,999px) !important;
  background:var(--hb-open-point-bg,#fff) !important;
  color:var(--hb-open-point-color,#455a62) !important;
  font-size:var(--hb-open-point-size,14px) !important;
  font-weight:var(--hb-open-point-weight,700) !important;
  line-height:1.45;
  white-space:normal;
}
.home-builder-open-store-hero .hb-store-hero-point i{
  flex:0 0 auto;
  color:var(--hb-open-point-icon-color,#0cbaa4) !important;
  font-size:var(--hb-open-point-icon-size,15px) !important;
  font-style:normal;
  line-height:1;
}
.home-builder-open-store-hero .hb-store-hero-point b{font:inherit;color:inherit;min-width:0;overflow-wrap:anywhere}
.home-builder-open-store-hero .hb-open-store-hero-media{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:var(--hb-open-vertical-align,center);
}
.home-builder-open-store-hero .hb-open-store-hero-image{
  display:block !important;
  width:var(--hb-open-image-w,100%) !important;
  max-width:100% !important;
  height:var(--hb-open-image-h,420px) !important;
  max-height:none !important;
  margin:0 auto !important;
  padding:var(--hb-open-image-padding,0) !important;
  border:var(--hb-open-image-border-w,0) solid var(--hb-open-image-border,#dce8e6) !important;
  border-radius:var(--hb-open-image-radius,0) !important;
  background:var(--hb-open-image-bg,transparent) !important;
  box-shadow:var(--hb-open-image-shadow,none) !important;
  object-fit:var(--hb-open-image-fit,contain) !important;
  object-position:var(--hb-open-image-position,center) !important;
}
@media (max-width:992px){
  .home-builder-open-store-hero.hb-open-store-hero-v1{padding-block:clamp(20px,var(--hb-open-mobile-py,28px),48px) !important}
  .home-builder-open-store-hero.hb-open-store-hero-v1 > .hb-open-store-hero-container{width:min(calc(100% - 24px),var(--hb-open-container-max,1240px)) !important}
  .home-builder-open-store-hero .hb-open-store-hero-inner{
    min-height:0;
    padding:var(--hb-open-mobile-py,28px) var(--hb-open-mobile-px,14px);
    grid-template-columns:minmax(0,1fr) !important;
    gap:var(--hb-open-mobile-gap,24px) !important;
  }
  .home-builder-open-store-hero.hb-open-store-hero--mobile-content_first .hb-open-store-hero-copy{order:-1}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-media_first .hb-open-store-hero-media{order:-1}
  .home-builder-open-store-hero .hb-open-store-hero-copy{max-width:100%;justify-self:stretch}
  .home-builder-open-store-hero .hb-store-hero-title{font-size:var(--hb-open-mobile-title-size,36px) !important}
  .home-builder-open-store-hero .hb-open-store-hero-image{height:var(--hb-open-mobile-image-h,260px) !important}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-right .hb-open-store-hero-copy{text-align:right !important}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-center .hb-open-store-hero-copy{text-align:center !important}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-left .hb-open-store-hero-copy{text-align:left !important}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-right .hb-store-hero-actions,
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-right .hb-store-hero-points{justify-content:flex-start}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-center .hb-store-hero-actions,
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-center .hb-store-hero-points{justify-content:center}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-left .hb-store-hero-actions,
  .home-builder-open-store-hero.hb-open-store-hero--mobile-align-left .hb-store-hero-points{justify-content:flex-end}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-buttons-full .hb-store-hero-actions{display:grid !important;grid-template-columns:1fr}
  .home-builder-open-store-hero.hb-open-store-hero--mobile-buttons-full .hb-store-hero-button{width:100% !important}
  .home-builder-open-store-hero.hb-open-store-hero--points-grid .hb-store-hero-points{grid-template-columns:repeat(var(--hb-open-mobile-points-cols,1),minmax(0,1fr))}
}
@media (max-width:560px){
  .home-builder-open-store-hero .hb-store-hero-point{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .home-builder-open-store-hero .hb-store-hero-button{transition:none !important}
}

/* sarie-back-to-top-text-shadow-fix-v3 */
.site-footer .site-footer__back-to-top span,
.site-footer .site-footer__back-to-top small{
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* reeth-mobile-store-hero-desktop-match-v4
   Keep the desktop two-column composition on phones. Only dimensions and typography scale down. */
@media (max-width:760px){
  .currency-conversion-notice .container{
    width:min(calc(100% - 14px),1180px) !important;
    gap:5px !important;
    padding-block:4px !important;
    font-size:10px !important;
    line-height:1.45 !important;
  }

  .currency-conversion-notice .container > span:first-child{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    font-size:12px !important;
  }

  .home-builder-store-hero.hb-store-hero-v2{
    padding-block:14px !important;
  }

  .home-builder-store-hero.hb-store-hero-v2 > .hb-store-hero-container{
    width:min(calc(100% - 16px),var(--hb-hero-container-max,1240px)) !important;
  }

  .home-builder-store-hero .hb-store-hero-shell{
    min-height:0 !important;
    padding:clamp(12px,2.6vw,18px) !important;
    border-radius:22px !important;
  }

  .home-builder-store-hero .hb-store-hero-inner,
  .home-builder-store-hero.hb-store-hero--without-media .hb-store-hero-inner{
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.58fr) minmax(92px,.72fr) !important;
    gap:clamp(10px,2.4vw,16px) !important;
    align-items:center !important;
  }

  .home-builder-store-hero.hb-store-hero--without-media .hb-store-hero-inner{
    grid-template-columns:minmax(0,1fr) !important;
  }

  .home-builder-store-hero .hb-store-hero-copy,
  .home-builder-store-hero.hb-store-hero--mobile-content_first .hb-store-hero-copy,
  .home-builder-store-hero.hb-store-hero--mobile-media_first .hb-store-hero-copy,
  .home-builder-store-hero.hb-store-hero--mobile-align-center .hb-store-hero-copy,
  .home-builder-store-hero.hb-store-hero--mobile-align-left .hb-store-hero-copy,
  .home-builder-store-hero.hb-store-hero--mobile-align-right .hb-store-hero-copy{
    display:block !important;
    order:0 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
    text-align:right !important;
  }

  .home-builder-store-hero .hb-store-hero-eyebrow{
    margin:0 0 6px !important;
    font-size:clamp(10px,1.85vw,13px) !important;
    line-height:1.4 !important;
  }

  .home-builder-store-hero .hb-store-hero-title,
  .home-builder-store-hero.hb-store-hero--mobile-align-center .hb-store-hero-title,
  .home-builder-store-hero.hb-store-hero--mobile-align-left .hb-store-hero-title,
  .home-builder-store-hero.hb-store-hero--mobile-align-right .hb-store-hero-title{
    width:100% !important;
    margin:0 0 8px !important;
    margin-inline:0 !important;
    font-size:clamp(21px,4.4vw,31px) !important;
    line-height:1.18 !important;
    text-align:right !important;
  }

  .home-builder-store-hero .hb-store-hero-description,
  .home-builder-store-hero.hb-store-hero--mobile-align-center .hb-store-hero-description,
  .home-builder-store-hero.hb-store-hero--mobile-align-left .hb-store-hero-description,
  .home-builder-store-hero.hb-store-hero--mobile-align-right .hb-store-hero-description{
    width:100% !important;
    margin:0 !important;
    margin-inline:0 !important;
    font-size:clamp(10px,1.85vw,13px) !important;
    line-height:1.62 !important;
    text-align:right !important;
  }

  .home-builder-store-hero .hb-store-hero-actions,
  .home-builder-store-hero.hb-store-hero--mobile-buttons-full .hb-store-hero-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
    margin:12px 0 !important;
    justify-content:stretch !important;
  }

  .home-builder-store-hero .hb-store-hero-button,
  .home-builder-store-hero.hb-store-hero--mobile-buttons-full .hb-store-hero-button{
    width:100% !important;
    min-width:0 !important;
    min-height:36px !important;
    padding:7px 6px !important;
    border-radius:11px !important;
    font-size:clamp(9.5px,1.7vw,12px) !important;
    line-height:1.25 !important;
    white-space:normal !important;
  }

  .home-builder-store-hero .hb-store-hero-points,
  .home-builder-store-hero.hb-store-hero--points-grid .hb-store-hero-points{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
    width:100% !important;
    margin:0 !important;
    justify-content:stretch !important;
  }

  .home-builder-store-hero .hb-store-hero-point,
  .home-builder-store-hero .hb-store-hero-points > .hb-store-hero-point:last-child{
    width:auto !important;
    min-width:0 !important;
    min-height:32px !important;
    padding:4px 3px !important;
    gap:3px !important;
    font-size:clamp(8px,1.42vw,10.5px) !important;
    line-height:1.25 !important;
    text-align:center !important;
  }

  .home-builder-store-hero .hb-store-hero-point i{
    font-size:clamp(8px,1.35vw,10px) !important;
  }

  .home-builder-store-hero .hb-store-hero-card,
  .home-builder-store-hero.hb-store-hero--mobile-content_first .hb-store-hero-card,
  .home-builder-store-hero.hb-store-hero--mobile-media_first .hb-store-hero-card,
  .home-builder-store-hero.hb-store-hero--card-surface-hidden .hb-store-hero-card{
    order:0 !important;
    align-self:center !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .home-builder-store-hero .hb-store-hero-image-wrap{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    overflow:visible !important;
    border-radius:18px !important;
  }

  .home-builder-store-hero .hb-store-hero-image{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:scale(var(--hb-hero-mobile-image-scale,1.02)) !important;
    transform-origin:center !important;
  }

  .home-builder-store-hero .hb-store-hero-card-copy{
    margin-top:7px !important;
    gap:4px !important;
  }

  .home-builder-store-hero .hb-store-hero-card-copy b{
    font-size:clamp(10px,1.8vw,13px) !important;
  }

  .home-builder-store-hero .hb-store-hero-card-copy span{
    font-size:clamp(8.5px,1.5vw,11px) !important;
    line-height:1.45 !important;
  }
}

@media (max-width:480px){
  .home-builder-store-hero .hb-store-hero-shell{
    padding:12px 10px !important;
    border-radius:18px !important;
  }

  .home-builder-store-hero .hb-store-hero-inner{
    grid-template-columns:minmax(0,1.7fr) minmax(78px,.70fr) !important;
    gap:8px !important;
  }

  .home-builder-store-hero .hb-store-hero-title{
    font-size:clamp(19px,5.35vw,23px) !important;
  }

  .home-builder-store-hero .hb-store-hero-description{
    font-size:clamp(9px,2.65vw,11px) !important;
  }

  .home-builder-store-hero .hb-store-hero-actions{
    margin:10px 0 !important;
  }

  .home-builder-store-hero .hb-store-hero-button{
    min-height:34px !important;
  }

  .home-builder-store-hero .hb-store-hero-point{
    min-height:30px !important;
  }
}

@media (max-width:340px){
  .home-builder-store-hero.hb-store-hero-v2 > .hb-store-hero-container{
    width:min(calc(100% - 10px),var(--hb-hero-container-max,1240px)) !important;
  }

  .home-builder-store-hero .hb-store-hero-shell{
    padding:10px 8px !important;
  }

  .home-builder-store-hero .hb-store-hero-inner{
    grid-template-columns:minmax(0,1.78fr) minmax(68px,.62fr) !important;
    gap:6px !important;
  }

  .home-builder-store-hero .hb-store-hero-title{
    font-size:18px !important;
  }

  .home-builder-store-hero .hb-store-hero-description{
    font-size:8.5px !important;
  }

  .home-builder-store-hero .hb-store-hero-button{
    min-height:32px !important;
    padding-inline:4px !important;
    font-size:9px !important;
  }

  .home-builder-store-hero .hb-store-hero-point{
    padding-inline:2px !important;
    font-size:7.5px !important;
  }
}

/* Sarie v1.5.9 — mobile header actions: retain only the icons until search opens. */
@media (max-width:760px){
  .site-header .cart-link--icon,
  .site-header .account-menu__toggle,
  .site-header .search--header:not(.is-open):not(:focus-within){
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }
}

/* Sarie v1.5.11 — narrow single-column mobile categories menu with internal scrolling. */
@media (max-width:640px){
  .header-categories__panel{
    right:10px !important;
    left:auto !important;
    width:min(82vw,340px) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 92px) !important;
    padding:10px !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  .header-categories__panel-head{
    flex:0 0 auto !important;
    gap:8px !important;
    padding:0 2px 8px !important;
  }

  .header-categories__panel-head > div{
    gap:1px !important;
  }

  .header-categories__panel-head small{
    font-size:10px !important;
    line-height:1.3 !important;
  }

  .header-categories__panel-head b{
    font-size:13px !important;
    line-height:1.25 !important;
  }

  .header-categories__panel-head a{
    gap:4px !important;
    font-size:11px !important;
  }

  .header-categories__panel-head a span{
    font-size:13px !important;
  }

  .header-categories__grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-content:start !important;
    gap:6px !important;
    max-height:min(58dvh,430px) !important;
    padding:8px 2px 2px 0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:thin !important;
    scrollbar-color:color-mix(in srgb,var(--primary) 32%,transparent) transparent !important;
  }

  .header-categories__grid::-webkit-scrollbar{
    width:5px !important;
  }

  .header-categories__grid::-webkit-scrollbar-track{
    background:transparent !important;
  }

  .header-categories__grid::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:color-mix(in srgb,var(--primary) 32%,transparent) !important;
  }

  .header-categories__grid a{
    width:100% !important;
    min-width:0 !important;
    min-height:50px !important;
    grid-template-columns:36px minmax(0,1fr) auto !important;
    gap:9px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
  }

  .header-categories__initial{
    width:36px !important;
    height:36px !important;
    border-radius:11px !important;
    font-size:15px !important;
  }

  .header-categories__grid b{
    min-width:0 !important;
    max-width:100% !important;
    font-size:12px !important;
    line-height:1.3 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .header-categories__grid i{
    display:block !important;
    font-size:14px !important;
  }
}

@media (max-width:360px){
  .header-categories__panel{
    right:8px !important;
    width:min(86vw,310px) !important;
    max-width:calc(100vw - 16px) !important;
    padding:8px !important;
  }

  .header-categories__grid{
    max-height:min(56dvh,390px) !important;
    gap:5px !important;
    padding-top:7px !important;
  }

  .header-categories__grid a{
    min-height:48px !important;
    grid-template-columns:34px minmax(0,1fr) auto !important;
    gap:8px !important;
    padding:6px 8px !important;
  }

  .header-categories__initial{
    width:34px !important;
    height:34px !important;
    font-size:14px !important;
  }
}

/* reeth-account-panel-responsive-width-v1
   Keep the account popover anchored to the account control while preventing it
   from spanning almost the full mobile/tablet viewport. Desktop is unchanged. */
@media (max-width:860px){
  .account-menu__panel{
    right:auto !important;
    left:16px !important;
    width:min(400px,calc(100vw - 32px)) !important;
    max-width:400px !important;
    box-sizing:border-box !important;
    transform-origin:top left !important;
  }
}

/* reeth-account-panel-mobile-width-v2
   Give phone viewports a visibly narrower account popover while retaining the
   400px tablet cap from V1 and leaving desktop unchanged. */
@media (max-width:540px){
  .account-menu__panel{
    right:auto !important;
    left:20px !important;
    width:min(340px,calc(100vw - 40px)) !important;
    max-width:340px !important;
    box-sizing:border-box !important;
    transform-origin:top left !important;
  }
}

/* ===== Sarie v1.5.14 — mobile categories button aligned at the upper-left ===== */
@media (max-width:760px){
  .homepage-categories > .section-head,
  .homepage-categories > .home-builder-head{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    grid-template-areas:"button title" !important;
    align-items:start !important;
    justify-content:stretch !important;
    column-gap:10px !important;
    row-gap:0 !important;
    direction:ltr !important;
    text-align:right !important;
  }

  .homepage-categories > .section-head > div,
  .homepage-categories > .home-builder-head > div{
    grid-area:title !important;
    min-width:0 !important;
    direction:rtl !important;
    text-align:right !important;
  }

  .homepage-categories > .section-head > a,
  .homepage-categories > .home-builder-head > a{
    grid-area:button !important;
    align-self:start !important;
    justify-self:start !important;
    margin:0 !important;
    direction:rtl !important;
  }
}

/* ===== Reeth v1.5.15 — clickable categories with neutral card shadows =====
   The strong-shadow theme uses the secondary brand color. When secondary is
   pink, overlapping category-card shadows form a pink band below the row.
   Keep category cards visually separated with a neutral shadow instead. */
.homepage-categories .category-card,
.shadows-strong .homepage-categories .category-card{
  box-shadow:0 8px 20px rgba(28,48,54,.055) !important;
}

.homepage-categories .category-card:hover,
.homepage-categories .category-card:focus-visible,
.shadows-strong .homepage-categories .category-card:hover,
.shadows-strong .homepage-categories .category-card:focus-visible{
  box-shadow:0 14px 30px rgba(28,48,54,.11) !important;
}



/* ===== Reeth v1.5.16 — neutral product card shadows without pink glow =====
   Product glow can use per-product custom colors. When a product uses a pink
   glow, the outer pseudo-elements create a pink band behind adjacent cards.
   Keep storefront product cards clean with neutral shadows only. */
.product-card.glow-card,
.shadows-strong .product-card.glow-card{
  --glow-alpha:0 !important;
  --glow-border-alpha:0 !important;
  border-color:var(--line,#dce8e6) !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(28,48,54,.055) !important;
}

.product-card.glow-card::before,
.product-card.glow-card::after,
.product-card.glow-card .glow-card__outer{
  display:none !important;
  opacity:0 !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
}

.product-card.glow-card:hover,
.product-card.glow-card:focus-within,
.product-card.glow-card.is-glowing,
.shadows-strong .product-card.glow-card:hover,
.shadows-strong .product-card.glow-card:focus-within,
.shadows-strong .product-card.glow-card.is-glowing{
  --glow-alpha:0 !important;
  --glow-border-alpha:0 !important;
  border-color:var(--line,#dce8e6) !important;
  background:#fff !important;
  box-shadow:0 14px 30px rgba(28,48,54,.11) !important;
  transform:translateY(-3px) !important;
}

/* ===== Reeth v1.5.18 — circular homepage category cards with size controls =====
   Category color and image are controlled from the existing category editor:
   - "لون خلفية الأيقونة" maps to --category-circle-color.
   - uploaded category images fill the circle; preset icons remain centered.
   - Admin V3 Appearance controls --category-circle-size.
*/
.homepage-categories .category-grid,
.home-builder-categories.homepage-categories .category-grid{
  align-items:stretch !important;
}

.homepage-categories .category-card.category-card--circle,
.home-builder-categories .category-card.category-card--circle,
.shadows-strong .homepage-categories .category-card.category-card--circle{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  --category-circle-effective-size:clamp(72px,var(--category-circle-size,104px),150px);
  min-height:calc(var(--category-circle-effective-size) + 46px) !important;
  padding:14px 10px 12px !important;
  border:0 !important;
  border-radius:24px !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
  overflow:visible !important;
  color:var(--site-text,var(--text,#19282f)) !important;
}

.homepage-categories .category-card.category-card--circle:hover,
.homepage-categories .category-card.category-card--circle:focus-visible,
.home-builder-categories .category-card.category-card--circle:hover,
.home-builder-categories .category-card.category-card--circle:focus-visible,
.shadows-strong .homepage-categories .category-card.category-card--circle:hover,
.shadows-strong .homepage-categories .category-card.category-card--circle:focus-visible{
  transform:translateY(-4px) !important;
  box-shadow:none !important;
  outline:0 !important;
}

.homepage-categories .category-card__circle,
.home-builder-categories .category-card__circle{
  --category-circle-color:var(--primary,#0cbaa4);
  position:relative;
  display:grid !important;
  place-items:center !important;
  width:var(--category-circle-effective-size) !important;
  height:var(--category-circle-effective-size) !important;
  margin:0 auto 4px !important;
  border-radius:999px !important;
  border:2px solid color-mix(in srgb,var(--category-circle-color) 58%,#ffffff) !important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.92) 0 15%,transparent 36%),
    color-mix(in srgb,var(--category-circle-color) 18%,#ffffff) !important;
  box-shadow:
    inset 0 0 0 7px color-mix(in srgb,var(--category-circle-color) 11%,#ffffff),
    0 14px 30px rgba(28,48,54,.09) !important;
  overflow:hidden !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease !important;
}

.homepage-categories .category-card.category-card--circle:hover .category-card__circle,
.homepage-categories .category-card.category-card--circle:focus-visible .category-card__circle,
.home-builder-categories .category-card.category-card--circle:hover .category-card__circle,
.home-builder-categories .category-card.category-card--circle:focus-visible .category-card__circle{
  transform:translateY(-2px) scale(1.035) !important;
  border-color:color-mix(in srgb,var(--category-circle-color) 76%,#ffffff) !important;
  box-shadow:
    inset 0 0 0 7px color-mix(in srgb,var(--category-circle-color) 14%,#ffffff),
    0 18px 36px rgba(28,48,54,.12) !important;
}

.homepage-categories .category-card__circle img,
.home-builder-categories .category-card__circle img{
  width:64% !important;
  height:64% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  border-radius:0 !important;
  object-fit:contain !important;
  filter:none !important;
}

.homepage-categories .category-card__circle--upload img,
.home-builder-categories .category-card__circle--upload img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:999px !important;
}

.homepage-categories .category-card__circle--outline,
.home-builder-categories .category-card__circle--outline{
  background:color-mix(in srgb,var(--category-circle-color) 7%,#ffffff) !important;
  box-shadow:0 12px 26px rgba(28,48,54,.08) !important;
}

.homepage-categories .category-card__circle--solid,
.home-builder-categories .category-card__circle--solid{
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.5) 0 14%,transparent 36%),
    color-mix(in srgb,var(--category-circle-color) 70%,#ffffff) !important;
}

.homepage-categories .category-card.category-card--circle > b,
.home-builder-categories .category-card.category-card--circle > b{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:var(--site-text,var(--text,#19282f)) !important;
  font-size:clamp(13px,1.25vw,16px) !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  text-align:center !important;
}

.homepage-categories .category-card.category-card--circle > .category-card__description,
.home-builder-categories .category-card.category-card--circle > .category-card__description{
  display:-webkit-box !important;
  width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  color:var(--muted,#6b7c82) !important;
  font-size:11px !important;
  line-height:1.45 !important;
  text-align:center !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

@media (max-width:760px){
  .homepage-categories .category-card.category-card--circle,
  .home-builder-categories .category-card.category-card--circle,
  .homepage-categories .category-grid > .category-card.category-card--circle{
    --category-circle-effective-size:clamp(60px,var(--category-circle-mobile-size,74px),110px);
    min-height:calc(var(--category-circle-effective-size) + 44px) !important;
    padding:12px 8px 10px !important;
  }

  .homepage-categories .category-card__circle,
  .home-builder-categories .category-card__circle{
    width:var(--category-circle-effective-size) !important;
    height:var(--category-circle-effective-size) !important;
    box-shadow:
      inset 0 0 0 5px color-mix(in srgb,var(--category-circle-color) 10%,#ffffff),
      0 10px 22px rgba(28,48,54,.08) !important;
  }

  .homepage-categories .category-card.category-card--circle > b,
  .home-builder-categories .category-card.category-card--circle > b{
    font-size:12.5px !important;
  }

  .homepage-categories .category-card.category-card--circle > .category-card__description,
  .home-builder-categories .category-card.category-card--circle > .category-card__description{
    font-size:10.5px !important;
    -webkit-line-clamp:1;
  }
}


/* ===== Reeth category customizations strict v6 — device variables only =====
   This layer intentionally preserves the existing horizontal category slider.
   It does NOT change display, grid-auto-flow, grid-auto-columns, overflow-x,
   scroll-snap, touch-action, or any dragging JavaScript.
*/
.homepage-categories .category-grid,
.home-builder-categories.homepage-categories .category-grid{
  gap:var(--category-circle-desktop-gap,14px) !important;
}

.homepage-categories .category-card.category-card--circle,
.home-builder-categories .category-card.category-card--circle,
.shadows-strong .homepage-categories .category-card.category-card--circle{
  --category-circle-effective-size:clamp(72px,var(--category-circle-desktop-size,var(--category-circle-size,104px)),170px) !important;
}

.homepage-categories .category-card.category-card--circle > b,
.home-builder-categories .category-card.category-card--circle > b{
  font-size:var(--category-circle-desktop-label-size,16px) !important;
}

.homepage-categories .category-card.category-card--circle > .category-card__description,
.home-builder-categories .category-card.category-card--circle > .category-card__description{
  display:var(--category-circle-desktop-description-display,-webkit-box) !important;
  font-size:var(--category-circle-desktop-description-size,11px) !important;
}

@media (min-width:761px) and (max-width:1024px){
  .homepage-categories .category-grid,
  .home-builder-categories.homepage-categories .category-grid{
    gap:var(--category-circle-tablet-gap,12px) !important;
  }

  .homepage-categories .category-card.category-card--circle,
  .home-builder-categories .category-card.category-card--circle,
  .homepage-categories .category-grid > .category-card.category-card--circle{
    --category-circle-effective-size:clamp(64px,var(--category-circle-tablet-size,88px),150px) !important;
  }

  .homepage-categories .category-card.category-card--circle > b,
  .home-builder-categories .category-card.category-card--circle > b{
    font-size:var(--category-circle-tablet-label-size,14px) !important;
  }

  .homepage-categories .category-card.category-card--circle > .category-card__description,
  .home-builder-categories .category-card.category-card--circle > .category-card__description{
    display:var(--category-circle-tablet-description-display,none) !important;
    font-size:var(--category-circle-tablet-description-size,10px) !important;
  }
}

@media (max-width:760px){
  .homepage-categories .category-grid,
  .home-builder-categories.homepage-categories .category-grid{
    gap:var(--category-circle-mobile-gap,10px) !important;
  }

  .homepage-categories .category-card.category-card--circle,
  .home-builder-categories .category-card.category-card--circle,
  .homepage-categories .category-grid > .category-card.category-card--circle{
    --category-circle-effective-size:clamp(56px,var(--category-circle-mobile-size,74px),128px) !important;
  }

  .homepage-categories .category-card.category-card--circle > b,
  .home-builder-categories .category-card.category-card--circle > b{
    font-size:var(--category-circle-mobile-label-size,13px) !important;
  }

  .homepage-categories .category-card.category-card--circle > .category-card__description,
  .home-builder-categories .category-card.category-card--circle > .category-card__description{
    display:var(--category-circle-mobile-description-display,none) !important;
    font-size:var(--category-circle-mobile-description-size,10px) !important;
  }
}


/* ===== Reeth product slider match categories v2 =====
   Product tracks use the same finite horizontal slider pattern as category tracks:
   grid-auto-flow column, overflow-x auto, scroll snap, mouse drag, native touch scroll.
   This does not change product card markup or the category slider.
*/
.home-products-swipe,
.home-builder-products-swipe{
  position:relative !important;
  overflow:visible !important;
}

.home-products-swipe__track,
.home-builder-products-grid.home-products-swipe__track{
  --sarie-product-swipe-gap:var(--hb-gap,18px);
  display:grid !important;
  grid-template-columns:none !important;
  grid-template-rows:minmax(0,1fr) !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - (var(--sarie-product-swipe-gap) * 3)) / 4) !important;
  gap:var(--sarie-product-swipe-gap) !important;
  align-items:stretch !important;
  position:relative !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  direction:inherit !important;
  padding:8px 4px 30px !important;
  margin:0 -4px -12px !important;
  scroll-padding-inline:4px !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  overscroll-behavior-inline:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  cursor:grab !important;
  touch-action:pan-x pan-y pinch-zoom !important;
  overflow-anchor:none !important;
}

.home-products-swipe__track::-webkit-scrollbar,
.home-builder-products-grid.home-products-swipe__track::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

.home-products-swipe__track > .product-card,
.home-builder-products-grid.home-products-swipe__track > .product-card{
  min-width:0 !important;
  height:100% !important;
  scroll-snap-align:start !important;
  scroll-snap-stop:normal !important;
}

.home-products-swipe__track.is-product-dragging,
.home-builder-products-grid.home-products-swipe__track.is-product-dragging{
  cursor:grabbing !important;
  scroll-snap-type:none !important;
  user-select:none !important;
  scroll-behavior:auto !important;
}

.home-products-swipe__track.is-product-dragging > .product-card,
.home-builder-products-grid.home-products-swipe__track.is-product-dragging > .product-card{
  pointer-events:none !important;
  transform:none !important;
}

.home-products-swipe__controls{
  display:none !important;
}

.home-products-swipe__track [data-sarie-carousel-clone="1"]{
  display:none !important;
}

@media (min-width:761px) and (max-width:1100px){
  .home-products-swipe__track,
  .home-builder-products-grid.home-products-swipe__track{
    grid-auto-columns:calc((100% - (var(--sarie-product-swipe-gap) * 2)) / 3) !important;
  }
}

@media (max-width:760px){
  .home-products-swipe__track,
  .home-builder-products-grid.home-products-swipe__track{
    --sarie-product-swipe-gap:8px !important;
    grid-auto-columns:calc((100% - var(--sarie-product-swipe-gap)) / 2) !important;
    gap:var(--sarie-product-swipe-gap) !important;
    padding:6px 2px 24px !important;
    margin:0 -2px -8px !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:auto !important;
    touch-action:pan-x pan-y pinch-zoom !important;
  }
}

/* ===== Reeth Diana-style products section layout only v8 - Home Builder controlled =====
   The Diana arrangement is now controlled from Home Builder settings.
   Heading rules only apply to .home-builder-section-heading--reeth-diana-products.
   Product row sizing only applies to .home-builder-products-wrap--diana.
   Do not style .product-card internals, .product-image, .product-body, price, or buttons here.
*/
.home-builder-section-heading--reeth-diana-products + .home-builder-products-wrap--diana,
.home-builder-section-heading--reeth-diana-products + .home-builder-products-swipe.home-builder-products-wrap--diana{
  margin-top:0 !important;
}

.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"],
.home-builder-products-swipe.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"]{
  padding-top:8px !important;
  padding-bottom:46px !important;
  background:#fff !important;
}

.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .section-head,
.home-builder-products-swipe.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .section-head,
.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .home-builder-head,
.home-builder-products-swipe.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .home-builder-head{
  display:none !important;
}

.home-builder-section-heading--reeth-diana-products{
  background:#fff !important;
  padding-top:54px !important;
  padding-bottom:10px !important;
  margin-bottom:0 !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__container{
  width:min(1180px, calc(100% - 32px)) !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__surface{
  display:grid !important;
  grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr) !important;
  gap:28px !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:0 !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__content{
  display:grid !important;
  justify-items:center !important;
  text-align:center !important;
  min-width:min(310px, 60vw) !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__line{
  display:block !important;
  width:100% !important;
  max-width:420px !important;
  height:1px !important;
  opacity:1 !important;
  background:linear-gradient(90deg, transparent, color-mix(in srgb,#d4dade 92%,transparent), transparent) !important;
  transform:none !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__line > i{
  display:none !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__icon{
  order:0 !important;
  margin:0 0 8px !important;
  width:78px !important;
  height:78px !important;
  filter:drop-shadow(0 11px 15px rgba(198,126,7,.24)) !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__icon img,
.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__icon svg{
  width:78px !important;
  height:78px !important;
  object-fit:contain !important;
}

.home-builder-section-heading--reeth-diana-products h2{
  margin:0 !important;
  color:#1f3340 !important;
  font-size:clamp(34px,4.1vw,48px) !important;
  font-weight:950 !important;
  line-height:1.06 !important;
  letter-spacing:-.04em !important;
  text-shadow:0 12px 30px rgba(243,207,98,.18) !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__subtitle{
  margin:8px 0 0 !important;
  color:#697a83 !important;
  font-size:15px !important;
  font-weight:800 !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  margin-top:10px !important;
  min-height:34px !important;
  padding:7px 15px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#0cbaa4 !important;
  color:#fff !important;
  box-shadow:0 11px 22px rgba(12,186,164,.18) !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-decoration:none !important;
}

.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__link:hover,
.home-builder-section-heading--reeth-diana-products .home-builder-section-heading__link:focus-visible{
  transform:translateY(-1px) !important;
  box-shadow:0 14px 26px rgba(12,186,164,.24) !important;
}

.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .home-products-swipe__track,
.home-builder-products-swipe.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .home-products-swipe__track{
  width:min(1224px, calc(100vw - 32px)) !important;
  max-width:1224px !important;
  margin-inline:auto !important;
  padding-top:10px !important;
  padding-bottom:34px !important;
  gap:18px !important;
  --sarie-product-swipe-gap:18px !important;
  grid-auto-columns:minmax(292px, calc((100% - 54px) / 4)) !important;
}

@media (min-width:761px) and (max-width:1100px){
  .home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .home-products-swipe__track,
  .home-builder-products-swipe.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .home-products-swipe__track{
    width:min(920px, calc(100% - 32px)) !important;
    max-width:920px !important;
    gap:14px !important;
    --sarie-product-swipe-gap:14px !important;
    grid-auto-columns:calc((100% - 28px) / 3) !important;
  }
}

@media (max-width:760px){
  .home-builder-section-heading--reeth-diana-products{
    padding-top:42px !important;
    padding-bottom:6px !important;
  }

  .home-builder-section-heading--reeth-diana-products .home-builder-section-heading__container{
    width:calc(100% - 24px) !important;
  }

  .home-builder-section-heading--reeth-diana-products .home-builder-section-heading__surface{
    grid-template-columns:minmax(36px,1fr) auto minmax(36px,1fr) !important;
    gap:12px !important;
  }

  .home-builder-section-heading--reeth-diana-products .home-builder-section-heading__content{
    min-width:min(220px,68vw) !important;
  }

  .home-builder-section-heading--reeth-diana-products .home-builder-section-heading__icon,
  .home-builder-section-heading--reeth-diana-products .home-builder-section-heading__icon img,
  .home-builder-section-heading--reeth-diana-products .home-builder-section-heading__icon svg{
    width:58px !important;
    height:58px !important;
  }

  .home-builder-section-heading--reeth-diana-products h2{
    font-size:30px !important;
  }

  .home-builder-section-heading--reeth-diana-products .home-builder-section-heading__link{
    min-height:32px !important;
    padding:7px 13px !important;
    font-size:12px !important;
  }

  .home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .home-products-swipe__track,
  .home-builder-products-swipe.home-builder-products-wrap--diana[data-home-builder-section-type="products_grid"] .home-products-swipe__track{
    width:calc(100% - 18px) !important;
    max-width:none !important;
    gap:8px !important;
    --sarie-product-swipe-gap:8px !important;
    grid-auto-columns:calc((100% - 8px) / 2) !important;
    padding-inline:2px !important;
    padding-bottom:24px !important;
  }
}