/* hooo.ro · ANTETUL cu cele 3 mega meniuri și SUBSOLUL (22 octombrie 2026), pe tot site-ul; markupul în header.php și footer.php,
 * datele în inc/antet-mega.php. Portat fidel din tmp/home-v2/v2/comun/comun.css (structura aprobată de Adrian), cu legătura la temă
 * la final („TEMA”): --hdr-h, bara de administrare, regulile vechi .site-header / .site-footer, formularul [hooo_lista], antetul scurt.
 * Limbajul paginii de produs aprobate „Moș Crăciun îți răspunde”: Bricolage Grotesque + Instrument Sans + hooo Scris,
 * zmeuriu #C92A48, crem, noapte bordo, auriu. Prefixul hc- („hooo comun”) ține clasele și variabilele departe de stilurile paginii.
 * Telefon întâi: 375 → 600 → 900 → 1180 (meniul de desktop) → 1360 („Am un cod cadou” cu text). */

/* ---------- fonturile: Bricolage Grotesque și Instrument Sans vin din assets/fonts/fonts.css (aceleași fișiere); aici doar scrisul de mână ---------- */
@font-face{font-family:"hooo Scris";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/hooo-scris-600-ro.woff2) format("woff2")}

/* ---------- tokenuri (aceleași valori ca pagina cutiei) ---------- */
:root{
  --hc-ink:#231B20; --hc-ink-2:#5B4F55; --hc-ink-3:#7A7280;
  --hc-crem:#FBF8F1; --hc-hartie:#FBF6EE; --hc-hartie-2:#F4ECDF; --hc-alb:#FFFDF9;
  --hc-rasp:#C92A48; --hc-rasp-d:#A11F3A; --hc-rasp-l:#E0405E; --hc-blush:#F5E2E5;
  --hc-pine:#1F5B4A; --hc-pine-l:#E6EFE8;
  --hc-aur:#C4A05A; --hc-aur-l:#EFC654; --hc-lumanare:#F6DDB0;
  --hc-linie:#E7DCCB; --hc-linie-2:#DDD8D0;
  --hc-noapte:#2A111C; --hc-noapte-2:#45182A; --hc-noapte-3:#1D0C13;
  --hc-f-titlu:"Bricolage Grotesque","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --hc-f-text:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --hc-f-scris:"hooo Scris","Segoe Script",cursive;
  --hc-umbra-1:0 1px 2px rgba(35,27,32,.06),0 10px 30px -12px rgba(35,27,32,.22);
  --hc-umbra-2:0 2px 6px rgba(35,27,32,.10),0 28px 60px -20px rgba(35,27,32,.40);
  --hc-ease:cubic-bezier(.2,.8,.2,1);
  --hc-wrap:1260px; --hc-gut:16px; --hc-antet-h:64px; --hc-anunt-h:32px;
}
@media (min-width:600px){:root{--hc-gut:24px}}
@media (min-width:900px){:root{--hc-gut:40px;--hc-anunt-h:34px}}
@media (min-width:1180px){:root{--hc-antet-h:80px}}

/* ---------- utilitare ---------- */
.hc-sprite{position:absolute;width:0;height:0;overflow:hidden}
.hc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.hc-blocat,html.hc-blocat body{overflow:hidden}
.hc-sari{position:absolute;left:-9999px;top:10px;z-index:200;padding:10px 14px;border-radius:10px;background:#fff;color:var(--hc-ink);font:650 15px/1.2 var(--hc-f-text);box-shadow:var(--hc-umbra-1)}
.hc-sari:focus{left:12px}
.hc-anunt *,.hc-antet *,.hc-subsol *,.hc-umbra{box-sizing:border-box}
:where(.hc-antet,.hc-subsol) ul{margin:0;padding:0;list-style:none}
:where(.hc-antet,.hc-subsol) p{margin:0}
.hc-antet button,.hc-subsol button,.hc-subsol input{font:inherit;color:inherit}
.hc-antet img,.hc-subsol img{max-width:100%;height:auto;display:block}
.hc-antet :focus-visible,.hc-subsol :focus-visible,.hc-anunt :focus-visible{outline:3px solid var(--hc-rasp);outline-offset:3px;border-radius:6px}
.hc-subsol :focus-visible{outline-color:var(--hc-aur-l)}

/* ======================================================================
   BARA DE ANUNȚ
   ====================================================================== */
.hc-anunt{position:relative;z-index:56;display:flex;align-items:center;justify-content:center;height:var(--hc-anunt-h);padding:0 12px;background:var(--hc-rasp);color:#fff;font:500 12px/1.2 var(--hc-f-text);letter-spacing:.015em;text-align:center;overflow:hidden}
.hc-anunt__in{position:relative;display:grid;margin:0;width:100%;max-width:520px}
.hc-anunt__m{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(60%);transition:opacity .5s ease,transform .6s var(--hc-ease)}
.hc-anunt__m.is-activ{opacity:1;transform:none}
.hc-anunt__m.is-iese{opacity:0;transform:translateY(-60%)}
.hc-anunt b{font-weight:700;color:#FFE2A8}
@media (min-width:900px){
  .hc-anunt{font-size:12.5px}
  .hc-anunt__in{display:flex;justify-content:center;max-width:none}
  .hc-anunt__m,.hc-anunt__m.is-iese{opacity:1;transform:none;transition:none}
  .hc-anunt__m+.hc-anunt__m::before{content:"·";margin:0 14px;opacity:.6}
}

/* ======================================================================
   ANTETUL
   ====================================================================== */
.hc-antet{position:sticky;top:0;z-index:60;height:var(--hc-antet-h);color:var(--hc-ink);background:rgba(251,248,241,.97);box-shadow:0 1px 0 var(--hc-linie-2);font:400 15px/1.4 var(--hc-f-text);-webkit-font-smoothing:antialiased;transition:background .35s var(--hc-ease),color .35s var(--hc-ease),box-shadow .35s var(--hc-ease);
  --hc-logo-h:#1E1A20;--hc-logo-o1:#C92A48;--hc-logo-o2:#D9526B;--hc-logo-o3:#E6798D}
/* peste un prim ecran întunecat (pagina pune data-hc-sub-antet pe el): transparent până la prima derulare sau până se deschide un panou */
.hc-antet.is-peste:not(.is-panou){background:transparent;box-shadow:none;color:#FFF7EC;--hc-logo-h:#FFFFFF;--hc-logo-o1:#E0405E;--hc-logo-o2:#E8798D;--hc-logo-o3:#F2A9B6}
.hc-antet__rand{height:100%;display:flex;align-items:center;gap:12px;max-width:calc(var(--hc-wrap) + 2 * var(--hc-gut));margin:0 auto;padding:0 var(--hc-gut)}
.hc-logo{display:block;flex:none;width:80px;line-height:0;color:inherit}
.hc-logo svg{width:100%;height:auto;aspect-ratio:359/154}
.hc-actiuni{margin-left:auto;display:flex;align-items:center;gap:2px}
.hc-cod{display:none}
.hc-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:inherit;text-decoration:none;transition:background .2s}
.hc-ic svg{width:23px;height:23px}
/* 22.10.2026, Adrian: contul se vede și pe telefon, lângă coș */
.hc-ic__nr{position:absolute;top:5px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--hc-rasp);color:#fff;font:700 10.5px/18px var(--hc-f-text);text-align:center}
.hc-ic__nr[hidden]{display:none}
.hc-meniu-btn{display:inline-flex;align-items:center;gap:7px;height:44px;margin-left:4px;padding:0 13px 0 10px;border:0;border-radius:12px;background:rgba(35,27,32,.06);color:inherit;font:650 14.5px/1 var(--hc-f-text);cursor:pointer;transition:background .2s}
.hc-meniu-btn svg{width:22px;height:22px}
.hc-ic:hover,.hc-meniu-btn:hover{background:rgba(35,27,32,.08)}
.is-peste:not(.is-panou) .hc-meniu-btn{background:rgba(255,255,255,.14)}
.is-peste:not(.is-panou) .hc-ic:hover,.is-peste:not(.is-panou) .hc-meniu-btn:hover{background:rgba(255,255,255,.2)}
@media (min-width:900px){.hc-logo{width:92px}}

/* umbra paginii cât e deschis un panou */
.hc-umbra{position:fixed;inset:0;z-index:55;background:rgba(26,11,16,.36);animation:hc-umbra .3s ease both}
.hc-umbra[hidden]{display:none}
@keyframes hc-umbra{from{opacity:0}}

/* ---------- elementele comune ale panourilor (desktop și telefon) ---------- */
.hc-col{min-width:0}
.hc-col__tit{display:block;margin:0 0 10px;font:700 11.5px/1.2 var(--hc-f-titlu);letter-spacing:.14em;text-transform:uppercase;color:var(--hc-ink-3);text-decoration:none}
.hc-col__tit--al-doilea{margin-top:24px}
a.hc-col__tit:hover{color:var(--hc-rasp-d)}
.hc-lista a{display:flex;align-items:baseline;gap:8px;padding:6px 0;color:var(--hc-ink);font-weight:600;font-size:15.5px;line-height:1.3;text-decoration:none;transition:color .2s,transform .25s var(--hc-ease)}
.hc-lista a:hover{color:var(--hc-rasp-d);transform:translateX(3px)}
.hc-lista small{font-size:12.5px;font-weight:500;color:var(--hc-ink-3)}
.hc-produse a{display:flex;flex-direction:column;gap:1px;padding:6px 0;color:var(--hc-ink);font-weight:600;font-size:15px;line-height:1.3;text-decoration:none;transition:color .2s,transform .25s var(--hc-ease)}
.hc-produse a:hover{color:var(--hc-rasp-d);transform:translateX(3px)}
.hc-produse__p{font-size:12.5px;font-weight:500;color:var(--hc-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.hc-produse__p s{margin-right:4px;text-decoration-color:rgba(161,31,58,.6)}
.hc-curand{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:10px 12px;border-radius:12px;background:var(--hc-hartie-2);font-size:13.5px;line-height:1.4;color:var(--hc-ink-2)}
.hc-curand svg{flex:none;width:14px;height:14px;margin-top:2px;color:var(--hc-aur)}
.hc-toate{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--hc-rasp-d);font-weight:650;font-size:15px;text-decoration:none;transition:gap .25s var(--hc-ease)}
.hc-toate svg{width:17px;height:17px;flex:none}
.hc-toate:hover{gap:11px;text-decoration:underline;text-underline-offset:.22em}
.hc-info{display:flex;align-items:center;gap:8px;font-size:13.5px;line-height:1.35;color:var(--hc-ink-2)}
.hc-info svg{flex:none;width:18px;height:18px;color:var(--hc-pine)}

/* prețuri și semne */
.hc-pret{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;font-family:var(--hc-f-titlu);letter-spacing:-.02em}
.hc-pret s{font-weight:600;font-size:16px;color:var(--hc-ink-3);text-decoration-color:rgba(161,31,58,.7);text-decoration-thickness:1.5px;white-space:nowrap}
.hc-pret b{font-weight:800;font-size:24px;color:var(--hc-ink);white-space:nowrap}
.hc-pret--inchis s{color:rgba(255,247,236,.6);text-decoration-color:rgba(255,160,180,.8)}
.hc-pret--inchis b{color:#fff;font-size:22px}
.hc-economie{display:inline-flex;align-items:center;width:max-content;padding:3px 10px;border-radius:999px;background:var(--hc-pine-l);color:var(--hc-pine);font-size:13px;font-weight:650;box-shadow:inset 0 0 0 1px rgba(31,91,74,.16)}
.hc-semn{position:absolute;z-index:2;top:10px;left:10px;padding:5px 10px;border-radius:999px;background:rgba(255,253,249,.94);color:var(--hc-ink);font-size:11.5px;font-weight:700;letter-spacing:.02em;box-shadow:0 2px 8px -3px rgba(35,27,32,.3)}

/* ---------- cardul recomandat ---------- */
.hc-rec{position:relative;display:flex;flex-direction:column;gap:12px;color:var(--hc-ink);text-decoration:none;transition:transform .3s var(--hc-ease),box-shadow .3s var(--hc-ease)}
.hc-rec__media{position:relative;display:block;overflow:hidden;border-radius:14px;background:var(--hc-hartie-2)}
.hc-rec__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--hc-ease)}
.hc-rec__media--43{aspect-ratio:4/3}
.hc-rec__txt{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.hc-rec__ochi{font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--hc-ink-3)}
.hc-rec__titlu{font:780 22px/1.08 var(--hc-f-titlu);letter-spacing:-.025em;text-wrap:balance}
.hc-rec__scris{margin-top:-3px;font:600 20px/1.1 var(--hc-f-scris);color:var(--hc-rasp)}
.hc-rec__cta{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-weight:650;font-size:14.5px;transition:gap .25s var(--hc-ease)}
.hc-rec__cta svg{width:17px;height:17px}
.hc-rec:hover .hc-rec__cta{gap:11px}
.hc-rec:hover .hc-rec__media img{transform:scale(1.035) rotate(-1deg)}
.hc-piese{display:flex;flex-wrap:wrap;gap:4px 14px;margin:2px 0;font-size:13.5px;color:var(--hc-ink-2)}
.hc-piese>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.hc-piese svg{width:16px;height:16px;color:var(--hc-rasp-d)}

/* cutia: card alb, pe orizontală pe desktop */
.hc-rec--cutie{padding:12px;border-radius:22px;background:#fff;box-shadow:var(--hc-umbra-1)}
.hc-rec--cutie .hc-rec__media{aspect-ratio:1}
.hc-rec--cutie .hc-rec__cta{min-height:44px;padding:0 18px;border-radius:12px;background:var(--hc-rasp);color:#fff;box-shadow:0 10px 22px -10px rgba(201,42,72,.7)}
.hc-rec--cutie:hover .hc-rec__cta{background:var(--hc-rasp-d)}
.hc-rec--cutie:hover{box-shadow:var(--hc-umbra-2);transform:translateY(-2px)}

/* noaptea bordo: cadourile livrate acasă și digitalele */
.hc-rec--noapte{padding:12px 12px 18px;border-radius:20px;background:var(--hc-noapte);background-image:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(239,198,84,.16),transparent 70%);color:#FFF7EC;box-shadow:var(--hc-umbra-1)}
.hc-rec--noapte:hover{transform:translateY(-2px);box-shadow:var(--hc-umbra-2)}
.hc-rec--noapte .hc-rec__media{background:var(--hc-noapte-2)}
.hc-rec--noapte .hc-rec__txt{padding:0 6px}
.hc-rec--noapte .hc-rec__ochi{color:var(--hc-aur-l)}
.hc-rec--noapte .hc-rec__scris{color:var(--hc-lumanare)}
.hc-rec--noapte .hc-rec__cta{color:var(--hc-aur-l)}

/* plicul (doar la digitale): cadoul iese dintr-un plic crem, cu „pentru …” scris de mână */
.hc-plic{aspect-ratio:4/3;container-type:inline-size;background:radial-gradient(ellipse 70% 60% at 50% 70%,rgba(246,221,176,.12),transparent 70%),var(--hc-noapte-2);overflow:hidden}
.hc-plic__spate,.hc-plic__fata{position:absolute;left:10%;right:10%;bottom:8%;height:50%;border-radius:4px}
.hc-plic__spate{background:#E6D6BE}
.hc-plic__spate::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:62%;background:#DCC8A9;clip-path:polygon(0 100%,50% 0,100% 100%)}
.hc-plic .hc-plic__card{position:absolute;left:17%;width:66%;height:auto;bottom:20%;border-radius:6px;object-fit:cover;aspect-ratio:4/3;box-shadow:0 1px 2px rgba(0,0,0,.25),0 10px 18px -10px rgba(0,0,0,.5);transform:rotate(-2deg);transition:transform .55s var(--hc-ease)}
.hc-plic__fata{background:#F6EEE1;clip-path:polygon(0 0,50% 44%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -1px 0 rgba(0,0,0,.06))}
.hc-plic__fata::before{content:"";position:absolute;inset:0;background:linear-gradient(to top right,rgba(0,0,0,.05) 49.6%,transparent 50%) left bottom/50% 100% no-repeat,linear-gradient(to top left,rgba(0,0,0,.05) 49.6%,transparent 50%) right bottom/50% 100% no-repeat}
.hc-plic__catre{position:absolute;left:16%;bottom:13%;font:600 9cqi/1 var(--hc-f-scris);color:#2A3557;white-space:nowrap;transform:rotate(-3deg)}
.hc-plic__timbru{position:absolute;right:15%;bottom:14%;display:flex;align-items:center;justify-content:center;width:11cqi;height:13cqi;border-radius:2px;background:var(--hc-rasp);color:#fff;box-shadow:0 0 0 1.5px #F6EEE1,0 0 0 2.5px rgba(201,42,72,.5);transform:rotate(4deg)}
.hc-plic__timbru svg{width:70%;height:70%}
.hc-rec--plic:hover .hc-rec__media .hc-plic__card,.hc-rec--plic:focus-visible .hc-rec__media .hc-plic__card{transform:translateY(-12%) rotate(-3.5deg)}

/* ======================================================================
   DESKTOP (≥1180 px): rândul de meniu și mega panourile
   ====================================================================== */
@media (min-width:1180px){
  @supports (backdrop-filter:blur(8px)){.hc-antet:not(.is-peste){background:rgba(251,248,241,.9);backdrop-filter:saturate(1.3) blur(12px)}.hc-antet.is-panou{background:var(--hc-crem)}}
  .hc-antet__rand{gap:28px}
  .hc-meniu-btn{display:none}
  .hc-ic--cont{display:inline-flex}
  .hc-cod{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 10px;border-radius:12px;color:inherit;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s}
  .hc-cod svg{width:21px;height:21px}
  .hc-cod__t{display:none}
  .hc-cod:hover{background:rgba(35,27,32,.07)}
  .is-peste:not(.is-panou) .hc-cod:hover{background:rgba(255,255,255,.16)}

  .hc-nav{display:block;flex:1 1 auto;min-width:0}
  .hc-nav__cap,.hc-nav__extra{display:none}
  .hc-nav__lista{display:flex;align-items:center;gap:2px}
  .hc-nav__btn,.hc-nav__a{position:relative;height:54px;padding:0 12px;border:0;border-radius:12px;background:none;color:inherit;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s}
  .hc-nav__btn{display:grid;grid-template-columns:auto auto;column-gap:5px;align-content:center;text-align:left}
  .hc-nav__t{grid-area:1/1;font-weight:650;font-size:15.5px;line-height:1.15}
  .hc-nav__sageata{grid-area:1/2;align-self:center;width:15px;height:15px;transition:transform .25s var(--hc-ease)}
  .hc-nav__btn[aria-expanded=true] .hc-nav__sageata{transform:rotate(180deg)}
  .hc-nav__a{display:inline-flex;align-items:center;font-weight:650;font-size:15.5px}
  .hc-nav__btn::after,.hc-nav__a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--hc-rasp);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--hc-ease)}
  .is-peste:not(.is-panou) .hc-nav__btn::after,.is-peste:not(.is-panou) .hc-nav__a::after{background:var(--hc-aur-l)}
  .hc-nav__btn:hover::after,.hc-nav__a:hover::after,.hc-nav__btn[aria-expanded=true]::after{transform:scaleX(1)}

  /* panoul: sub antet, pe toată lățimea; o singură regiune cu linkuri obișnuite */
  .hc-panou{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - var(--hc-antet-h) - 16px);overflow:auto;overscroll-behavior:contain;background:var(--hc-crem);color:var(--hc-ink);border-top:1px solid var(--hc-linie-2);box-shadow:0 30px 60px -24px rgba(26,11,16,.45);white-space:normal;cursor:auto}
  .hc-panou:not([hidden]){animation:hc-panou .26s var(--hc-ease) both}
  @keyframes hc-panou{from{opacity:0;transform:translateY(-8px)}}
  .hc-panou__in{max-width:calc(var(--hc-wrap) + 2 * var(--hc-gut));margin:0 auto;padding:30px var(--hc-gut) 28px}
  .hc-grila--patru{display:grid;grid-template-columns:232px minmax(0,1fr) minmax(0,1fr) 288px;gap:0 48px;align-items:start}
  .hc-grila--cutii{display:grid;grid-template-columns:204px 204px minmax(0,1fr);gap:0 48px;align-items:start}
  .hc-col--cine{padding-right:40px;margin-right:-8px;border-right:1px solid var(--hc-linie)}
  .hc-grila--cutii .hc-col:nth-child(2){padding-right:40px;margin-right:-8px;border-right:1px solid var(--hc-linie)}
  .hc-lista--doua{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .hc-grila--cutii .hc-lista a{white-space:nowrap}
  .hc-rec--cutie{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:center;gap:26px;padding:14px 26px 14px 14px}
  .hc-rec--cutie .hc-rec__titlu{font-size:30px}
  .hc-rec--cutie .hc-rec__scris{font-size:23px}
  .hc-panou__jos{display:flex;align-items:center;flex-wrap:wrap;gap:6px 30px;max-width:calc(var(--hc-wrap) + 2 * var(--hc-gut));margin:0 auto;padding:12px var(--hc-gut) 16px;border-top:1px solid var(--hc-linie)}
  .hc-panou__jos .hc-info{margin-left:auto}
}
@media (min-width:1360px){
  .hc-cod{padding:0 12px}
  .hc-cod__t{display:inline}
  .hc-antet__rand{gap:36px}
}

/* ======================================================================
   TELEFON ȘI TABLETĂ (<1180 px): meniul pe tot ecranul, acordeoane, nimic de glisat
   ====================================================================== */
@media (max-width:1179.98px){
  .hc-nav{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;background:var(--hc-crem);color:var(--hc-ink);
    --hc-logo-h:#1E1A20;--hc-logo-o1:#C92A48;--hc-logo-o2:#D9526B;--hc-logo-o3:#E6798D}
  .hc-nav.is-deschis{display:flex;animation:hc-meniu .28s var(--hc-ease) both}
  @keyframes hc-meniu{from{opacity:0;transform:translateY(-10px)}}
  .hc-nav__cap{flex:none;display:flex;align-items:center;justify-content:space-between;height:var(--hc-antet-h);padding:0 var(--hc-gut);border-bottom:1px solid var(--hc-linie-2)}
  .hc-nav__cap .hc-logo{padding:5px 0}
  a.hc-col__tit{display:inline-flex;align-items:center;min-height:44px;margin:-15px 0 -7px}
  .hc-nav__inchide{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 13px 0 10px;border:0;border-radius:12px;background:rgba(35,27,32,.06);font-size:14.5px;font-weight:650;cursor:pointer}
  .hc-nav__inchide svg{width:20px;height:20px}
  .hc-nav__corp{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px var(--hc-gut) 44px;-webkit-overflow-scrolling:touch}
  .hc-nav__lista,.hc-nav__extra{max-width:640px;margin:0 auto}
  .hc-nav__item{border-bottom:1px solid var(--hc-linie)}
  .hc-nav__btn{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;width:100%;min-height:66px;padding:16px 40px 14px 0;position:relative;border:0;background:none;text-align:left;cursor:pointer}
  .hc-nav__t{font:750 22px/1.1 var(--hc-f-titlu);letter-spacing:-.02em}
  .hc-nav__sageata{position:absolute;right:2px;top:50%;width:24px;height:24px;margin-top:-12px;color:var(--hc-rasp-d);transition:transform .25s var(--hc-ease)}
  .hc-nav__btn[aria-expanded=true] .hc-nav__sageata{transform:rotate(180deg)}
  .hc-nav__a{display:flex;align-items:center;min-height:60px;color:var(--hc-ink);font:750 20px/1.1 var(--hc-f-titlu);letter-spacing:-.02em;text-decoration:none}
  .hc-panou{padding:0 0 20px}
  .hc-panou:not([hidden]){animation:hc-acord .3s var(--hc-ease) both}
  @keyframes hc-acord{from{opacity:0;transform:translateY(-6px)}}
  .hc-grila{display:flex;flex-direction:column;gap:20px}
  .hc-grila--cutii .hc-rec{order:-1}
  .hc-col__tit{margin-bottom:8px}
  .hc-col__tit--al-doilea{margin-top:18px}
  .hc-lista--cipuri{display:flex;flex-wrap:wrap;gap:8px}
  .hc-lista--cipuri a{min-height:44px;align-items:center;padding:0 15px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--hc-linie);font-size:14.5px}
  .hc-lista--cipuri a:hover{transform:none;box-shadow:inset 0 0 0 1.5px var(--hc-rasp)}
  .hc-produse li+li{border-top:1px dashed var(--hc-linie)}
  .hc-produse a{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;min-height:50px;padding:8px 0;font-size:15.5px}
  .hc-produse a:hover{transform:none}
  .hc-produse__p{text-align:right;font-size:13.5px}
  .hc-curand{margin-top:14px}
  /* cardurile, pe orizontală și mici */
  .hc-rec{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;padding:10px;border-radius:16px}
  .hc-rec--noapte{padding:10px}
  .hc-rec--noapte .hc-rec__txt{padding:0}
  .hc-rec__media,.hc-rec--cutie .hc-rec__media,.hc-rec__media--43{aspect-ratio:1;border-radius:10px}
  .hc-rec__txt{gap:4px}
  .hc-rec__ochi{font-size:10.5px}
  .hc-rec__titlu{font-size:18px}
  .hc-rec__scris{font-size:18px}
  .hc-pret b,.hc-pret--inchis b{font-size:18px}
  .hc-pret s{font-size:13.5px}
  .hc-semn,.hc-piese,.hc-rec__cta{display:none!important}
  .hc-economie{font-size:12px;padding:2px 8px}
  .hc-plic__catre{font-size:12cqi}
  .hc-panou__jos{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:10px}
  .hc-toate{display:inline-block;padding:11px 0;line-height:1.35}
  .hc-toate svg{display:inline-block;margin-left:6px;vertical-align:-3px}
  .hc-info{margin-top:4px}
  .hc-nav__extra{padding-top:10px}
  .hc-nav__mici a{display:flex;align-items:center;gap:12px;min-height:50px;color:var(--hc-ink);font-weight:600;font-size:16px;text-decoration:none}
  .hc-nav__mici svg{width:21px;height:21px;color:var(--hc-ink-3)}
  .hc-nav__contact{display:flex;flex-direction:column;gap:2px;margin-top:16px;padding-top:16px;border-top:1px solid var(--hc-linie);font-size:14px;color:var(--hc-ink-2)}
  .hc-nav__contact a{display:inline-flex;align-items:center;min-height:44px;color:var(--hc-rasp-d);font-weight:650;font-size:16px}
}
@media (min-width:600px) and (max-width:1179.98px){.hc-logo{width:88px}}

/* ======================================================================
   SUBSOLUL
   ====================================================================== */
.hc-subsol{background:var(--hc-noapte-3);color:rgba(255,247,236,.78);font:400 15px/1.55 var(--hc-f-text);-webkit-font-smoothing:antialiased;
  --hc-logo-h:#FFFFFF;--hc-logo-o1:#E0405E;--hc-logo-o2:#E8798D;--hc-logo-o3:#F2A9B6}
.hc-subsol a{color:rgba(255,247,236,.86)}
.hc-incredere{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:22px var(--hc-gut);background:var(--hc-hartie);color:var(--hc-ink);border-top:1px solid var(--hc-linie)}
.hc-incredere li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:650;line-height:1.3}
.hc-incredere svg{flex:none;width:26px;height:26px;color:var(--hc-rasp)}
.hc-subsol__corp{max-width:calc(var(--hc-wrap) + 2 * var(--hc-gut));margin:0 auto;padding:0 var(--hc-gut)}
.hc-subsol__grila{display:grid;grid-template-columns:1fr 1fr;gap:34px 20px;padding:46px 0 34px}
.hc-subsol__brand{grid-column:1/-1}
.hc-logo--subsol{width:104px;margin-bottom:12px}
.hc-subsol__motto{margin-bottom:20px;font:600 26px/1.15 var(--hc-f-scris);color:var(--hc-lumanare);text-wrap:balance}
.hc-ghid{position:relative;max-width:470px;padding:16px;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.hc-ghid__t{margin-bottom:12px;font-size:14.5px;line-height:1.5}
.hc-ghid__t b{color:#fff}
.hc-social{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.hc-social a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px 0 11px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:rgba(255,247,236,.92);font-size:13.5px;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s}
.hc-social a:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(239,198,84,.5)}
.hc-social svg{width:18px;height:18px}
.hc-subsol__tit{margin-bottom:10px;font:700 12px/1.2 var(--hc-f-titlu);letter-spacing:.14em;text-transform:uppercase;color:var(--hc-aur-l)}
.hc-subsol__col a,.hc-subsol__btn{display:inline-flex;align-items:center;min-height:40px;padding:4px 0;border:0;background:none;color:rgba(255,247,236,.84);font-size:14.5px;line-height:1.3;text-align:left;text-decoration:none;cursor:pointer}
.hc-subsol__col a:hover,.hc-subsol__btn:hover{color:#fff;text-decoration:underline;text-underline-offset:.2em}
.hc-subsol__contact{display:flex;flex-direction:column;gap:0;margin-top:14px}
.hc-subsol__contact a{min-height:0;padding:0;color:#fff;font-size:16px;font-weight:650}
.hc-subsol__contact span{font-size:12.5px;color:rgba(255,247,236,.56)}
.hc-subsol__jos{display:flex;flex-direction:column;gap:14px;padding:22px 0 34px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;line-height:1.5;color:rgba(255,247,236,.56)}
.hc-insigne{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.hc-plata{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;font-weight:600;color:rgba(255,247,236,.8)}
.hc-plata__lacat{width:18px;height:18px;color:var(--hc-aur-l)}
.hc-plata__carduri{display:inline-flex;gap:6px}
.hc-card{display:inline-flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.hc-card--visa{color:#1A1F71;font:italic 800 13px/1 var(--hc-f-text);letter-spacing:.03em}
.hc-card--mc svg{width:31px;height:19px}
.hc-anpc{display:inline-block;line-height:0}
.hc-anpc img{border-radius:3px;background:#fff}
.hc-subsol__firma,.hc-subsol__copy{max-width:80ch}
@media (min-width:900px){
  .hc-incredere{grid-template-columns:repeat(4,auto);justify-content:space-between;padding:22px max(var(--hc-gut),calc((100% - var(--hc-wrap)) / 2))}
  .hc-subsol__grila{grid-template-columns:minmax(0,1.75fr) repeat(3,minmax(0,1fr));gap:40px;padding-top:62px}
  .hc-subsol__brand{grid-column:auto}
  .hc-subsol__jos{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:40px}
  .hc-insigne{grid-column:2;grid-row:1/span 2;justify-content:flex-end}
  .hc-subsol__firma{grid-column:1;grid-row:1}
  .hc-subsol__copy{grid-column:1;grid-row:2}
}

/* ---------- mișcare redusă: fără animații și tranziții ---------- */
@media (prefers-reduced-motion:reduce){
  .hc-anunt *,.hc-antet,.hc-antet *,.hc-subsol *,.hc-umbra{animation:none!important;transition:none!important}
  .hc-rec:hover,.hc-rec:hover .hc-rec__media img,.hc-lista a:hover,.hc-produse a:hover{transform:none}
  .hc-rec--plic:hover .hc-rec__media .hc-plic__card{transform:rotate(-2deg)}
}

/* ======================================================================
   TEMA: legătura cu restul site-ului
   ====================================================================== */
/* --hdr-h e înălțimea antetului lipit sus, folosită de paginile temei pentru elementele lipite (coș, plată, cont, cutia, cărțile) */
:root{--hdr-h:var(--hc-antet-h)}
.hooo-plata{--hdr-h:var(--hc-antet-h)}

/* bara de administrare WordPress */
.admin-bar .hc-antet{top:32px}
@media (min-width:1180px){.admin-bar .hc-panou{max-height:calc(100vh - var(--hc-antet-h) - 48px)}}
@media (max-width:782px){.admin-bar .hc-antet{top:46px}}
@media (max-width:600px){.admin-bar .hc-antet{top:0}}

/* cât e deschis un panou sau meniul de pe telefon, antetul și umbra stau peste barele lipite ale paginilor (z-index până la 80);
   meniul de pe tot ecranul acoperă și bara de administrare (99999) */
.hc-umbra{z-index:999}
.hc-antet.is-panou{z-index:1000}
html.hc-blocat .hc-antet{z-index:100000}

/* reperul .site-header: scripturile creatoarelor (carte-rasfoire.js, povestea-mea.js, cuplu.js, carti-pasi.js…) măsoară antetul după el.
   Acoperă exact antetul și nu se vede; regulile vechi .site-header din style.css și din paginile creatoarelor nu-l ating */
.hc-antet>.site-header.hc-repere{all:unset;position:absolute;inset:0;visibility:hidden;pointer-events:none}

/* subsolul păstrează clasa site-footer (spațiul de sub barele lipite jos, din cutie-gata.css și lp.css); restul regulilor vechi nu se aplică */
.hc-subsol.site-footer{padding-top:0;border-top:0;background:var(--hc-noapte-3);color:rgba(255,247,236,.78);font:400 15px/1.55 var(--hc-f-text)}

/* a:hover din style.css (zmeuriu) nu schimbă linkurile care își au culoarea lor */
.hc-antet .hc-ic:hover,.hc-antet .hc-cod:hover,.hc-antet .hc-nav__a:hover,.hc-antet .hc-logo:hover,.hc-antet .hc-inapoi:hover{color:inherit}
.hc-antet .hc-rec:hover{color:var(--hc-ink)}
.hc-antet .hc-rec--noapte:hover{color:#FFF7EC}
.hc-antet .hc-toate:hover{color:var(--hc-rasp-d)}
.hc-sari:hover,.hc-sari:focus{color:var(--hc-ink)}

/* coșul: .bag-button deschide coșul lateral, .bag-count e numărul pe care îl schimbă fragmentul WooCommerce */
.hc-antet .bag-button{padding:0;gap:0}
.hc-ic__nr .bag-count{font:inherit;font-variant-numeric:tabular-nums}

/* creatoarele pe tot ecranul își ascund bara de anunț, ca înainte (cantec.css, ziar.css, colorat-finisare.css, cartea-bunicilor.css, povestea-noastra.css) */
body.cantec-creator .hc-anunt,body.ziar-pagina .hc-anunt,body.colorat-creator .hc-anunt,body.bunici-creator .hc-anunt,body.cuplu-creator .hc-anunt{display:none}

/* antetul scurt: plata (logo + „Plată securizată cu cardul”) și modul intro (logo + „Înapoi la hooo.ro”) */
.hc-sigur{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:600;font-size:14px;line-height:1.3;color:var(--hc-ink-2)}
.hc-sigur svg{flex:none;width:18px;height:18px;color:var(--hc-pine)}
.hc-inapoi{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:12px;color:inherit;font-weight:600;font-size:14.5px;text-decoration:none;transition:background .2s}
.hc-inapoi svg{width:18px;height:18px}
.hc-inapoi:hover{background:rgba(35,27,32,.07)}

/* formularul ghidului din subsol: [hooo_lista sursa="subsol"] (module/lista/lista.css din hooo-core), cu aspectul subsolului */
.hc-ghid .hl{max-width:none}
.hc-ghid .hl__row{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.hc-ghid .hl input[type=email]{flex:1 1 180px;width:auto;min-width:0;height:46px;min-height:46px;padding:0 14px;border:1.5px solid transparent;border-radius:12px;background:#fff;color:var(--hc-ink);font:400 15px/1.2 var(--hc-f-text)}
.hc-ghid .hl input[type=email]:focus{border-color:var(--hc-rasp);outline:none;box-shadow:0 0 0 3px rgba(239,198,84,.35)}
.hc-ghid .hl .btn{flex:none;gap:0;min-height:46px;padding:0 18px;border:0;border-radius:12px;background:var(--hc-rasp);color:#fff;font:650 15px/1.1 var(--hc-f-text);white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px -12px rgba(201,42,72,.9);transition:background .2s,transform .2s var(--hc-ease)}
.hc-ghid .hl .btn:hover{background:var(--hc-rasp-l);color:#fff;transform:translateY(-1px)}
@media (max-width:599.98px){.hc-ghid .hl .btn{flex:1 0 auto}}
.hc-ghid .hl__opt{gap:9px;margin:12px 0 0;font-size:12.5px;font-weight:400;line-height:1.45;color:rgba(255,247,236,.66);cursor:pointer}
.hc-ghid .hl__opt input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--hc-rasp)}
.hc-ghid .hl__note{margin:8px 0 0;font-size:12.5px;color:rgba(255,247,236,.55)}
.hc-ghid .hl__msg{margin:0 0 12px;font-size:13.5px}

/* subsolul din modul intro: brandul și coloana „Legal” */
.hc-subsol--minim .hc-subsol__motto{margin-bottom:0}
@media (min-width:900px){.hc-subsol--minim .hc-subsol__grila{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}}

/* ======================================================================
   22.10.2026, Adrian: panoul „Cutii cadou”, mai memorabil. Pentru cine (fețele în inele subțiri, ca „o”-ul din siglă), colecțiile cu miniaturi
   și prețul de la, cutia recomandată pe hârtia biletului (ca pe pagina cutiei); vârsta și bugetul ca butoane mici în rândul de jos
   ====================================================================== */
.hc-cine,.hc-colectii{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.hc-cine a,.hc-colectii a{display:flex;align-items:center;gap:12px;padding:7px 10px 7px 7px;border-radius:14px;color:var(--hc-ink);text-decoration:none;transition:background .2s,transform .25s var(--hc-ease)}
.hc-cine a:hover,.hc-colectii a:hover{background:#fff;transform:translateX(3px)}
.hc-cine img{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2.5px rgba(201,42,72,.65),0 0 0 5px var(--hc-crem)}
.hc-cine a:hover img{box-shadow:0 0 0 2.5px var(--hc-rasp),0 0 0 5px #fff}
.hc-colectii img{flex:none;width:52px;height:52px;border-radius:12px;object-fit:cover;box-shadow:0 6px 14px -8px rgba(60,20,10,.45)}
.hc-cine span,.hc-colectii span{display:flex;flex-direction:column;min-width:0}
.hc-cine b,.hc-colectii b{font:700 15.5px/1.2 var(--hc-f-titlu,inherit);letter-spacing:-.01em}
.hc-cine small,.hc-colectii small{font-size:12.5px;color:var(--hc-ink-2)}
.hc-jos-cipuri{display:flex;flex-wrap:wrap;align-items:center;gap:6px 6px}
.hc-jos-cipuri__t{margin:0 4px 0 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hc-ink-3,#8A7E83)}
.hc-jos-cipuri__t:first-child{margin-left:0}
.hc-jos-cipuri a{padding:5px 11px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--hc-linie);font-size:13px;font-weight:600;color:var(--hc-ink);text-decoration:none}
.hc-jos-cipuri a:hover{background:var(--hc-rasp);color:#fff;box-shadow:none}
/* cutia recomandată pe hârtia biletului, cu banda roșie */
.hc-grila--cutii2 .hc-rec--cutie{position:relative;background:radial-gradient(140% 90% at 12% 0%,#fffefa 0%,#fcf7ee 50%,#f6ecdc 100%);box-shadow:0 1px 0 #ede1cd,0 2px 0 #e0cfb5,0 18px 40px -22px rgba(24,10,3,.6)}
.hc-grila--cutii2 .hc-rec--cutie::before{content:"";position:absolute;left:50%;top:-10px;z-index:2;width:104px;height:20px;translate:-50% 0;rotate:-2deg;border-radius:2px;background:rgba(201,42,72,.58);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 6px,transparent 6px 12px)}
@media (min-width:1180px){
  .hc-grila--cutii2{grid-template-columns:230px 290px minmax(0,1fr)!important;gap:0 36px!important}
  .hc-grila--cutii2 .hc-col:nth-child(2){padding-right:0;margin-right:0;border-right:0}
  .hc-grila--cutii2 .hc-col--colectii{padding-left:30px;border-left:1px solid var(--hc-linie)}
  .hc-panou__jos:has(.hc-jos-cipuri){flex-wrap:wrap;row-gap:12px}
  .hc-jos-cipuri{flex-basis:100%}
}

/* 22.10.2026, Adrian, a doua trecere pe panoul cutiilor: o singură linie verticală (între „Pentru cine” și colecții), colecțiile pe două
   coloane (panoul mai jos), cutia recomandată pe verticală, pe hârtia biletului de pe cardurile de produs (fulgul în relief în colț,
   firul hârtiei, chenarul fin), fără rândul cu livrarea */
.hc-grila--cutii2 .hc-rec--cutie{isolation:isolate;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-60 -60 120 120'%3E%3Cdefs%3E%3Cpath id='b' d='M0-9V-52M0-39l-10-10M0-39l10-10M0-25l-8-8M0-25l8-8'/%3E%3Cg id='f' fill='none' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cuse href='%23b'/%3E%3Cuse href='%23b' transform='rotate(60)'/%3E%3Cuse href='%23b' transform='rotate(120)'/%3E%3Cuse href='%23b' transform='rotate(180)'/%3E%3Cuse href='%23b' transform='rotate(240)'/%3E%3Cuse href='%23b' transform='rotate(300)'/%3E%3Ccircle r='6'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23f' stroke='%23fff' transform='translate(-1.3 -1.3)'/%3E%3Cuse href='%23f' stroke='%238c6a44' stroke-opacity='.22' transform='translate(1.3 1.3)'/%3E%3Cuse href='%23f' stroke='%23f7efe1'/%3E%3C/svg%3E") right -34px bottom -30px/150px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .18 0 0 0 .3 -.1'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px,
    radial-gradient(140% 90% at 12% 0%,#fffefa 0%,#fcf7ee 50%,#f6ecdc 100%)}
.hc-grila--cutii2 .hc-rec--cutie::after{content:"";position:absolute;inset:7px;z-index:-1;border-radius:16px;pointer-events:none;box-shadow:-1px -1px 0 rgba(150,112,70,.2),inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(150,112,70,.18),1px 1px 0 rgba(255,255,255,.95)}
.hc-grila--cutii2 .hc-rec--cutie .hc-rec__media{z-index:1}
@media (min-width:1180px){
  .hc-grila--cutii2{grid-template-columns:212px minmax(0,1fr) 344px!important;gap:0 34px!important}
  .hc-grila--cutii2 .hc-col--cine{padding-right:0;margin-right:0;border-right:0}
  .hc-grila--cutii2 .hc-colectii{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
  /* cutia recomandată, pe verticală: poza sus, textul dedesubt, prețul și reducerea pe același rând, butonul pe toată lățimea */
  .hc-grila--cutii2 .hc-rec--cutie{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:12px 12px 18px}
  .hc-grila--cutii2 .hc-rec--cutie .hc-rec__media{aspect-ratio:16/10}
  .hc-grila--cutii2 .hc-rec--cutie .hc-rec__txt{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 12px;padding:0 8px}
  .hc-grila--cutii2 .hc-rec--cutie .hc-rec__txt>*{grid-column:1/-1}
  .hc-grila--cutii2 .hc-rec--cutie .hc-rec__txt>.hc-pret{grid-column:1}
  .hc-grila--cutii2 .hc-rec--cutie .hc-rec__txt>.hc-economie{grid-column:2;justify-self:start}
  .hc-grila--cutii2 .hc-rec--cutie .hc-rec__titlu{font-size:25px}
  .hc-grila--cutii2 .hc-rec--cutie .hc-rec__scris{font-size:20px}
  .hc-grila--cutii2 .hc-rec--cutie .hc-piese{gap:4px 12px;font-size:13px}
  .hc-grila--cutii2 .hc-rec--cutie .hc-rec__cta{justify-self:start;margin-top:6px;padding:0 18px 0 22px;border-radius:999px}
  /* fără rândul cu livrarea, „Toate cutiile cadou” stă în dreapta, pe rândul cu vârsta și bugetul */
  .hc-panou__jos:has(.hc-jos-cipuri) .hc-jos-cipuri{flex-basis:auto}
  .hc-panou__jos:has(.hc-jos-cipuri) .hc-toate{margin-left:auto}
}

/* 22.10.2026, Adrian: panourile „Cadouri personalizate” și „Digitale”, ca panoul cutiilor: pentru cine cu fețe, produsele cu miniaturile
   curate (crem), recomandatul pe hârtia biletului, pe verticală, bugetul în rândul de jos */
.hc-colectii--produse small s{margin-right:4px;color:var(--hc-ink-3);text-decoration-color:rgba(161,31,58,.6)}
.hc-colectii small .pret-de-la{font-size:.92em;vertical-align:0;opacity:1}
.hc-colectii--produse img{background:#FBF6EE}
@media (min-width:1180px){
  .hc-grila--produse{display:grid;align-items:start;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr) 344px!important;gap:0 30px!important}
  .hc-grila--produse .hc-colectii{grid-template-columns:minmax(0,1fr)}
  .hc-grila--produse .hc-col:nth-child(3){padding:0;margin:0;border:0}
  .hc-panou__jos:has(.hc-jos-cipuri) .hc-toate~.hc-toate{margin-left:0}
}

/* 22.10.2026, Adrian: în panoul digitalelor, trei cadouri evidențiate (audio, video, cartea), pe hârtia biletului cu fulgul în colț */
.hc-ev{position:relative;display:grid;gap:12px;align-content:start}
.hc-ev::before{content:"";position:absolute;left:50%;top:-10px;z-index:3;width:96px;height:20px;translate:-50% 0;rotate:-2deg;border-radius:2px;background:rgba(201,42,72,.58);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 6px,transparent 6px 12px)}
.hc-ev__card{position:relative;isolation:isolate;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:18px;color:var(--hc-ink);text-decoration:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-60 -60 120 120'%3E%3Cdefs%3E%3Cpath id='b' d='M0-9V-52M0-39l-10-10M0-39l10-10M0-25l-8-8M0-25l8-8'/%3E%3Cg id='f' fill='none' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cuse href='%23b'/%3E%3Cuse href='%23b' transform='rotate(60)'/%3E%3Cuse href='%23b' transform='rotate(120)'/%3E%3Cuse href='%23b' transform='rotate(180)'/%3E%3Cuse href='%23b' transform='rotate(240)'/%3E%3Cuse href='%23b' transform='rotate(300)'/%3E%3Ccircle r='6'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23f' stroke='%23fff' transform='translate(-1.3 -1.3)'/%3E%3Cuse href='%23f' stroke='%238c6a44' stroke-opacity='.22' transform='translate(1.3 1.3)'/%3E%3Cuse href='%23f' stroke='%23f7efe1'/%3E%3C/svg%3E") right -26px bottom -26px/96px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .18 0 0 0 .3 -.1'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px,
    radial-gradient(140% 90% at 12% 0%,#fffefa 0%,#fcf7ee 50%,#f6ecdc 100%);
  box-shadow:0 1px 0 #ede1cd,0 2px 0 #e0cfb5,0 14px 30px -20px rgba(24,10,3,.55);transition:transform .25s var(--hc-ease),box-shadow .25s var(--hc-ease)}
.hc-ev__card::after{content:"";position:absolute;inset:6px;z-index:-1;border-radius:13px;pointer-events:none;box-shadow:-1px -1px 0 rgba(150,112,70,.2),inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(150,112,70,.18),1px 1px 0 rgba(255,255,255,.95)}
.hc-ev__card:hover{transform:translateY(-2px);box-shadow:0 1px 0 #ede1cd,0 2px 0 #e0cfb5,0 20px 36px -20px rgba(161,31,58,.4)}
.hc-ev__card img{width:96px;height:96px;border-radius:12px;object-fit:cover;background:#FBF6EE;box-shadow:0 6px 14px -8px rgba(60,20,10,.45)}
.hc-ev__txt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.hc-ev__ochi{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--hc-ink-3)}
.hc-ev__titlu{font:780 17.5px/1.12 var(--hc-f-titlu);letter-spacing:-.02em;text-wrap:balance}
.hc-ev__scris{font:600 17px/1.1 var(--hc-f-scris);color:var(--hc-rasp)}
.hc-ev__pret{display:inline-flex;align-items:baseline;gap:6px;margin-top:3px;font-size:13px;color:var(--hc-ink-2)}
.hc-ev__pret s{color:var(--hc-ink-3);text-decoration-color:rgba(161,31,58,.6)}
.hc-ev__pret b{font:800 16px/1 var(--hc-f-titlu);color:var(--hc-ink)}
.hc-ev__pret svg{align-self:center;width:15px;height:15px;color:var(--hc-rasp);transition:transform .25s var(--hc-ease)}
.hc-ev__card:hover .hc-ev__pret svg{transform:translateX(3px)}

/* 22.10.2026, Adrian: pe telefon, în „Cadouri personalizate” și „Digitale”, ordinea inversă: întâi cele trei cadouri evidențiate,
   apoi a doua coloană de produse, apoi prima, la final „Pentru cine” (meniul de telefon e sub 1180 px, ca restul antetului) */
@media (max-width:1179.98px){
  .hc-grila--produse>.hc-ev,.hc-grila--produse>.hc-rec{order:1}
  .hc-grila--produse>.hc-col:nth-child(3){order:2}
  .hc-grila--produse>.hc-col:nth-child(2){order:3}
  .hc-grila--produse>.hc-col--cine{order:4}
  .hc-ev{gap:10px;margin-top:10px}
}
/* 22.10.2026, Adrian: pe telefon, în „Cutii cadou”: întâi cutia recomandată, apoi colecțiile, la final „Pentru cine” */
@media (max-width:1179.98px){
  .hc-grila--cutii>.hc-col--colectii{order:2}
  .hc-grila--cutii>.hc-col--cine{order:3}
  /* banda roșie stă deasupra pozei, nu peste „Recomandat” */
  .hc-grila--cutii2 .hc-rec--cutie::before{left:62px;width:72px}
}

/* 23.10.2026, Adrian: în meniul de pe telefon, la „Cutii cadou”, bugetul stă pe rândul lui, sub vârstă; pe desktop rămân pe un rând */
.hc-jos-cipuri__grup{display:contents}
.hc-jos-cipuri__grup+.hc-jos-cipuri__grup>.hc-jos-cipuri__t{margin-left:8px}
@media (max-width:1179px){
  .hc-jos-cipuri:has(.hc-jos-cipuri__grup){flex-direction:column;align-items:stretch;gap:12px}
  .hc-jos-cipuri__grup{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  .hc-jos-cipuri__grup>.hc-jos-cipuri__t,.hc-jos-cipuri__grup+.hc-jos-cipuri__grup>.hc-jos-cipuri__t{margin-left:0}
}

/* 23.10.2026, Adrian: pe telefon, „Toate cutiile cadou” (și „Toate cadourile…”) e primul rând din panou, nu ultimul */
.hc-toate--sus{display:none}
@media (max-width:1179.98px){
  .hc-panou .hc-toate.hc-toate--sus{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 14px;padding:13px 16px;border-radius:14px;background:#FBEEF1;color:var(--hc-rasp-d);font-size:15.5px;font-weight:700;line-height:1.3;text-decoration:none}
  .hc-panou .hc-toate.hc-toate--sus svg{margin:0}
  .hc-panou__jos>.hc-toate:not(.hc-toate--al-doilea){display:none}
}

/* 28.10.2026, Adrian: fără „Pentru cine” în cele trei panouri („e prea aglomerat”); la „Digitale”, primele, pe trei coloane, mesajul
   video de la Moș, cântecul și scrisoarea de la Moș, cu poza mare, apoi listele (pe telefon rămân biletele mici, unul sub altul) */
@media (min-width:1180px){
  .hc-grila--fara-cine .hc-col--colectii{padding-left:0;border-left:0}
  .hc-grila--cutii2.hc-grila--fara-cine{grid-template-columns:minmax(0,1fr) 344px!important;gap:0 44px!important}
  .hc-grila--cutii.hc-grila--fara-cine .hc-colectii{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hc-grila--produse.hc-grila--fara-cine{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 344px!important;gap:0 36px!important}
  .hc-grila--produse.hc-grila--ev-sus{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:26px 36px!important}
  .hc-grila--ev-sus>.hc-ev--sus{grid-column:1/-1}
  .hc-grila--ev-sus>.hc-col:last-child .hc-colectii{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
  .hc-ev--sus{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:6px}
  .hc-ev--sus::before{display:none}
  .hc-ev--sus .hc-ev__card{grid-template-columns:minmax(0,1fr);align-items:stretch;align-content:start;gap:12px;padding:10px 10px 16px}
  .hc-ev--sus .hc-ev__card::before{content:"";position:absolute;left:50%;top:-9px;z-index:3;width:84px;height:18px;translate:-50% 0;rotate:-2deg;border-radius:2px;background:rgba(201,42,72,.58);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 6px,transparent 6px 12px)}
  .hc-ev--sus .hc-ev__poza{display:block}
  .hc-ev--sus .hc-ev__card img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
  .hc-ev--sus .hc-ev__txt{padding:0 8px;gap:3px}
  .hc-ev--sus .hc-ev__titlu{font-size:20px}
  .hc-ev--sus .hc-ev__scris{font-size:19px}
}
@media (max-width:1179.98px){
  /* „Digitale”: evidențiatele, apoi listele în ordinea lor; „Cadouri personalizate”: evidențiatele, a doua listă, apoi prima, ca înainte */
  .hc-grila--ev-sus>.hc-col:nth-child(2){order:2}
  .hc-grila--ev-sus>.hc-col:nth-child(3){order:3}
  .hc-grila--fara-cine:not(.hc-grila--ev-sus)>.hc-col:nth-child(1){order:3}
  .hc-grila--fara-cine:not(.hc-grila--ev-sus)>.hc-col:nth-child(2){order:2}
  .hc-ev--sus{margin-top:0}
}