/*
 * „Povestea noastră” (#147, #876): configuratorul în 5 pași (8 octombrie 2026; inc/produs-cuplu.php, template-parts/produs/cuplu.php,
 * assets/cuplu.js). Scena de sus și exemplele sunt ale landingului comun (cadou.css); aici: banda zmeurie „Hai să vă scriem povestea”,
 * cardul alb cu pașii, întrebările (una pe ecran), momentele (carduri care se deschid pe rând) și comanda. Limbajul e al
 * „Azi vorbim despre tine” (podcast.css): zmeuriu, cremă, Bricolage Grotesque, butoane-pastilă. Prefix cp-.
 * Întâi telefonul (390 px): bara „Înapoi / Continuă” e lipită jos (position: sticky); niciun strămoș nu are overflow în afară de visible.
 * Culorile: zmeuriu #C92A48 · cerneală #1E1A20 · roz pal #FBEEF1 · brad #1F5B4A · aur #F3DDAA · cremă #FFF3E3.
 */
.cp{
  --cp-zm:#C92A48;--cp-zm-d:#A81F3B;--cp-zm-l:#EE5B78;--cp-pal:#FFF1F4;--cp-ink:#1E1A20;--cp-ink-2:#4A444D;--cp-ink-3:#736B79;
  --cp-blush:#FBEEF1;--cp-pin:#1F5B4A;--cp-aur:#F3DDAA;--cp-crem:#FFF3E3;--cp-hartie:#FFFDFB;--cp-linie:#EAE2E6;--cp-err:#B42318;
  --cp-ease:cubic-bezier(.2,.8,.2,1);--cp-arc:cubic-bezier(.34,1.56,.5,1)
}
.cp [hidden]{display:none!important}
.cp .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cp-wrap{width:min(1100px,calc(100% - 28px));margin-inline:auto}

/* ---------- banda zmeurie ---------- */
.cp-atelier{position:relative;padding:44px 0 56px;background:linear-gradient(165deg,#C92A48 0%,#A81F3B 62%,#8C1A33 100%);color:#fff}
.cp-eticheta{display:flex;align-items:center;gap:9px;margin:0 0 12px;font:650 11px/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--cp-aur)}
.cp-linie{flex:none;width:30px;height:1px;background:currentColor;opacity:.75}
.cp-atelier__cap{max-width:640px;margin:0 auto 22px;text-align:center}
.cp-atelier__cap .cp-eticheta{justify-content:center}
.cp-atelier .cp-atelier__t{margin:0 0 10px;font:800 clamp(30px,8vw,48px)/1.04 var(--font-display);letter-spacing:-.03em;text-wrap:balance;color:#fff}
.cp-atelier .cp-atelier__t em{font-style:normal;color:var(--cp-aur)}
.cp-atelier__sub{margin:0;font-size:16.5px;line-height:1.5;color:#FFE3E8}

/* ---------- cardul cu pașii ---------- */
.cp-ghid{scroll-margin-top:110px;position:relative;max-width:760px;margin:0 auto;border-radius:26px;background:var(--cp-hartie);color:var(--cp-ink);box-shadow:0 30px 70px -30px rgba(40,0,10,.65)}
.cp-caseta{padding:0;margin:0;background:none;box-shadow:none;border:0}
.cp-ghid form.cart{display:block;margin:0;padding:18px 16px 0}
.cp-noscript{margin:0;padding:16px;font-size:14.5px;color:var(--cp-ink-2)}
.cp-ghid .woocommerce-notices-wrapper{padding:14px 16px 0}
.cp-js .hooo-pers{display:none}
.cp-ghid .hp-eyebrow{display:none}
.cp-ghid .hooo-livrare{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#E8F2EE;font-size:14.5px;line-height:1.45;color:var(--cp-pin)}
.cp-ghid .hooo-vandut{margin:0;padding:8px 16px 18px;font-size:12.5px;line-height:1.5;color:var(--cp-ink-3);text-align:center}
.cp-ghid .hooo-pers__h{display:none}

/* progresul */
.cp-progres{margin:0 0 14px}
.cp-progres__t{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:13px;color:var(--cp-ink-3)}
.cp-progres__t b{font:800 15px/1.2 var(--font-display);color:var(--cp-ink)}
.cp-progres__bara{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.cp-progres__bara li{flex:1;display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:0}
.cp-progres__bara i{display:block;height:5px;border-radius:5px;background:var(--cp-linie);font-size:0;transition:background .3s}
.cp-progres__bara span{display:none;font-size:11px;font-weight:650;color:var(--cp-ink-3);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-progres__bara li.is-gata i{background:var(--cp-zm-l)}
.cp-progres__bara li.is-acum i{background:var(--cp-zm)}
.cp-progres__bara li.is-acum span{color:var(--cp-ink)}

/* pasul */
.cp-pas{padding:6px 0 18px}
.cp-pas__t{margin:0 0 6px;font:800 clamp(24px,6.4vw,32px)/1.08 var(--font-display);letter-spacing:-.025em;text-wrap:balance;outline:0}
.cp-pas__sub{margin:0 0 16px;font-size:15.5px;line-height:1.5;color:var(--cp-ink-2)}
.cp-pas__corp{display:grid;gap:14px}
.cp-eroare{display:block;margin:14px 0 0;padding:11px 14px;border-radius:12px;background:#FEF3F2;font-size:14.5px;line-height:1.4;font-weight:600;color:var(--cp-err)}
.cp-eroare::before{content:"! ";font-weight:800}

/* câmpurile native, în pași */
.cp-ghid .hooo-camp{margin:0;padding:0;border:0;background:none}
.cp-ghid .hooo-camp label,.cp-ghid .hooo-eticheta{display:block;margin:0 0 6px;font:650 14.5px/1.3 var(--font-body);color:var(--cp-ink)}
.cp-ghid .hooo-camp label small,.cp-ghid .hooo-eticheta small{font-weight:500;color:var(--cp-ink-3)}
.cp-ghid .hooo-camp input[type=text],.cp-ghid .hooo-camp input[type=date],.cp-ghid .hooo-camp select,.cp-ghid .hooo-camp textarea{width:100%;min-height:52px;padding:13px 15px;border:1.5px solid #D8CCD2;border-radius:14px;background:#fff;font:500 16px/1.4 var(--font-body);color:var(--cp-ink);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.cp-ghid .hooo-camp textarea{min-height:120px;resize:vertical}
.cp-ghid .hooo-camp input:focus,.cp-ghid .hooo-camp select:focus,.cp-ghid .hooo-camp textarea:focus{outline:0;border-color:var(--cp-zm);box-shadow:0 0 0 4px rgba(201,42,72,.14)}
.cp-ghid .hooo-camp.has-error input,.cp-ghid .hooo-camp.has-error textarea{border-color:var(--cp-err)}
.cp-ghid .hooo-ajutor{display:block;margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--cp-ink-3)}
.cp-ghid .hooo-eroare{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--cp-err)}
.cp-rand{display:grid;gap:14px}
.cp-rand--2{grid-template-columns:1fr}
.cp-rand--an{grid-template-columns:96px 1fr;gap:10px}
.cp-ghid .hooo-camp--jumatate{width:auto}
.cp-mai{border:1.5px dashed #D8CCD2;border-radius:16px;padding:0 14px}
.cp-mai summary{padding:14px 0;font:650 15px/1.3 var(--font-body);cursor:pointer;list-style:none}
.cp-mai summary::-webkit-details-marker{display:none}
.cp-mai summary::after{content:"+";float:right;font-size:20px;line-height:1;color:var(--cp-zm)}
.cp-mai[open] summary::after{content:"–"}
.cp-mai__corp{display:grid;gap:14px;padding:0 0 16px}
.cp-ghid .hooo-camp--poza{padding:14px;border-radius:16px;background:var(--cp-blush)}
.cp-ghid .hooo-poza-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px #D8CCD2;font:650 14.5px/1 var(--font-body);cursor:pointer}
.cp-ghid .hooo-poza-btn input{position:absolute;opacity:0;width:1px;height:1px}

/* chipuri: nume și începuturi de frază */
.cp-incep{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.cp-cip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1.5px solid #F1C9D1;border-radius:999px;background:var(--cp-pal);font:600 14px/1.2 var(--font-body);color:var(--cp-zm-d);cursor:pointer;text-align:left;transition:background .2s,transform .2s var(--cp-ease)}
.cp-cip:active{transform:scale(.96)}
@media (hover:hover){.cp-cip:hover{background:#FDE0E6}}

/* ---------- întrebările ---------- */
.cp-q{display:block}
.cp-q__sus{display:grid;gap:10px;margin:0 0 14px}
.cp-contor{margin:0;font-size:14px;color:var(--cp-ink-3)}
.cp-contor b{font:800 18px/1 var(--font-display);color:var(--cp-ink)}
.cp-contor.is-ok b{color:var(--cp-pin)}
.cp-contor .cp-ok{color:var(--cp-pin);font-weight:600}
.cp-qlista{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.cp-qpunct{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid #D8CCD2;border-radius:50%;background:#fff;font:700 12px/1 var(--font-body);color:var(--cp-ink-3);cursor:pointer;padding:0;transition:background .2s,border-color .2s,color .2s}
.cp-qpunct.is-gata{border-color:var(--cp-zm);background:var(--cp-zm);color:#fff}
.cp-qpunct.is-scurt{border-color:#E3B563;background:#FFF6E0;color:#8A5B00}
.cp-qpunct.is-acum{box-shadow:0 0 0 3px rgba(201,42,72,.28);color:var(--cp-ink)}
.cp-qpunct.is-acum.is-gata{color:#fff}
.cp-q__nr{margin:0 0 6px;font:650 11.5px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--cp-zm-d)}
.cp-q__t{margin:0 0 6px;font:800 clamp(23px,6vw,30px)/1.1 var(--font-display);letter-spacing:-.025em;text-wrap:balance;outline:0}
.cp-q__indiciu{margin:0 0 10px;font-size:15px;color:var(--cp-ink-3)}
.cp-q__exemplu,.cp-m__exemplu{margin:0 0 4px;padding:12px 14px;border-radius:14px;background:var(--cp-crem);font-size:14.5px;line-height:1.5;color:var(--cp-ink-2)}
.cp-q__exemplu b,.cp-m__exemplu b{display:block;margin:0 0 2px;font:650 11px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#8A5B00}
.cp-q__camp{margin:12px 0 0}
.cp-q__camp .hooo-cuplu-q{margin:0}
.cp-q__camp textarea{min-height:132px}
.cp-q__stare{display:flex;justify-content:space-between;gap:10px;margin:8px 2px 0;font-size:13.5px;line-height:1.4;color:var(--cp-ink-3)}
.cp-q__stare .is-ok{color:var(--cp-pin);font-weight:600}
.cp-numar{flex:none;font-variant-numeric:tabular-nums}
.cp-q__jos{display:grid;gap:10px;margin:12px 0 0}
.cp-sari{justify-self:start;padding:6px 0;border:0;background:none;font:600 14px/1.3 var(--font-body);color:var(--cp-ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cp-sfat{margin:0;font-size:13px;line-height:1.45;color:var(--cp-ink-3)}

/* ---------- momentele ---------- */
.cp-contor--m{margin:0}
.cp-m-nativ{display:grid;gap:10px}
.cp-m{margin:0;padding:0;border:1.5px solid var(--cp-linie);border-radius:16px;background:#fff;min-width:0}
.cp-m.is-deschis{border-color:var(--cp-zm);box-shadow:0 10px 24px -16px rgba(201,42,72,.55)}
.cp-m__cap{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 14px;border:0;background:none;font:650 14.5px/1.3 var(--font-body);color:var(--cp-ink);text-align:left;cursor:pointer}
.cp-m__nr{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cp-blush);font:800 13px/1 var(--font-display);color:var(--cp-zm-d)}
.cp-m__rez{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-m__semn{flex:none;font-size:18px;color:var(--cp-ink-3)}
.cp-m__semn.is-gata{color:var(--cp-pin);font-weight:800}
.cp-m:not(.is-deschis) .cp-rand,.cp-m:not(.is-deschis) label,.cp-m:not(.is-deschis) textarea,.cp-m:not(.is-deschis) .cp-m__stare{display:none}
.cp-m.is-deschis>label,.cp-m.is-deschis>textarea,.cp-m.is-deschis>.cp-rand,.cp-m.is-deschis>.cp-m__stare{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}
.cp-m.is-deschis>.cp-rand{margin-bottom:12px}
.cp-m.is-deschis>textarea{margin-bottom:14px}
.cp-m__stare{margin:-6px 14px 14px;font-size:13.5px;color:var(--cp-ink-3)}
.cp-m__stare.is-eroare{color:var(--cp-err);font-weight:600}
.cp-cel{min-width:0}
.cp-m__adauga{justify-self:start}

/* ---------- comanda ---------- */
.cp-formate{display:grid;gap:12px}
.cp-format{position:relative;display:grid;gap:4px;padding:16px 16px 14px;border:2px solid var(--cp-linie);border-radius:18px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.cp-format input{position:absolute;opacity:0;width:1px;height:1px}
.cp-format.is-ales{border-color:var(--cp-zm);background:var(--cp-pal)}
.cp-format:has(input:focus-visible){outline:3px solid var(--cp-zm);outline-offset:2px}
.cp-format__t{font:800 18px/1.2 var(--font-display);padding-right:34px}
.cp-format__pret{font:800 22px/1.1 var(--font-display);color:var(--cp-zm)}
.cp-format__d{font-size:14.5px;color:var(--cp-ink-2)}
.cp-format__lista{display:none;gap:3px;margin-top:6px;font-size:13.5px;color:var(--cp-ink-3)}
.cp-format.is-ales .cp-format__lista{display:grid}
.cp-format__lista span::before{content:"✓";margin-right:.45em;color:var(--cp-pin);font-weight:800}
.cp-format__bifa{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cp-zm);color:#fff;font-size:13px;font-weight:800;transform:scale(0);transition:transform .35s var(--cp-arc)}
.cp-format.is-ales .cp-format__bifa{transform:scale(1)}
.cp-rezumat dl{margin:0;display:grid;gap:0;border-radius:16px;background:var(--cp-crem);padding:4px 14px}
.cp-rezumat dl>div{display:grid;grid-template-columns:96px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #F0E3CC;font-size:14.5px}
.cp-rezumat dl>div:last-child{border:0}
.cp-rezumat dt{font-weight:650;color:var(--cp-ink-3)}
.cp-rezumat dd{margin:0;color:var(--cp-ink);min-width:0;overflow-wrap:anywhere}
.cp-modifica{margin-left:6px;padding:0;border:0;background:none;font:600 13.5px/1.3 var(--font-body);color:var(--cp-zm-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cp-comanda__act{display:grid;gap:10px;padding:2px 0 4px}
.cp-comanda__nota{margin:0;font-size:13.5px;line-height:1.45;color:var(--cp-ink-3);text-align:center}
.cp-modifica--inapoi{justify-self:center;margin:2px 0 0}

/* ---------- butoane și bara de jos ---------- */
.cp-btn,.cp-ghid .single_add_to_cart_button.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:999px;font:650 16px/1.15 var(--font-body);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s var(--cp-ease),opacity .2s;-webkit-tap-highlight-color:transparent}
.cp-btn:disabled{opacity:.5;cursor:not-allowed}
.cp-btn:not(:disabled):active{transform:scale(.97)}
.cp-btn--zmeura,.cp-ghid .single_add_to_cart_button.cp-btn--zmeura{background:var(--cp-zm);color:#fff;box-shadow:0 14px 30px -14px rgba(201,42,72,.95)}
@media (hover:hover){.cp-btn--zmeura:not(:disabled):hover,.cp-ghid .single_add_to_cart_button.cp-btn--zmeura:not(:disabled):hover{background:var(--cp-zm-d);color:#fff}}
.cp-btn--linie{background:#fff;color:var(--cp-ink);box-shadow:inset 0 0 0 1.5px #D8CCD2}
.cp-btn--inapoi{background:#fff;color:var(--cp-ink);box-shadow:inset 0 0 0 1.5px #D8CCD2;padding:0 18px}
.cp-btn--comanda{width:100%;min-height:58px;font-size:17px}
.cp-btn.is-ocupat{opacity:.7}
.cp-ghid :focus-visible{outline:3px solid var(--cp-zm);outline-offset:2px;border-radius:10px}
.cp-bara{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:0 0 26px 26px;background:linear-gradient(to bottom,rgba(255,253,251,0),var(--cp-hartie) 24%)}
.cp-bara .cp-btn--continua{flex:1}
.cp-gata{text-align:center;padding:28px 0 26px}
.cp-gata__act{display:grid;gap:10px;justify-items:center;margin:8px 0 0}

@media (min-width:700px){
  .cp-atelier{padding:64px 0 76px}
  .cp-ghid form.cart{padding:28px 34px 0}
  .cp-bara{margin:0 -34px;padding:14px 34px 18px}
  .cp-progres__bara span{display:block}
  .cp-rand--2{grid-template-columns:1fr 1fr}
  .cp-formate{grid-template-columns:1fr 1fr}
  .cp-rand--an{grid-template-columns:130px 1fr}
  .cp-qpunct{width:34px;height:34px}
  .cp-format__lista{display:grid}
  .cp-q__camp textarea{min-height:150px}
  .cp-btn--comanda{width:auto;justify-self:center;min-width:360px}
}
@media (prefers-reduced-motion:reduce){.cp *{transition:none!important;animation:none!important}}

/* ---------- 9 octombrie 2026: „Răsfoiește” (paginile probei reale) și garanțiile de la „Cum o facem” ---------- */
.cadou .cp-rasf{padding:clamp(56px,7vw,100px) 0;background:var(--pc-hartie,#FFF8EE)}
.cadou .cp-rasf__rand{display:flex;gap:16px;margin:0 -14px;padding:6px 14px 22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline-offset:4px}
.cadou .cp-rasf__rand::-webkit-scrollbar{display:none}
.cadou .cp-rasf__pag{flex:none;width:min(80vw,390px);margin:0;scroll-snap-align:center}
.cadou .cp-rasf__pag img{display:block;width:100%;height:auto;border-radius:6px;background:#fff;box-shadow:0 22px 44px -22px rgba(40,20,10,.55),0 0 0 1px rgba(40,20,10,.06)}
.cadou .cp-rasf__pag figcaption{margin:12px 2px 0;font-size:14.5px;line-height:1.45;color:var(--pc-muted,#6B6470)}
.cadou .cp-rasf__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px 0 0}
.cadou .cp-rasf__nr{margin:0;min-width:130px;text-align:center;font:650 14px/1.3 var(--font-body);color:var(--pc-ink,#1E1A20)}
.cadou .cp-rotund{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid #D8CCD2;border-radius:50%;background:#fff;font-size:20px;color:#1E1A20;cursor:pointer;transition:background .2s,opacity .2s}
.cadou .cp-rotund:disabled{opacity:.35;cursor:default}
@media (hover:hover){.cadou .cp-rotund:not(:disabled):hover{background:#FBEEF1}}
.cadou .cp-garantii{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:32px 0 0;padding:0;list-style:none}
.cadou .cp-garantii li{position:relative;padding:14px 16px 14px 42px;border:1px solid var(--pc-linie,#E7E0E4);border-radius:14px;background:#fff;font-size:15px;line-height:1.55;color:var(--pc-muted,#4A444D)}
.cadou .cp-garantii li::before{content:"✓";position:absolute;left:15px;top:14px;font-weight:800;color:#1F5B4A}
.cadou .cp-garantii b{color:#1E1A20}
@media (max-width:760px){.cadou .cp-garantii{grid-template-columns:1fr}.cadou .cp-rasf__rand{margin:0 -14px}}

/* 24.10.2026 (feedback: „butonul de cumpărare ajunge mult în jos”): butonul cu prețul rămâne lipit jos cât derulezi pasul „Comanda” */
.cp-comanda__act{position:sticky;bottom:0;z-index:6;margin:0 -6px;padding:10px 6px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--cp-hartie,#FFFDFB) 78%,rgba(255,253,251,0))}
.cp-comanda__nota{margin-top:-4px}