/* hooo · etichetele de preț din eroul paginilor de produs (24.10.2026), pe toate paginile de produs (inc/produs.php) */
/* ---------- 24.10.2026, Adrian („îmi place maxim eticheta de preț; aplică și pe celelalte pagini”): prețurile din erou pe etichete de
   cadou, ca pe Cartea de Crăciun: hârtie crem, gaura cu șnurul, eticheta formatului sus, prețul tăiat și prețul de acum, bulina
   zmeurie cu reducerea (scris alb). Marcajul: .cf-oferte.cf-taguri (inc/pagini-finisare.php, bunici, cuplu, povestea-mea, scrisoare). Cartea de Crăciun are .pv-taguri (carte-atelier.css). */
.cf-taguri{display:flex!important;flex-wrap:wrap;gap:16px 18px!important;margin:6px 0 26px!important;padding:0!important;border:0!important}
.cf-taguri .cf-oferta{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:5px!important;min-width:170px;margin:0!important;padding:13px 42px 13px 34px!important;border:0!important;border-radius:12px 16px 16px 12px;
  background:radial-gradient(120% 120% at 15% 0%,#fffefa,#fbf3e6 60%,#f3e6d1);color:#1E1A20;box-shadow:0 14px 28px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.9);
  transform:rotate(-2deg);transition:transform .3s cubic-bezier(.34,1.56,.5,1)}
.cf-taguri .cf-oferta:nth-child(2n){transform:rotate(1.6deg)}
.cf-taguri .cf-oferta:hover{transform:rotate(0) translateY(-3px)}
.cf-taguri .cf-oferta::before{content:"";position:absolute;left:12px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:rgba(10,8,14,.78);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.cf-taguri .cf-oferta::after{content:"";position:absolute;left:-26px;top:50%;width:42px;height:1.5px;background:linear-gradient(90deg,transparent,#e6b764);transform:rotate(-8deg);transform-origin:right center}
/* eticheta formatului, sus: „în PDF, pe email” (după preț în marcaj) sau „PDF” (primul element, la cărți) */
.cf-taguri .cf-oferta__et,.cf-taguri :is(span,li).cf-oferta>span:first-child:not(.cf-oferta__pret){order:-1;font:700 10.5px/1.25 var(--font-body)!important;letter-spacing:.12em;text-transform:uppercase;color:#C92A48!important;max-width:19em}
.cf-taguri :is(span,li).cf-oferta{display:grid!important;grid-template-columns:auto auto;justify-content:start;align-items:baseline;column-gap:8px}
.cf-taguri :is(span,li).cf-oferta>span:first-child:not(.cf-oferta__pret){grid-column:1/-1}
.cf-taguri .cf-oferta__pret{display:flex!important;align-items:baseline;gap:8px!important}
.cf-taguri .cf-oferta b{font:800 27px/1 var(--font-display)!important;letter-spacing:-.02em;color:#1E1A20!important}
.cf-taguri .cf-oferta s{font:600 14px/1 var(--font-display)!important;color:#9a8f86!important;text-decoration-thickness:1.5px}
.cf-taguri .cf-oferta__red{position:absolute;top:-14px;right:-14px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#F0566F,#C92A48 60%,#A11F3A);color:#fff!important;font:800 14px/1 var(--font-display)!important;letter-spacing:-.02em;transform:rotate(12deg);box-shadow:0 0 0 2px #E7AE45,0 6px 14px rgba(0,0,0,.4)}
@media (max-width:760px){
  .cf-taguri{justify-content:center;gap:12px 14px!important;margin:6px 0 20px!important}
  .cf-taguri .cf-oferta{min-width:0;padding:11px 34px 11px 28px!important}
  .cf-taguri .cf-oferta::before{left:10px}
  .cf-taguri .cf-oferta::after{display:none}
  .cf-taguri .cf-oferta b{font-size:22px!important}
  .cf-taguri .cf-oferta s{font-size:12.5px!important}
  .cf-taguri .cf-oferta__et{font-size:9.5px!important;max-width:15em}
  .cf-taguri .cf-oferta__red{width:40px;height:40px;font-size:12px!important;top:-11px;right:-9px}
}
@media (prefers-reduced-motion:reduce){.cf-taguri .cf-oferta{transition:none}}
/* listele de prețuri (ul.hp-oferte, la desen, podcast, vocea, „din partea tuturor”, cadoul se descoperă): fără buline de listă */
.cf-taguri,.cf-taguri li.cf-oferta{list-style:none}
.cf-taguri li.cf-oferta::marker{content:none}
/* „Cântecul tău” are eroul centrat */
.cn-erou .cn-taguri{justify-content:center}
/* textele lungi ale formatului trec pe două rânduri; prețul de acum stă imediat după cel tăiat */
.cf-taguri :is(span,li).cf-oferta{grid-template-columns:auto 1fr}
.cf-taguri :is(span,li).cf-oferta>b{justify-self:start}
.cf-taguri .cf-oferta__et,.cf-taguri :is(span,li).cf-oferta>span:first-child:not(.cf-oferta__pret){white-space:normal;max-width:17em}
.cf-taguri .cf-oferta{text-align:left}