/** Shopify CDN: Minification failed

Line 428:0 Unexpected "}"

**/
/*
  CHATPATE DROPS — theme stylesheet
  Palette:
    --chili     #FF3D2E  (primary, CTAs, heat)
    --turmeric  #FFC72C  (secondary, badges)
    --chutney   #2E7D46  (accent green)
    --masala    #2B160A  (near-black ink brown, text/dark sections)
    --cream     #FFF3DD  (paper background)
    --tamarind  #E8127A  (hot pink accent)
*/

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap');

:root{
  --chili:#FF3D2E;
  --turmeric:#FFC72C;
  --chutney:#2E7D46;
  --masala:#2B160A;
  --cream:#FFF3DD;
  --tamarind:#E8127A;
  --paper: #FFFCF5;
  --ink: var(--masala);
  --radius-sticker: 3px;
  --shadow-hard: 6px 6px 0 var(--masala);
  --shadow-hard-sm: 3px 3px 0 var(--masala);
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'Space Mono', monospace;
  --depth-perspective: 1000px;
  --tilt-max: 10deg;
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height:1.5;
  background-image:
    radial-gradient(circle, rgba(43,22,10,0.08) 1px, transparent 1.4px);
  background-size: 18px 18px;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }

.visually-hidden{
  position:absolute!important; width:1px;height:1px; padding:0;margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

:focus-visible{
  outline: 3px solid var(--tamarind);
  outline-offset: 2px;
}

.wrap{ max-width:1320px; margin:0 auto; padding:0 24px; }

/* ---------- Buttons & badges ---------- */
.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-family: var(--font-display);
  letter-spacing:.03em;
  font-size:1rem;
  padding:14px 28px;
  background: var(--chili);
  color: var(--cream);
  border:3px solid var(--masala);
  border-radius: var(--radius-sticker);
  box-shadow: var(--shadow-hard), inset 0 2px 0 rgba(255,255,255,.35), inset 0 -4px 0 rgba(0,0,0,.28);
  transform: rotate(-1deg) translateZ(0);
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn:hover{ transform: rotate(0deg) translate(-2px,-2px); box-shadow: 9px 9px 0 var(--masala), inset 0 2px 0 rgba(255,255,255,.4), inset 0 -4px 0 rgba(0,0,0,.3); }
.btn:active{ transform: translate(3px,3px); box-shadow: 1px 1px 0 var(--masala), inset 0 2px 0 rgba(0,0,0,.2); }
.btn--ghost{ background:transparent; color:var(--masala); box-shadow: var(--shadow-hard); }
.btn--turmeric{ background:var(--turmeric); color:var(--masala); }
.btn--sm{ padding:9px 18px; font-size:.8rem; }
.btn--full{ width:100%; justify-content:center; }
.btn[disabled]{ background:#cabfae; color:#7d7362; box-shadow:none; transform:none; cursor:not-allowed; border-color:#7d7362; }

.stamp{
  display:inline-block;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:5px 10px;
  border:2px solid var(--masala);
  border-radius:20px;
  background:var(--cream);
  transform:rotate(-4deg);
  box-shadow: 2px 2px 0 var(--masala), inset 0 1px 0 rgba(255,255,255,.5);
}
.stamp--chili{ background:var(--chili); color:var(--cream); }
.stamp--turmeric{ background:var(--turmeric); }
.stamp--chutney{ background:var(--chutney); color:var(--cream); transform:rotate(3deg); }

/* ---------- 3D system: extruded type + tilt/glare ---------- */
/* Chunky "block letter" extrusion for display type. Set --extrude on the
   element to pick the shade of the visible side face. */
.text-3d,
.site-logo,
.hero__title,
.hero__title span,
.footer-logo,
.countdown__title,
.password-page__logo{
  --extrude: var(--masala);
  text-shadow:
    1px 1px 0 var(--extrude),
    2px 2px 0 var(--extrude),
    3px 3px 0 var(--extrude),
    4px 4px 0 var(--extrude),
    5px 5px 0 var(--extrude),
    6px 6px 0 var(--extrude),
    8px 9px 14px rgba(0,0,0,.35);
}

/* Interactive tilt: JS updates the transform + glare position on
   mousemove; this just sets up the 3D stage and resting state. */
[data-tilt]{
  position:relative;
  transform-style: preserve-3d;
  transition: transform .12s ease-out, box-shadow .12s ease-out;
  will-change: transform;
}
.tilt-glare{
  position:absolute; inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
  mix-blend-mode:overlay;
  z-index:2;
}

@media (prefers-reduced-motion: reduce){
  [data-tilt]{ transition:none; }
}

/* ---------- Marquee ---------- */
.marquee{
  background: var(--masala);
  color: var(--cream);
  overflow:hidden;
  white-space:nowrap;
  border-bottom:3px solid var(--masala);
  position:relative;
  z-index:60;
}
.marquee__track{
  display:inline-flex;
  animation: marquee 22s linear infinite;
  padding:10px 0;
}
.marquee__item{
  font-family: var(--font-mono);
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:0 28px;
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.marquee__item::after{ content:"🌶"; opacity:.8; }
@keyframes marquee{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .marquee__track{ animation:none; overflow-x:auto; }
}

/* ---------- Header ---------- */
.site-header{
  position:sticky; top:0; z-index:50;
  background: var(--cream);
  border-bottom:4px solid var(--masala);
}
.site-header__inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 0;
  gap:20px;
}
.site-logo{
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  letter-spacing:.01em;
  color: var(--chili);
  transform: rotate(-1.5deg) perspective(400px) rotateX(6deg);
  display:inline-block;
}
.site-nav{ display:flex; gap:28px; align-items:center; }
.site-nav a{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  position:relative;
  padding-bottom:3px;
}
.site-nav a::after{
  content:""; position:absolute; left:0; bottom:0; height:3px; width:0;
  background:var(--chili); transition:width .18s ease;
}
.site-nav a:hover::after{ width:100%; }
.header-actions{ display:flex; align-items:center; gap:18px; }
.header-icon-btn{ position:relative; font-family:var(--font-mono); font-size:.85rem; font-weight:700; }
.cart-count{
  position:absolute; top:-10px; right:-16px;
  background:var(--tamarind); color:#fff;
  border-radius:50%; width:20px; height:20px;
  display:flex; align-items:center; justify-content:center;
  font-size:.65rem; border:2px solid var(--masala);
}
.nav-toggle{ display:none; background:none; border:2px solid var(--masala); padding:8px 10px; border-radius:4px; }

@media (max-width: 860px){
  .site-nav{
    position:fixed; inset:0 0 0 auto; width:min(78vw,320px);
    background:var(--turmeric); border-left:4px solid var(--masala);
    flex-direction:column; align-items:flex-start; padding:100px 28px 28px;
    transform:translateX(100%); transition:transform .25s ease; height:100vh;
  }
  .site-nav.is-open{ transform:translateX(0); }
  .site-nav a{ font-size:1rem; }
  .nav-toggle{ display:block; }
}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  padding: 64px 0 90px;
  overflow:hidden;
  background:
    repeating-linear-gradient(115deg, rgba(255,61,46,0.06) 0 26px, transparent 26px 52px);
}
.hero__wrap{ position:relative; }
.hero__eyebrow{
  display:flex; gap:12px; margin-bottom:22px; flex-wrap:wrap;
}
.hero__title{
  font-family:var(--font-display);
  font-size: clamp(3rem, 9vw, 8rem);
  line-height:.92;
  margin:0;
  color:var(--masala);
  --extrude: var(--chili);
}
.hero__title span{
  color:var(--chili);
  --extrude: var(--masala);
  display:inline-block;
  transform:rotate(-2deg) perspective(600px) rotateX(8deg);
}
.hero__sub{
  font-family:var(--font-body);
  font-weight:500;
  font-size:1.15rem;
  max-width:520px;
  margin:20px 0 34px;
}
.hero__cta{ display:flex; gap:16px; flex-wrap:wrap; align-items:center; }
.hero__collage{
  position:absolute;
  top:20px; right:0;
  width:min(40%, 420px);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.hero__collage .tile{
  border:3px solid var(--masala);
  border-radius:var(--radius-sticker);
  aspect-ratio:1;
  box-shadow: var(--shadow-hard-sm);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-weight:700; font-size:.7rem;
  text-transform:uppercase; text-align:center; padding:10px;
  position:relative; overflow:hidden;
}
.hero__collage .tile:nth-child(1){ background:var(--chili); color:var(--cream); transform:rotate(-6deg) translateY(10px); }
.hero__collage .tile:nth-child(2){ background:var(--turmeric); transform:rotate(4deg); }
.hero__collage .tile:nth-child(3){ background:var(--chutney); color:var(--cream); transform:rotate(3deg); }
.hero__collage .tile:nth-child(4){ background:var(--tamarind); color:var(--cream); transform:rotate(-4deg) translateY(-8px); }

@media (max-width: 900px){
  .hero__collage{ position:static; width:70%; margin:36px auto 0; }
}

/* ---------- Section heading ---------- */
.section-heading{
  display:flex; align-items:flex-end; justify-content:space-between; gap:20px;
  margin-bottom:36px; flex-wrap:wrap;
}
.section-heading h2{
  font-family:var(--font-display);
  font-size:clamp(2rem,5vw,3.4rem);
  margin:0;
  color:var(--masala);
}
.section-heading p{ font-family:var(--font-mono); font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; }
.section{ padding: 70px 0; }
.section--dark{ background:var(--masala); color:var(--cream); }
.section--dark .section-heading h2{ color:var(--cream); }
.section--dark .section-heading p{ color:var(--turmeric); }

/* ---------- Product grid ---------- */
.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px,1fr));
  gap:30px;
}
.product-card{
  background:var(--paper);
  border:3px solid var(--masala);
  border-radius:var(--radius-sticker);
  box-shadow:var(--shadow-hard);
  transform:rotate(var(--tilt,-1.2deg));
  transition:transform .18s ease, box-shadow .18s ease;
  overflow:hidden;
  display:flex; flex-direction:column;
}
.product-grid > *:nth-child(3n+1){ --tilt:-1.4deg; }
.product-grid > *:nth-child(3n+2){ --tilt:1.1deg; }
.product-grid > *:nth-child(3n+3){ --tilt:-0.6deg; }
.product-card:hover{ transform:rotate(0deg) translateY(-6px); box-shadow:9px 9px 0 var(--masala); }
.product-card__media{
  aspect-ratio:4/5;
  background:linear-gradient(135deg, var(--turmeric), var(--chili));
  border-bottom:3px solid var(--masala);
  position:relative;
  overflow:hidden;
}
.product-card__media img{ width:100%; height:100%; object-fit:cover; }
.product-card__media .stamp{ position:absolute; top:10px; left:10px; }
.product-card__body{ padding:16px 16px 20px; display:flex; flex-direction:column; gap:8px; flex:1; }
.product-card__title{ font-family:var(--font-display); font-size:1.15rem; letter-spacing:.01em; }
.product-card__price{ font-family:var(--font-mono); font-weight:700; }
.product-card__price s{ opacity:.5; margin-right:6px; }

/* ---------- Spice meter (signature element) ---------- */
.spice-meter{ display:flex; align-items:center; gap:8px; margin-top:2px; }
.spice-meter__label{ font-family:var(--font-mono); font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; opacity:.75; }
.spice-meter__dots{ display:flex; gap:3px; }
.spice-meter__dot{
  width:9px; height:9px; border-radius:50%;
  border:1.5px solid var(--masala);
  background:transparent;
}
.spice-meter__dot.is-lit{
  background:var(--chili);
  box-shadow: inset -2px -2px 2px rgba(0,0,0,.35), inset 1px 1px 1px rgba(255,255,255,.5);
}

/* ---------- Drop countdown ---------- */
.countdown{
  background:var(--turmeric);
  border-top:4px solid var(--masala);
  border-bottom:4px solid var(--masala);
  padding:50px 0;
}
.countdown__inner{ display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.countdown__title{ font-family:var(--font-display); font-size:clamp(1.8rem,4vw,3rem); --extrude: var(--chili); }
.countdown__timer{ display:flex; gap:14px; }
.countdown__unit{
  background:var(--masala); color:var(--cream);
  border-radius:var(--radius-sticker);
  padding:14px 16px; text-align:center; min-width:78px;
  border:3px solid var(--masala);
  box-shadow: 4px 4px 0 rgba(43,22,10,0.35);
  overflow:hidden;
}
.countdown__unit strong{ display:block; font-family:var(--font-mono); font-size:1.8rem; line-height:1; }
.countdown__unit span{ font-family:var(--font-mono); font-size:.6rem; text-transform:uppercase; letter-spacing:.08em; }

/* ---------- Newsletter ---------- */
.newsletter{ background:var(--chutney); color:var(--cream); border-top:4px solid var(--masala); padding:70px 0; }
.newsletter__inner{ max-width:640px; margin:0 auto; text-align:center; }
.newsletter h2{ font-family:var(--font-display); font-size:clamp(2rem,5vw,3rem); margin-bottom:14px; }
.newsletter form{ display:flex; gap:12px; margin-top:26px; flex-wrap:wrap; justify-content:center; }
.newsletter input[type="email"]{
  flex:1; min-width:220px; padding:14px 16px;
  border:3px solid var(--masala); border-radius:var(--radius-sticker);
  font-family:var(--font-mono); font-size:.9rem;
}

/* ---------- Footer ---------- */
.site-footer{ background:var(--masala); color:var(--cream); padding:60px 0 30px; border-top:4px solid var(--masala); }
.footer-grid{ display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:36px; }
.footer-grid h3{ font-family:var(--font-mono); text-transform:uppercase; font-size:.78rem; letter-spacing:.1em; color:var(--turmeric); margin-bottom:14px; }
.footer-grid ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.footer-grid a{ font-size:.92rem; opacity:.9; }
.footer-grid a:hover{ opacity:1; text-decoration:underline; }
.footer-logo{ font-family:var(--font-display); font-size:2rem; color:var(--chili); --extrude: var(--turmeric); margin-bottom:12px; display:inline-block; transform: perspective(400px) rotateX(6deg); }
.footer-bottom{ margin-top:50px; padding-top:22px; border-top:1px solid rgba(255,243,221,.2); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-family:var(--font-mono); font-size:.75rem; opacity:.75; }
@media (max-width:760px){ .footer-grid{ grid-template-columns:1fr 1fr; } }

/* ---------- Product template ---------- */
.pdp{ padding:56px 0 90px; }
.pdp__grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:60px; }
.pdp__gallery-main{
  border:3px solid var(--masala); border-radius:var(--radius-sticker);
  box-shadow:var(--shadow-hard); overflow:hidden; aspect-ratio:4/5;
  background:linear-gradient(135deg,var(--tamarind),var(--turmeric));
}
.pdp__thumbs{ display:flex; gap:10px; margin-top:14px; }
.pdp__gallery-main img{
    width:100%;
      height:100%;
        object-fit:cover;
          display:block;
          }
}
.pdp__thumbs img, .pdp__thumbs .ph{
  width:70px; height:70px; object-fit:cover; border:2px solid var(--masala); border-radius:4px; cursor:pointer;
}
.pdp__title{ font-family:var(--font-display); font-size:clamp(2rem,4vw,3rem); margin:0 0 12px; }
.pdp__price{ font-family:var(--font-mono); font-size:1.4rem; font-weight:700; margin-bottom:20px; }
.pdp__desc{ margin-bottom:26px; max-width:52ch; }
.pdp__form select, .pdp__form input[type="number"]{
  font-family:var(--font-mono); padding:10px 14px; border:3px solid var(--masala); border-radius:4px; margin-bottom:16px;
}
.pdp__meta{ margin-top:30px; display:flex; flex-direction:column; gap:10px; font-family:var(--font-mono); font-size:.82rem; }
@media (max-width:860px){ .pdp__grid{ grid-template-columns:1fr; gap:32px; } }

/* ---------- Collection ---------- */
.collection-header{ padding:50px 0 20px; text-align:center; }
.collection-header h1{ font-family:var(--font-display); font-size:clamp(2.4rem,6vw,4.5rem); margin:0 0 10px; }

/* ---------- Cart ---------- */
.cart-page{ padding:60px 0 100px; }
.cart-line{ display:flex; gap:20px; padding:20px 0; border-bottom:2px dashed var(--masala); align-items:center; }
.cart-line img, .cart-line .ph{ width:96px; height:96px; object-fit:cover; border:2px solid var(--masala); border-radius:4px; }
.cart-line__info{ flex:1; }
.cart-line__title{ font-family:var(--font-display); font-size:1.1rem; }
.cart-empty{ text-align:center; padding:80px 0; }

/* ---------- 404 / search ---------- */
.error-page{ text-align:center; padding:100px 0; }
.error-page h1{ font-family:var(--font-display); font-size:clamp(4rem,14vw,9rem); color:var(--chili); --extrude: var(--masala); text-shadow: 1px 1px 0 var(--extrude), 2px 2px 0 var(--extrude), 3px 3px 0 var(--extrude), 4px 4px 0 var(--extrude), 5px 5px 0 var(--extrude), 6px 6px 0 var(--extrude), 8px 9px 14px rgba(0,0,0,.35); transform: perspective(600px) rotateX(10deg); margin:0; }

/* ---------- Password page ---------- */
.password-page{
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  padding:60px 24px;
  background:
    repeating-linear-gradient(115deg, rgba(255,61,46,0.07) 0 26px, transparent 26px 52px),
    var(--cream);
}
.password-page__inner{
  max-width:520px; width:100%; text-align:center;
  background:var(--paper);
  border:4px solid var(--masala);
  border-radius:var(--radius-sticker);
  box-shadow:var(--shadow-hard);
  padding:48px 36px;
}
.password-page__stamp{ margin-bottom:20px; }
.password-page__logo{
  font-family:var(--font-display);
  font-size:clamp(2.4rem,7vw,3.8rem);
  color:var(--chili);
  transform:rotate(-1.5deg) perspective(500px) rotateX(8deg);
  margin:0 0 18px;
}
.password-page__sub{ max-width:40ch; margin:0 auto 26px; }
.password-page__shop-message{
  font-family:var(--font-mono); font-size:.85rem;
  background:var(--turmeric); border:2px solid var(--masala); border-radius:6px;
  padding:10px 14px; margin-bottom:22px;
}
.password-page__error{
  font-family:var(--font-mono); font-size:.82rem; color:#fff;
  background:var(--chili); border:2px solid var(--masala); border-radius:6px;
  padding:10px 14px; margin-bottom:16px;
}
.password-page__form-row{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.password-page__form-row input{
  flex:1; min-width:200px; padding:14px 16px;
  border:3px solid var(--masala); border-radius:var(--radius-sticker);
  font-family:var(--font-mono); font-size:.9rem;
}
.password-page__divider{
  display:flex; align-items:center; gap:14px; margin:30px 0;
  font-family:var(--font-mono); font-size:.75rem; letter-spacing:.1em; opacity:.6;
}
.password-page__divider::before, .password-page__divider::after{
  content:""; flex:1; height:2px; background:var(--masala); opacity:.25;
}
.password-page__success{ font-family:var(--font-mono); font-size:.82rem; margin-top:14px; color:var(--chutney); }
.password-page__socials{ display:flex; justify-content:center; gap:18px; margin-top:30px; font-family:var(--font-mono); font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; }
.password-page__socials a:hover{ color:var(--chili); }
.password-page__admin-link{
  display:inline-block; margin-top:26px; font-family:var(--font-mono);
  font-size:.72rem; opacity:.55; text-decoration:underline;
}

/* image placeholder helper (used when no product image exists) */
.ph{
  display:flex; align-items:center; justify-content:center;
  background:repeating-linear-gradient(45deg, var(--turmeric) 0 10px, var(--chili) 10px 20px);
  color:var(--masala); font-family:var(--font-mono); font-weight:700; font-size:.7rem; text-align:center;
}