/** Shopify CDN: Minification failed

Line 167:30 Unexpected "}"
Line 2369:8 Unexpected "{"
Line 2370:8 Unexpected "{"
Line 2392:19 Unexpected "{"
Line 2393:18 Unexpected "{"
Line 2394:14 Unexpected "{"
Line 2406:27 Expected percentage but found "{"

**/

@font-face {
  font-family: 'ChaikBike';
  src: url('farm.jpg') format('opentype');
  font-weight: normal; font-style: normal; font-display: swap;
}
:root {
  --pink:     #E8176A;
  --magenta:  #C4006A;
  --grad:     linear-gradient(135deg, #E8176A 0%, #D4006A 55%, #C4006A 100%);
  --white:    #FFFFFF;
  --off:      #F0EEEB;
  --ink:      #1A0A0F;
  --stone:    #9E9589;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:#F0EEEB;color:var(--ink);overflow-x:hidden;}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  display:flex;justify-content:space-between;align-items:center;
  padding:0 52px;height:72px;
  background:var(--magenta);
}
.nav-logo-img{display:flex;align-items:center;text-decoration:none;padding:4px 0;}
.nav-logo-img img{height:52px;width:auto;border-radius:0;filter:brightness(0) invert(1);}
.nav-links{display:flex;gap:36px;list-style:none;align-items:center;}
.nav-links a{
  text-decoration:none;color:var(--white);
  font-size:0.75rem;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  opacity:0.85;transition:opacity 0.2s;
}
.nav-links a:hover{opacity:1;}
.nav-cta{
  background:white!important;color:var(--magenta)!important;
  padding:9px 22px;border-radius:100px;
  opacity:1!important;font-weight:700!important;
  transition:transform 0.15s!important;
}
.nav-cta:hover{transform:scale(1.04);}

/* ── HERO ── */
.hero{
  min-height:100vh;
  display:grid;
  grid-template-rows:1fr auto;
  position:relative;overflow:hidden;
  padding-top:72px;
  background:#000;
}

/* split background panels */
.hero-bg-split{
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  display:flex;
  flex-direction:row;
  z-index:0;
  width:100%;
  height:100%;
}
.hero-bg-left{
  flex:1;
  position:relative;
  overflow:hidden;
  min-height:100%;
}
.hero-bg-left::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to right,
    rgba(0,0,0,0) 85%,
    rgba(0,0,0,0.3) 100%
  );
}
.hero-bg-right{
  flex:1;
  position:relative;
  overflow:hidden;
  min-height:100%;
}
.hero-bg-right::after{
  content:'';position:absolute;
  inset:0;
  background:linear-gradient(to left,
    rgba(0,0,0,0) 85%,
    rgba(0,0,0,0.3) 100%
  );
}

/* bottom fade only */
.hero-bg-split::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 65%,
    rgba(10,5,8,0.5) 100%
  );
  pointer-events:none;
}

.hero-inner{
  position:relative; z-index:2;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center;
  padding:80px 56px 60px;
}
.hero-headline{
  font-family:'ChaikBike',sans-serif;
  font-size:clamp(3rem,6vw,7.5rem);
  line-height:1.0; color:var(--white);
  margin-bottom:24px;
  text-shadow:0 4px 32px rgba(0,0,0,0.3);
  max-width:900px;
}
.hero-sub{
  font-size:1.1rem; font-weight:300;
  color:rgba(255,255,255,0.85);
  line-height:1.75; margin-bottom:48px;
  max-width:560px;
  text-shadow:0 2px 12px rgba(0,0,0,0.2);
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.btn-white{
  background:white;color:var(--magenta);
  padding:15px 36px;border-radius:100px;
  font-family:'ChaikBike',sans-serif;font-size:1rem;
  text-decoration:none;display:inline-block;
  transition:transform 0.15s,box-shadow 0.15s;
  box-shadow:0 4px 24px rgba(0,0,0,0.2);
}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(0,0,0,0.25);}
.btn-ghost{
  border:2px solid rgba(255,255,255,0.65);color:white;
  padding:13px 32px;border-radius:100px;
  font-family:'ChaikBike',sans-serif;font-size:1rem;
  text-decoration:none;display:inline-block;
  transition:background 0.2s,border-color 0.2s;
  backdrop-filter:blur(8px);
}
.btn-ghost:hover{background:rgba(255,255,255,0.15);border-color:white;}
.hero-stats{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);
  background:rgba(0,0,0,0.2);backdrop-filter:blur(16px);
}
.hstat{padding:22px 40px;border-right:1px solid rgba(255,255,255,0.1);text-align:center;}
.hstat:last-child{border-right:none;}
.hstat-val{font-family:'ChaikBike',sans-serif;font-size:1rem;color:white;display:block;margin-bottom:3px;}
.hstat-label{font-size:0.68rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.45);}

to{transform:translateX(-50%)}}

  /* Desktop & Tablet styles - Show hero-inner, hide hero-inner-mobile */
.hero-inner {
  display: block;
}

.hero-inner-mobile {
  display: none !important;
}

/* ── HERO ── */
.hero{
  min-height:100vh;
  display:grid;
  grid-template-rows:1fr auto;
  position:relative;
  overflow:hidden;
  padding-top:72px;
  background:#000;
}

/* split background panels */
.hero-bg-split{
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  display:flex;
  flex-direction:row;
  z-index:0;
  width:100%;
  height:100%;
}
.hero-bg-left{
  flex:1;
  position:relative;
  overflow:hidden;
  min-height:100%;
}
.hero-bg-left::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to right,
    rgba(0,0,0,0) 85%,
    rgba(0,0,0,0.3) 100%
  );
}
.hero-bg-right{
  flex:1;
  position:relative;
  overflow:hidden;
  min-height:100%;
}
.hero-bg-right::after{
  content:'';position:absolute;
  inset:0;
  background:linear-gradient(to left,
    rgba(0,0,0,0) 85%,
    rgba(0,0,0,0.3) 100%
  );
}

/* bottom fade only */
.hero-bg-split::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 65%,
    rgba(10,5,8,0.5) 100%
  );
  pointer-events:none;
}

.hero-inner{
  position:relative; z-index:2;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center;
  padding:80px 56px 60px;
}
.hero-headline{
  font-family:'ChaikBike',sans-serif;
  font-size:clamp(3rem,6vw,7.5rem);
  line-height:1.0; color:var(--white);
  margin-bottom:24px;
  text-shadow:0 4px 32px rgba(0,0,0,0.3);
  max-width:900px;
}
.hero-sub{
  font-size:1.1rem; font-weight:300;
  color:rgba(255,255,255,0.85);
  line-height:1.75; margin-bottom:48px;
  max-width:560px;
  text-shadow:0 2px 12px rgba(0,0,0,0.2);
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.btn-white{
  background:white;color:var(--magenta);
  padding:15px 36px;border-radius:100px;
  font-family:'ChaikBike',sans-serif;font-size:1rem;
  text-decoration:none;display:inline-block;
  transition:transform 0.15s,box-shadow 0.15s;
  box-shadow:0 4px 24px rgba(0,0,0,0.2);
}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(0,0,0,0.25);}
.btn-ghost{
  border:2px solid rgba(255,255,255,0.65);color:white;
  padding:13px 32px;border-radius:100px;
  font-family:'ChaikBike',sans-serif;font-size:1rem;
  text-decoration:none;display:inline-block;
  transition:background 0.2s,border-color 0.2s;
  backdrop-filter:blur(8px);
}
.btn-ghost:hover{background:rgba(255,255,255,0.15);border-color:white;}
.hero-stats{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);
  background:rgba(0,0,0,0.2);backdrop-filter:blur(16px);
}
.hstat{padding:22px 40px;border-right:1px solid rgba(255,255,255,0.1);text-align:center;}
.hstat:last-child{border-right:none;}
.hstat-val{font-family:'ChaikBike',sans-serif;font-size:1rem;color:white;display:block;margin-bottom:3px;}
.hstat-label{font-size:0.68rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.45);}

/* Mobile styles */
@media (max-width: 768px) {
  .hero {
    min-height: 100vh;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding-top: 0;
  }

  .hero-bg-split {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }

  .hero-bg-left {
    flex: 0 0 50%;
    height: 50vh;
    min-height: 200px;
    position: relative;
    overflow: hidden;
  }

  .hero-bg-left::after {
    display: none;
  }

  .hero-bg-right {
    flex: 0 0 50%;
    height: 50vh;
    min-height: 200px;
    position: relative;
    overflow: hidden;
  }

  .hero-bg-right::after {
    display: none;
  }

  .hero-bg-left video,
  .hero-bg-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .hero-bg-left video {
    object-position: center 40%;
  }

  .hero-bg-right img {
    object-position: center 30%;
  }

  .hero-bg-split::after {
    display: none;
  }

  /* Hide desktop hero-inner on mobile */
  .hero-inner {
    display: none !important;
  }

  /* Show mobile hero-inner */
  .hero-inner-mobile {
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
    width: 100% !important;
    padding: 15px 20px 20px !important;
    text-align: center !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%) !important;
    pointer-events: none !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  /* Make buttons clickable */
  .hero-inner-mobile .hero-actions {
    pointer-events: auto !important;
  }

  /* Headline styles - positioned at bottom */
  .hero-inner-mobile .hero-headline {
    font-size: clamp(1.8rem, 5vw, 2.4rem) !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    max-width: 100% !important;
  }

  /* Buttons side by side at bottom */
  .hero-inner-mobile .hero-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  .hero-inner-mobile .hero-actions .btn-white,
  .hero-inner-mobile .hero-actions .btn-ghost {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;
    min-width: 100px !important;
    max-width: 160px !important;
    text-align: center !important;
    padding: 13px 32px !important;
    font-size: 1rem !important;
    pointer-events: auto !important;
    text-decoration: none !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .hero-inner-mobile .hero-actions .btn-white {
    background: #fff !important;
    color: var(--pink) !important;
    border: 2px solid #fff !important;
  }

  .hero-inner-mobile .hero-actions .btn-white:active {
    background: #e0e0e0 !important;
    transform: scale(0.97) !important;
  }

  .hero-inner-mobile .hero-actions .btn-ghost {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
  }

  .hero-inner-mobile .hero-actions .btn-ghost:active {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: scale(0.97) !important;
  }

  /* Hide stats on mobile */
  .hstat {
    display: none !important;
  }

  .hero-stats {
    display: none !important;
  }
}

/* For very small screens */
@media (max-width: 480px) {
  .hero-inner-mobile {
    padding: 12px 16px 16px !important;
  }

  .hero-inner-mobile .hero-headline {
    font-size: clamp(1.6rem, 4.8vw, 2rem) !important;
    margin-bottom: 8px !important;
  }

  .hero-inner-mobile .hero-actions {
    gap: 8px !important;
  }

  .hero-inner-mobile .hero-actions .btn-white,
  .hero-inner-mobile .hero-actions .btn-ghost {
    min-width: 80px !important;
    max-width: 130px !important;
    padding: 8px 18px !important;
    font-size: 0.85rem !important;
  }
}

/* For extra small screens */
@media (max-width: 380px) {
  .hero-inner-mobile {
    padding: 10px 12px 12px !important;
  }

  .hero-inner-mobile .hero-headline {
    font-size: clamp(1.4rem, 4.8vw, 2rem) !important;
    margin-bottom: 6px !important;
  }

  .hero-inner-mobile .hero-actions {
    gap: 6px !important;
  }

  .hero-inner-mobile .hero-actions .btn-white,
  .hero-inner-mobile .hero-actions .btn-ghost {
    min-width: 70px !important;
    max-width: 100px !important;
    padding: 8px 16px !important;
    font-size: 0.75rem !important;
  }
}


/* ── IDENTITY ── */
.identity{padding:80px 52px;background:#F0EEEB;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;}
.section-tag{
  font-family:'ChaikBike',sans-serif;font-size:0.9rem;color:var(--pink);
  letter-spacing:0.06em;margin-bottom:24px;
  display:flex;align-items:center;gap:10px;
}
.section-tag::before{content:'';width:28px;height:2px;background:var(--pink);border-radius:2px;}
.id-headline{font-family:'ChaikBike',sans-serif;font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.1;color:var(--ink);margin-bottom:32px;}
.id-headline span{color:var(--pink);}
.id-body p{font-size:1.08rem;line-height:1.85;color:var(--pink);font-weight:300;margin-bottom:20px;}
.id-body strong{color:var(--ink);font-weight:600;}
.id-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.id-card{
  background:var(--grad);border-radius:20px;padding:32px 24px;color:white;
  transition:transform 0.25s,box-shadow 0.25s;
}
.id-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(232,23,106,0.3);}
.id-card:first-child{grid-column:span 2;}
.id-card-icon{font-size:2rem;margin-bottom:14px;display:block;}
.id-card-title{font-family:'ChaikBike',sans-serif;font-size:1.15rem;color:white;margin-bottom:8px;}
.id-card-text{font-size:0.85rem;line-height:1.65;color:rgba(255,255,255,0.78);font-weight:300;}

/* ── TEA VIDEO ── */
.tea-video-section{position:relative;overflow:hidden;background:#000;width:100%;}
.tea-video-wrap{position:relative;width:100%;height:75vh;min-height:480px;overflow:hidden;}
.tea-video-wrap video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;}

/* ── THE LAB ── */
.lab{background:#F0EEEB;padding:80px 52px;}
.lab-top{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;
  margin-bottom:72px;padding-bottom:60px;
  border-bottom:1px solid rgba(255,255,255,0.07);
}
.lab-section-tag{color:var(--pink);}
.lab-section-tag::before{background:var(--pink);}
.lab-headline{font-family:'ChaikBike',sans-serif;font-size:clamp(2.5rem,4.5vw,5rem);color:var(--ink);line-height:1.1;}
.lab-headline .pink-span{color:var(--pink);}
.lab-intro p{font-size:1rem;line-height:1.85;color:var(--pink);font-weight:300;margin-bottom:16px;}
.lab-intro strong{color:var(--ink);font-weight:500;}
.lab-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;}
.lab-item{
  background:rgba(255,255,255,0.04);border-top:3px solid rgba(255,255,255,0.06);
  padding:36px 24px;transition:background 0.25s,border-color 0.25s;cursor:default;
}
.lab-item:hover{background:rgba(232,23,106,0.06);border-top-color:var(--pink);}
.lab-item-icon{font-size:1.8rem;margin-bottom:18px;display:block;}
.lab-item-name{font-family:'ChaikBike',sans-serif;font-size:1.05rem;color:var(--ink);margin-bottom:8px;}
.lab-item-desc{font-size:0.8rem;line-height:1.65;color:var(--pink);font-weight:300;}
.lab-item-tag{margin-top:14px;font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--pink);opacity:0.8;}

/* ── MOTTO ── */
.motto{display:grid;grid-template-columns:1fr 1fr;min-height:72vh;}
.motto-left{
  background:var(--grad);display:flex;flex-direction:column;
  justify-content:center;padding:100px 80px;
  position:relative;overflow:hidden;
}
.motto-left::after{content:'';position:absolute;bottom:-80px;right:-80px;width:340px;height:340px;border-radius:50%;border:70px solid rgba(255,255,255,0.07);pointer-events:none;}
.motto-left::before{content:'';position:absolute;top:-80px;left:-80px;width:280px;height:280px;border-radius:50%;border:60px solid rgba(255,255,255,0.05);pointer-events:none;}
.motto-tag{font-size:0.7rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:24px;position:relative;z-index:1;}
.motto-quote{font-family:'ChaikBike',sans-serif;font-size:clamp(1.8rem,3.2vw,3.6rem);color:white;line-height:1.2;position:relative;z-index:1;margin-bottom:32px;}
.motto-sub{font-size:0.95rem;font-weight:300;color:rgba(255,255,255,0.7);line-height:1.7;max-width:380px;position:relative;z-index:1;}
.motto-right{position:relative;overflow:hidden;}
.motto-right img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;}
.motto-right-overlay{position:absolute;inset:0;background:linear-gradient(to left,rgba(12,5,8,0) 50%,rgba(196,0,106,0.2) 100%);}

/* ── PUB ── */
.pub{padding:80px 52px;background:#F0EEEB;}
.pub-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;}
.pub-headline{font-family:'ChaikBike',sans-serif;font-size:clamp(2.5rem,4.5vw,5rem);color:var(--ink);line-height:1.1;margin-bottom:28px;}
.pub-headline span{color:var(--pink);}
.pub-body p{font-size:1.05rem;line-height:1.85;color:var(--pink);font-weight:300;margin-bottom:20px;}
.pub-body strong{color:var(--ink);font-weight:600;}
.pub-feel{margin-top:40px;background:var(--grad);border-radius:20px;padding:36px 40px;}
.pub-feel-label{font-family:'ChaikBike',sans-serif;font-size:0.78rem;color:rgba(255,255,255,0.65);margin-bottom:12px;}
.pub-feel-text{font-family:'ChaikBike',sans-serif;font-size:1.3rem;color:white;line-height:1.35;}
.pub-attrs{display:flex;flex-direction:column;gap:3px;}
.pub-attr{background:white;padding:28px 32px;border-radius:12px;border-left:4px solid transparent;transition:border-color 0.25s,box-shadow 0.25s;}
.pub-attr:hover{border-left-color:var(--pink);box-shadow:0 8px 32px rgba(232,23,106,0.1);}
.pub-attr-title{font-family:'ChaikBike',sans-serif;font-size:1rem;color:var(--ink);margin-bottom:6px;}
.pub-attr-text{font-size:0.85rem;line-height:1.65;color:var(--pink);font-weight:300;}

/* ── INVESTORS ── */
.investors{background:var(--ink);padding:80px 52px;}
.investors-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:100px;align-items:start;}
.inv-headline{font-family:'ChaikBike',sans-serif;font-size:clamp(2.5rem,4.5vw,5rem);color:white;line-height:1.1;margin-bottom:28px;}
.inv-headline span{color:var(--pink);}
.inv-body p{font-size:1rem;line-height:1.85;color:rgba(255,255,255,0.45);font-weight:300;margin-bottom:20px;}
.inv-body strong{color:rgba(255,255,255,0.8);font-weight:500;}
.btn-grad{
  background:var(--grad);color:white;
  padding:15px 40px;border-radius:100px;
  font-family:'ChaikBike',sans-serif;font-size:1.1rem;
  text-decoration:none;display:inline-block;margin-top:28px;
  transition:opacity 0.2s,transform 0.15s;
  box-shadow:0 4px 24px rgba(232,23,106,0.35);
}
.btn-grad:hover{opacity:0.88;transform:translateY(-3px);}
.inv-cards{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.inv-card{background:rgba(255,255,255,0.04);padding:32px 28px;border-top:3px solid rgba(255,255,255,0.06);transition:background 0.2s,border-color 0.2s;}
.inv-card:hover{background:rgba(232,23,106,0.1);border-top-color:var(--pink);}
.inv-card-val{font-family:'ChaikBike',sans-serif;font-size:2.4rem;color:white;line-height:1;margin-bottom:8px;}
.inv-card-val span{color:var(--pink);}
.inv-card-label{font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:6px;}
.inv-card-note{font-size:0.8rem;font-style:italic;color:rgba(255,255,255,0.25);font-weight:300;}
.inv-moat{grid-column:span 2;margin-top:3px;background:var(--grad);border-radius:12px;padding:36px 32px;}
.inv-moat-label{font-family:'ChaikBike',sans-serif;font-size:0.82rem;color:rgba(255,255,255,0.65);margin-bottom:12px;}
.inv-moat-text{font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.85);font-weight:300;}
.inv-moat-text strong{color:white;font-weight:600;}


/* ── SHOP ── */
.shop{background:#F0EEEB;padding:32px 52px 80px;}
.shop-header{text-align:center;margin-bottom:0;}
.shop-headline{font-family:'ChaikBike',sans-serif;font-size:clamp(2.5rem,5vw,5rem);color:var(--pink);line-height:1.05;margin-bottom:16px;}
.shop-headline span{color:var(--pink);}
.shop-sub{font-size:1.05rem;color:var(--pink);font-weight:300;line-height:1.7;}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prod-weight{font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--stone,#9E9589);margin-bottom:12px;}
.prod-card{background:white;border-radius:20px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column;}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 20px 56px rgba(232,23,106,0.15);}
.prod-img{height:380px;overflow:hidden;background:#FAFAF8;display:flex;align-items:center;justify-content:center;position:relative;padding:16px;}
.prod-img img{width:100%;height:100%;object-fit:contain;}
.prod-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--grad);}
.prod-img-placeholder span{font-family:'ChaikBike',sans-serif;font-size:1.1rem;color:rgba(255,255,255,0.85);}
.prod-badge{position:absolute;top:16px;left:16px;background:var(--pink);color:white;font-family:'ChaikBike',sans-serif;font-size:0.72rem;padding:5px 14px;border-radius:100px;}
.prod-info{padding:28px 24px;display:flex;flex-direction:column;flex:1;}
.prod-origin{font-size:0.68rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--pink);margin-bottom:8px;}
.prod-name{font-family:'ChaikBike',sans-serif;font-size:1.3rem;color:var(--pink);margin-bottom:8px;}
.prod-desc{font-size:0.85rem;line-height:1.65;color:#7A5560;font-weight:300;margin-bottom:20px;}
.prod-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.prod-weight{font-family:'ChaikBike',sans-serif;font-size:0.95rem;color:var(--ink);background:var(--off);display:inline-block;padding:6px 14px;border-radius:100px;margin-bottom:14px;align-self:flex-start;}
.prod-spacer{flex:1;}
.prod-price-row{margin-bottom:16px;}
.prod-actions{display:flex;flex-direction:column;gap:10px;}
.add-to-cart-btn{width:100%;background:var(--grad);color:white;border:none;padding:14px 24px;border-radius:100px;font-family:'ChaikBike',sans-serif;font-size:1rem;cursor:pointer;transition:opacity 0.2s,transform 0.15s;text-align:center;}
.add-to-cart-btn:hover{opacity:0.9;transform:translateY(-2px);}
.see-recipes-btn{width:100%;background:transparent;color:var(--pink);border:2px solid var(--pink);padding:12px 24px;border-radius:100px;font-family:'ChaikBike',sans-serif;font-size:1rem;cursor:pointer;transition:background 0.2s;text-align:center;text-decoration:none;display:block;box-sizing:border-box;}
.see-recipes-btn:hover{background:rgba(232,23,106,0.08);}

.prod-price{font-family:'ChaikBike',sans-serif;font-size:1.5rem;color:var(--ink);}
.prod-price span{font-size:0.85rem;color:#aaa;font-weight:300;font-family:'DM Sans',sans-serif;}
.add-btn{background:var(--grad);color:white;border:none;padding:12px 24px;border-radius:100px;font-family:'ChaikBike',sans-serif;font-size:0.95rem;cursor:pointer;transition:opacity 0.2s,transform 0.15s;white-space:nowrap;}
.add-btn:hover{opacity:0.88;transform:translateY(-2px);}
.cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:400;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:16px 52px;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);border-top:3px solid var(--pink);}
.cart-bar.visible{transform:translateY(0);}
.cart-info{display:flex;align-items:center;gap:20px;}
.cart-icon{font-size:1.5rem;}
.cart-count{font-family:'ChaikBike',sans-serif;font-size:1rem;color:white;}
.cart-count span{color:var(--pink);}
.cart-total{font-family:'ChaikBike',sans-serif;font-size:1.1rem;color:white;}
.cart-actions{display:flex;gap:12px;}
.cart-clear{background:transparent;border:1.5px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.6);padding:10px 20px;border-radius:100px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s;}
.cart-clear:hover{border-color:white;color:white;}
.checkout-btn{background:var(--grad);color:white;border:none;padding:12px 28px;border-radius:100px;font-family:'ChaikBike',sans-serif;font-size:1rem;cursor:pointer;}
.checkout-modal{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px;}
.checkout-modal.open{display:flex;}
.checkout-box{background:white;border-radius:24px;padding:48px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;}
.checkout-logo{height:56px;margin-bottom:24px;border-radius:10px;display:block;}
.checkout-title{font-family:'ChaikBike',sans-serif;font-size:2rem;color:var(--ink);margin-bottom:8px;}
.checkout-title span{color:var(--pink);}
.checkout-sub{font-size:0.9rem;color:#7A5560;margin-bottom:28px;font-weight:300;line-height:1.6;}
.checkout-items{margin-bottom:24px;border-top:1px solid #eee;padding-top:16px;}
.checkout-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:0.9rem;}
.checkout-item-price{color:var(--pink);font-family:'ChaikBike',sans-serif;}
.checkout-total-row{display:flex;justify-content:space-between;padding:14px 0;font-weight:700;border-top:2px solid var(--ink);margin-top:6px;}
.checkout-total-row span:last-child{color:var(--pink);font-family:'ChaikBike',sans-serif;font-size:1.3rem;}
.checkout-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;}
.checkout-input{width:100%;padding:13px 18px;border:1.5px solid #ddd;border-radius:12px;font-size:0.95rem;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.2s;}
.checkout-input:focus{border-color:var(--pink);}
.checkout-submit{width:100%;padding:16px;background:var(--grad);color:white;border:none;border-radius:100px;font-family:'ChaikBike',sans-serif;font-size:1.1rem;cursor:pointer;}
.checkout-close{width:100%;padding:12px;background:transparent;border:1.5px solid #ddd;border-radius:100px;font-size:0.9rem;color:#aaa;cursor:pointer;margin-top:8px;transition:all 0.2s;}
.checkout-close:hover{border-color:var(--ink);color:var(--ink);}
.checkout-success{text-align:center;padding:20px 0;}
.checkout-success-icon{font-size:4rem;margin-bottom:16px;}
.checkout-success-title{font-family:'ChaikBike',sans-serif;font-size:1.8rem;color:var(--ink);margin-bottom:8px;}
.checkout-success-sub{font-size:0.95rem;color:#7A5560;font-weight:300;line-height:1.7;}
@media(max-width:900px){
  .shop{padding:60px 20px;}
  .shop-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .cart-bar{padding:16px 20px;}
  .checkout-box{padding:32px 20px;}
}

/* Desktop styles */
.cart-section {
  padding: 120px 20px 60px;
  min-height: 60vh;
  background: #FAFAF8;
}

.cart-container {
  max-width: 900px;
  margin: 0 auto;
}

.cart-title {
  font-family: 'ChaikBike', sans-serif;
  font-size: 2.6rem;
  color: var(--pink);
  margin-bottom: 32px;
}

.cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
  gap: 20px;
  flex-wrap: wrap;
}

.cart-item-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 200px;
}

.cart-item-image {
  border-radius: 10px;
  width: 80px;
  height: 80px;
  object-fit: cover;
  flex-shrink: 0;
}

.cart-item-name {
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 6px;
  font-size: 1rem;
}

.cart-item-price {
  font-size: 0.9rem;
  color: #404040;
  font-weight: 500;
}

.cart-item-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.qty-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  border-radius: 8px;
  border: 1.5px solid #e8e8e8;
  padding: 4px;
}

.qty-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  font-size: 1.2rem;
  cursor: pointer;
  color: var(--ink);
  border-radius: 6px;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qty-btn:hover {
  background: #f0f0f0;
}

.qty-btn:active {
  background: #e0e0e0;
}

.qty-value {
  min-width: 30px;
  text-align: center;
  font-weight: 600;
  color: var(--ink);
  font-size: 1rem;
}

.cart-item-total {
  width: 110px;
  text-align: right;
  color: var(--pink);
  font-weight: 700;
  font-size: 1rem;
}

.remove-btn {
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  font-size: 1.1rem;
  padding: 4px 8px;
  transition: color 0.2s;
}

.remove-btn:hover {
  color: #e74c3c;
}

.cart-summary {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #eee;
}

.cart-total {
  display: flex;
  justify-content: space-between;
  font-size: 1.5rem;
  font-family: 'ChaikBike', sans-serif;
  color: var(--pink);
  margin-bottom: 24px;
}

.cart-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.checkout-btn {
  flex: 1;
  min-width: 200px;
  padding: 16px 32px;
  background: linear-gradient(135deg, #E8176A 0%, #C4006A 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-family: 'ChaikBike', sans-serif;
  font-size: 1.1rem;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.checkout-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(232, 23, 106, 0.3);
}

.checkout-btn:active {
  transform: translateY(0);
}

/* Empty cart styles */
.cart-empty {
  text-align: center;
  padding: 60px 20px;
}

.cart-empty-icon {
  font-size: 4rem;
  margin-bottom: 16px;
}

.cart-empty-text {
  font-size: 1.2rem;
  color: var(--pink);
  margin-bottom: 16px;
}

.cart-empty-link {
  color: var(--pink);
  text-decoration: underline;
  font-weight: 600;
  display: inline-block;
  padding: 8px 16px;
  transition: opacity 0.2s;
}

.cart-empty-link:hover {
  opacity: 0.7;
}

/* Tablet styles */
@media (max-width: 1024px) and (min-width: 769px) {
  .cart-section {
    padding: 100px 20px 40px;
  }

  .cart-title {
    font-size: 2.2rem;
  }

  .cart-item {
    padding: 16px 0;
    gap: 16px;
  }

  .cart-item-info {
    min-width: 150px;
  }

  .cart-item-image {
    width: 60px;
    height: 60px;
  }

  .cart-item-name {
    font-size: 0.95rem;
  }
}

/* Mobile styles */
@media (max-width: 768px) {
  .cart-section {
    padding: 80px 16px 40px;
  }

  .cart-title {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 24px;
  }

  .cart-item {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
    gap: 12px;
    background: white;
    border-radius: 12px;
    border: 1px solid #eee;
    margin-bottom: 12px;
  }

  .cart-item-info {
    gap: 12px;
    min-width: auto;
  }

  .cart-item-image {
    width: 60px;
    height: 60px;
  }

  .cart-item-name {
    font-size: 0.9rem;
  }

  .cart-item-price {
    font-size: 0.85rem;
  }

  .cart-item-actions {
    justify-content: space-between;
    width: 100%;
    gap: 10px;
  }

  .qty-controls {
    padding: 3px;
    gap: 6px;
  }

  .qty-btn {
    width: 28px;
    height: 28px;
    font-size: 1rem;
  }

  .qty-value {
    min-width: 24px;
    font-size: 0.9rem;
  }

  .cart-item-total {
    width: auto;
    text-align: left;
    font-size: 0.95rem;
  }

  .remove-btn {
    font-size: 1rem;
    padding: 4px 6px;
  }

  .cart-summary {
    margin-top: 20px;
    padding-top: 20px;
  }

  .cart-total {
    font-size: 1.3rem;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cart-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .checkout-btn {
    min-width: auto;
    padding: 14px 24px;
    font-size: 1rem;
    width: 100%;
  }

  .cart-empty {
    padding: 40px 16px;
  }

  .cart-empty-icon {
    font-size: 3rem;
  }

  .cart-empty-text {
    font-size: 1.1rem;
  }
}

/* Very small screens */
@media (max-width: 480px) {
  .cart-section {
    padding: 60px 12px 30px;
  }

  .cart-title {
    font-size: 1.6rem;
  }

  .cart-item {
    padding: 12px;
    gap: 10px;
  }

  .cart-item-image {
    width: 50px;
    height: 50px;
  }

  .cart-item-name {
    font-size: 0.85rem;
  }

  .cart-item-price {
    font-size: 0.8rem;
  }

  .qty-btn {
    width: 24px;
    height: 24px;
    font-size: 0.9rem;
  }

  .qty-value {
    font-size: 0.85rem;
    min-width: 20px;
  }

  .cart-item-total {
    font-size: 0.9rem;
  }

  .cart-total {
    font-size: 1.1rem;
  }

  .checkout-btn {
    padding: 12px 20px;
    font-size: 0.9rem;
  }
}

/* ===========================
   STICKY CART BAR
=========================== */

.cart-bar{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;

    background:var(--ink);
    border-top:3px solid var(--pink);
    box-shadow:0 -6px 18px rgba(0,0,0,.12);

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:18px 28px;
    z-index:9999;

    transform:translateY(100%);
    transition:transform .35s ease;
}

.cart-bar.visible{
    transform:translateY(0);
}

/* Left Side */

.cart-info,
.cart-left{
    display:flex;
    align-items:center;
    gap:16px;
    color:var(--white);
    border-radius: 100px;
}

.cart-icon{
    font-size:28px;
}

.cart-count{
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    color:#333;
    font-weight:600;
}

.cart-total{
    font-family:'ChaikBike',sans-serif;
    font-size:22px;
    color:#E8176A;
}

/* Right Side */

.cart-actions,
.cart-right{
    display:flex;
    align-items:center;
    gap:12px;
}

.cart-clear{
    padding:10px 18px;
    background:#ddd;
    border:none;
    border-radius:100px;
    cursor:pointer;
    font-size:15px;
    transition:.25s;
    color:var(--ink);
}

.cart-clear:hover{
    background:#c7c7c7;
    color:var(--ink);
}

.checkout-btn{
    padding:10px 22px;
    background:#E8176A;
    color:#fff;
    border:none;
    border-radius:100px;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    transition:.25s;
}

.checkout-btn:hover{
    background:#cf0f5d;
}

/* ===========================
   MOBILE
=========================== */

@media (max-width:768px){

    .cart-bar{
        flex-direction:column;
        align-items:stretch;
        gap:15px;
        padding:15px;
    }

    .cart-info,
    .cart-left{
        justify-content:center;
        flex-wrap:wrap;
    }

    .cart-actions,
    .cart-right{
        width:100%;
    }

    .cart-clear,
    .checkout-btn{
        flex:1;
    }
}

/* Quantity */

.qty-controls{
    display:flex;
    align-items:center;
    gap:12px;
}

.qty-btn{

    width:42px;
    height:42px;

    border:none;
    border-radius:50%;

    background:var(--white);
    color:#fff;

    font-family:'ChaikBike',sans-serif;
    font-size:1.6rem;
    line-height:1;
    color:var(--pink)

    cursor:pointer;

    transition:.25s;
}

.qty-btn:hover{

    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(232,23,106,.28);

}

.qty-value{

    min-width:44px;

    text-align:center;

    font-family:'ChaikBike',sans-serif;
    font-size:1.2rem;
    color:var(--pink);

}

/* Remove */

.remove-btn{

    padding:12px 22px;

    border:2px solid var(--pink);
    border-radius:999px;

    background:#fff;
    color:var(--pink);

    font-family:'ChaikBike',sans-serif;
    font-size:.95rem;

    cursor:pointer;

    transition:.25s;
}

.remove-btn:hover{

    background:var(--grad);
    color:#fff;
    border-color:transparent;

    transform:translateY(-2px);

}

  .prod-meta {
    margin-top: 8px;
    color: var(--ink);
    font-size: .9rem;
    line-height: 1.6;
  }

  .prod-meta strong {
    color: var(--pink);
    font-weight: 600;
    margin-right: 6px;
  }

  .prod-link {
    margin-top: 10px;
  }

  .prod-link a {
    color: var(--pink);
    text-decoration: none;
    font-size: .9rem;
    font-weight: 600;
    transition: opacity .2s;
  }

  .prod-link a:hover {
    opacity: .7;
  }

  /* Add margin between metafields and buttons */
  .prod-actions {
    margin-top: 20px;
  }

  /* Mobile styles - Show all products, one per column */
  @media (max-width: 576px) {
    .shop-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 30px !important;
      padding: 0 15px !important;
      max-width: 100% !important;
    }

    .prod-card {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
    }

    .prod-card.mobile-hidden {
      display: block !important;
    }

    .prod-img {
      width: 100% !important;
      overflow: hidden !important;
      border-radius: 8px !important;
    }

    .prod-img img {
      width: 100% !important;
      height: auto !important;
      max-height: 350px !important;
      object-fit: cover !important;
    }

    .prod-info {
      padding: 15px 10px !important;
    }

    .prod-name {
      font-size: 1.1rem !important;
      text-align: center !important;
      margin-bottom: 5px !important;
    }

    .prod-price-row {
      justify-content: center !important;
      margin: 8px 0 15px !important;
    }

    .prod-price {
      font-size: 1rem !important;
      text-align: center !important;
    }

    .prod-badge {
      font-size: 0.7rem !important;
      padding: 4px 10px !important;
    }

    /* Mobile button styles */
    .prod-actions {
      display: flex !important;
      flex-direction: column !important;
      gap: 10px !important;
      align-items: center !important;
      width: 100% !important;
      margin-top: 20px !important;
    }

    .add-to-cart-btn,
    .see-recipes-btn {
      width: 100% !important;
      max-width: 280px !important;
      padding: 12px 20px !important;
      text-align: center !important;
      font-size: 0.9rem !important;
      border-radius: 100px !important;
    }

    .prod-card:not(:last-child) {
      margin-bottom: 10px !important;
    }
  }

/* ══════════════════════════════
   DROPDOWN NAV
══════════════════════════════ */
.nav-links { position:relative; }
.nav-item { position:relative; list-style:none; }
.nav-item > a { white-space:nowrap; }
.nav-dropdown {
  display:none;
  position:absolute; top:calc(100% + 12px); left:50%;
  transform:translateX(-50%);
  background:white; border-radius:16px;
  padding:8px; min-width:220px;
  box-shadow:0 16px 48px rgba(0,0,0,0.18);
  z-index:600;
}
.nav-item:hover .nav-dropdown { display:block; }
.nav-dropdown a {
  display:block; padding:11px 18px; border-radius:10px;
  text-decoration:none; color:var(--ink) !important;
  font-size:0.8rem !important; font-weight:600 !important;
  letter-spacing:0.04em; text-transform:none !important;
  opacity:1 !important; transition:background 0.15s;
  white-space:nowrap;
}
.nav-dropdown a:hover { background:rgba(232,23,106,0.07); color:var(--pink) !important; }
.nav-dropdown .drop-divider { height:1px; background:#f0f0f0; margin:6px 8px; }
.has-dropdown > a::after { content:' ▾'; font-size:0.6rem; opacity:0.6; }

/* ══════════════════════════════
   TEA TALES
══════════════════════════════ */
/* Tea Tales Styles */
.tea-tales {
  background: #F0EEEB;
  padding: 80px 52px;
}

/* Max-width restriction for very large screens */
@media (min-width: 1440px) {
  .tea-tales {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px;
  }
}

.tales-header {
  text-align: center;
  margin-bottom: 64px;
}

.tales-headline {
  font-family: 'ChaikBike', sans-serif;
  font-size: clamp(2.5rem, 5vw, 5rem);
  color: var(--pink);
  margin-bottom: 12px;
}

.tales-headline span {
  color: var(--pink);
}

/* Tabs Wrapper - Centers the tabs */
.tales-tabs-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 48px;
}

.tales-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid rgba(0,0,0,0.08);
  flex-wrap: wrap;
  justify-content: center;
}

/* Updated Tabs Styles */
.tales-tab {
  font-family: 'ChaikBike', sans-serif;
  font-size: 1.5rem;
  padding: 14px 28px;
  cursor: pointer;
  color: var(--pink);
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  transition: border-color 0.2s;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.tales-tab.active {
  color: var(--pink);
  border-bottom-color: var(--pink);
}

.tales-tab:hover {
  color: var(--pink);
}

/* Larger tab text for desktops and laptops */
@media (min-width: 1025px) {
  .tales-tab {
    font-size: 1.4rem;
    padding: 16px 36px;
  }
}

/* Even larger for very large screens (1440px and above) */
@media (min-width: 1440px) {
  .tales-tab {
    font-size: 1.5rem;
    padding: 18px 44px;
  }
}

.tales-tab.hidden-tab {
  display: none !important;
}

.tales-panel {
  display: none;
}

.tales-panel.active {
  display: block;
}

/* Grid wrapper for centering cards - WIDER FOR DESKTOP */
.tales-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  max-width: 1300px;
  margin: 0 auto;
}

/* When there's only 1 card, center it */
.tales-grid:has(.recipe-card:only-child) {
  grid-template-columns: 1fr;
  max-width: 550px;
}

/* When there are 2 cards, center them */
.tales-grid:has(.recipe-card:nth-child(2):last-child) {
  grid-template-columns: repeat(2, 1fr);
  max-width: 900px;
}

/* Even wider for very large screens (1440px and above) */
@media (min-width: 1440px) {
  .tales-grid {
    max-width: 1400px;
    gap: 40px;
  }
  
  .tales-grid:has(.recipe-card:only-child) {
    max-width: 600px;
  }
  
  .tales-grid:has(.recipe-card:nth-child(2):last-child) {
    max-width: 1000px;
  }
}

.recipe-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.recipe-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 48px rgba(232, 23, 106, 0.12);
}

.recipe-top {
  height: 260px;
  background: var(--grad);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

/* Increase image height on larger screens */
@media (min-width: 1440px) {
  .recipe-top {
    height: 300px;
  }
}

.recipe-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Updated Recipe Tag - 30% opacity pink background */
.recipe-tag {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(232, 23, 106, 0.3);
  color: var(--pink);
  font-family: 'ChaikBike', sans-serif;
  font-size: 0.68rem;
  padding: 4px 12px;
  border-radius: 100px;
  letter-spacing: 0.06em;
  backdrop-filter: blur(4px);
  z-index: 2;
}

.recipe-body {
  padding: 28px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.recipe-name {
  font-family: 'ChaikBike', sans-serif;
  font-size: 1.3rem;
  color: var(--pink);
  margin-bottom: 6px;
}

.recipe-desc {
  font-size: 0.85rem;
  color: var(--pink);
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 12px;
}

/* View Recipe Link */
.recipe-view-link {
  display: inline-block;
  color: var(--pink);
  font-family: 'ChaikBike', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  margin-top: auto;
  padding-top: 8px;
  transition: opacity 0.2s;
}

.recipe-view-link:hover {
  opacity: 0.7;
}

/* Modal Styles */
.recipe-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  animation: fadeIn 0.3s ease;
}

.recipe-modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.recipe-modal-content {
  background: white;
  border-radius: 24px;
  max-width: 900px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
  animation: slideUp 0.3s ease;
  position: relative;
}

.recipe-modal-close {
  position: absolute;
  top: 16px;
  right: 24px;
  font-size: 2rem;
  font-weight: 300;
  color: #3A2A30;
  cursor: pointer;
  z-index: 10;
  transition: color 0.2s;
  line-height: 1;
}

.recipe-modal-close:hover {
  color: var(--pink);
}

.recipe-modal-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  max-height: 90vh;
  overflow-y: auto;
}

.recipe-modal-image {
  height: 100%;
  min-height: 400px;
  background: #f5f0f2;
  overflow: hidden;
}

.recipe-modal-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.recipe-modal-text {
  padding: 40px 32px;
  overflow-y: auto;
  max-height: 90vh;
}

.recipe-modal-text .recipe-name {
  font-size: 1.6rem;
  margin-bottom: 8px;
}

.recipe-modal-text .recipe-desc {
  margin-bottom: 20px;
}

.recipe-modal-text .recipe-ingredient-title {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pink);
  margin-top: 20px;
  margin-bottom: 10px;
}

.recipe-modal-text .recipe-ingredient-title:first-of-type {
  margin-top: 0;
}

.recipe-modal-text .recipe-ingredients {
  list-style: none;
  padding: 0;
  margin: 0 0 16px 0;
}

.recipe-modal-text .recipe-ingredients li {
  font-size: 0.95rem;
  color: #5C3A44;
  padding: 6px 0 6px 24px;
  border-bottom: 1px solid #fafafa;
  font-weight: 300;
  position: relative;
  line-height: 1.6;
}

.recipe-modal-text .recipe-ingredients li::before {
  content: '•';
  color: var(--pink);
  font-weight: 700;
  position: absolute;
  left: 4px;
  top: 6px;
}

.recipe-modal-text .recipe-step {
  display: flex;
  gap: 16px;
  padding: 6px 0;
  font-size: 0.95rem;
  color: #5C3A44;
  line-height: 1.6;
}

.recipe-modal-text .recipe-step-num {
  font-family: 'ChaikBike', sans-serif;
  color: var(--pink);
  font-size: 1rem;
  min-width: 28px;
  font-weight: 700;
  flex-shrink: 0;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tablet: 2 columns */
@media (max-width: 1024px) and (min-width: 769px) {
  .tea-tales {
    padding: 60px 32px;
  }

  .tales-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    max-width: 750px !important;
    gap: 24px !important;
  }

  .tales-grid:has(.recipe-card:only-child) {
    grid-template-columns: 1fr !important;
    max-width: 450px !important;
  }

  .recipe-top {
    height: 200px;
  }

  .recipe-body {
    padding: 24px 20px;
  }

  .recipe-modal-body {
    grid-template-columns: 1fr 1fr;
  }

  .recipe-modal-image {
    min-height: 300px;
  }
}

/* Mobile: 1 column - Stack cards vertically */
@media (max-width: 768px) {
  .tea-tales {
    padding: 40px 16px;
  }

  .tales-header {
    margin-bottom: 32px;
  }

  .tales-headline {
    font-size: clamp(2rem, 6vw, 2.8rem);
  }

  .tales-tabs-wrapper {
    margin-bottom: 24px;
  }

  .tales-tabs {
    gap: 4px;
    border-bottom: none;
    flex-wrap: wrap;
  }

  .tales-tab {
    font-size: 1.1rem;
    padding: 10px 16px;
    border-bottom: 2px solid transparent;
    flex: 1;
    min-width: 80px;
    text-align: center;
  }

  .tales-grid {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    gap: 20px !important;
  }

  .recipe-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .recipe-top {
    height: 200px;
  }

  .recipe-body {
    padding: 20px 16px;
  }

  .recipe-name {
    font-size: 1.1rem;
  }

  .recipe-desc {
    font-size: 0.8rem;
  }

  .recipe-modal-body {
    grid-template-columns: 1fr;
  }

  .recipe-modal-image {
    min-height: 200px;
    max-height: 250px;
  }

  .recipe-modal-text {
    padding: 24px 20px;
  }

  .recipe-modal-content {
    width: 95%;
    max-height: 95vh;
  }

  .recipe-modal-close {
    top: 12px;
    right: 16px;
    font-size: 1.8rem;
    color: white;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
  }
}

/* Small phones - Stack cards vertically */
@media (max-width: 576px) {
  .tea-tales {
    padding: 30px 12px;
  }

  .tales-tab {
    font-size: 0.8rem;
    padding: 8px 12px;
    min-width: 60px;
  }

  .tales-grid {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    gap: 16px !important;
  }

  .recipe-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .recipe-top {
    height: 180px;
  }

  .recipe-body {
    padding: 16px 12px;
  }

  .recipe-name {
    font-size: 1rem;
  }

  .recipe-tag {
    font-size: 0.6rem;
    padding: 3px 10px;
    top: 12px;
    right: 12px;
  }

  .recipe-modal-image {
    min-height: 160px;
    max-height: 200px;
  }

  .recipe-modal-text {
    padding: 16px 14px;
  }

  .recipe-modal-text .recipe-name {
    font-size: 1.2rem;
  }
}

/* ══════════════════════════════
   STORIES
══════════════════════════════ */
.stories { background:var(--ink); padding:80px 52px; }
.stories-header { text-align:center; margin-bottom:56px; }
.stories-headline { font-family:'ChaikBike',sans-serif; font-size:clamp(2.5rem,5vw,5rem); color:white; margin-bottom:12px; }
.stories-headline span { color:var(--pink); }
.stories-sub { font-size:1rem; color:rgba(255,255,255,0.45); font-weight:300; }
.stories-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.story-card {
  border-radius:16px; overflow:hidden; position:relative;
  background:rgba(255,255,255,0.06);
  aspect-ratio:4/3;
  display:flex; align-items:flex-end;
  cursor:pointer; transition:transform 0.3s;
}
.story-card:hover { transform:scale(1.02); }
.story-card.tall { grid-row:span 2; aspect-ratio:auto; }
.story-placeholder {
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(232,23,106,0.3) 0%, rgba(196,0,106,0.5) 100%);
  display:flex; align-items:center; justify-content:center; font-size:3rem;
}
.story-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%);
}
.story-info { position:relative; z-index:1; padding:20px; width:100%; }
.story-type {
  font-size:0.62rem; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--pink); margin-bottom:6px;
  background:rgba(0,0,0,0.4); display:inline-block;
  padding:3px 10px; border-radius:100px;
}
.story-title { font-family:'ChaikBike',sans-serif; font-size:0.95rem; color:white; line-height:1.3; }
.story-upload-note {
  text-align:center; padding:48px;
  grid-column:span 3;
  background:rgba(255,255,255,0.03); border-radius:16px;
  border:1.5px dashed rgba(255,255,255,0.15);
}
.story-upload-note p { color:rgba(255,255,255,0.3); font-size:0.9rem; font-weight:300; line-height:1.7; }

/* ══════════════════════════════
   CONTACT
══════════════════════════════ */
.contact { background:#F0EEEB; padding:80px 52px; }
.contact-header { text-align:center; margin-bottom:64px; }
.contact-headline { font-family:'ChaikBike',sans-serif; font-size:clamp(2.5rem,5vw,5rem); color:var(--pink); margin-bottom:12px; }
.contact-headline span { color:var(--pink); }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.contact-card {
  background:white; border-radius:24px; padding:44px 40px;
  border-top:4px solid var(--pink);
  transition:box-shadow 0.3s;
}
.contact-card:hover { box-shadow:0 16px 48px rgba(232,23,106,0.1); }
.contact-card-icon { font-size:2.5rem; margin-bottom:20px; display:block; }
.contact-card-title { font-family:'ChaikBike',sans-serif; font-size:1.6rem; color:var(--ink); margin-bottom:10px; }
.contact-card-sub { font-size:0.9rem; color:var(--pink); font-weight:300; line-height:1.7; margin-bottom:28px; }
.contact-form { display:flex; flex-direction:column; gap:12px; }
.contact-input {
  width:100%; padding:13px 18px; border:1.5px solid #e8e8e8;
  border-radius:12px; font-size:0.95rem; font-family:'DM Sans',sans-serif;
  outline:none; transition:border-color 0.2s; background:#fafafa;
}
.contact-input:focus { border-color:var(--pink); background:white; }
.contact-select {
  width:100%; padding:13px 18px; border:1.5px solid #e8e8e8;
  border-radius:12px; font-size:0.95rem; font-family:'DM Sans',sans-serif;
  outline:none; background:#fafafa; cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23E8176A' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 16px center;
}
.contact-submit {
  width:100%; padding:15px; background:var(--grad); color:white;
  border:none; border-radius:100px; font-family:'ChaikBike',sans-serif;
  font-size:1.1rem; cursor:pointer; transition:opacity 0.2s; margin-top:4px;
}
.contact-submit:hover { opacity:0.88; }
.contact-success {
  display:none; text-align:center; padding:20px;
}
.contact-success-icon { font-size:3rem; margin-bottom:12px; }
.contact-success-title { font-family:'ChaikBike',sans-serif; font-size:1.4rem; color:var(--ink); margin-bottom:8px; }
.contact-success-sub { font-size:0.88rem; color:var(--pink); font-weight:300; line-height:1.7; }

/* Mobile */
@media(max-width:900px){
  .tea-tales,.stories,.contact { padding:60px 20px; }
  .tales-panel.active { grid-template-columns:1fr; }
  .stories-grid { grid-template-columns:1fr 1fr; }
  .story-upload-note { grid-column:span 2; }
  .contact-grid { grid-template-columns:1fr; }
  .tales-tabs { flex-wrap:wrap; }
  .nav-dropdown { position:fixed; top:72px; left:10px; right:10px; transform:none; }
}

.contact-details-wrap {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: stretch;
  padding: 0 20px;
}

/* Contact info card styles */
.contact-info-card {
  background: white;
  border-radius: 24px;
  padding: 48px 44px;
  border-top: 4px solid var(--pink);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.contact-brand {
  margin-bottom: 32px;
}

.contact-brand-name {
  font-family: 'ChaikBike', sans-serif;
  font-size: 1.6rem;
  color: var(--pink);
  margin-bottom: 6px;
}

.contact-brand-sub {
  font-size: 0.85rem;
  color: var(--pink);
  font-weight: 300;
  opacity: 0.7;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 20px;
}

.contact-item:last-of-type {
  margin-bottom: 32px;
}

.contact-text {
  font-size: 0.95rem;
  color: var(--pink);
  line-height: 1.6;
  font-weight: 300;
}

.contact-link {
  font-size: 0.95rem;
  color: var(--pink);
  text-decoration: none;
  font-weight: 300;
  transition: opacity 0.2s;
}

.contact-link:hover {
  opacity: 0.7;
}

.contact-social {
  display: flex;
  gap: 24px;
  padding-top: 28px;
  border-top: 1px solid rgba(232, 23, 106, 0.15);
  flex-wrap: wrap;
}

.contact-social-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--pink);
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  transition: opacity 0.2s;
}

.contact-social-link:hover {
  opacity: 0.7;
}

.contact-map {
  border-radius: 24px;
  overflow: hidden;
  min-height: 420px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  width: 100%;
  box-sizing: border-box;
}

.contact-map iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
}

/* Tablets - Keep side by side */
@media (max-width: 1024px) and (min-width: 577px) {
  .contact-details-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding: 0 20px;
  }

  .contact-info-card {
    padding: 32px 28px;
  }

  .contact-map {
    min-height: 380px;
  }

  .contact-map iframe {
    min-height: 380px;
  }
}

/* Mobile - Stack vertically, no spill */
@media (max-width: 576px) {
  .contact-details-wrap {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 16px !important;
    max-width: 100% !important;
  }

  .contact-info-card {
    padding: 28px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
  }

  .contact-brand-name {
    font-size: 1.4rem !important;
  }

  .contact-brand-sub {
    font-size: 0.75rem !important;
  }

  .contact-item {
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .contact-text,
  .contact-link {
    font-size: 0.85rem !important;
    word-break: break-word !important;
  }

  .contact-social {
    gap: 16px !important;
    padding-top: 20px !important;
    flex-wrap: wrap !important;
  }

  .contact-social-link {
    font-size: 0.75rem !important;
    gap: 6px !important;
  }

  .contact-social-link svg {
    width: 16px !important;
    height: 16px !important;
  }

  .contact-map {
    min-height: 280px !important;
    border-radius: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .contact-map iframe {
    min-height: 280px !important;
    width: 100% !important;
  }
}

/* Very small screens */
@media (max-width: 400px) {
  .contact-details-wrap {
    padding: 0 12px !important;
    gap: 16px !important;
  }

  .contact-info-card {
    padding: 20px 16px !important;
  }

  .contact-map {
    min-height: 220px !important;
  }

  .contact-map iframe {
    min-height: 220px !important;
  }

  .contact-social {
    gap: 12px !important;
  }
}


/* ── SPLASH ── */
.splash {
  position:fixed; inset:0; z-index:9000;
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, #F4522A 0%, #F0306A 50%, #C4006A 100%);
  transition:opacity 0.8s ease, transform 0.8s ease;
}
.skip-splash #splash {
    display: none !important;
}
.splash.exit {
  opacity:0;
  pointer-events:none;
}
.splash-bg-OLD {
  position:absolute; inset:0;
  background-image:url('farm.jpg');
  background-size:cover; background-position:center 40%;
  opacity:0.18;
}
.splash-inner {
  position:relative; z-index:1;
  display:flex; flex-direction:column;
  align-items:center; text-align:center;
  gap:24px; padding:40px;
}
.splash-logo {
  width:clamp(140px,20vw,240px);
  height:auto; border-radius:0;
  filter:brightness(0) invert(1) drop-shadow(0 4px 20px rgba(0,0,0,0.2));
  animation:splash-logo-in 0.8s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes splash-logo-in {
  from {{ transform:scale(0.6); opacity:0; }}
  to   {{ transform:scale(1);   opacity:1; }}
}
.splash-tagline {
  font-family:'ChaikBike', sans-serif;
  font-size:clamp(2.5rem,5.5vw,6.5rem);
  color:var(--white);
  max-width:800px; line-height:1.0;
  text-shadow:0 4px 32px rgba(0,0,0,0.4);
  animation:splash-fade-up 0.8s 0.3s ease both;
}
.splash-btn {
  background:var(--grad);
  border:none; border-radius:100px;
  color:white; cursor:pointer;
  padding:16px 48px;
  font-family:'ChaikBike', sans-serif;
  font-size:1.3rem; letter-spacing:0.04em;
  display:flex; align-items:center; gap:12px;
  transition:transform 0.2s, box-shadow 0.2s;
  box-shadow:0 8px 32px rgba(232,23,106,0.45);
  animation:splash-fade-up 0.8s 0.5s ease both;
}
.splash-btn:hover {{ transform:scale(1.05); box-shadow:0 12px 40px rgba(232,23,106,0.55); }}
.splash-btn-icon {{ font-size:1.1rem; }}
.splash-hint {{
  font-size:0.75rem; font-weight:500;
  letter-spacing:0.12em; text-transform:uppercase;
  color:rgba(255,255,255,0.25);
  animation:splash-fade-up 0.8s 0.7s ease both;
}}
.splash-sound-hint {
  font-size:1.6rem;
  opacity:0.5;
  animation:splash-fade-up 0.8s 0.7s ease both;
  margin-top:-8px;
}
@keyframes splash-fade-up {{
  from {{ opacity:0; transform:translateY(16px); }}
  to   {{ opacity:1; transform:translateY(0); }}
}}

/* ── SOUND TOGGLE ── */
.sound-toggle {
  position:fixed;
  bottom:28px; right:28px;
  width:48px; height:48px;
  border-radius:50%;
  background:var(--pink);
  border:none;
  color:white;
  font-size:1.2rem;
  cursor:pointer;
  z-index:800;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 20px rgba(232,23,106,0.4);
  transition:transform 0.2s, background 0.2s;
  animation:sound-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) 6.2s both;
}
.sound-toggle:hover { transform:scale(1.1); }
.sound-toggle.muted { background:rgba(0,0,0,0.35); backdrop-filter:blur(8px); box-shadow:none; }
@keyframes sound-pop {
  from { transform:scale(0); opacity:0; }
  to   { transform:scale(1); opacity:1; }
}

/* ── FOOTER ── */
footer{background:var(--magenta);padding:80px 52px 40px;}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,0.15);margin-bottom:40px;}
.footer-brand-name{font-family:'ChaikBike',sans-serif;font-size:2rem;color:white;margin-bottom:8px;display:block;}
.footer-brand-line{font-size:0.9rem;font-style:italic;font-weight:300;color:rgba(255,255,255,0.6);margin-bottom:16px;line-height:1.5;}
.footer-brand-sub{font-size:0.78rem;font-weight:300;color:rgba(255,255,255,0.4);line-height:1.7;}
.footer-col-title{font-family:'ChaikBike',sans-serif;font-size:0.9rem;color:rgba(255,255,255,0.55);margin-bottom:20px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:13px;}
.footer-col a{text-decoration:none;color:rgba(255,255,255,0.65);font-size:0.85rem;font-weight:300;transition:color 0.2s;}
.footer-col a:hover{color:white;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:0.76rem;color:rgba(255,255,255,0.3);}
.footer-soc{display:flex;gap:24px;}
.footer-soc a{color:rgba(255,255,255,0.4);text-decoration:none;font-size:0.76rem;transition:color 0.2s;}
.footer-soc a:hover{color:white;}

/* ── SCROLL ANIM ── */






/* ── MOBILE ── */
@media(max-width:900px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .hero-inner{grid-template-columns:1fr;padding:48px 24px 40px;gap:40px;}
  .hero-left{padding-right:0;text-align:center;align-items:center;}
  .hero-cup{width:clamp(220px,70vw,360px);}
  .identity{grid-template-columns:1fr;gap:56px;padding:80px 24px;}
  .id-cards{grid-template-columns:1fr;}
  .id-card:first-child{grid-column:span 1;}
  .lab{padding:80px 24px;}
  .lab-top{grid-template-columns:1fr;gap:32px;}
  .lab-grid{grid-template-columns:1fr 1fr;}
  .motto{grid-template-columns:1fr;}
  .motto-left{padding:72px 28px;}
  .motto-right{height:55vw;}
  .pub,.investors{padding:80px 24px;}
  .pub-inner,.investors-inner{grid-template-columns:1fr;gap:48px;}
  .inv-cards{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px;}
}

/* Policy page headings */
.shopify-policy__title h1,
.shopify-policy h1 {
    color: var(--pink);
}

/* Optional: make all headings on policy pages pink */
.shopify-policy h2,
.shopify-policy h3 {
    color: var(--pink);
}

.shopify-policy__container {
    margin: 60px auto;
}

/* Shopify Policy Pages */
.shopify-policy {
  margin: 60px auto;
  padding: 0 20px;
  max-width: 900px;
}

.shopify-policy__title {
  margin: 0 0 40px;
  text-align: center;
}

.shopify-policy__title h1,
.shopify-policy h1 {
  color: var(--pink);
  margin: 0;
}

.shopify-policy h2,
.shopify-policy h3 {
  color: var(--pink);
  margin-top: 40px;
  margin-bottom: 16px;
}

.shopify-policy p,
.shopify-policy ul,
.shopify-policy ol {
  margin-bottom: 18px;
  line-height: 1.8;
}

/* Tablet */
@media (max-width: 1024px) {
  .shopify-policy {
    margin: 50px auto;
    padding: 0 24px;
  }

  .shopify-policy__title {
    margin-bottom: 32px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .shopify-policy__container {
    margin: 30px auto;
  }

  .shopify-policy {
    margin: 40px auto;
    padding: 0 20px;
  }

  .shopify-policy__title {
    margin-bottom: 28px;
  }

  .shopify-policy__title h1,
  .shopify-policy h1 {
    font-size: 2rem;
  }
}

/* ──Main PRODUCT ── */

/* Desktop styles */
.product-container {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  padding: 0 20px;
}

.product-image-wrapper {
  border-radius: 20px;
  overflow: hidden;
  background: #FAFAF8;
  padding: 16px;
}

.product-image {
  width: 100%;
  height: auto;
  display: block;
}

.product-title {
  font-family: 'ChaikBike', sans-serif;
  font-size: 2.6rem;
  color: var(--pink);
  margin-bottom: 12px;
}

.product-price {
  font-family: 'ChaikBike', sans-serif;
  font-size: 1.8rem;
  color: var(--pink);
  margin-bottom: 16px;
}

.product-description {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #7A5560;
  font-weight: 300;
  margin-bottom: 24px;
}

/* Metafields styling */
.product-metafields {
  margin-bottom: 32px;
  padding: 16px 0;
  border-top: 1.5px solid #f0e8ea;
  border-bottom: 1.5px solid #f0e8ea;
}

.meta-row {
  display: flex;
  align-items: flex-start;
  padding: 6px 0;
  font-size: 0.92rem;
  line-height: 1.6;
  color: #5A404A;
}

.meta-row:not(:last-child) {
  border-bottom: 1px solid #f5f0f2;
}

.meta-label {
  font-weight: 600;
  color: var(--pink);
  min-width: 160px;
  flex-shrink: 0;
  margin-right: 10px;
}

.meta-value {
  color: #5A404A;
  flex: 1;
}

.product-select {
  width: 100%;
  padding: 14px 18px;
  border: 1.5px solid #e8e8e8;
  border-radius: 12px;
  margin-bottom: 14px;
  font-size: 0.95rem;
  background: white;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
}

.product-select:focus {
  outline: none;
  border-color: var(--pink);
}

.add-to-cart-btn {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #E8176A 0%, #C4006A 100%);
  color: white;
  border: none;
  border-radius: 100px;
  font-family: 'ChaikBike', sans-serif;
  font-size: 1.1rem;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.add-to-cart-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(232, 23, 106, 0.3);
}

.add-to-cart-btn:active {
  transform: translateY(0);
}

/* Tablet styles */
@media (max-width: 1024px) and (min-width: 769px) {
  .product-container {
    gap: 32px;
    padding: 0 20px;
  }

  .product-title {
    font-size: 2.2rem;
  }

  .product-price {
    font-size: 1.6rem;
  }

  .product-image-wrapper {
    padding: 12px;
  }
  
  .meta-label {
    min-width: 140px;
  }
}

/* Mobile styles - Stack image and text */
@media (max-width: 768px) {
  .product-container {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 16px !important;
  }

  .product-image-wrapper {
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .product-title {
    font-size: 2rem !important;
    text-align: center !important;
  }

  .product-price {
    font-size: 1.5rem !important;
    text-align: center !important;
    margin-bottom: 12px !important;
  }

  .product-description {
    font-size: 0.9rem !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }

  .product-metafields {
    margin-bottom: 24px !important;
    padding: 12px 0 !important;
  }

  .meta-row {
    flex-direction: column !important;
    padding: 8px 0 !important;
    align-items: flex-start !important;
  }

  .meta-label {
    min-width: auto !important;
    font-size: 0.8rem !important;
    margin-bottom: 2px !important;
    margin-right: 0 !important;
  }

  .meta-value {
    font-size: 0.9rem !important;
  }

  .product-select {
    padding: 12px 16px !important;
    font-size: 0.9rem !important;
  }

  .add-to-cart-btn {
    padding: 14px !important;
    font-size: 1rem !important;
  }
}

/* Very small screens */
@media (max-width: 480px) {
  .product-container {
    padding: 0 12px !important;
    gap: 20px !important;
  }

  .product-title {
    font-size: 1.6rem !important;
  }

  .product-price {
    font-size: 1.3rem !important;
  }

  .product-description {
    font-size: 0.85rem !important;
  }

  .product-image-wrapper {
    padding: 8px !important;
    border-radius: 12px !important;
  }

  .product-select {
    padding: 10px 14px !important;
    font-size: 0.85rem !important;
  }

  .add-to-cart-btn {
    padding: 12px !important;
    font-size: 0.9rem !important;
    border-radius: 10px !important;
  }

  .meta-label {
    font-size: 0.75rem !important;
  }

  .meta-value {
    font-size: 0.85rem !important;
  }
}

/*--- Tasting ---*/

/* Desktop styles */
.tasting-section {
  display: flex;
  flex-direction: row;
  min-height: 90vh;
  background: #F0EEEB;
}

.tasting-video {
  position: relative;
  flex: 0 0 62%;
  overflow: hidden;
  background: #000;
  min-height: 90vh;
}

.tasting-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.tasting-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 60px 40px;
  background: linear-gradient(135deg, #F4522A 0%, #F0306A 50%, #C4006A 100%);
}

.tasting-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tasting-line {
  display: inline-block;
  width: 28px;
  height: 2px;
  background: rgba(255, 255, 255, 0.75);
}

.tasting-headline {
  font-family: 'ChaikBike', sans-serif;
  font-size: clamp(2rem, 3.5vw, 3.8rem);
  color: #FFFFFF;
  line-height: 1.05;
  margin-bottom: 28px;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}

.tasting-price {
  font-family: 'ChaikBike', sans-serif;
  font-size: clamp(2rem, 3vw, 3.2rem);
  color: #FFFFFF;
  margin-bottom: 12px;
  font-weight: 700;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}

.tasting-per-person {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.tasting-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  border: none;
  background: white;
  color: #C4006A;
  text-decoration: none;
  padding: 18px 44px;
  border-radius: 100px;
  font-family: 'ChaikBike', sans-serif;
  font-size: 1.2rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s, box-shadow 0.2s;
}

.tasting-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

/* Ensure video plays on all devices */
.tasting-video video {
  display: block;
  background: #000;
}

/* Mobile styles */
@media (max-width: 576px) {
  .tasting-section {
    flex-direction: column !important;
    min-height: auto !important;
  }

  .tasting-video {
    flex: none !important;
    width: 100% !important;
    height: 50vh !important;
    min-height: 280px !important;
    max-height: 400px !important;
    min-height: 280px !important;
  }

  .tasting-video video {
    object-fit: cover !important;
    object-position: center 40% !important;
  }

  .tasting-content {
    width: 100% !important;
    padding: 40px 24px !important;
    min-height: 50vh !important;
  }

  .tasting-label {
    font-size: 0.6rem !important;
    margin-bottom: 16px !important;
  }

  .tasting-line {
    width: 20px !important;
  }

  .tasting-headline {
    font-size: clamp(1.8rem, 6vw, 2.5rem) !important;
    margin-bottom: 20px !important;
  }

  .tasting-price {
    font-size: clamp(1.6rem, 5vw, 2.2rem) !important;
  }

  .tasting-per-person {
    font-size: 0.75rem !important;
    margin-bottom: 30px !important;
  }

  .tasting-btn {
    width: 100% !important;
    max-width: 320px !important;
    padding: 16px 24px !important;
    font-size: 1rem !important;
    justify-content: center !important;
  }
}

/* Tablet styles */
@media (min-width: 577px) and (max-width: 1024px) {
  .tasting-video {
    flex: 0 0 55% !important;
    min-height: 80vh !important;
  }
  
  .tasting-content {
    padding: 40px 30px !important;
  }
  
  .tasting-headline {
    font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
  }
}

/* Very small screens */
@media (max-width: 380px) {
  .tasting-video {
    height: 40vh !important;
    min-height: 200px !important;
    max-height: 300px !important;
  }
  
  .tasting-headline {
    font-size: clamp(1.4rem, 5vw, 1.8rem) !important;
  }
  
  .tasting-price {
    font-size: clamp(1.2rem, 4vw, 1.6rem) !important;
  }
  
  .tasting-btn {
    padding: 12px 20px !important;
    font-size: 0.85rem !important;
  }
}