/* hooo · vitrina: previzualizarea „Cartea de Crăciun” (coperta și o pagină dublă), în stânga formularului; pe telefon, deasupra lui. Tokenurile temei, cu valori de rezervă. */
/* PT Serif, fontul textului din carte (ParaType Free Font License), neschimbat, doar în WOFF2; se descarcă abia când se deschide pagina din carte */
@font-face{font-family:"PT Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pt-serif-regular.woff2) format("woff2")}
/* fonturile cărții, direcția „Poveste clasică”: instanțele statice din motor (hooo-productie, carte/fonturi_statice.py --web), cu literele latine și românești,
   sub SIL Open Font License 1.1 (fonts/OFL-fraunces.txt, fonts/OFL-literata.txt); le cer doar titlul copertei și textul dublei, la manifestele cu tipografia cărții */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/FrauncesCarte-Titlu.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:440;font-display:swap;src:url(fonts/FrauncesCarte-Subtitlu.woff2) format("woff2")}
@font-face{font-family:"Literata";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/LiterataCarte-Text.woff2) format("woff2")}

.hooo-vitrina{--v-fundal:var(--pine-l,#E8F2ED);position:relative;width:min(100%,calc(100vh - var(--hdr-h,98px) - 150px));min-width:min(100%,400px);margin:0 auto;color:var(--ink,#1E1A20)}
@supports (height:100svh){.hooo-vitrina{width:min(100%,calc(100svh - var(--hdr-h,98px) - 150px))}}
.hooo-vitrina [hidden]{display:none!important}
.hooo-vitrina p{margin:0}
.hooo-vitrina__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* filele și eticheta „provizoriu”; rândul își păstrează înălțimea cât filele sunt ascunse, deci nimic nu sare când apar */
.hooo-vitrina__sus{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 12px}
.hooo-vitrina__file{display:inline-flex;gap:2px;padding:3px;border:1.5px solid var(--line,#E7E0E4);border-radius:999px;background:#fff}
.hooo-vitrina__fila{min-height:36px;margin:0;padding:6px 15px;border:0;border-radius:999px;background:transparent;color:var(--ink-2,#4A444D);font:600 14px/1.2 var(--font-body,sans-serif);cursor:pointer;transition:background-color .15s,color .15s}
.hooo-vitrina__fila:hover{color:var(--ink,#1E1A20)}
.hooo-vitrina__fila[aria-selected=true]{background:var(--pine,#1F5B4A);color:#fff}
.hooo-vitrina__fila:focus-visible{outline:3px solid var(--rasp,#C92A48);outline-offset:2px}
.hooo-vitrina__mareste{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0 0 0 auto;padding:6px 12px;border:1.5px solid var(--line,#E7E0E4);border-radius:999px;background:#fff;color:var(--ink-2,#4A444D);font:600 13px/1.2 var(--font-body,sans-serif);cursor:pointer}
.hooo-vitrina__mareste:hover{color:var(--ink,#1E1A20);border-color:var(--ink-3,#7A7280)}
.hooo-vitrina__mareste:focus-visible{outline:3px solid var(--rasp,#C92A48);outline-offset:2px}
.hooo-vitrina__mareste svg{width:16px;height:16px}
.hooo-vitrina__mareste[aria-pressed=true] .hooo-vitrina__plus{display:none}
.hooo-vitrina__mareste:not([hidden])+.hooo-vitrina__provizoriu{margin-left:0}
.hooo-vitrina__provizoriu{margin-left:auto;padding:4px 10px;border-radius:999px;background:#FFF4E5;color:var(--warn,#A15C07);font:700 11px/1.2 var(--font-body,sans-serif);letter-spacing:.1em;text-transform:uppercase}

/* coperta fixă, fără formular pe pagină: fără file, iar rândul de sus rămâne doar pentru „provizoriu” */
.hooo-vitrina--fixa .hooo-vitrina__sus{min-height:0}
.hooo-vitrina--fixa .hooo-vitrina__sus:not(:has(.hooo-vitrina__provizoriu:not([hidden]))){display:none}

/* panoul: cartea pe masă */
.hooo-vitrina__panou{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:24px;background:var(--v-fundal);overflow:hidden}
.hooo-vitrina__parte,.hooo-vitrina__curand{grid-area:1/1}
.hooo-vitrina__parte--coperta{width:84%}
.hooo-vitrina__parte--dubla{width:94%}
.hooo-vitrina .hooo-vitrina__curand{max-width:32ch;padding:0 24px;text-align:center;font-size:16px;line-height:1.5;color:var(--ink-2,#4A444D)}
/* Nota are spațiu propriu sub panou, fără suprapunere peste ilustrație pe mobil. */
.hooo-vitrina .hooo-vitrina__rezerva{position:static;grid-column:1/-1;box-sizing:border-box;height:auto;margin:12px 0 0;padding:12px 14px;border:1px solid #DDCEB4;border-radius:12px;background:#FFF8EE;font-size:13px;font-weight:500;line-height:1.5;text-align:left;color:#594A31}

.hooo-vitrina__scena{position:relative;container-type:inline-size;overflow:hidden;background:#232B4E}
.hooo-vitrina__scena--coperta{aspect-ratio:1/1;border-radius:2px 6px 6px 2px;box-shadow:0 1px 2px rgba(30,26,32,.10),0 10px 22px rgba(30,26,32,.16),0 30px 54px rgba(30,26,32,.16)}
.hooo-vitrina__scena--coperta::after{content:"";position:absolute;z-index:3;top:0;bottom:0;left:0;width:3.2%;background:linear-gradient(90deg,rgba(0,0,0,.24),rgba(255,255,255,.12) 45%,rgba(0,0,0,.05) 75%,rgba(0,0,0,0));pointer-events:none}
.hooo-vitrina__scena--dubla{aspect-ratio:2/1;border-radius:3px;box-shadow:0 1px 2px rgba(30,26,32,.10),0 14px 34px rgba(30,26,32,.20)}
.hooo-vitrina__scena--dubla::after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:50%;width:7%;margin-left:-3.5%;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.07) 38%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.07) 62%,rgba(0,0,0,0));pointer-events:none}

/* imaginile: cea nouă apare peste cea veche, apoi cea veche pleacă */
.hooo-vitrina__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .28s var(--ease,ease)}
.hooo-vitrina__img.is-activa{opacity:1}
.hooo-vitrina__img.is-lipsa{visibility:hidden}

/* titlul copertei, în zona din manifest; mărimile, în procente din lățimea copertei, ca în demo.html al motorului */
.hooo-vitrina__titlu{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--v-titlu,#FFF8EE);font-family:var(--v-titlu-font,"Bricolage Grotesque"),var(--font-display,sans-serif);pointer-events:none}
.hooo-vitrina__titlu>*{flex:none}
.hooo-vitrina .hooo-vitrina__cartea{margin:3% 0 0;font-size:2.8cqw;font-weight:700;line-height:1.2;letter-spacing:.3em;text-transform:uppercase}
.hooo-vitrina .hooo-vitrina__nume{margin:0;font-size:calc(15cqw * var(--v-scala,1));font-weight:800;line-height:1.05;white-space:nowrap}
.hooo-vitrina__articol:not(:empty){margin-right:.32em;font-size:.42em;font-weight:700}
.hooo-vitrina .hooo-vitrina__poveste{margin:4% 0 0;padding:.2em .9em;border-radius:999px;background:var(--v-poveste-fundal,#FFF8EE);color:var(--v-poveste,#C92A48);font-size:4cqw;font-weight:700;line-height:1.2;white-space:nowrap}

/* tipografia cărții (coperta.titlu): numele pe un arc ușor și subtitlul, în SVG, cu mm pe coperta tăiată; apare după potrivire */
.hooo-vitrina__carte-titlu{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s var(--ease,ease)}
.hooo-vitrina__carte-titlu.is-gata{opacity:1}
.hooo-vitrina__carte-titlu svg{display:block;width:100%;height:100%;overflow:visible}
.hooo-vitrina__carte-titlu text{font-kerning:normal;text-rendering:geometricPrecision}

/* casetele de text ale dublei */
.hooo-vitrina__caseta{position:absolute;z-index:2;box-sizing:border-box;overflow:hidden;padding:1.2cqw 1.6cqw;border:1px solid var(--v-caseta-margine,#EADFD2);border-radius:1.2%;background:var(--v-caseta-fundal,#FFFCF6);color:var(--v-caseta,#1E1A20);font-family:var(--v-caseta-font,"PT Serif"),Georgia,serif;font-size:1.9cqw;font-weight:400;line-height:1.38;text-align:left;overflow-wrap:break-word}
.hooo-vitrina .hooo-vitrina__caseta p+p{margin-top:.45em}

/* tipografia cărții (dubla.text): stratul e dubla tăiată la mărimea cărții (px pentru 96 dpi), micșorat cu transform, ca rândurile să se rupă
   ca în carte; textul direct pe ilustrație, cu lumina din jurul literelor, iar ceața dedesubt. Umbra cotorului rămâne deasupra. */
.hooo-vitrina__carte-strat{position:absolute;z-index:1;top:0;left:0;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .3s var(--ease,ease)}
.hooo-vitrina__carte-strat.is-gata{opacity:1}
.hooo-vitrina__scena--dubla.are-carte::after{z-index:2}
.hooo-vitrina__bloc{position:absolute;z-index:2;box-sizing:border-box;margin:0;padding:0;font-family:"Literata",Georgia,serif;font-style:normal;font-weight:400;font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures;line-height:1.5;letter-spacing:normal;word-spacing:normal;text-align:left;text-indent:0;text-transform:none;white-space:normal;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal;text-wrap:pretty;text-rendering:geometricPrecision}
.hooo-vitrina .hooo-vitrina__bloc p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.hooo-vitrina .hooo-vitrina__bloc p+p{margin-top:var(--paragraf,.42em)}
.hooo-vitrina__bloc .nume,.hooo-vitrina__bloc .leg{white-space:nowrap;hyphens:none;-webkit-hyphens:none}
.hooo-vitrina__ceata{position:absolute;z-index:1;overflow:visible;pointer-events:none}
.hooo-vitrina__derulare{position:relative}
.hooo-vitrina__derulare:focus-visible{outline:3px solid var(--rasp,#C92A48);outline-offset:-3px}
.hooo-vitrina__jumatate{position:absolute;top:0;left:0;width:50%;height:100%;scroll-snap-align:start;pointer-events:none}
.hooo-vitrina__jumatate--dreapta{left:50%}
.hooo-vitrina__parte--dubla{position:relative}
.hooo-vitrina__pagina{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:42px;height:42px;margin:-21px 0 0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink,#1E1A20);box-shadow:0 2px 10px rgba(30,26,32,.28);cursor:pointer}
.hooo-vitrina__pagina svg{display:block;width:20px;height:20px}
.hooo-vitrina__pagina:focus-visible{outline:3px solid var(--rasp,#C92A48);outline-offset:2px}
.hooo-vitrina__pagina--stanga{left:10px}
.hooo-vitrina__pagina--dreapta{right:10px}

.hooo-vitrina .hooo-vitrina__nota{min-height:2.9em;margin:12px 0 0;text-align:center;font-size:14px;line-height:1.45;color:var(--ink-2,#4A444D);text-wrap:balance}

/* pe telefon și pe tabletă, pagina e pe o coloană: scriptul mută previzualizarea deasupra formularului */
@media (max-width:980px){
  .hooo-vitrina--stanga{display:none}
  .hooo-vitrina{width:100%;min-width:0;max-width:560px;margin:0 auto 26px}
}
/* o pagină pe rând (pe telefon mereu, pe ecranele late cu „Mărește”): dubla e cât două panouri, cu glisare și săgeți, ca textul să se poată citi */
.hooo-vitrina--pagini .hooo-vitrina__parte--dubla{align-self:stretch;width:100%;height:100%}
.hooo-vitrina--pagini .hooo-vitrina__derulare{height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.hooo-vitrina--pagini .hooo-vitrina__derulare::-webkit-scrollbar{display:none}
.hooo-vitrina--pagini .hooo-vitrina__scena--dubla{width:200%;border-radius:0;box-shadow:none}
@media (max-width:560px){
  .hooo-vitrina__panou{border-radius:18px}
  .hooo-vitrina .hooo-vitrina__rezerva{font-size:13px}
  .hooo-vitrina__fila{padding:6px 12px;font-size:13.5px}
}
@media (max-width:360px){
  .hooo-vitrina .hooo-vitrina__rezerva{font-size:13px;padding:10px 12px}
}