/* ============================================================================= torturiconstanta.ro — stiluri complete Variabilele și stilurile de bază sunt în critical.css (inline în ). ============================================================================= */ /* --- Secțiuni generice ---------------------------------------------------- */ section{padding-block:clamp(2.6rem,1.6rem + 4vw,4.6rem)} .section-title{margin-bottom:.45em} .section-title--sm{font-size:clamp(1.3rem,1.15rem + .8vw,1.7rem)} .section-lead{font-size:1.03rem;color:var(--cocoa-soft);max-width:62ch;margin-bottom:2rem} .link-arrow{display:inline-flex;align-items:center;gap:.4em;font-weight:700;font-size:.95rem;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .16s var(--ease),gap .16s var(--ease)} .link-arrow:hover{border-bottom-color:currentColor;gap:.6em} .btn__external{font-size:.85em} /* --- Navigație mobilă ----------------------------------------------------- */ @media (max-width:959px){ /* Panoul rămâne în interiorul viewportului chiar și închis: o translație în afara ecranului ar crea scroll orizontal pe mobil. */ .nav__list{ position:fixed;inset:var(--header-h) 0 0 0;z-index:99; display:block;background:var(--white); padding:1.2rem var(--gutter) 6rem; overflow-y:auto;list-style:none;margin:0; opacity:0;visibility:hidden;transform:translateY(-10px); transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s; border-top:1px solid var(--line); } .nav__list.is-open{opacity:1;visibility:visible;transform:none} .nav__item{border-bottom:1px solid var(--line);position:relative} .nav__item--cta{border-bottom:0;padding-top:1.2rem} .nav__item--cta .btn{width:100%} .nav__link{font-size:1.05rem;font-weight:700;padding:.95rem 2.6rem .95rem 0} .nav__expand{position:absolute;top:.5rem;right:0;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:var(--cocoa-soft);cursor:pointer;border-radius:var(--r-sm)} .nav__expand[aria-expanded="true"] svg{transform:rotate(180deg)} .nav__expand svg{transition:transform .2s var(--ease)} .nav__submenu{list-style:none;margin:0;padding:0 0 .8rem .9rem;display:none} .nav__submenu.is-open{display:block} .nav__submenu a{display:block;padding:.55rem 0;font-size:.95rem;font-weight:600;color:var(--cocoa-soft);text-decoration:none;border-left:2px solid var(--line-strong);padding-left:.9rem} .nav__submenu a:hover,.nav__submenu a[aria-current]{color:var(--raspberry-ink);border-left-color:var(--raspberry-ink)} body.nav-open{overflow:hidden} } @media (min-width:960px){ /* Etichetele meniului nu trebuie să se rupă pe două rânduri. */ .nav__link,.nav__item--cta .btn{white-space:nowrap} .nav__link{position:relative} .nav__link::after{content:"";position:absolute;left:0;right:100%;bottom:.15rem;height:2px;background:var(--raspberry-ink);border-radius:2px;transition:right .2s var(--ease)} .nav__link:hover::after,.nav__link.is-current::after{right:0} .nav__link.is-current{color:var(--raspberry-ink)} .nav__expand{display:none} .nav__submenu{ position:absolute;top:100%;left:-1rem;min-width:250px; background:var(--white);border:1px solid var(--line);border-radius:var(--r-md); box-shadow:var(--shadow-md);padding:.5rem;margin:0;list-style:none; opacity:0;visibility:hidden;transform:translateY(8px); transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s; } .nav__item--has-children:hover .nav__submenu, .nav__item--has-children:focus-within .nav__submenu{opacity:1;visibility:visible;transform:translateY(0)} .nav__submenu a{display:block;padding:.5rem .75rem;font-size:.92rem;font-weight:600;color:var(--cocoa-soft);text-decoration:none;border-radius:var(--r-sm)} .nav__submenu a:hover,.nav__submenu a[aria-current]{background:var(--cream);color:var(--raspberry-ink)} } /* Între 960 și 1279 px meniul complet trebuie să încapă pe un singur rând. */ @media (min-width:960px) and (max-width:1279px){ .nav__list{gap:.85rem} .nav__link{font-size:.88rem} .nav__item--cta .btn{font-size:.79rem;padding:.6em .95em;gap:.4em} .nav__item--cta .btn .icon{width:16px;height:16px} .brand__lockup{height:36px} .brand__giumbo{height:26px} } /* --- Bara fixă de pe mobil ------------------------------------------------ */ .mobile-bar{ position:fixed;left:0;right:0;bottom:0;z-index:90; display:grid;grid-template-columns:1fr 1fr;gap:.5rem; padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom)); background:rgba(255,255,255,.96);backdrop-filter:blur(10px); border-top:1px solid var(--line);box-shadow:0 -4px 20px rgba(75,46,42,.08); transform:translateY(110%);transition:transform .26s var(--ease); } .mobile-bar.is-visible{transform:translateY(0)} .mobile-bar__item{ display:flex;align-items:center;justify-content:center;gap:.4rem; padding:.72rem .5rem;border-radius:var(--r-pill); font-size:.87rem;font-weight:700;text-decoration:none; background:var(--cream);color:var(--cocoa);border:1px solid var(--line-strong); } .mobile-bar__item--primary{background:var(--whatsapp);color:#fff;border-color:var(--whatsapp)} @media (min-width:960px){.mobile-bar{display:none}} /* --- Breadcrumbs ---------------------------------------------------------- */ .breadcrumbs{padding-block:.9rem;background:var(--cream);border-bottom:1px solid var(--line)} .breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0;font-size:.85rem} .breadcrumbs__item{display:flex;align-items:center;gap:.4rem;color:var(--cocoa-soft)} .breadcrumbs__item a{color:var(--cocoa-soft);text-decoration:none} .breadcrumbs__item a:hover{color:var(--raspberry-ink);text-decoration:underline} .breadcrumbs__item [aria-current]{color:var(--cocoa);font-weight:600} .breadcrumbs__sep{color:var(--cocoa-faint);opacity:.6} /* --- Antet de pagină ------------------------------------------------------ */ .page-head{padding-block:clamp(2rem,1.4rem + 2.5vw,3.4rem) clamp(1.4rem,1rem + 2vw,2.4rem);background:linear-gradient(180deg,var(--white),var(--cream))} .page-head__title{margin-bottom:.4em} .page-head__lead{font-size:1.08rem;color:var(--cocoa-soft);max-width:65ch;margin-bottom:0} .page-head__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem} .page-head--gallery{text-align:left} /* --- Blocul „Pe scurt” ---------------------------------------------------- */ .summary{padding-block:0;margin-top:-1px} .summary__card{ background:var(--white);border:1px solid var(--line);border-left:5px solid var(--pistachio); border-radius:var(--r-lg);padding:1.5rem 1.4rem;box-shadow:var(--shadow-sm); margin-top:clamp(1.2rem,1rem + 1vw,2rem); } .summary__title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pistachio-ink);margin:0 0 1rem} .summary__title svg{color:var(--pistachio-ink)} .summary__list{margin:0;display:grid;gap:.85rem} .summary__row{display:grid;gap:.15rem} .summary__row dt{font-size:.79rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cocoa-faint)} .summary__row dd{margin:0;font-size:.98rem;color:var(--cocoa)} .summary__bullets{margin:0;padding-left:1.2em;display:grid;gap:.55rem} .summary__bullets li{font-size:.98rem} @media (min-width:700px){ .summary__row{grid-template-columns:200px 1fr;gap:1rem;align-items:baseline} .summary__row dt{padding-top:.15em} } /* --- Text curent ---------------------------------------------------------- */ .prose-sections{padding-block:clamp(2rem,1.5rem + 2vw,3.2rem)} .prose-section{margin-bottom:clamp(2rem,1.5rem + 2vw,3rem)} .prose-section:last-child{margin-bottom:0} .prose-section__title{margin-bottom:.6em} .prose p{color:var(--cocoa-soft);max-width:68ch} .prose p strong{color:var(--cocoa)} .prose a{font-weight:600} .checklist{background:var(--cream);border-radius:var(--r-lg);padding:1.3rem 1.4rem;margin-top:1.4rem} .checklist__title{font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--cocoa);margin:0 0 .9rem} .checklist__items{list-style:none;margin:0;padding:0;display:grid;gap:.7rem} .checklist__items li{display:flex;gap:.65rem;align-items:flex-start;font-size:.97rem;color:var(--cocoa-soft)} .checklist__items svg{flex:none;margin-top:.22em;color:var(--pistachio-ink)} .checklist__items--plain li{display:list-item;margin-left:1.1em;list-style:disc} /* --- Card-uri de eveniment (homepage) ------------------------------------- */ .events{background:var(--white)} .events__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem} .event-card{display:flex;flex-direction:column;height:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)} .event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);color:inherit} .event-card__media{display:block;aspect-ratio:4/3;background:var(--cream);overflow:hidden} .event-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)} .event-card:hover .event-card__media img{transform:scale(1.05)} .event-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--cream),var(--cream-deep))} .event-card__body{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;font-weight:700} .event-card__title{font-size:.97rem;line-height:1.3} .event-card__arrow{color:var(--raspberry-ink);flex:none} @media (min-width:700px){.events__grid{grid-template-columns:repeat(3,1fr);gap:1.1rem}} @media (min-width:1000px){.events__grid{grid-template-columns:repeat(5,1fr)}} /* --- Povestea ------------------------------------------------------------- */ .story{background:var(--cream)} .story__inner{display:grid;gap:2rem} .story__text p{color:var(--cocoa-soft);max-width:60ch} .story__facts{list-style:none;margin:0;padding:0;display:grid;gap:.9rem} .story__facts li{background:var(--white);border-radius:var(--r-lg);padding:1.2rem 1.3rem;box-shadow:var(--shadow-xs);display:grid;gap:.25rem} .story__fact-value{font-family:var(--font-display);font-size:1.9rem;font-weight:700;color:var(--raspberry-ink);line-height:1} .story__fact-label{font-size:.9rem;color:var(--cocoa-soft)} @media (min-width:860px){.story__inner{grid-template-columns:1.25fr .75fr;gap:3rem;align-items:start}} /* --- Motive --------------------------------------------------------------- */ .reasons{background:var(--white)} .reasons__grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem} .reason-card{position:relative;background:var(--cream);border-radius:var(--r-lg);padding:1.6rem 1.4rem 1.4rem;overflow:hidden} .reason-card__num{position:absolute;top:.5rem;right:1rem;font-family:var(--font-display);font-size:3.4rem;font-weight:700;color:var(--raspberry);opacity:.14;line-height:1} .reason-card__title{font-size:1.1rem;margin-bottom:.4em;position:relative} .reason-card__text{margin:0;font-size:.96rem;color:var(--cocoa-soft);position:relative} @media (min-width:700px){.reasons__grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}} /* --- Tortul Giumbo -------------------------------------------------------- */ .signature{background:linear-gradient(135deg,var(--cream) 0%,var(--cream-deep) 100%)} .signature__inner{display:grid;gap:1.6rem;align-items:center} .signature__desc{font-size:1.15rem;font-weight:600;color:var(--cocoa)} .signature__body p{color:var(--cocoa-soft);max-width:58ch} .signature__note{background:var(--white);border-radius:var(--r-md);padding:1rem 1.15rem;font-size:.92rem;border-left:4px solid var(--gold)} .signature__mark{display:none} @media (min-width:860px){ .signature__inner{grid-template-columns:1fr 200px} .signature__mark{display:grid;place-items:center} .signature__mark img{width:150px;height:auto;filter:drop-shadow(0 14px 26px rgba(75,46,42,.16))} } /* --- Pași ----------------------------------------------------------------- */ .steps{background:var(--white)} .steps__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem;counter-reset:step} .step-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem 1.3rem;box-shadow:var(--shadow-xs)} .step-card__num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--raspberry-ink);color:#fff;font-family:var(--font-body);font-weight:700;font-size:1rem;margin-bottom:.9rem} .step-card__title{font-size:1.05rem;margin-bottom:.35em} .step-card__text{margin:0;font-size:.95rem;color:var(--cocoa-soft)} .step-card--lg{padding:1.7rem 1.5rem} .steps__more{margin:1.8rem 0 0} @media (min-width:700px){.steps__list{grid-template-columns:repeat(2,1fr);gap:1.2rem}} @media (min-width:1000px){.steps__list{grid-template-columns:repeat(4,1fr)}} /* --- Galerie -------------------------------------------------------------- */ .latest{background:var(--cream)} .latest__more{margin:2rem 0 0;text-align:center} .gallery{background:var(--white);padding-top:clamp(1.6rem,1.2rem + 2vw,2.6rem)} .gallery__status{font-size:.92rem;color:var(--cocoa-soft);margin:0 0 1.4rem} .gallery__updated,.gallery__disclaimer{font-size:.85rem;color:var(--cocoa-faint);margin:1.4rem 0 0;max-width:70ch} .filters{margin-bottom:1.3rem} .filters__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0} .filter{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:var(--r-pill);background:var(--cream);border:1px solid var(--line-strong);font-size:.9rem;font-weight:600;color:var(--cocoa);text-decoration:none;transition:background-color .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)} .filter:hover{border-color:var(--raspberry-ink);color:var(--raspberry-ink)} .filter.is-active{background:var(--raspberry-ink);border-color:var(--raspberry-ink);color:#fff} .filter__count{font-size:.78rem;color:var(--cocoa-soft);font-weight:700} /* Pe fundal colorat, contorul rămâne alb plin — o opacitate redusă ar coborî contrastul sub pragul WCAG AA. */ .filter.is-active .filter__count{color:#fff} .gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem} @media (min-width:640px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:1rem}} @media (min-width:1000px){.gallery-grid{grid-template-columns:repeat(4,1fr)}} .gallery-card{ display:flex;flex-direction:column;width:100%;height:100%; padding:0;border:1px solid var(--line);border-radius:var(--r-lg); background:var(--white);cursor:zoom-in;overflow:hidden;text-align:left; font-family:inherit; transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease); } .gallery-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong)} .gallery-card__frame{display:block;width:100%;overflow:hidden;background:var(--cream);max-height:340px} .gallery-card__frame img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)} .gallery-card:hover .gallery-card__frame img{transform:scale(1.05)} .gallery-card__meta{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .85rem .8rem} .gallery-card__title{font-size:.88rem;font-weight:700;color:var(--cocoa);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .gallery-card__tag{font-size:.74rem;font-weight:600;color:var(--raspberry-ink);text-transform:uppercase;letter-spacing:.06em} .gallery-empty{background:var(--cream);border:1px dashed var(--line-strong);border-radius:var(--r-lg);padding:2.2rem 1.5rem;text-align:center} .gallery-empty p{color:var(--cocoa-soft);max-width:52ch;margin-inline:auto} .inline-gallery{margin-bottom:clamp(2rem,1.5rem + 2vw,3rem)} .inline-gallery__note{font-size:.92rem;color:var(--cocoa-soft);margin-bottom:1.2rem} .inline-gallery__more{margin:1.4rem 0 0} /* --- Paginare ------------------------------------------------------------- */ .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin-top:2.4rem} .pagination__pages{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0} .pagination__page{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .6rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--white);font-weight:700;font-size:.92rem;color:var(--cocoa);text-decoration:none} .pagination__page:hover{border-color:var(--raspberry-ink);color:var(--raspberry-ink)} .pagination__page.is-current{background:var(--raspberry-ink);border-color:var(--raspberry-ink);color:#fff} .pagination__link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem;text-decoration:none;padding:.6rem .9rem;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--cocoa)} .pagination__link:hover{border-color:var(--raspberry-ink);color:var(--raspberry-ink)} /* --- Lightbox ------------------------------------------------------------- */ .lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:1rem} .lightbox[hidden]{display:none} .lightbox__backdrop{position:absolute;inset:0;background:rgba(46,26,23,.86);backdrop-filter:blur(3px)} .lightbox__dialog{position:relative;display:grid;grid-template-columns:1fr;gap:.6rem;width:min(100%,1080px);max-height:92vh;background:var(--white);border-radius:var(--r-lg);padding:.7rem;box-shadow:var(--shadow-lg)} .lightbox__figure{grid-column:1;margin:0;display:flex;flex-direction:column;gap:.6rem;min-height:0} .lightbox__image{width:100%;max-height:66vh;object-fit:contain;border-radius:var(--r-md);background:var(--cream)} .lightbox__caption{display:grid;gap:.2rem;padding:0 .4rem .3rem} .lightbox__tag{font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--raspberry-ink)} .lightbox__title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--cocoa)} .lightbox__text{font-size:.9rem;color:var(--cocoa-soft)} .lightbox__counter{font-size:.8rem;color:var(--cocoa-faint)} .lightbox__close{position:absolute;top:.55rem;right:.55rem;z-index:3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--cocoa);cursor:pointer;box-shadow:var(--shadow-sm)} .lightbox__close:hover{background:var(--cream)} .lightbox__nav{position:absolute;top:36%;z-index:2;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--cocoa);cursor:pointer;box-shadow:var(--shadow-sm)} .lightbox__nav:hover{background:var(--cream)} .lightbox__nav--prev{left:.4rem} .lightbox__nav--next{right:.4rem} .lightbox__actions{grid-column:1;display:flex;justify-content:center;padding-bottom:.4rem} body.lightbox-open{overflow:hidden} @media (min-width:900px){ .lightbox__nav--prev{left:-22px} .lightbox__nav--next{right:-22px} .lightbox__nav{top:calc(50% - 23px)} } /* --- Modele --------------------------------------------------------------- */ .models{background:var(--cream)} .models__list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem} .model-chip{ display:grid;gap:.28rem;width:100%;text-align:left;cursor:pointer; background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg); padding:1.05rem 1.2rem;font-family:inherit; transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease); } .model-chip:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--raspberry)} .model-chip__name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--cocoa)} .model-chip__note{font-size:.9rem;color:var(--cocoa-soft);line-height:1.5} .model-chip__action{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--raspberry-ink);margin-top:.3rem} .model-chip.is-selected{border-color:var(--raspberry-ink);box-shadow:0 0 0 3px rgba(217,63,112,.16)} .models__disclaimer{font-size:.85rem;color:var(--cocoa-faint);margin:1.6rem 0 0;max-width:75ch} @media (min-width:700px){.models__list{grid-template-columns:repeat(2,1fr);gap:1rem}} @media (min-width:1000px){.models__list{grid-template-columns:repeat(3,1fr)}} /* --- Mențiunea despre laborator ------------------------------------------- */ .lab-note{padding-block:clamp(1.4rem,1.2rem + 1vw,2rem);background:var(--white)} .lab-note__inner{display:flex;gap:1rem;align-items:flex-start;background:var(--cream);border-radius:var(--r-lg);padding:1.25rem 1.35rem;border:1px solid var(--line)} .lab-note__icon{flex:none;color:var(--raspberry-ink);margin-top:.15rem} .lab-note__title{font-weight:700;margin:0 0 .3rem;color:var(--cocoa)} .lab-note__text{margin:0;font-size:.94rem;color:var(--cocoa-soft)} /* --- FAQ ------------------------------------------------------------------ */ .faq{background:var(--white)} .faq__list{display:grid;gap:.7rem} .faq__item{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden} .faq__item[open]{background:var(--white);box-shadow:var(--shadow-sm);border-color:var(--line-strong)} .faq__question{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.05rem 1.2rem;font-weight:700;font-size:1rem;color:var(--cocoa);cursor:pointer;list-style:none} .faq__question::-webkit-details-marker{display:none} .faq__question:hover{color:var(--raspberry-ink)} .faq__chevron{flex:none;margin-top:.2em;color:var(--raspberry-ink);transition:transform .2s var(--ease)} .faq__item[open] .faq__chevron{transform:rotate(180deg)} .faq__answer{padding:0 1.2rem 1.1rem} .faq__answer p{margin:0 0 .8em;font-size:.97rem;color:var(--cocoa-soft);max-width:66ch} .faq__answer p:last-child{margin-bottom:0} .faq-nav{padding-block:0;margin-top:1.5rem} .faq-nav__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0} .faq-nav__list a{display:inline-block;padding:.45rem .9rem;border-radius:var(--r-pill);background:var(--cream);border:1px solid var(--line-strong);font-size:.86rem;font-weight:600;color:var(--cocoa);text-decoration:none} .faq-nav__list a:hover{border-color:var(--raspberry-ink);color:var(--raspberry-ink)} .faq-page .faq{padding-block:clamp(1.6rem,1.2rem + 1.5vw,2.4rem)} /* --- Configurator --------------------------------------------------------- */ .configurator{background:linear-gradient(180deg,var(--cream) 0%,var(--cream-deep) 100%)} .configurator__card{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:clamp(1.4rem,1rem + 2vw,2.6rem);border:1px solid var(--line)} .configurator__intro{margin-bottom:1.8rem;max-width:60ch} .configurator__intro h2{margin-bottom:.4em} .configurator__lead{color:var(--cocoa-soft);margin-bottom:.9em} .configurator__privacy{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;color:var(--pistachio-ink);font-weight:600;margin:0;background:rgba(168,213,186,.16);padding:.65rem .85rem;border-radius:var(--r-sm)} .configurator__privacy svg{flex:none;margin-top:.1em} .configurator__form{display:grid;gap:1.05rem} @media (min-width:760px){.configurator__form{grid-template-columns:1fr 1fr;gap:1.1rem 1.3rem}.field--wide,.configurator__actions,.configurator__fallback,.configurator__preview,.configurator__tasting{grid-column:1/-1}} .field{display:grid;gap:.35rem} .field label{font-size:.88rem;font-weight:700;color:var(--cocoa)} .field__hint{font-weight:400;color:var(--cocoa-faint)} .field__req{color:var(--raspberry-ink)} .field input,.field select,.field textarea{ width:100%;font-family:inherit;font-size:1rem;color:var(--cocoa); background:var(--cream);border:1.5px solid var(--line-strong);border-radius:var(--r-md); padding:.75rem .9rem;transition:border-color .16s var(--ease),background-color .16s var(--ease),box-shadow .16s var(--ease); } .field textarea{resize:vertical;min-height:96px;line-height:1.6} .field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%236B4A44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:16px;padding-right:2.4rem} .field input:focus,.field select:focus,.field textarea:focus{outline:none;background:var(--white);border-color:var(--raspberry-ink);box-shadow:0 0 0 3px rgba(185,46,88,.14)} .field input::placeholder,.field textarea::placeholder{color:var(--cocoa-faint);opacity:.75} .field__error{margin:0;font-size:.84rem;font-weight:600;color:var(--raspberry-dark)} .field__counter{margin:0;font-size:.76rem;color:var(--cocoa-faint);text-align:right} .field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--raspberry-dark);background:rgba(217,63,112,.05)} .configurator__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.4rem} .configurator__fallback{font-size:.87rem;color:var(--cocoa-soft);margin:0} .configurator__tasting{font-size:.92rem;background:var(--cream);border-left:4px solid var(--gold);padding:.8rem 1rem;border-radius:var(--r-sm);margin:0} .configurator__preview{margin-top:.2rem} .configurator__preview-toggle{background:none;border:0;padding:0;font-family:inherit;font-size:.86rem;font-weight:700;color:var(--raspberry-ink);cursor:pointer;text-decoration:underline;text-underline-offset:.2em} .configurator__preview-text{margin:.7rem 0 0;padding:1rem 1.1rem;background:var(--cream);border-radius:var(--r-md);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.65;color:var(--cocoa-soft);white-space:pre-wrap;word-break:break-word;border:1px solid var(--line)} /* --- Bandă CTA ------------------------------------------------------------ */ .cta-band{background:var(--white);text-align:center} .cta-band h2{margin-bottom:.4em} .cta-band p{color:var(--cocoa-soft);max-width:56ch;margin-inline:auto;margin-bottom:1.6em} /* --- Legături conexe ------------------------------------------------------ */ .related{background:var(--cream)} .related__list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem} .related__link{display:grid;gap:.25rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem 1.25rem;text-decoration:none;color:inherit;position:relative;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)} .related__link:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-strong);color:inherit} .related__label{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--cocoa);padding-right:1.5rem} .related__desc{font-size:.9rem;color:var(--cocoa-soft);line-height:1.5} .related__arrow{position:absolute;top:1.15rem;right:1.2rem;color:var(--raspberry-ink);font-weight:700} @media (min-width:760px){.related__list{grid-template-columns:repeat(3,1fr);gap:1rem}} /* --- Candy bar ------------------------------------------------------------ */ .candybar{background:var(--white)} .candybar__card{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--cream) 0%,var(--cream-deep) 100%);border-radius:var(--r-xl);padding:clamp(1.6rem,1.2rem + 2vw,2.8rem);border:1px solid var(--line)} .candybar__body{position:relative;max-width:60ch} .candybar__body p{color:var(--cocoa-soft)} .candybar__decor{position:absolute;inset:0;pointer-events:none} .candybar__decor span{position:absolute;border-radius:50%} .candybar__decor span:nth-child(1){width:170px;height:170px;background:var(--pistachio);opacity:.3;top:-56px;right:-40px} .candybar__decor span:nth-child(2){width:110px;height:110px;background:var(--coral);opacity:.2;bottom:-38px;right:110px} .candybar__decor span:nth-child(3){width:70px;height:70px;background:var(--gold);opacity:.22;top:44%;right:34px} /* --- Bandă de contact ----------------------------------------------------- */ .contact-strip{background:var(--cream)} .contact-strip__grid{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:1rem} .contact-strip__item{background:var(--white);border-radius:var(--r-lg);padding:1.15rem 1.3rem;box-shadow:var(--shadow-xs);display:grid;gap:.3rem} .contact-strip__label{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cocoa-faint)} .contact-strip__value{font-size:1.05rem;font-weight:700;color:var(--raspberry-ink);text-decoration:none} .contact-strip__value--text{color:var(--cocoa);font-weight:600;font-size:.98rem} .contact-strip__note{font-size:.88rem;color:var(--cocoa-soft);margin:0} @media (min-width:760px){.contact-strip__grid{grid-template-columns:repeat(3,1fr)}} /* --- Pagina de contact ---------------------------------------------------- */ .contact-cards{background:var(--white)} .contact-cards__grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem} .contact-card{display:grid;gap:.45rem;align-content:start;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem 1.3rem;box-shadow:var(--shadow-xs)} .contact-card--primary{border-color:var(--pistachio);background:linear-gradient(180deg,var(--white),rgba(168,213,186,.12))} .contact-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-sm);background:var(--cream);color:var(--raspberry-ink);margin-bottom:.3rem} .contact-card--primary .contact-card__icon{background:rgba(14,114,51,.12);color:var(--whatsapp-dark)} .contact-card__title{font-size:1.1rem;margin:0} .contact-card__text{margin:0;font-size:.9rem;color:var(--cocoa-soft)} .contact-card__value{font-size:1.05rem;font-weight:700;color:var(--raspberry-ink);text-decoration:none} .contact-card__value--text{color:var(--cocoa);font-weight:600;font-size:.96rem;line-height:1.5} .contact-card .btn{margin-top:.5rem;justify-self:start} @media (min-width:640px){.contact-cards__grid{grid-template-columns:repeat(2,1fr);gap:1.1rem}} @media (min-width:1000px){.contact-cards__grid{grid-template-columns:repeat(3,1fr)}} /* --- Hub torturi ---------------------------------------------------------- */ .hub-grid{background:var(--white)} .hub-grid__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem} .hub-card__link{display:flex;flex-direction:column;height:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s var(--ease)} .hub-card__link:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);color:inherit} .hub-card__media{display:block;aspect-ratio:16/10;background:var(--cream);overflow:hidden} .hub-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)} .hub-card__link:hover .hub-card__media img{transform:scale(1.05)} .hub-card__placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--cream),var(--cream-deep))} .hub-card__placeholder img{width:52px;height:auto;opacity:.55} .hub-card__body{display:grid;gap:.35rem;padding:1.1rem 1.2rem 1.3rem} .hub-card__title{font-family:var(--font-display);font-size:1.18rem;font-weight:700;color:var(--cocoa)} .hub-card__desc{font-size:.9rem;color:var(--cocoa-soft);line-height:1.55} .hub-card__cta{font-size:.82rem;font-weight:700;color:var(--raspberry-ink);margin-top:.3rem} @media (min-width:700px){.hub-grid__list{grid-template-columns:repeat(2,1fr);gap:1.2rem}} @media (min-width:1020px){.hub-grid__list{grid-template-columns:repeat(3,1fr)}} /* --- Articole ------------------------------------------------------------- */ .articles-list{background:var(--white)} .articles-list__grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem} .article-card__link{display:grid;gap:.5rem;height:100%;align-content:start;background:var(--cream);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem 1.4rem 1.5rem;text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease)} .article-card__link:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:var(--white);color:inherit} .article-card__meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.78rem;color:var(--cocoa-faint);font-weight:600} .article-card__title{font-size:1.2rem;margin:0;line-height:1.3} .article-card__excerpt{margin:0;font-size:.93rem;color:var(--cocoa-soft);line-height:1.6} .article-card__cta{font-size:.82rem;font-weight:700;color:var(--raspberry-ink);margin-top:.3rem} @media (min-width:760px){ .articles-list__grid{grid-template-columns:repeat(2,1fr);gap:1.2rem} .article-card--featured{grid-column:1/-1} .article-card--featured .article-card__title{font-size:1.55rem} } @media (min-width:1020px){.articles-list__grid{grid-template-columns:repeat(3,1fr)}.article-card--featured{grid-column:span 3}} .page-head--article .page-head__lead{font-size:1.12rem} .article__byline{display:flex;align-items:center;gap:.85rem;margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--line-strong)} .article__byline img{width:44px;height:auto;flex:none} .article__author{margin:0;font-size:.92rem;color:var(--cocoa)} .article__dates{margin:0;font-size:.82rem;color:var(--cocoa-faint)} .article__disclaimer{font-size:.87rem;color:var(--cocoa-faint);background:var(--cream);border-radius:var(--r-md);padding:1rem 1.2rem;margin-top:2rem} .toc{padding-block:0;margin-top:2rem} .toc__title{font-family:var(--font-body);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cocoa-faint);margin:0 0 .8rem} .toc__list{margin:0;padding-left:1.3em;display:grid;gap:.4rem} .toc__list a{font-size:.95rem;font-weight:600;color:var(--cocoa-soft);text-decoration:none} .toc__list a:hover{color:var(--raspberry-ink);text-decoration:underline} /* --- Despre --------------------------------------------------------------- */ .about__social{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:1.2rem 0 0;padding:0} .about__social a{display:inline-block;padding:.5rem 1.05rem;border-radius:var(--r-pill);background:var(--cream);border:1px solid var(--line-strong);font-size:.88rem;font-weight:700;color:var(--cocoa);text-decoration:none} .about__social a:hover{border-color:var(--raspberry-ink);color:var(--raspberry-ink)} /* --- Pagini legale -------------------------------------------------------- */ .legal-page__updated{font-size:.86rem;color:var(--cocoa-faint);margin-top:1rem} .legal-identity{padding-block:0;margin-top:2rem} .legal-identity__title{font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--cocoa-faint);margin:0 0 .9rem} .legal-identity__list{margin:0;display:grid;gap:.7rem;background:var(--cream);border-radius:var(--r-lg);padding:1.3rem 1.4rem} .legal-identity__list>div{display:grid;gap:.15rem} .legal-identity__list dt{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cocoa-faint)} .legal-identity__list dd{margin:0;font-weight:600} @media (min-width:600px){.legal-identity__list>div{grid-template-columns:220px 1fr;gap:1rem;align-items:baseline}} .notice{border-radius:var(--r-lg);padding:1.3rem 1.4rem;border:1px solid} .notice--warning{background:#FFF6E8;border-color:#E9C88A;color:#5C4413} .notice__title{font-weight:700;margin:0 0 .5rem;color:#7A5A12} .notice p{margin:0 0 .7em;font-size:.94rem} .notice__list{margin:0 0 .8em;padding-left:1.2em;font-size:.94rem} .notice__hint{font-size:.87rem;margin:0} .notice code{background:rgba(0,0,0,.06);padding:.1em .4em;border-radius:4px;font-size:.92em} .legal-flag{font-size:.86rem;color:#7A5A12;background:#FFF6E8;border-left:4px solid #E9C88A;padding:.6rem .9rem;border-radius:var(--r-sm);margin:0 0 1rem} .legal-body{padding-block:2.4rem} .legal-nav{padding-bottom:3rem} .legal-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem} .legal-nav__list a{display:inline-block;padding:.5rem 1rem;border-radius:var(--r-pill);background:var(--cream);border:1px solid var(--line-strong);font-size:.88rem;font-weight:600;color:var(--cocoa);text-decoration:none} .legal-nav__list a:hover{border-color:var(--raspberry-ink);color:var(--raspberry-ink)} /* --- 404 ------------------------------------------------------------------ */ .notfound{text-align:center;padding-block:clamp(3rem,2rem + 5vw,6rem)} .notfound__mark{width:78px;height:auto;margin:0 auto 1.4rem} .notfound__title{margin-bottom:.4em} .notfound__lead{color:var(--cocoa-soft);max-width:50ch;margin-inline:auto;margin-bottom:2rem} .notfound__actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-bottom:3rem} .notfound__links{text-align:left;display:grid;gap:.4rem} .notfound__links ul{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem} .notfound__links a{display:inline-block;padding:.45rem .9rem;border-radius:var(--r-pill);background:var(--cream);border:1px solid var(--line-strong);font-size:.86rem;font-weight:600;color:var(--cocoa);text-decoration:none} .notfound__links a:hover{border-color:var(--raspberry-ink);color:var(--raspberry-ink)} .notfound__help{font-size:.94rem;color:var(--cocoa-soft)} /* --- Footer --------------------------------------------------------------- */ .site-footer{background:var(--cocoa);color:#F3E4DD;padding-block:clamp(2.6rem,2rem + 3vw,4rem) 1.6rem;margin-bottom:74px} .site-footer__grid{display:grid;gap:2rem} .site-footer__logo{width:180px;height:auto;background:var(--white);border-radius:var(--r-md);padding:.7rem .9rem} .site-footer__about{font-size:.92rem;color:#DCC7BE;margin:1.1rem 0;max-width:40ch} .site-footer__about strong{color:#fff} .site-footer__title{font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#E3A9BF;margin:0 0 1rem} .site-footer__links{list-style:none;margin:0;padding:0;display:grid;gap:.55rem} .site-footer__links a{font-size:.93rem;color:#EBD8D0;text-decoration:none} .site-footer__links a:hover{color:#fff;text-decoration:underline} .site-footer__contact{font-style:normal;display:grid;gap:.9rem} .site-footer__contact p{margin:0;font-size:.95rem;color:#EBD8D0;display:grid;gap:.15rem} .site-footer__contact a{color:#fff;font-weight:700;text-decoration:none} .site-footer__contact a:hover{text-decoration:underline;color:#fff} .site-footer__label{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C5A79E} .site-footer__note{font-size:.83rem;color:#C5A79E;margin:1rem 0 1.2rem} .social{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0} .social a{display:inline-block;padding:.42rem .9rem;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.24);font-size:.83rem;font-weight:600;color:#F3E4DD;text-decoration:none} .social a:hover{background:rgba(255,255,255,.1);color:#fff} .site-footer__related{margin-top:2.4rem;padding:1.15rem 1.3rem;background:rgba(255,255,255,.07);border-radius:var(--r-lg);font-size:.93rem} .site-footer__related p{margin:0;color:#EBD8D0} .site-footer__related strong{color:#fff} .site-footer__related a{color:#FFC9D8;font-weight:700} .site-footer__bottom{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.14)} .site-footer__copy{margin:0;font-size:.83rem;color:#C5A79E} .site-footer__legal{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0} .site-footer__legal a{font-size:.83rem;color:#DCC7BE;text-decoration:none} .site-footer__legal a:hover{color:#fff;text-decoration:underline} .site-footer__anpc{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem} .site-footer__anpc a{font-size:.78rem;color:#B49A92;text-decoration:none} .site-footer__anpc a:hover{color:#EBD8D0;text-decoration:underline} @media (min-width:700px){.site-footer__grid{grid-template-columns:repeat(2,1fr);gap:2.4rem}} @media (min-width:1020px){.site-footer{margin-bottom:0}.site-footer__grid{grid-template-columns:1.35fr 1fr 1fr 1.25fr}} /* --- Animații discrete ---------------------------------------------------- */ @media (prefers-reduced-motion:no-preference){ [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease)} [data-reveal].is-revealed{opacity:1;transform:none} } @media print{ .site-header,.mobile-bar,.site-footer,.configurator,.lightbox,.filters,.pagination{display:none!important} body{color:#000;background:#fff} a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em} }