/** Shopify CDN: Minification failed

Line 432:2 Unexpected "#"

**/
/* Fonts loaded via link[rel=preload] below for performance */
.ad-card-secondary{
    background-color: #faf6ee;
    border: 1px solid #f7ce8c;
}



*::after { box-sizing:border-box; margin:0; padding:0; }

#jatajoot-shop {
  font-family:'Inter',sans-serif;
   color:#1a1a1a; 
   line-height:1.6; 
   overflow-x:hidden;
}

/* Trust row */
.trust-row {
  display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px;
}
.tr-item {
  display:flex; align-items:center; gap:6px;
  font-size:12.5px; font-weight:600; color:#2d5a3d;
  background:#eef5f0; padding:6px 12px; border-radius:20px;
}

/* Delivery info */
.delivery-box {
  background:#fff9f0; border:1.5px solid #f5a623;
  border-radius:12px; padding:12px 16px;
}
.delivery-box p { font-size:13px; color:#444; line-height:1.6; }
.delivery-box strong { color:#1e3a2a; }


.badge-row { display:flex; flex-wrap:wrap; gap:8px; margin:15px 0px; padding-top: 15px; }
.badge { background:#2d5a3d; color:#fff; padding:5px 14px; border-radius:20px; font-size:15px; font-weight:700; }
.badge.gold { background:#e8960d; }
.badge.outline { border:2px solid #2d5a3d; color:#2d5a3d; background:transparent; padding:4px 13px; }


/* ── Hero Video (16:9 horizontal) ── */
#jatajoot-shop .gallery-video {
  width:100%; border-radius:20px; overflow:hidden;
  box-shadow:0 12px 36px rgba(0,0,0,.15); background:#000;
  position:relative; aspect-ratio:16/9; cursor:pointer;
}
#jatajoot-shop .gallery-video video {
  width:100%; height:100%; display:block;
  object-fit:cover; border-radius:20px;
  background:#f5f0e4;
}
#jatajoot-shop .reel-card video { background:#222; }
#jatajoot-shop .gallery-video .hero-play-btn {
  position:absolute; inset:0; display:flex;
  align-items:center; justify-content:center;
  background:rgba(0,0,0,.35); border-radius:20px;
  transition:background .2s;
}
#jatajoot-shop .gallery-video .hero-play-btn span {
  width:68px; height:68px; background:rgba(255,255,255,.92);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:28px; color:#1e3a2a; padding-left:5px;
  box-shadow:0 4px 20px rgba(0,0,0,.3); transition:transform .2s;
}
#jatajoot-shop .gallery-video:hover .hero-play-btn span { transform:scale(1.1); }
#jatajoot-shop .gallery-video.playing .hero-play-btn { display:none; }

/* Judge.me stars */
#jatajoot-shop .jm-stars-wrap { margin-bottom:14px; }

/* ── Verified Reviews Section ── */
#shpRvGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; margin-bottom:16px; }
.shp-rv-card { background:#fff; border-radius:16px; padding:22px 24px; box-shadow:0 4px 16px rgba(0,0,0,.06); border:1px solid #f0ebe0; }
.shp-rv-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.shp-rv-av { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:16px; flex-shrink:0; }
.shp-rv-name { font-weight:700; font-size:14px; color:#1a1a1a; }
.shp-rv-meta { font-size:12px; color:#888; }
.shp-rv-badge { margin-left:auto; font-size:10px; font-weight:600; color:#2d5a3d; background:#eef5f0; border:1px solid #c3ddc9; padding:3px 9px; border-radius:20px; white-space:nowrap; }
.shp-rv-stars { color:#f5a623; font-size:16px; margin-bottom:8px; }
.shp-rv-title { font-weight:700; font-size:14px; color:#1e3a2a; margin-bottom:6px; }
.shp-rv-body { font-size:13.5px; color:#444; line-height:1.7; margin:0; }
/* Pagination */
.shp-pager { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:8px; }
.shp-pg-btn { width:38px; height:38px; border-radius:50%; border:2px solid #d4d0c8; background:#fff; color:#444; font-size:14px; font-weight:600; cursor:pointer; transition:all .2s; }
.shp-pg-btn:hover { border-color:#2d5a3d; color:#2d5a3d; }
.shp-pg-btn.active { background:#2d5a3d; border-color:#2d5a3d; color:#fff; }
.shp-see-more { background:#2d5a3d; color:#fff; border:none; padding:13px 30px; border-radius:50px; font-size:15px; font-weight:700; cursor:pointer; transition:background .2s; }
.shp-see-more:hover { background:#1e3a2a; }
.shp-see-more:disabled { background:#aaa; cursor:default; }
.shp-rv-count { font-size:13px; color:#888; text-align:center; margin-bottom:16px; }
@media(max-width:600px){ #shpRvGrid { grid-template-columns:1fr; } }

/* ── Static star rating widget ── */
.shp-rating {
  display:inline-flex; align-items:center; gap:8px;
  margin-bottom:14px; cursor:pointer; text-decoration:none;
}
.shp-stars {
  display:inline-flex; align-items:center; gap:1px; line-height:1;
}
.shp-star {
  font-size:20px; color:#f5a623; line-height:1;
  display:inline-block; position:relative; overflow:hidden;
}
.shp-star.half {
  background:linear-gradient(90deg,#f5a623 50%,#ddd 50%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.shp-rating-text {
  font-size:14px; font-weight:600; color:#1e3a2a;
}
.shp-rating-count {
  font-size:13px; font-weight:400; color:#666;
  text-decoration:underline; text-underline-offset:2px;
}
.shp-rating:hover .shp-rating-count { color:#2d5a3d; }


@keyframes shp-pulse { 0%,100%{ box-shadow:0 4px 14px rgba(245,166,35,.35); } 50%{ box-shadow:0 6px 22px rgba(245,166,35,.6); } }

#jatajoot-shop .pdp-bullets { list-style:none; margin-bottom:22px; }
#jatajoot-shop .pdp-bullets li {
  display:flex; align-items:flex-start; gap:9px;
  font-size:14.5px; color:#333; font-weight:500; margin-bottom:8px;
}
#jatajoot-shop .pdp-bullets li::before { content:'✅'; flex-shrink:0; }

/* Scarcity badge */
#jatajoot-shop .scarcity-bar {
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:#fff4f4; border:1.5px solid #f5c6c6; border-radius:10px;
  padding:9px 14px; margin-bottom:12px;
  font-size:13.5px; font-weight:700; color:#c0392b;
  animation:shp-pulse 2.5s ease-in-out infinite;
}
#jatajoot-shop .scarcity-bar .sc-dot {
  width:8px; height:8px; background:#e74c3c; border-radius:50%;
  flex-shrink:0; animation:sc-blink 1.2s ease-in-out infinite;
}
@keyframes sc-blink { 0%,100%{ opacity:1; } 50%{ opacity:0.3; } }

/* ── GENERIC SECTION ── */
.sec { padding:20px 20px; content-visibility:auto; contain-intrinsic-size:auto 600px; }
.inner { max-width:1100px; margin:0 auto; }
.stag {
  display:inline-block; background:rgba(122,184,147,.25); color:#1e3a2a;
  padding:4px 15px; border-radius:20px; font-size:12px; font-weight:700;
  margin-bottom:10px; text-transform:uppercase; letter-spacing:1px;
}
#jatajoot-shop .stitle { font-family:'Playfair Display',serif; font-size:30px; font-weight:900; color:#1e3a2a; line-height:1.3; margin-bottom:12px; }
#jatajoot-shop .stitle span { color:#e8960d; }
#jatajoot-shop .sdesc { font-size:15.5px; color:#444; line-height:1.8; margin-bottom:30px; max-width:640px; }

/* ── PROBLEM ── */
#jatajoot-shop .prob-bg { background:#fff9f0; border-radius:15px}
#jatajoot-shop .inner { margin-top: 15px;}

#jatajoot-shop .prob-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin-bottom:32px;
}
#jatajoot-shop .prob-card {
  background:#fff; border-radius:16px; padding:22px 16px;
  text-align:center; box-shadow:0 4px 14px rgba(0,0,0,.06); border-top:4px solid #e8960d;
}
#jatajoot-shop .prob-card .em { font-size:36px; margin-bottom:10px; display:block; }
#jatajoot-shop .prob-card h3 { font-size:15px; font-weight:700; color:#1a1a1a; margin-bottom:6px; }
#jatajoot-shop .prob-card p  { font-size:13.5px; color:#666; line-height:1.55; }
#jatajoot-shop .prob-cta { text-align:center; font-size:20px; font-weight:800; color:#1e3a2a; }

/* ── PIGMENTATION TYPES ── */
.pigment-bg { background:#f5f0e8 !important; margin: 15px 0px; border-radius: 16px; border: 1.5px solid #f7ce8c;}
.pigment-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pigment-card {
  background:#fff; border-radius:16px; padding:28px 16px 20px;
  text-align:center; box-shadow:0 4px 16px rgba(0,0,0,.07); border-top:4px solid #f5a623;
}
.pigment-img-wrap { width:100%; height:190px; border-radius:12px; overflow:hidden; margin-bottom:14px; }
.pigment-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.pigment-card:hover .pigment-img-wrap img { transform:scale(1.05); }
.pigment-card h3 { font-size:15px; font-weight:700; color:#1e3a2a; margin-bottom:6px; }
.pigment-card p  { font-size:13px; color:#666; line-height:1.5; }

/* ── PRODUCT DETAIL ── */
#jatajoot-shop .prod-bg { background:#fff; margin-top: 15px; border-radius: 15px;}
#jatajoot-shop .prod-intro { max-width:720px; margin:0 auto 48px; text-align:center; }
#jatajoot-shop .prod-intro p { font-size:15.5px; color:#444; line-height:1.9; margin:12px; }
#jatajoot-shop .prod-intro .shine-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:16px; }
#jatajoot-shop .shine-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:16px; }

#jatajoot-shop .shine-tag {
  background:rgba(245,166,35,.15); color:#c07a00; padding:5px 16px;
  border-radius:20px; font-size:13px; font-weight:700;
}

.prod-card-list { display:flex; flex-direction:column; gap:40px; }
.prod-card {
  display:grid; grid-template-columns:1fr 1.5fr;
  gap:40px; align-items:center;
  background:linear-gradient(135deg,#faf6ee,#eef5f0);
  border-radius:24px; padding:36px; box-shadow:0 4px 20px rgba(0,0,0,.07);
  border:1px solid rgba(122,184,147,.25);
}
.prod-card.reverse { grid-template-columns:1.5fr 1fr; }
.prod-card.reverse .prod-card-img { order:2; }
.prod-card.reverse .prod-card-body { order:1; }

.prod-card-img {
  border-radius:18px; overflow:hidden;
  box-shadow:0 8px 28px rgba(0,0,0,.13); aspect-ratio:1/1;
}
.prod-card-img img { width:100%; height:100%; display:block; object-fit:cover; }

.prod-num {
  width:40px; height:40px; background:#1e3a2a; color:#fff;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:17px; font-weight:900; margin-bottom:14px;
}
.prod-tag {
  display:inline-flex; gap:6px; flex-wrap:wrap; margin-bottom:10px;
}
.ptag {
  background:rgba(122,184,147,.25); color:#1e3a2a;
  padding:3px 12px; border-radius:20px; font-size:11.5px; font-weight:700;
}
.prod-card-title {
  font-family:'Playfair Display',serif; font-size:22px; font-weight:900;
  color:#1e3a2a; margin-bottom:6px; line-height:1.3;
}
.prod-card-body h4 { font-size:13px; font-weight:700; color:#888; text-transform:uppercase; letter-spacing:.8px; margin-bottom:14px; }
.prod-card-body > p { font-size:14.5px; color:#444; line-height:1.8; margin-bottom:10px; }
.why-box {
  background:rgba(30,58,42,.06); border-left:4px solid #2d5a3d;
  padding:10px 14px; border-radius:0 8px 8px 0; margin:12px 0 16px; font-size:13.5px; color:#1e3a2a; font-weight:600;
}
.prod-blist { list-style:none; }
.prod-blist li {
  display:flex; align-items:flex-start; gap:8px;
  font-size:14px; color:#333; margin-bottom:7px; line-height:1.5;
}
.prod-blist li::before { content:'✔'; color:#2d5a3d; font-weight:900; flex-shrink:0; }

/* ── HOW IT WORKS (3 steps) ── */
#jatajoot-howitworks .how-bg { background:#faf6ee; }
#jatajoot-howitworks .steps3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; position:relative; }
#jatajoot-howitworks .steps3::before {
  content:''; position:absolute; top:36px;
  left:calc(16.6% + 24px); right:calc(16.6% + 24px);
  height:3px; background:linear-gradient(90deg,#1e3a2a,#f5a623,#1e3a2a);
}
#jatajoot-howitworks .steps4 { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; position:relative; }
#jatajoot-howitworks .steps4::before {
  content:''; position:absolute; top:36px;
  left:calc(16.6% + 24px); right:calc(16.6% + 24px);
  height:3px; background:linear-gradient(90deg,#1e3a2a,#f5a623,#1e3a2a);
}

#jatajoot-howitworks .step { text-align:center; position:relative; z-index:1; padding:0 8px; }
#jatajoot-howitworks .stepnum {
  width:72px; height:72px; background:linear-gradient(135deg,#1e3a2a,#2d5a3d);
  color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:900; margin:0 auto 16px;
  box-shadow:0 4px 16px rgba(30,58,42,.28);
}
#jatajoot-howitworks .step h3 { font-size:16px; font-weight:800; color:#1e3a2a; margin-bottom:8px; }
#jatajoot-howitworks .step .step-emoji { font-size:36px; display:block; margin-bottom:10px; }
#jatajoot-howitworks .step p  { font-size:13.5px; color:#444 !important; line-height:1.6; }

/* ── 2-WEEK RESULTS ── */
.twoweek-bg { background:linear-gradient(135deg,#f5a623 0%,#e8960d 100%); padding:56px 20px; border-radius: 15px 15px 0px 0px; margin: 15px 0px 0px;}
.twoweek-inner { max-width:900px; margin:0 auto; }
.twoweek-grid { display:grid; grid-template-columns:auto 1fr; gap:48px; align-items:center; }
.twoweek-badge {
  width:160px; height:160px; min-width:160px; background:#fff; border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  box-shadow:0 0 0 12px rgba(255,255,255,.3);
}
.twoweek-badge .num   { font-size:52px; font-weight:900; color:#e8960d; line-height:1; font-family:'Playfair Display',serif; }
.twoweek-badge .unit  { font-size:14px; font-weight:800; color:#1e3a2a; text-transform:uppercase; }
.twoweek-badge .lbl   { font-size:11px; font-weight:700; color:#1e3a2a; text-transform:uppercase; }
.twoweek-content h2 { font-family:'Playfair Display',serif; font-size:32px; font-weight:900; color:#1e3a2a; margin-bottom:12px; }
.twoweek-content p  { font-size:16px; color:#1e3a2a !important; line-height:1.8; margin-bottom:20px; opacity:.9; }
.twoweek-list { list-style:none; }
.twoweek-list li { display:flex; align-items:center; gap:10px; margin-bottom:10px; font-size:15px; font-weight:600; color:#1e3a2a; }
.twoweek-list li::before { content:'✓'; font-size:16px; font-weight:900; }

/* ── BEFORE/AFTER ── */
.results-bg { background:#f5f0e0; margin: 15px 0px !important; border-radius: 15px;}
.ba-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ba-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.10); border:1px solid rgba(122,184,147,.15); }
.ba-img-wrap { width:100%; height:220px; overflow:hidden; }
.ba-img-wrap img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .4s; }
.ba-card:hover .ba-img-wrap img { transform:scale(1.03); }
.ba-info { padding:14px 16px 16px; }
.ba-person { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.ba-avatar { width:38px; height:38px; min-width:38px; border-radius:50%; background:linear-gradient(135deg,#2d5a3d,#7ab893); display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; font-weight:700; flex-shrink:0; }
.ba-pname { font-size:13.5px; font-weight:700; color:#1a1a1a; display:block; }
.ba-ploc  { font-size:11.5px; color:#666; }
.ba-concern { display:inline-block; background:rgba(245,166,35,.15); color:#e8960d; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:700; margin-bottom:8px; }
.ba-duration { font-size:12.5px; color:#2d5a3d; font-weight:700; display:flex; align-items:center; gap:5px; margin-bottom:7px; }
.ba-quote { font-size:13px; color:#444; line-height:1.6; font-style:italic; }
.ba-stars { color:#f5a623; font-size:13px; margin-top:7px; }

/* ── REELS ── */
#jatajoot-shop .reels-bg { background:#1a1a1a; }
#jatajoot-shop .reels-bg .stitle { color:#fff; }
#jatajoot-shop .reels-scroll-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; cursor:grab; }
#jatajoot-shop .reels-scroll-wrap::-webkit-scrollbar { display:none; }
#jatajoot-shop .reels-scroll-wrap.dragging { cursor:grabbing; user-select:none; }
#jatajoot-shop .reels-track { display:flex; gap:16px; padding:4px 4px 12px; width:max-content; }
#jatajoot-shop .reel-card { width:200px; flex-shrink:0; border-radius:20px; overflow:hidden; position:relative; background:linear-gradient(160deg,#1e3a2a 0%,#0f2018 100%); box-shadow:0 8px 24px rgba(0,0,0,.4); cursor:pointer; }
#jatajoot-shop .reel-card video { width:100%; aspect-ratio:9/16; display:block; object-fit:cover; border-radius:20px; pointer-events:none; }
#jatajoot-shop .reel-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.15) 55%,transparent 100%); border-radius:20px; display:flex; flex-direction:column; justify-content:space-between; padding:14px; transition:background .3s; }
#jatajoot-shop .reel-card:hover .reel-overlay,
#jatajoot-shop .reel-card.playing .reel-overlay { background:transparent; }
#jatajoot-shop .reel-play-btn { width:52px; height:52px; background:rgba(255,255,255,.2); backdrop-filter:blur(8px); border-radius:50%; border:2px solid rgba(255,255,255,.6); display:flex; align-items:center; justify-content:center; margin:auto; font-size:22px; color:#fff; transition:transform .2s,background .2s; }
#jatajoot-shop .reel-card.playing .reel-play-btn { display:none; }
#jatajoot-shop .reel-card:hover .reel-play-btn { transform:scale(1.1); background:rgba(245,166,35,.5); }
#jatajoot-shop .reel-name { color:#fff; font-size:13px; font-weight:700; display:block; }
#jatajoot-shop .reel-loc  { color:rgba(255,255,255,.7); font-size:11px; }
#jatajoot-shop .reels-fade-wrap { position:relative; }
#jatajoot-shop .reels-fade-wrap::after { content:''; position:absolute; top:0; right:0; bottom:12px; width:80px; background:linear-gradient(to left,#1a1a1a,transparent); pointer-events:none; }

/* ── JUDGE.ME REVIEWS ── */
.reviews-bg { background:#faf6ee; border-radius: 15px;}
#jatajoot-shop .jm-wrap { margin-top:24px; }

/* ── TESTIMONIALS ── */
#jatajoot-shop .test-bg { background:#fff; }
#jatajoot-shop .test-scroll-wrap { position:relative; }
#jatajoot-shop .test-grid {
  display:flex; gap:18px; overflow-x:auto; padding:8px 4px 20px;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:thin; scrollbar-color:#c3ddc9 #f0ebe0;
  cursor:grab;
}
#jatajoot-shop .test-grid.dragging { cursor:grabbing; }
#jatajoot-shop .test-grid::-webkit-scrollbar { height:6px; }
#jatajoot-shop .test-grid::-webkit-scrollbar-track { background:#f0ebe0; border-radius:4px; }
#jatajoot-shop .test-grid::-webkit-scrollbar-thumb { background:#c3ddc9; border-radius:4px; }
#jatajoot-shop .test-scroll-arrows { display:flex; justify-content:center; gap:12px; margin-top:4px; }
#jatajoot-shop .test-arr { width:40px; height:40px; border-radius:50%; border:2px solid #2d5a3d; background:#fff; color:#2d5a3d; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; }
#jatajoot-shop .test-arr:hover { background:#2d5a3d; color:#fff; }
#jatajoot-shop .test-card {
  background:#fff; border-radius:20px; padding:24px 20px;
  box-shadow:0 4px 20px rgba(0,0,0,.07); position:relative; overflow:hidden;
  flex:0 0 300px; scroll-snap-align:start;
}
#jatajoot-shop .test-card::before { content:'"'; position:absolute; top:-12px; right:16px; font-size:110px; color:rgba(122,184,147,.15); font-family:serif; line-height:1; }
#jatajoot-shop .test-stars { color:#f5a623; font-size:15px; margin-bottom:10px; }
#jatajoot-shop .test-txt { font-size:14.5px; color:#444; line-height:1.75; margin-bottom:14px; font-style:italic; }
#jatajoot-shop .test-auth { display:flex; align-items:center; gap:12px; }
#jatajoot-shop .avatar { width:46px; height:46px; min-width:46px; background:linear-gradient(135deg,#2d5a3d,#7ab893); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:19px; font-weight:700; flex-shrink:0; }
#jatajoot-shop .ainfo strong { display:block; font-size:14.5px; font-weight:700; color:#1a1a1a; }
#jatajoot-shop .ainfo span   { font-size:12.5px; color:#666; }


/* ── SHIPPING INFO ── */
.ship-bg { background:#f8f7f2; border-radius: 15px;}
.ship-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ship-card {
  background:#fff; border-radius:20px; padding:28px 22px; text-align:center;
  box-shadow:0 4px 16px rgba(0,0,0,.07); border-top:4px solid #2d5a3d;
}
.ship-icon { font-size:46px; margin-bottom:14px; display:block; }
.ship-card h3 { font-size:16px; font-weight:800; color:#1e3a2a; margin-bottom:8px; }
.ship-card p  { font-size:13.5px; color:#555; line-height:1.7; }
.ship-note {
  background:#fff9f0; border:1.5px dashed #f5a623; border-radius:14px;
  padding:18px 22px; margin-top:28px; text-align:center;
}
.ship-note p { font-size:14px; color:#444; line-height:1.8; }
.ship-note strong { color:#1e3a2a; }

/* ── FAQ ── */
#jatajoot-shop .faq-bg { background:#fff; }
#jatajoot-shop .faq-list { max-width:800px; margin:0 auto; }
#jatajoot-shop .faq-item { background:#faf6ee; border-radius:12px; margin-bottom:10px; overflow:hidden; }
#jatajoot-shop .faq-q { width:100%; background:none; border:none; padding:18px 20px; text-align:left; font-size:15px; font-weight:700; color:#1e3a2a; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font-family:inherit; line-height:1.4; min-height:56px; touch-action:manipulation; }
#jatajoot-shop .faq-ic { font-size:22px; transition:transform .3s; flex-shrink:0; margin-left:12px; }
#jatajoot-shop .faq-q.open .faq-ic { transform:rotate(45deg); }
#jatajoot-shop .faq-a { max-height:0; overflow:hidden; transition:max-height .35s ease,padding .3s; padding:0 20px; }
#jatajoot-shop .faq-a.open { max-height:400px; padding:0 20px 18px; }
#jatajoot-shop .faq-a p { font-size:14.5px; color:#444; line-height:1.75; border-top:1px solid #e8e2d8; padding-top:14px; }

/* ── BOTTOM BUY CTA ── */
#jatajoot-shop .cta-buy-bg { background:linear-gradient(135deg,#faf6ee,#eef5f0); padding:60px 20px; }
#jatajoot-shop .cta-buy-inner { max-width:600px; margin:0 auto; text-align:center; }
#jatajoot-shop .cta-title { font-family:'Playfair Display',serif; font-size:30px; font-weight:900; color:#1e3a2a; margin-bottom:8px; line-height:1.3; }
#jatajoot-shop .cta-desc  { font-size:16px; color:#444; margin-bottom:28px; }
#jatajoot-shop .cta-price-row { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:22px; flex-wrap:wrap; }
#jatajoot-shop .cta-price-big { font-size:40px; font-weight:900; color:#1e3a2a; line-height:1; }
#jatajoot-shop .cta-price-compare { font-size:22px; color:#999; text-decoration:line-through; }
#jatajoot-shop .cta-save { background:#e8960d; color:#fff; padding:4px 12px; border-radius:20px; font-size:13px; font-weight:800; }
#jatajoot-shop .cta-btn-row { display:flex; gap:14px; max-width:480px; margin:0 auto; }
#jatajoot-shop .cta-btn-row .btn-buy,
#jatajoot-shop .cta-btn-row .btn-cart { flex:1; }

/* ── TOAST ── */
#jatajoot-shop .jpg-toast {
  position:fixed; bottom:90px; left:50%;
  transform:translateX(-50%) translateY(16px);
  background:#1e3a2a; color:#fff;
  padding:14px 28px; border-radius:50px;
  font-weight:700; font-size:15px; font-family:'Inter',sans-serif;
  opacity:0; transition:opacity .3s, transform .3s;
  z-index:10001; white-space:nowrap; pointer-events:none;
}
#jatajoot-shop .jpg-toast.show { opacity:1; transform:translateX(-50%) translateY(0); }


/* ══ RESPONSIVE ══ */
@media(max-width:900px){
  #jatajoot-shop .hero-grid    { grid-template-columns:1fr; gap:28px; }
  #jatajoot-shop .stats-inner  { grid-template-columns:repeat(2,1fr); }
  .pigment-grid { grid-template-columns:repeat(2,1fr); }
  #jatajoot-shop .ingr-grid    { grid-template-columns:repeat(2,1fr); }
  #jatajoot-shop .ba-grid      { grid-template-columns:repeat(2,1fr); gap:16px; }
  .prod-card    { grid-template-columns:1fr; gap:24px; }
  .prod-card.reverse { grid-template-columns:1fr; }
  .prod-card.reverse .prod-card-img { order:0; }
  .prod-card.reverse .prod-card-body { order:0; }
  #jatajoot-shop .ship-grid    { grid-template-columns:1fr; }
  #jatajoot-howitworks .steps3       { grid-template-columns:1fr; gap:24px; }
  ##jatajoot-howitworks .steps3::before { display:none; }
  .twoweek-grid { grid-template-columns:1fr; gap:28px; text-align:center; }
  .twoweek-badge { margin:0 auto; }
  .twoweek-list li { justify-content:center; }
  #jatajoot-shop .stitle       { font-size:25px; }
  #jatajoot-shop .pdp-title    { font-size:26px; }
  #jatajoot-shop .reel-card    { width:170px; }
}
@media(max-width:600px){
  #jatajoot-shop .hero   { padding:105px 16px 36px; }
  #jatajoot-shop .sec    { padding:40px 16px; }
  #jatajoot-shop .stitle { font-size:22px; }
  #jatajoot-shop .pdp-title { font-size:24px; }
  #jatajoot-shop .pdp-price { font-size:28px; }
  #jatajoot-shop .ba-grid { grid-template-columns:1fr; }
  #jatajoot-shop .gallery-thumbs { grid-template-columns:repeat(4,1fr); }
  .prod-card { padding:22px 16px; margin: 10px;}
  #jatajoot-shop .stat-num { font-size:22px; }
  #jatajoot-shop .cta-title { font-size:24px; }
  #jatajoot-shop .reel-card { width:148px; }
  #jatajoot-shop .ship-grid { grid-template-columns:1fr; gap:16px; }
}
@media(max-width:380px){
 .pigment-grid { grid-template-columns:1fr 1fr; }
 .ingr-grid { grid-template-columns:1fr 1fr; }
}

/* ── Image Lightbox Popup ── */
#shp-lightbox {
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,0.88);
  align-items:center;
  justify-content:center;
  padding:16px;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
#shp-lightbox.open { display:flex; }
#shp-lightbox-inner {
  position:relative;
  max-width:92vw;
  max-height:88vh;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,0.6);
  animation:shpLbIn .22s ease;
}
@keyframes shpLbIn {
  from { opacity:0; transform:scale(0.88); }
  to   { opacity:1; transform:scale(1); }
}
#shp-lightbox-inner img {
  display:block;
  max-width:92vw;
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
}
#shp-lightbox-close {
  position:absolute;
  top:10px;
  right:10px;
  width:36px;
  height:36px;
  background:rgba(0,0,0,0.65);
  border:2px solid rgba(255,255,255,0.7);
  border-radius:50%;
  color:#fff;
  font-size:18px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:10;
  transition:background .18s, transform .18s;
}
#shp-lightbox-close:hover { background:rgba(200,0,0,0.8); transform:scale(1.1); }

/* ── EXIT INTENT POPUP ── */
#shpExitOverlay {
  display:none; position:fixed; inset:0; z-index:999999;
  background:rgba(10,30,20,.72); backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  align-items:center; justify-content:center; padding:16px;
  touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
#shpExitOverlay.open { display:flex; }

#shpExitModal {
  position:relative; background:#fffef9;
  border-radius:18px; max-width:420px; width:calc(100% - 32px);
  max-height:52vh; overflow-y:auto;
  box-shadow:0 20px 60px rgba(0,0,0,.32);
  animation:shpExitIn .3s cubic-bezier(.22,1,.36,1);
}
@keyframes shpExitIn {
  from { opacity:0; transform:translateY(30px) scale(.97); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}

#shpExitModal .exit-top-bar {
  background:linear-gradient(120deg,#1e3a2a 0%,#2d5a3d 100%);
  padding:14px 16px 12px; text-align:center; position:relative;
}
#shpExitModal .exit-top-bar .exit-emoji {
  font-size:26px; display:block; margin-bottom:4px;
}
#shpExitModal .exit-top-bar h2 {
  font-family:'Playfair Display',serif;
  font-size:17px; font-weight:800; color:#fff;
  line-height:1.3; margin:0;
}
#shpExitModal .exit-top-bar p {
  font-size:12px; color:rgba(255,255,255,.82);
  margin:4px 0 0; line-height:1.4;
}

#shpExitCloseBtn {
  position:absolute; top:8px; right:10px;
  background:rgba(255,255,255,.15); border:1.5px solid rgba(255,255,255,.3);
  color:#fff; width:44px; height:44px; border-radius:50%;
  font-size:15px; cursor:pointer; display:flex;
  align-items:center; justify-content:center;
  transition:background .18s; line-height:1;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  user-select:none; -webkit-user-select:none;
  z-index:10;
}
#shpExitCloseBtn:hover,
#shpExitCloseBtn:active { background:rgba(255,255,255,.32); }

#shpExitModal .exit-body { padding:12px 16px 16px; }

#shpExitModal .exit-chips {
  display:flex; flex-direction:column; gap:6px; margin-bottom:12px;
}
#shpExitModal .exit-chip {
  background:#f5f0e4; border:1.5px solid #d4c8a8;
  border-radius:8px; padding:7px 12px;
  font-size:12.5px; font-weight:600; color:#1e3a2a;
  cursor:pointer; text-align:left;
  transition:background .15s, border-color .15s, transform .12s;
}
#shpExitModal .exit-chip:hover  { background:#eae3cc; border-color:#b5a87a; }
#shpExitModal .exit-chip.active {
  background:#1e3a2a; color:#fff; border-color:#1e3a2a;
  transform:scale(1.01);
}

#shpExitModal .exit-form { display:flex; flex-direction:column; gap:8px; }
#shpExitModal .exit-form input {
  width:100%; padding:9px 12px; border:1.5px solid #ddd;
  border-radius:8px; font-size:13px; font-family:inherit;
  background:#fff; color:#1a1a1a; outline:none;
  transition:border-color .15s;
}
#shpExitModal .exit-form input:focus { border-color:#2d5a3d; }
#shpExitModal .exit-form input::placeholder { color:#aaa; }

#shpExitModal .exit-submit {
  width:100%; padding:11px;
  background:linear-gradient(135deg,#e8960d,#f5a623);
  color:#fff; border:none; border-radius:10px;
  font-size:14px; font-weight:800; font-family:inherit;
  cursor:pointer; margin-top:2px;
  box-shadow:0 4px 12px rgba(232,150,13,.38);
  transition:transform .15s, box-shadow .2s;
}
#shpExitModal .exit-submit:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(232,150,13,.52); }
#shpExitModal .exit-submit:disabled { opacity:.65; cursor:not-allowed; transform:none; }

#shpExitModal .exit-privacy {
  text-align:center; font-size:10.5px; color:#999;
  margin:7px 0 0;
}

/* Thank-you state */
#shpExitThankyou {
  display:none; text-align:center; padding:6px 0 2px;
}
#shpExitThankyou .ty-icon { font-size:40px; margin-bottom:6px; }
#shpExitThankyou h3 { font-size:17px; font-weight:800; color:#1e3a2a; margin-bottom:6px; }
#shpExitThankyou p  { font-size:13px; color:#555; line-height:1.5; }

/*show badge and title first on small device*/
@media screen and (max-width: 749px) {
  .main-product_info.product {
    display: flex;
    flex-direction: column;
  }
  /* Let info children participate in parent flex layout */
  .product__info-wrapper,
  .product__info-container {
    display: contents;
  }
  .badge-row,
  .jatajoot_prod_title {
    order: 1;
  }
  .product__media-wrapper {
    order: 2;
  }
  /* Everything else in info (price, form, tabs…) */
  .product__info-container > *:not(.badge-row):not(.jatajoot_prod_title) {
    order: 3;
  }
}

/*stop click image zoom image*/
@media screen and (max-width: 749px) {
  .zoomImg,
  .zoomLens,
  .zoomWindow,
  .zoomWindowContainer,
  .drift-zoom-pane {
    display: none !important;
    pointer-events: none !important;
  }
  .product__modal-opener--image .product__media-toggle::after {
    cursor: default; /* optional */
  }
}
@media screen and (max-width: 749px) {
  .product__modal-opener--image .product__media-toggle {
    pointer-events: none;
  }
}
/*end stop click image zoom image*/

.recommended-routine-section {
  padding: 40px 20px;
  background: #fffaf6;
  border-radius: 20px;
  margin: 30px 0;
}

.routine-heading {
  text-align: center;
  margin-bottom: 30px;
}

.routine-heading h2 {
  font-size: 32px;
  font-weight: 700;
  color: #2d2d2d;
  margin-bottom: 10px;
}

.routine-heading p {
  font-size: 16px;
  color: #666;
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.6;
}

.routine-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.routine-card {
  background: #ffffff;
  padding: 25px;
  border-radius: 18px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  border: 1px solid #f1e6dc;
}

.routine-title h3 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #3a2b20;
}

.routine-steps {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.step-item {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff7f1;
  padding: 14px 16px;
  border-radius: 12px;
}

.step-number {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #d89a63;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  flex-shrink: 0;
}

.step-name {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

@media (max-width: 768px) {
  .routine-wrapper {
    grid-template-columns: 1fr;
  }

  .routine-heading h2 {
    font-size: 26px;
  }

  .routine-title h3 {
    font-size: 21px;
  }

  .recommended-routine-section {
    padding: 30px 15px;
  }
}