.puni-erou-compus{--ecp-menta:#8FD6C4;--ecp-grafit:#3C382F;position:relative;overflow:hidden;isolation:isolate;box-sizing:border-box;
  height:380px;border-radius:var(--puni-radius-placa,28px);color:var(--ecp-grafit);font-family:Inter,sans-serif}
.puni-erou-compus>*{box-sizing:border-box}

.puni-ec-s1{background-color:#E7E8EA}   
.puni-ec-s1 .puni-ecp-pata{position:absolute;z-index:0;left:-8%;top:-20%;width:62%;height:140%;
  background:radial-gradient(ellipse 62% 56% at 44% 52%,#DAC5E3 0 58%,rgba(218,197,227,.55) 74%,rgba(218,197,227,0) 92%)}
.puni-ec-s2{background:linear-gradient(180deg,#FACEDB 0%,#F1C3CE 25%,#EBB9C5 50%,#E1ADBA 75%,#E0AAB8 100%)}   
.puni-ec-s3{background:linear-gradient(180deg,#F1F0DC 0%,#ECEBD3 100%)}
.puni-ec-s3 .puni-ecp-pata{position:absolute;z-index:0;right:-8%;top:-20%;width:62%;height:140%;
  background:radial-gradient(ellipse 62% 56% at 56% 52%,#E6EBBE 0 58%,rgba(230,235,190,.6) 74%,rgba(230,235,190,0) 92%)}

/* ── fotografii ── */
.puni-erou-compus picture{display:contents}
.puni-ecp-foto{position:absolute;z-index:1;top:0;bottom:0;height:100%;object-fit:cover;display:block}
.puni-ec-s1 .puni-ecp-foto{right:0;width:58%;margin:0;-webkit-mask:linear-gradient(90deg,transparent 0,#000 18%);mask:linear-gradient(90deg,transparent 0,#000 18%)}
.puni-ec-s2 .puni-ecp-foto{left:0;width:300px;object-position:50% 0;   
  -webkit-mask:linear-gradient(90deg,#000 0,#000 70%,transparent 100%);mask:linear-gradient(90deg,#000 0,#000 70%,transparent 100%)}   

.puni-ecp-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:52% 0}

html body .puni-ec-slide .puni-erou-compus.puni-erou-a{margin:0;width:auto;box-shadow:none;grid-template-columns:none}
@media (min-width:800px){html body .puni-ec-slide .puni-erou-compus.puni-erou-a{display:block;height:380px}}

/* ── text ── */
.puni-ecp-text{position:absolute;z-index:3;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:14px}
.puni-ec-s1 .puni-ecp-text{left:48px;width:40%}
.puni-ec-s2 .puni-ecp-text{left:316px;width:360px;gap:12px}
.puni-ec-s3 .puni-ecp-text{left:48px;width:42%}
html body .puni-erou-compus .puni-supratitlu{margin:0;font:600 12px/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--ecp-grafit)}
html body .puni-main .puni-erou-compus .puni-hero-titlu,html body .puni-erou-compus .puni-ecp-h2{margin:0;padding:0;color:var(--ecp-grafit);
  font:600 36px/1.06 Unbounded,Inter,sans-serif;letter-spacing:-.015em;text-wrap:balance;max-width:11.9em}   
html body .puni-erou-compus .puni-ecp-h2{font-size:32px}
html body .puni-ec-s2 .puni-ecp-h2{font-size:28px;max-width:none}
html body .puni-erou-compus .puni-erou-a-sub{margin:0;font:400 16px/1.45 Inter,sans-serif;color:var(--ecp-grafit);max-width:18.6em}
html body .puni-ec-s2 .puni-erou-a-sub{max-width:21em}
.puni-erou-compus .puni-mk{background:linear-gradient(transparent 66%,var(--ecp-menta) 66% 90%,transparent 90%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
html body .puni-erou-compus a.puni-ecp-cta{align-self:flex-start;margin-top:8px;background:var(--ecp-menta);color:var(--ecp-grafit);border-radius:999px;padding:16px 30px;
  font:600 16px/1 Inter,sans-serif;text-decoration:none;white-space:nowrap}
html body .puni-erou-compus a.puni-ecp-cta:hover{background:var(--puni-tiffany-hover,#7FC7B5);color:var(--ecp-grafit)}
html body .puni-erou-compus a.puni-ecp-cta:focus-visible{outline:2px solid var(--ecp-grafit);outline-offset:3px}

html body .puni-erou-compus.puni-ec-s1 .puni-hero-titlu,html body .puni-erou-compus.puni-ec-s2 .puni-ecp-h2{min-height:calc(3 * 1.06em)}
html body .puni-erou-compus.puni-ec-s3 .puni-ecp-h2{min-height:calc(3 * 1.06em)}
html body .puni-erou-compus.puni-ec-s1 .puni-erou-a-sub{min-height:calc(2 * 1.45em)}
html body .puni-erou-compus.puni-ec-s2 .puni-erou-a-sub{min-height:calc(3 * 1.45em)}

.puni-erou-compus .puni-ecp-sl{display:inline}

.puni-erou-compus .puni-ecp-l{display:block;white-space:nowrap}

.puni-ec-s1 .puni-ecp-text{container-type:inline-size}
html body .puni-main .puni-erou-compus .puni-hero-titlu.puni-ecp-lung{font-size:min(36px, calc(100cqi / 14.38))}

/* ── ② lipperii ── */
.puni-ecp-lipperi{position:absolute;z-index:2;right:40px;top:46%;transform:translateY(-50%);display:flex;align-items:flex-end;gap:12px;height:230px}
.puni-ecp-lipperi img{height:100%;width:auto;display:block;filter:drop-shadow(0 14px 18px rgba(60,56,47,.22))}
.puni-ecp-lipperi img:nth-child(2n){height:88%}
/* tura7 Designer (TG 1606/1610): Kyiv Cake (.kc, in titlu) principal, 100% si in fata; ceilalti trei la 80%, usor suprapusi */
.puni-ecp-lipperi img,.puni-ecp-lipperi img:nth-child(2n){height:80%;position:relative}
.puni-ecp-lipperi img.kc{height:100%;z-index:3;margin:0 -10px}

.puni-ecp-prod{--H:270px;position:absolute;right:56px;top:0;bottom:0;margin:auto 0;display:flex;align-items:flex-end;gap:0;height:var(--H)}   
.puni-ecp-prod>.puni-ecp-p,.puni-ecp-prod>.puni-ecp-p-cut{position:relative;flex:none;height:calc(var(--H) * var(--f, 1))}
.puni-ecp-prod>:nth-child(1){--f:1}
.puni-ecp-prod>:nth-child(2){--f:.62;margin-left:-6%}
.puni-ecp-prod>:nth-child(3){--f:.74;margin-left:-4%}
.puni-ecp-p{display:block;aspect-ratio:var(--r);overflow:hidden;mix-blend-mode:multiply}
.puni-ecp-p-img{position:absolute;display:block;max-width:none;max-height:none}
.puni-ecp-p-cut{display:block;width:auto;filter:drop-shadow(0 10px 14px rgba(60,56,47,.16))}
.puni-ecp-prod>.puni-ecp-p-cut:nth-child(1){z-index:1}
.puni-ecp-prod>.puni-ecp-p-cut:nth-child(2){z-index:3}
.puni-ecp-prod>.puni-ecp-p-cut:nth-child(3){z-index:2}
/* tura7 Designer (TG 1610): 635 = flacon zvelt, 86%, fara suprapunere (borcanul acoperea DEEP VIOLET) */
.puni-ecp-prod>:nth-child(3){--f:.86;margin-left:2%}
@media (max-width:1199.98px){.puni-ecp-prod{--H:230px}}
@media (max-width:1023.98px){.puni-ecp-prod{--H:220px;right:32px}}

html body .puni-erou-a.puni-ea-compus{display:block;height:auto;background:transparent}
.puni-ea-compus>.puni-erou-compus{height:380px}

@media (max-width:799.98px){
  .puni-ec-pista,.puni-erou-compus{--ecp-foto:min(calc((100vw - 32px) * 1.25), 460px);--ecp-fs:min(28px, calc((100vw - 72px) / 11.4));--ecp-extra:0px}
  .puni-erou-compus{height:auto;display:flex;flex-direction:column;border-radius:20px}
  html body .puni-ec-slide .puni-erou-compus.puni-erou-a{display:flex;flex-direction:column;height:auto}
  .puni-ecp-img{object-position:50% 0}
  .puni-ec-slide:has(>.puni-erou-compus){display:flex;flex-direction:column}
  .puni-ec-slide>.puni-erou-compus{flex:1 1 auto}
  .puni-ea-compus>.puni-erou-compus{height:auto}
  .puni-ecp-foto,.puni-ec-s1 .puni-ecp-foto,.puni-ec-s2 .puni-ecp-foto{position:relative;order:1;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:var(--ecp-foto);object-position:50% 0;
    -webkit-mask:linear-gradient(180deg,#000 84%,transparent 100%);mask:linear-gradient(180deg,#000 84%,transparent 100%)}
  .puni-ec-s1 .puni-ecp-pata{left:0;top:auto;bottom:0;width:100%;height:340px;background:linear-gradient(180deg,rgba(218,197,227,0) 0,#DAC5E3 30%,#DAC5E3 100%)}
  .puni-ec-s3 .puni-ecp-pata{left:0;right:auto;top:0;width:100%;height:100%;background:linear-gradient(180deg,#E6EBBE 0,#EEF1CF 55%,#FBF8EC 100%)}
  .puni-ecp-text,.puni-ec-s1 .puni-ecp-text,.puni-ec-s2 .puni-ecp-text,.puni-ec-s3 .puni-ecp-text{position:relative;order:3;left:auto;top:auto;bottom:auto;width:auto;padding:4px 20px 24px;gap:10px}
  .puni-ec-s3{justify-content:center}
  html body .puni-main .puni-erou-compus .puni-hero-titlu,html body .puni-erou-compus .puni-ecp-h2,html body .puni-ec-s2 .puni-ecp-h2{font-size:var(--ecp-fs);max-width:none}
  html body .puni-main .puni-erou-compus .puni-hero-titlu.puni-ecp-lung{font-size:min(var(--ecp-fs), calc(100cqi / 14.38))}   /* 26.10 · ① A/B, vezi mai sus */   
  html body .puni-erou-compus .puni-erou-a-sub{font-size:15px}
  .puni-erou-compus .puni-ecp-sl{display:block;white-space:nowrap}   /* 22.10 (TG 1606): «Я підберу догляд саме» / «для вашої шкіри» */
  html body .puni-erou-compus a.puni-ecp-cta{padding:14px 24px;font-size:15px}
  .puni-ecp-lipperi{position:relative;order:2;right:auto;top:auto;transform:none;height:120px;margin:-72px 20px 2px;justify-content:flex-end;z-index:3}
  .puni-ecp-prod{--H:min(220px, calc(0.7 * (100vw - 32px) - 30px));position:relative;order:1;right:auto;top:auto;bottom:auto;justify-content:center;margin:20px 20px 4px}
  
  .puni-ec-pista{min-height:calc(var(--ecp-foto) + 327px + var(--ecp-extra) - 3.18 * (28px - var(--ecp-fs)))}

  .puni-ec-pista.puni-ec-cu-baner{min-height:max(calc(var(--ecp-foto) + 327px + var(--ecp-extra) - 3.18 * (28px - var(--ecp-fs))), calc((100vw - 32px) * 497 / 358 + 8px))}   
  
  .puni-ec-slide.puni-ec-s-baner{align-self:start}
  .puni-ec-slide.puni-ec-s-baner .puni-erou-baner{height:auto;aspect-ratio:358/497}
}

@media (prefers-reduced-motion:reduce){
  .puni-ec-slide,.puni-ec-punct::before,.puni-ec-sag,.puni-erou-compus,.puni-erou-compus *{transition:none!important;animation:none!important}
}

.puni-erou-carusel .puni-ec-sag{z-index:4}