html{scroll-padding-top:118px}body{overflow-x:hidden}.announcement-bar{height:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;overflow:hidden!important;letter-spacing:.08em!important;z-index:100!important}.announcement-track{width:100%!important;padding-inline-start:0!important;transform:none!important;animation:none!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;white-space:nowrap!important;font-size:.72rem!important;line-height:1!important}.main-header,.main-header:not(.scrolled),.main-header.scrolled{position:sticky!important;top:0!important;z-index:90!important;width:100%!important;min-height:82px!important;background:rgba(255,250,246,.88)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--stroke)!important;box-shadow:0 10px 34px rgba(45,33,25,.06)!important}.header-inner{min-height:82px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:22px!important;padding-block:10px!important}.header-left,.header-actions,.desktop-nav{display:flex!important;align-items:center!important}.header-left{justify-content:flex-start!important;min-width:0!important}.header-actions{justify-content:flex-end!important;gap:10px!important;min-width:0!important}.desktop-nav{gap:clamp(16px,2vw,28px)!important;flex-wrap:nowrap!important}.nav-link{position:relative!important;display:inline-flex!important;align-items:center!important;min-height:38px!important;color:var(--text-soft)!important;font-size:.82rem!important;font-weight:700!important;letter-spacing:.13em!important;text-transform:uppercase!important;white-space:nowrap!important;transition:color var(--ease),transform var(--ease)!important}.nav-link::after{content:""!important;position:absolute!important;inset-inline:0!important;bottom:2px!important;height:1px!important;background:currentColor!important;opacity:0!important;transform:scaleX(.4)!important;transition:opacity var(--ease),transform var(--ease)!important}.nav-link:hover,.nav-link.active{color:var(--brand-dark)!important;transform:translateY(-1px)!important}.nav-link:hover::after,.nav-link.active::after{opacity:.7!important;transform:scaleX(1)!important}.brand-logo{width:74px!important;height:74px!important;margin:0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.brand-logo-img{width:68px!important;height:68px!important;object-fit:contain!important}.icon-circle{width:42px!important;height:42px!important;min-width:42px!important;border-radius:999px!important;font-size:.9rem!important;padding:0!important}.badge{top:-5px!important;inset-inline-end:-6px!important;right:auto!important;min-width:18px!important;height:18px!important;padding:0 5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.66rem!important;line-height:1!important;background:var(--brand-dark)!important;color:var(--surface-strong)!important;border-color:var(--brand-dark)!important}.cin-hero{min-height:calc(100svh - 114px)!important;padding-top:0!important;align-items:center!important}.cin-hero__content{max-width:52%!important;padding-block:clamp(64px,8vw,104px)!important}.cin-hero__kicker{width:auto!important;max-width:max-content!important;padding:10px 18px!important;margin-bottom:22px!important;border:1px solid var(--stroke)!important;border-radius:var(--radius-pill)!important;background:rgba(255,250,246,.52)!important;gap:10px!important}.cin-kicker-line{width:22px!important}.cin-hero__title{font-size:clamp(3.2rem,6vw,6.4rem)!important;margin-bottom:22px!important}.cin-hero__sub{margin-bottom:30px!important}.cin-hero__actions{margin-bottom:34px!important}.cin-hero__metrics{max-width:100%!important}.cin-hero__float{opacity:1!important}.cin-hero__float--1{width:clamp(220px,22vw,300px)!important;height:clamp(300px,29vw,400px)!important;top:12%!important}.cin-hero__float--2{width:clamp(160px,16vw,220px)!important;height:clamp(210px,21vw,290px)!important;bottom:10%!important}.cin-hero__float--3{width:clamp(120px,13vw,170px)!important;height:clamp(160px,17vw,220px)!important}.cin-hero__float--4{width:clamp(120px,12vw,150px)!important;height:clamp(150px,15vw,190px)!important}.store-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 0 30px!important;padding:14px!important;border:1px solid var(--stroke)!important;border-radius:28px!important;background:rgba(255,250,246,.58)!important;backdrop-filter:blur(12px)!important;box-shadow:var(--shadow-sm)!important}.toolbar-left,.toolbar-right{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important}.toolbar-right{justify-content:flex-end!important}.products-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(16px,2vw,26px)!important;align-items:stretch!important}.empty-state{grid-column:1/-1!important;min-height:220px!important;display:grid!important;place-items:center!important;text-align:center!important;padding:36px!important;border:1px solid var(--stroke)!important;border-radius:28px!important;background:rgba(255,250,246,.58)!important}.product-card{min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important}.product-content{display:flex!important;flex:1!important;flex-direction:column!important}.product-actions{margin-top:auto!important}.shop-hero{padding:clamp(54px,7vw,92px) 0 28px!important}.shop-page-section{padding:22px 0 90px!important}.drawer{position:fixed!important;z-index:120!important}.site-overlay{z-index:110!important}.wa-float{z-index:95!important}@media(max-width:1120px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.desktop-nav{gap:14px!important}.nav-link{font-size:.76rem!important;letter-spacing:.1em!important}}@media(max-width:920px){html{scroll-padding-top:92px}.announcement-bar{height:28px!important;min-height:28px!important}.announcement-track{font-size:.66rem!important;gap:9px!important}.main-header,.main-header:not(.scrolled),.main-header.scrolled{min-height:72px!important}.header-inner{min-height:72px!important;grid-template-columns:auto 1fr auto!important;gap:10px!important}.desktop-nav{display:none!important}.mobile-only{display:inline-grid!important}.brand-logo{width:62px!important;height:62px!important;justify-self:center!important}.brand-logo-img{width:58px!important;height:58px!important}.header-actions{gap:7px!important}.icon-circle{width:38px!important;height:38px!important;min-width:38px!important}.cin-hero{min-height:auto!important}.cin-hero__content{max-width:100%!important;padding-block:58px 70px!important}.cin-hero__title{max-width:12ch!important}.cin-hero__float--1{opacity:.18!important;width:190px!important;height:250px!important;top:12%!important}.store-toolbar{align-items:stretch!important;flex-direction:column!important}.toolbar-left,.toolbar-right{justify-content:flex-start!important;width:100%!important}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){.container{width:min(calc(100% - 24px),var(--container))!important}.header-actions .icon-circle:nth-child(3),.header-actions .icon-circle:nth-child(4){display:none!important}.announcement-track span:nth-of-type(n+4){display:none!important}.cin-hero__content{padding-block:46px 58px!important;text-align:start!important}.cin-hero__kicker{font-size:.64rem!important;letter-spacing:.18em!important;padding:9px 14px!important}.cin-kicker-line{display:none!important}.cin-hero__title{font-size:clamp(2.55rem,12vw,4rem)!important;max-width:10ch!important}.cin-hero__actions{gap:10px!important}.cin-btn,.btn{min-height:44px!important}.cin-hero__metrics{display:none!important}.products-grid{grid-template-columns:1fr!important;gap:18px!important}.product-actions{grid-template-columns:1fr!important}.filter-pill,.chip{min-height:38px!important;padding-inline:13px!important;font-size:.82rem!important}.select-input,.price-filter-wrap{width:100%!important}}


/* =========================================================
   KAWTHAR HOTFIX: Hero text/image collision repair
   Keeps same logo, same colors, same identity.
   Only fixes layout, spacing, stacking, and responsive behavior.
   ========================================================= */

.announcement-bar {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  inset: auto !important;
}

.announcement-track {
  transform: none !important;
  animation: none !important;
  padding-inline-start: 0 !important;
}

/* Desktop hero correction */
@media (min-width: 921px) {
  .cin-hero {
    min-height: min(720px, calc(100svh - 114px)) !important;
    padding-top: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  .cin-hero__content {
    position: relative !important;
    z-index: 3 !important;
    width: min(50%, 620px) !important;
    max-width: 620px !important;
    padding-block: clamp(54px, 6vw, 86px) !important;
  }

  .cin-hero__stage {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    right: max(24px, calc((100vw - 1240px) / 2)) !important;
    width: min(44vw, 560px) !important;
    z-index: 1 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  .cin-hero__title {
    max-width: 9.8ch !important;
    font-size: clamp(3.05rem, 4.9vw, 5.55rem) !important;
    line-height: 0.96 !important;
    margin-bottom: 24px !important;
    letter-spacing: -0.035em !important;
  }

  .cin-hero__title em,
  .cin-hero__title strong {
    display: block !important;
    max-width: 100% !important;
  }

  .cin-hero__sub {
    max-width: 39ch !important;
    font-size: 1.02rem !important;
    line-height: 1.65 !important;
    margin-bottom: 28px !important;
  }

  .cin-hero__actions {
    margin-bottom: 28px !important;
  }

  .cin-hero__metrics {
    width: min(100%, 560px) !important;
    max-width: 560px !important;
    padding: 20px 24px !important;
  }

  .cin-metric {
    padding-inline: 20px !important;
  }

  .cin-hero__float {
    border-radius: 26px !important;
    box-shadow: 0 24px 70px rgba(26, 17, 8, 0.16) !important;
  }

  .cin-hero__float--1 {
    width: clamp(250px, 24vw, 330px) !important;
    height: clamp(330px, 30vw, 430px) !important;
    top: 3% !important;
    right: 8% !important;
    left: auto !important;
    bottom: auto !important;
  }

  .cin-hero__float--2 {
    width: clamp(145px, 13vw, 190px) !important;
    height: clamp(185px, 16vw, 245px) !important;
    top: 6% !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
  }

  .cin-hero__float--3 {
    width: clamp(180px, 18vw, 245px) !important;
    height: clamp(160px, 16vw, 220px) !important;
    left: 0 !important;
    right: auto !important;
    bottom: 10% !important;
    top: auto !important;
  }

  .cin-hero__float--4 {
    width: clamp(140px, 14vw, 190px) !important;
    height: clamp(170px, 18vw, 235px) !important;
    right: 0 !important;
    left: auto !important;
    bottom: 5% !important;
    top: auto !important;
  }

  .cin-hero__float img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* Medium desktop / laptop correction */
@media (min-width: 921px) and (max-width: 1180px) {
  .cin-hero__content {
    width: min(48%, 540px) !important;
    max-width: 540px !important;
  }

  .cin-hero__title {
    font-size: clamp(2.7rem, 4.5vw, 4.7rem) !important;
    max-width: 10.5ch !important;
  }

  .cin-hero__stage {
    width: 46vw !important;
    right: 20px !important;
  }

  .cin-hero__metrics {
    transform: scale(0.94) !important;
    transform-origin: left top !important;
  }
}

/* Tablet and mobile correction */
@media (max-width: 920px) {
  .cin-hero {
    min-height: auto !important;
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  .cin-hero__stage {
    inset: 0 !important;
    width: 100% !important;
    opacity: 0.14 !important;
    z-index: 0 !important;
  }

  .cin-hero__float--2,
  .cin-hero__float--3,
  .cin-hero__float--4 {
    display: none !important;
  }

  .cin-hero__content {
    position: relative !important;
    z-index: 2 !important;
    max-width: 100% !important;
    padding-block: 52px 64px !important;
  }

  .cin-hero__title {
    font-size: clamp(2.65rem, 11vw, 4.4rem) !important;
    max-width: 11ch !important;
    line-height: 0.98 !important;
  }

  .cin-hero__sub {
    max-width: 34ch !important;
  }
}

@media (max-width: 640px) {
  .cin-hero__actions {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .cin-btn {
    width: min(100%, 260px) !important;
    justify-content: center !important;
  }
}