/** Shopify CDN: Minification failed

Line 329:0 Unexpected "}"

**/
/* ═══════════════════════════════════════════════
   TANARAS Extensions Landing Page
   /pages/extensions
   ═══════════════════════════════════════════════ */

/* ─── WRAPPER ─── */
.telp{
  --blush:#E6CAC3;--blush-mid:#c9a89f;--blush-dark:#8a5f58;--blush-text:#4a2f2a;
  --blush-light:#f5ede9;--dark:#1a1210;--t:#2a1a16;--tm:#7a6560;
  --tl:#b0a09a;--bg:#fdfaf9;--bg2:#f7f0ed;--bdr:rgba(138,95,88,.12);
  --wa:#25D366;--fh:'Quicksand',sans-serif;--fb:'Quicksand',sans-serif;
  --r:16px;--rp:100px;
  font-family:var(--fb);color:var(--t);-webkit-font-smoothing:antialiased;
}

/* ─── HERO ─── */
.telp-hero{
  position:relative;height:500px;overflow:hidden;
  background:linear-gradient(170deg,#f0e4dc 0%,#e8d4ca 40%,#d8bfb2 100%);
}
.telp-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;}
.telp-hero-grad{
  position:absolute;bottom:0;left:0;right:0;height:240px;
  background:linear-gradient(to top,rgba(74,47,42,.72) 0%,rgba(74,47,42,.25) 50%,transparent 100%);
}
.telp-hero-c{position:absolute;bottom:0;left:0;right:0;padding:0 22px 30px;}
.telp-hero-t{font-family:var(--fh);font-size:32px;font-weight:800;color:#fff;line-height:1.06;margin-bottom:6px;}
.telp-hero-s{font-size:13px;color:rgba(255,255,255,.85);line-height:1.55;margin-bottom:12px;}
.telp-hero-proof{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.telp-hero-stars{display:flex;gap:1px;}
.telp-hs{width:11px;height:11px;background:#FFD700;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);}
.telp-hero-pt{font-family:var(--fh);font-size:10px;font-weight:600;color:rgba(255,255,255,.85);}
.telp-hero-btn{
  display:inline-block;background:#fff;color:var(--blush-text);
  font-family:var(--fh);font-size:13px;font-weight:700;
  padding:14px 30px;border-radius:var(--rp);border:none;cursor:pointer;
  transition:transform .1s;
}
.telp-hero-btn:active{transform:scale(.97);}

/* Hero placeholder (no image uploaded yet) */
.telp-hero-placeholder{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);
  display:flex;gap:6px;align-items:flex-start;
}
.telp-hh{border-radius:36px;box-shadow:4px 0 24px rgba(0,0,0,.1);}
.telp-hh-shine{
  position:absolute;width:10px;height:160px;
  background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);
  border-radius:5px;top:25px;left:58px;transform:rotate(-3deg);
}

/* ─── TRUST STRIP ─── */
.telp-trust{background:#fff;padding:12px 18px;display:flex;justify-content:center;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:.5px solid var(--bdr);}
.telp-trust::-webkit-scrollbar{display:none;}
.telp-ti{flex-shrink:0;padding:0 14px 0 0;display:flex;align-items:center;gap:6px;border-right:.5px solid var(--bdr);margin-right:14px;}
.telp-ti:last-child{border-right:none;margin-right:0;padding-right:0;}
.telp-td{width:7px;height:7px;border-radius:50%;background:var(--blush-dark);}
.telp-tl{font-family:var(--fh);font-size:10px;font-weight:700;color:var(--t);letter-spacing:.04em;white-space:nowrap;}

/* ─── SECTIONS ─── */
.telp-sec{padding:32px 20px;}
.telp-sec-a{padding:32px 20px;background:var(--bg2);}
.telp-ey{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blush-dark);margin-bottom:5px;}
.telp-st{font-family:var(--fh);font-size:24px;font-weight:700;color:var(--t);line-height:1.15;margin-bottom:6px;}
.telp-ss{font-size:14px;color:var(--tm);line-height:1.6;margin-bottom:20px;}
.telp-divider{height:4px;background:var(--blush);opacity:.2;}

/* ─── STEP 1: LENGTH ─── */
.telp-len-grid{display:flex;gap:8px;}
.telp-len-c{
  flex:1;position:relative;border-radius:var(--r);overflow:hidden;
  cursor:pointer;transition:transform .15s,box-shadow .2s;
  border:2.5px solid transparent;background:#fff;
}
.telp-len-c:active{transform:scale(.97);}
.telp-len-c.sel{border-color:var(--blush-dark);box-shadow:0 4px 20px rgba(138,95,88,.18);}
.telp-len-badge{
  display: flex;
  flex-direction: column;
  font-family:var(--fh);font-size:9px;font-weight:700;
  letter-spacing:.06em;text-align:center;padding:3px 10px;
  background:var(--blush-dark);color:#fff;
  border-radius:var(--rp);white-space:nowrap;margin-top:4px;
}
.telp-len-vis{
  aspect-ratio: 3 / 4;
  width: 100%;
  display:flex;align-items:flex-end;justify-content:center;
  background:var(--blush-light);
  position:relative;
  overflow:hidden;
}
.telp-len-strand{border-radius:18px;box-shadow:2px 0 10px rgba(0,0,0,.08);position:relative;}
.telp-len-shine{
  position:absolute;width:4px;height:40%;
  background:rgba(255,255,255,.4);border-radius:3px;
  left:7px;top:8px;transform:rotate(-3deg);
}
.telp-len-body{padding:12px 10px 14px;text-align:center;}
.telp-len-cm{font-family:var(--fh);font-size:24px;font-weight:700;color:var(--t);line-height:1;}
.telp-len-cm span{font-size:13px;font-weight:600;color:var(--tm);}
.telp-len-name{font-family:var(--fh);font-size:11px;font-weight:600;color:var(--tm);margin-top:3px;}
.telp-check{
  position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;
  background:var(--blush-dark);display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .2s;z-index:3;
}
.telp-len-c.sel .telp-check{opacity:1;}
.telp-check svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}

/* ─── STEP 2: HAIR TYPE ─── */
.telp-step2{padding:24px 20px 28px;display:none;}
.telp-ht-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.telp-ht-c{
  background:#fff;border-radius:var(--r);padding:18px 14px;
  border:2.5px solid transparent;cursor:pointer;transition:all .2s;
  text-align:center;position:relative;
}
.telp-ht-c:active{transform:scale(.97);}
.telp-ht-c.sel{border-color:var(--blush-dark);box-shadow:0 4px 20px rgba(138,95,88,.18);}
.telp-ht-c.sel .telp-check{opacity:1;}
.telp-ht-icon{
  width:48px;height:48px;border-radius:50%;margin:0 auto 10px;
  display:flex;align-items:center;justify-content:center;
}
.telp-ht-name{font-family:var(--fh);font-size:16px;font-weight:700;color:var(--t);margin-bottom:3px;}
.telp-ht-desc{font-size:12px;color:var(--tm);line-height:1.4;}
.telp-ht-unsure{
  margin-top:12px;padding:12px 14px;background:var(--blush-light);
  border-radius:var(--r);display:flex;gap:10px;align-items:center;
}
.telp-ht-unsure-icon{font-size:16px;flex-shrink:0;}
.telp-ht-unsure-text{font-size:11px;color:var(--blush-text);line-height:1.45;}
.telp-ht-unsure-text a{color:var(--blush-dark);font-weight:600;text-decoration:underline;text-underline-offset:2px;}

/* ─── STEP 3: SET vs JUST ─── */
.telp-step3{padding:0 20px 28px;display:none;}
.telp-sj-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.telp-sj-c{
  background:#fff;border-radius:var(--r);padding:16px 14px;
  border:2.5px solid transparent;cursor:pointer;transition:all .2s;
  position:relative;
}
.telp-sj-c:active{transform:scale(.97);}
.telp-sj-c.sel{border-color:var(--blush-dark);box-shadow:0 4px 20px rgba(138,95,88,.18);}
.telp-sj-c.sel .telp-check{opacity:1;}
.telp-sj-badge{
  display:inline-block;font-family:var(--fh);font-size:8px;font-weight:700;
  padding:3px 10px;border-radius:var(--rp);margin-bottom:8px;
}
.telp-sj-badge-rec{background:var(--blush-dark);color:#fff;}
.telp-sj-badge-rep{background:var(--bg2);color:var(--tm);}
.telp-sj-name{font-family:var(--fh);font-size:17px;font-weight:700;color:var(--t);margin-bottom:4px;}
.telp-sj-desc{font-size:12px;color:var(--tm);line-height:1.45;margin-bottom:8px;}
.telp-sj-contains{font-size:10.5px;color:var(--tl);line-height:1.4;}
.telp-sj-contains strong{color:var(--tm);font-weight:600;}
.telp-sj-price{font-family:var(--fh);font-size:16px;font-weight:700;color:var(--blush-dark);margin-top:8px;}

/* ─── RESULT CARD ─── */
.telp-result{padding:0 20px 32px;display:none;}
.telp-res-card{
  background:#fff;border-radius:var(--r);overflow:hidden;
  border:1.5px solid var(--blush-mid);box-shadow:0 6px 28px rgba(138,95,88,.12);
}
.telp-res-head{
  padding:16px 18px;
  background:linear-gradient(135deg,var(--blush-light),var(--blush));
  display:flex;justify-content:space-between;align-items:center;
}
.telp-res-prod{font-family:var(--fh);font-size:17px;font-weight:800;color:var(--blush-text);}
.telp-res-sub{font-family:var(--fh);font-size:9px;font-weight:600;color:var(--blush-dark);margin-top:1px;}
.telp-res-price-wrap{text-align:right;}
.telp-res-price{font-family:var(--fh);font-size:22px;font-weight:800;color:var(--blush-text);}
.telp-res-from{font-family:var(--fh);font-size:9px;font-weight:600;color:var(--blush-dark);}
.telp-res-body{padding:16px 18px;}
.telp-res-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
.telp-res-pill{
  font-family:var(--fh);font-size:10px;font-weight:600;
  padding:5px 12px;border-radius:var(--rp);
  background:var(--blush-light);color:var(--blush-text);
}
.telp-res-cta{
  display:block;width:100%;background:var(--dark);color:#fff;
  font-family:var(--fh);font-size:14px;font-weight:700;
  padding:16px 28px;border-radius:var(--rp);border:none;
  cursor:pointer;text-align:center;transition:transform .1s;
}
.telp-res-cta:active{transform:scale(.97);}
.telp-res-note{
  text-align:center;font-size:10px;color:var(--tm);margin-top:10px;line-height:1.5;
}
.telp-res-note a{color:var(--blush-dark);font-weight:600;text-decoration:underline;text-underline-offset:2px;}

/* ─── MOOD BREAK ─── */
.telp-mood{
  height:240px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#e8dcd4,#d8c8bc,#c8b0a4);
}
.telp-mood-img{position:absolute;inset:0;background-size:cover;background-position:center;}
.telp-mood-c{
  position:absolute;bottom:0;left:0;right:0;padding:22px;
  background:linear-gradient(to top,rgba(42,26,22,.6),transparent);
}
.telp-mood-t{font-family:var(--fh);font-size:18px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:3px;}
.telp-mood-s{font-size:11px;color:rgba(255,255,255,.8);}
/* Mood placeholder */
.telp-mood-placeholder{
  position:absolute;top:15px;right:25px;display:flex;gap:5px;align-items:flex-start;opacity:.75;
}
.telp-mh{border-radius:24px;box-shadow:3px 0 16px rgba(0,0,0,.08);}

/* ─── METHOD PILLS ─── */
.telp-meth{padding:24px 20px;background:var(--blush-light);}
.telp-meth-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
.telp-meth-row::-webkit-scrollbar{display:none;}
.telp-mc{
  flex:0 0 150px;background:#fff;border-radius:var(--r);
  padding:20px 14px;border:.5px solid var(--bdr);text-align:center;
  scroll-snap-align:start;
}
.telp-mc-icon{
  width:42px;height:42px;border-radius:50%;margin:0 auto 10px;
  display:flex;align-items:center;justify-content:center;
}
.telp-mc-t{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--t);margin-bottom:3px;line-height:1.2;}
.telp-mc-d{font-size:11px;color:var(--tm);line-height:1.4;}
.telp-sh{text-align:center;font-size:9px;color:var(--tl);margin-top:8px;font-family:var(--fh);letter-spacing:.06em;}

/* ─── TESTIMONIALS ─── */
.telp-t-track{
  display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 20px;
}
.telp-t-track::-webkit-scrollbar{display:none;}
.telp-tc{
  flex:0 0 250px;scroll-snap-align:start;background:#fff;
  border-radius:var(--r);overflow:hidden;border:.5px solid var(--bdr);
}
.telp-tc-ba{display:flex;height:100px;}
.telp-ba-h{
  flex:1;display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:3px;font-family:var(--fh);
  font-size:8px;font-weight:700;letter-spacing:.06em;
}
.telp-ba-b{background:#ece5e0;color:#8a7068;}
.telp-ba-a{background:var(--blush);color:var(--blush-text);}
.telp-tc-ba img{width:100%;height:100%;object-fit:cover;}
.telp-tc-body{padding:10px 12px;}
.telp-tc-stars{display:flex;gap:1px;margin-bottom:3px;}
.telp-ts{width:9px;height:9px;background:#FFD700;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);}
.telp-tc-q{font-size:10.5px;color:var(--t);line-height:1.5;font-style:italic;margin-bottom:5px;}
.telp-tc-who{display:flex;align-items:center;gap:6px;}
.telp-tc-av{
  width:22px;height:22px;border-radius:50%;background:var(--blush);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fh);font-size:8px;font-weight:700;color:var(--blush-dark);
}
.telp-tc-name{font-family:var(--fh);font-size:9px;font-weight:600;color:var(--t);}
.telp-tc-prod{font-size:8px;color:var(--tm);}

/* ─── WA ─── */
.telp-wa{
  background:linear-gradient(135deg,var(--blush-light),var(--blush));
  padding:24px 22px;display:flex;gap:14px;align-items:center;
}
.telp-wa-ic{
  width:44px;height:44px;background:var(--wa);border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.telp-wa-t{font-family:var(--fh);font-size:13px;font-weight:800;color:var(--blush-text);margin-bottom:2px;}
.telp-wa-s{font-size:10.5px;color:var(--blush-dark);line-height:1.4;margin-bottom:8px;}
.telp-wa-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--wa);color:#fff;font-family:var(--fh);
  font-size:11px;font-weight:700;padding:9px 16px;
  border-radius:var(--rp);border:none;cursor:pointer;
}

/* ─── FAQ ─── */
.telp-faq{padding:28px 20px;}
.telp-fi{border-bottom:.5px solid var(--bdr);}
.telp-fi:last-child{border-bottom:none;}
.telp-fq{display:flex;justify-content:space-between;align-items:center;padding:13px 0;cursor:pointer;gap:12px;}
.telp-fq-t{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--t);line-height:1.3;flex:1;}
.telp-fq-i{
  width:20px;height:20px;border-radius:50%;background:var(--blush-light);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:transform .25s;
}
.telp-fq-i svg{width:10px;height:10px;stroke:var(--blush-dark);fill:none;stroke-width:2.5;stroke-linecap:round;}
.telp-fi.open .telp-fq-i{transform:rotate(45deg);}
.telp-fa{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.telp-fi.open .telp-fa{max-height:200px;}
.telp-fa-in{padding:0 0 13px;font-size:11px;color:var(--tm);line-height:1.6;}

/* ─── HINT (below length cards) ─── */
.telp-hint{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:20px 0 8px;
  animation:telpPulse 2s ease-in-out infinite;
}
.telp-hint-icon{
  width:28px;height:28px;border-radius:50%;background:var(--blush-light);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.telp-hint-text{
  font-family:var(--fh);font-size:12px;font-weight:600;
  color:var(--tm);
}
@keyframes telpPulse{0%,100%{opacity:.6}50%{opacity:1}}
.telp-hint.hidden{display:none;}

/* ─── BOTTOM CONTENT (hidden until funnel complete) ─── */
.telp-bottom{display:none;}
.telp-bottom.visible{display:block;}

/* ─── LENGTH CARD IMAGES ─── */
.telp-len-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
}
.telp-len-vis{position:relative;overflow:hidden;}

/* ─── CARD BACKGROUNDS — BLUSH ─── */
.telp-len-c{background:var(--blush-light);}
.telp-len-vis{background:linear-gradient(180deg,var(--blush-light),#ece2dc) !important;}
.telp-len-c.sel{background:#fff;}
.telp-ht-c{background:var(--blush-light);}
.telp-ht-c.sel{background:#fff;}
.telp-sj-c{background:var(--blush-light);}
.telp-sj-c.sel{background:#fff;}

/* ─── HAIR TYPE CARD IMAGES ─── */
.telp-ht-img-wrap{
  width:100%;height:100px;border-radius:var(--r) var(--r) 0 0;
  overflow:hidden;margin:-18px -14px 12px;
  width:calc(100% + 28px);
}
.telp-ht-img{width:100%;height:100%;object-fit:cover;display:block;}

/* ─── SET/JUST CARD IMAGES ─── */
.telp-sj-img-wrap{
  width:calc(100% + 28px);
  border-radius:var(--r) var(--r) 0 0;
  overflow:hidden;margin:-16px -14px 10px;
}
.telp-sj-img{width:100%;height:auto;display:block;}

/* ─── DESKTOP BANNER ─── */
.telp-desktop-banner{display:none;}
.telp-desktop-banner img{width:100%;height:auto;display:block;}

@media(min-width:768px){
  /* Desktop banner shows, hero adapts */
  .telp-desktop-banner{display:block;}
  .telp-hero{
    height:auto;min-height:0;padding:48px 40px 40px;
    background:linear-gradient(135deg,var(--blush-light) 0%,var(--blush) 100%);
  }
  .telp-hero-placeholder,.telp-hero-grad{display:none;}
  .telp-hero-img{display:none;}
  .telp-hero-c{
    position:relative;text-align:center;max-width:600px;margin:0 auto;padding:0;
  }
  .telp-hero-t{color:var(--blush-text);font-size:40px;}
  .telp-hero-s{color:var(--blush-dark);font-size:15px;margin-bottom:14px;}
  .telp-hero-proof{justify-content:center;}
  .telp-hero-pt{color:var(--blush-text);}
  .telp-hero-btn{background:var(--dark);color:#fff;}

  /* Trust centered */
  .telp-trust{justify-content:center;padding:14px 20px;}
  .telp-ti{padding:0 18px 0 0;margin-right:18px;}
  .telp-tl{font-size:11px;}

  /* Steps 1-3: contained width */
  .telp-sec,.telp-step2,.telp-step3,.telp-result{
    max-width:640px;margin-left:auto;margin-right:auto;
  }
  .telp-len-grid{max-width:500px;margin:0 auto;}
  .telp-ht-cards{max-width:420px;margin:0 auto;}
  .telp-sj-cards{max-width:500px;margin:0 auto;}
  .telp-res-card{max-width:520px;margin:0 auto;}
  .telp-hint{max-width:500px;margin-left:auto;margin-right:auto;}
  .telp-ht-unsure{max-width:420px;margin-left:auto;margin-right:auto;margin-top:12px;}

  /* Mood break: match testimonial width */
  .telp-mood{max-height:400px;max-width:1000px;margin:0 auto;overflow:hidden;}

  /* Testimonials: wider, bigger cards, title aligned with cards */
  .telp-sec-a{max-width:1000px;padding:40px 0;margin:0 auto;}
  .telp-sec-a .telp-ey,.telp-sec-a .telp-st{padding-left:20px;}
  .telp-t-track{justify-content:center;padding:0 20px;gap:16px;flex-wrap:nowrap;}
  .telp-tc{flex:0 0 300px;}
  .telp-tc-body{padding:14px 16px;}
  .telp-tc-q{font-size:12.5px;}

  /* WA: full width banner */
  .telp-wa{
    max-width:1000px;margin:0 auto;
    padding:36px 40px;
    border-radius:0;
    display:flex;align-items:center;gap:24px;
  }
  .telp-wa-ic{width:56px;height:56px;}
  .telp-wa-ic svg{width:28px !important;height:28px !important;}
  .telp-wa-t{font-size:18px;margin-bottom:4px;}
  .telp-wa-s{font-size:13px;margin-bottom:12px;}
  .telp-wa-btn{font-size:13px;padding:12px 24px;}

  /* Method pills: full width, large cards */
  .telp-meth{max-width:1000px;margin-left:auto;margin-right:auto;padding:36px 20px;background:var(--blush-light);}
  .telp-meth-row{justify-content:center;gap:12px;flex-wrap:nowrap;}
  .telp-mc{flex:0 0 200px;padding:28px 20px;}
  .telp-mc-icon{width:52px;height:52px;margin-bottom:12px;}
  .telp-mc-icon svg{width:22px !important;height:22px !important;}
  .telp-mc-t{font-size:14px;margin-bottom:4px;}
  .telp-mc-d{font-size:12px;}
  .telp-sh{display:none;}

  /* FAQ: wider */
  .telp-faq{max-width:1000px;margin-left:auto;margin-right:auto;padding:36px 20px;}
  .telp-fq-t{font-size:14px;}
  .telp-fa-in{font-size:13px;}

  /* Bottom content */
  .telp-bottom .telp-divider{display:none;}
}

/* ─── ANIMATIONS ─── */
@keyframes telpFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.telp-fu{animation:telpFadeUp .45s ease-out both;}
.telp-fd1{animation-delay:.08s;}
.telp-fd2{animation-delay:.16s;}
.telp-fd3{animation-delay:.24s;}