/* Nativa – hero arome (octombrie 2026). Loaded only by the hero HTML widget. */
:root{--nvh-bg:#E9A07E;--nvh-soft:#F4C7AE;--nvh-ink:#3A1A0C;--nvh-muted:#5E3320;--nvh-btn:#3A1A0C;--nvh-btnText:#FFF7F1;--nvh-ease:cubic-bezier(.65,.02,.2,1)}

/* Header follows the flavour colours (logo and menu items unchanged) */
.nv-hero-page .elementor-50 .elementor-element-c40b399{background-color:var(--nvh-bg)!important;border-color:transparent!important;transition:background-color 1s var(--nvh-ease)}
.nv-hero-page .elementor-50 .elementor-element-aaa632e{background-color:transparent!important}
.nv-hero-page .elementor-50 .elementor-element-393373a{background-color:var(--nvh-ink)!important;transition:background-color 1s var(--nvh-ease)}
.nv-hero-page .elementor-50 .elementor-element-393373a *{color:var(--nvh-bg)!important;transition:color 1s var(--nvh-ease)}
.nv-hero-page .elementor-50 .elementor-element-f75c6f5,.nv-hero-page .elementor-50 .elementor-element-f75c6f5 *{color:var(--nvh-ink)!important;transition:color 1s var(--nvh-ease)}
.nv-hero-page .elementor-50 .nativa-headicon .elementor-icon,.nv-hero-page .elementor-50 .nativa-headicon .elementor-icon svg{color:var(--nvh-ink)!important;fill:var(--nvh-ink)!important;transition:color 1s var(--nvh-ease),fill 1s var(--nvh-ease)}
.nv-hero-page .elementor-50 .elementor-element-6c40b72 [class*="toggle"],.nv-hero-page .elementor-50 .elementor-element-6c40b72 [class*="toggle"] svg{color:var(--nvh-ink)!important;fill:var(--nvh-ink)!important}
@media (min-width:1025px){.nv-hero-page .elementor-50 .elementor-element-6c40b72 .elementor-nav-menu--main a{color:var(--nvh-ink)!important;transition:color 1s var(--nvh-ease)}}
.nv-hero-page .elementor-50 .elementor-element-a03c31b img{transition:filter .8s var(--nvh-ease)}
.nv-hero-page.nv-hero-dark .elementor-50 .elementor-element-a03c31b img{filter:brightness(0) invert(.94)}

/* Hero */
.nv-hero{position:relative;overflow:hidden;background:var(--nvh-bg);color:var(--nvh-ink);transition:background-color 1s var(--nvh-ease);font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;--nvh-gut:max(16px,calc((100% - 1240px) / 2))}
.nv-hero *{box-sizing:border-box}
.nv-hero .nvh-word{position:absolute;left:0;right:0;top:8px;z-index:1;text-align:center;pointer-events:none;overflow:hidden;height:clamp(110px,18vw,290px)}
.nv-hero .nvh-word span{display:block;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(84px,16.5vw,260px);line-height:1;letter-spacing:-.02em;white-space:nowrap;color:var(--nvh-soft);transition:transform .9s var(--nvh-ease),opacity .6s,color 1s var(--nvh-ease)}
.nv-hero .nvh-word span.out{transform:translateY(-105%);opacity:0}
.nv-hero .nvh-word span.in{transform:translateY(105%);opacity:0}
.nv-hero .nvh-body{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:24px;padding:48px var(--nvh-gut) 24px}
.nv-hero .nvh-copy{display:flex;flex-direction:column;gap:22px;max-width:500px}
.nv-hero .nvh-eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--nvh-ink);transition:color .8s var(--nvh-ease)}
.nv-hero h1.nvh-title{margin:0;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(38px,4.6vw,64px);line-height:1.04;letter-spacing:-.01em;text-wrap:balance;color:var(--nvh-ink);transition:color .8s var(--nvh-ease)}
.nv-hero .nvh-flav{display:flex;flex-direction:column;gap:6px;min-height:96px}
.nv-hero .nvh-flav h2{margin:0;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:26px;line-height:1.2;color:var(--nvh-ink);transition:color .8s var(--nvh-ease)}
.nv-hero .nvh-flav p{margin:0;font-size:16px;line-height:1.55;color:var(--nvh-muted);transition:color .8s var(--nvh-ease)}
.nv-hero .nvh-flav.swap{animation:nvhRise .7s var(--nvh-ease)}
@keyframes nvhRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.nv-hero .nvh-ctas{display:flex;gap:12px;flex-wrap:wrap}
.nv-hero .nvh-pill{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:999px;background:var(--nvh-btn);color:var(--nvh-btnText)!important;font-weight:600;font-size:15px;text-decoration:none!important;transition:background-color 1s var(--nvh-ease),color 1s var(--nvh-ease),transform .2s}
.nv-hero .nvh-pill:hover{transform:translateY(-2px)}
.nv-hero .nvh-ghost{background:transparent;color:var(--nvh-ink)!important;border:1.5px solid var(--nvh-ink)}
.nv-hero .nvh-note{font-size:13px;color:var(--nvh-muted);transition:color .8s var(--nvh-ease)}
.nv-hero .nvh-stage{position:relative;height:clamp(380px,42vw,580px)}
.nv-hero .nvh-cup{position:absolute;left:50%;top:50%;width:clamp(230px,23vw,340px);transform:translate(-50%,-50%);transition:transform 1.1s var(--nvh-ease),opacity .9s var(--nvh-ease)}
.nv-hero .nvh-cup img{position:relative;z-index:1;display:block;width:100%;height:auto;max-width:100%}
/* Soft floor shadow drawn as a gradient (no CSS filter: iOS Safari clips drop-shadow on moving layers) */
.nv-hero .nvh-cup::after{content:"";position:absolute;left:8%;right:8%;bottom:-6%;height:13%;border-radius:50%;background:radial-gradient(closest-side,rgba(40,20,8,.34),rgba(40,20,8,0));z-index:0;pointer-events:none}
.nv-hero .nvh-cup.is-active{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1;z-index:3}
.nv-hero .nvh-cup.is-prev{transform:translate(-175%,-30%) scale(.42) rotate(-14deg);opacity:.95;z-index:2}
.nv-hero .nvh-cup.is-next{transform:translate(75%,-30%) scale(.42) rotate(14deg);opacity:.95;z-index:2}
.nv-hero .nvh-cup.is-hidden-l{transform:translate(-280%,-20%) scale(.2) rotate(-30deg);opacity:0;z-index:1}
.nv-hero .nvh-cup.is-hidden-r{transform:translate(180%,-20%) scale(.2) rotate(30deg);opacity:0;z-index:1}
.nv-hero .nvh-bubble{position:absolute;border-radius:50%;background:var(--nvh-soft);opacity:.6;z-index:0;transition:background-color 1s var(--nvh-ease);animation:nvhFloat 9s ease-in-out infinite}
.nv-hero .b1{width:70px;height:70px;left:6%;top:12%}
.nv-hero .b2{width:34px;height:34px;right:14%;top:6%;animation-delay:-3s}
.nv-hero .b3{width:120px;height:120px;right:2%;bottom:6%;animation-delay:-5s;opacity:.4}
.nv-hero .b4{width:22px;height:22px;left:24%;bottom:10%;animation-delay:-1.5s}
@keyframes nvhFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-18px)}}
.nv-hero .nvh-controls{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--nvh-gut) 64px}
.nv-hero .nvh-picker{display:flex;gap:8px;flex-wrap:wrap}
.nv-hero .nvh-chip{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;min-height:44px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--nvh-ink) 25%,transparent);background:color-mix(in srgb,var(--nvh-soft) 50%,transparent);color:var(--nvh-ink);font:600 12px Montserrat,Arial,sans-serif;cursor:pointer;transition:background-color .4s,border-color .4s,color .4s,transform .2s}
.nv-hero .nvh-chip:hover{transform:translateY(-2px)}
.nv-hero .nvh-chip[aria-pressed="true"]{background:var(--nvh-ink);color:var(--nvh-bg);border-color:var(--nvh-ink)}
.nv-hero .nvh-chip img{width:32px;height:38px;object-fit:contain;flex-shrink:0}
.nv-hero .nvh-arrows{display:flex;gap:10px;align-items:center}
.nv-hero .nvh-arrow{width:52px;height:52px;padding:0;border-radius:50%;border:1.5px solid var(--nvh-ink);background:transparent;color:var(--nvh-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .3s,border-color .8s,color .8s}
.nv-hero .nvh-arrow:hover{background:color-mix(in srgb,var(--nvh-ink) 12%,transparent)}
.nv-hero .nvh-progress{width:110px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--nvh-ink) 20%,transparent);overflow:hidden}
.nv-hero .nvh-progress i{display:block;height:100%;width:0;background:var(--nvh-ink)}
.nv-hero .nvh-progress i.run{animation:nvhProg var(--nvh-dur,3000ms) linear forwards}
@keyframes nvhProg{to{width:100%}}
.nv-hero .nvh-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:2;pointer-events:none;display:block;width:100%}
.nv-hero .nvh-wave path{fill:#FFFFFF}
.nv-hero button:focus-visible,.nv-hero a:focus-visible{outline:3px solid var(--nvh-ink);outline-offset:3px}
@media (max-width:1024px){
 .nv-hero .nvh-body{grid-template-columns:1fr;gap:4px;padding-top:24px}
 .nv-hero .nvh-stage{order:-1;height:clamp(300px,70vw,460px)}
 .nv-hero .nvh-cup{width:clamp(170px,40vw,260px)}
 .nv-hero .nvh-controls{flex-direction:column;align-items:flex-start;padding-bottom:56px}
 .nv-hero .nvh-chip .lbl{display:none}
 .nv-hero .nvh-chip{padding:5px}
}
@media (max-width:767px){
 .nv-hero .nvh-cup.is-prev{transform:translate(-165%,-26%) scale(.4) rotate(-14deg)}
 .nv-hero .nvh-cup.is-next{transform:translate(65%,-26%) scale(.4) rotate(14deg)}
}
@media (prefers-reduced-motion:reduce){
 .nv-hero .nvh-cup,.nv-hero .nvh-word span,.nv-hero{transition-duration:.01ms!important}
 .nv-hero .nvh-bubble,.nv-hero .nvh-flav.swap{animation:none}
}

/* v2: flavour picker = round cup icons only, on every breakpoint */
.nv-hero .nvh-picker{gap:14px}
.nv-hero .nvh-chip,.nv-hero .nvh-chip[aria-pressed]{width:72px;height:72px;min-height:0;padding:0;border-radius:50%;justify-content:center;gap:0;border:2px solid color-mix(in srgb,var(--nvh-ink) 18%,transparent);background:color-mix(in srgb,var(--nvh-soft) 55%,transparent)}
.nv-hero .nvh-chip .lbl{display:none}
.nv-hero .nvh-chip img{width:46px;height:56px;object-fit:contain;transition:transform .3s var(--nvh-ease)}
.nv-hero .nvh-chip:hover img{transform:scale(1.08)}
.nv-hero .nvh-chip[aria-pressed="true"]{background:var(--nvh-ink);border-color:var(--nvh-ink)}
@media (max-width:1024px){.nv-hero .nvh-controls{flex-direction:row;align-items:center;flex-wrap:wrap}}
@media (max-width:767px){
 .nv-hero .nvh-picker{gap:8px}
 .nv-hero .nvh-chip,.nv-hero .nvh-chip[aria-pressed]{width:54px;height:54px}
 .nv-hero .nvh-chip img{width:34px;height:42px}
 .nv-hero .nvh-controls{justify-content:center}
 .nv-hero .nvh-progress{display:none}
}
.nv-hero button.nvh-pill{font-family:inherit;cursor:pointer;border:0}
.nv-hero button.nvh-ghost{border:1.5px solid var(--nvh-ink)}

/* v2: announcement bar with the campaign message (3 messages rotate) */
@keyframes nvhAnn3{0%{opacity:0;transform:translateY(110%)}3%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}33.34%{opacity:0;transform:translateY(-110%)}100%{opacity:0;transform:translateY(-110%)}}
.nv-hero-page .elementor-50 .elementor-element.elementor-element-3866bb0 p.nv-ann{animation:nvhAnn3 13.5s cubic-bezier(.33,0,.2,1) infinite!important}
.nv-hero-page .elementor-50 .elementor-element.elementor-element-3866bb0 p.nv-ann-3{animation-delay:0s!important}
.nv-hero-page .elementor-50 .elementor-element.elementor-element-3866bb0 p.nv-ann-1{animation-delay:4.5s!important}
.nv-hero-page .elementor-50 .elementor-element.elementor-element-3866bb0 p.nv-ann-2{animation-delay:9s!important}

/* v2: "Cum funcționează" pop-up */
.nvh-modal{border:0;padding:0;border-radius:28px;width:min(880px,calc(100% - 32px));max-height:calc(100% - 32px);background:#FFFDF9;color:#2D1B0E;box-shadow:0 30px 80px rgba(30,15,5,.35);font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;overflow:auto}
.nvh-modal::backdrop{background:rgba(35,20,10,.55);backdrop-filter:blur(3px)}
.nvh-modal[open]{animation:nvhPop .45s var(--nvh-ease)}
@keyframes nvhPop{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.nvh-modal *{box-sizing:border-box}
.nvh-m-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.nvh-m-visual{position:relative;background:var(--nvh-bg);display:flex;align-items:center;justify-content:center;padding:40px 24px;min-height:100%;transition:background-color .6s var(--nvh-ease)}
.nvh-m-visual img{width:min(230px,70%);height:auto;filter:drop-shadow(0 24px 22px rgba(40,20,8,.3))}
.nvh-m-badge{position:absolute;left:20px;top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--nvh-ink);color:var(--nvh-bg);font-weight:700;line-height:1;transition:background-color .6s,color .6s}
.nvh-m-badge b{font-family:Fraunces,Georgia,serif;font-size:30px}
.nvh-m-badge span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.nvh-m-body{padding:36px 36px 32px;display:flex;flex-direction:column;gap:22px}
.nvh-m-eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8A4B2A;margin:0}
.nvh-m-title{margin:0;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1.1;color:#2D1B0E}
.nvh-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.nvh-steps li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center}
.nvh-step-ico{width:52px;height:52px;border-radius:16px;background:#F3ECE3;display:grid;place-items:center;color:#2D1B0E}
.nvh-steps strong{display:block;font-size:16px;color:#2D1B0E}
.nvh-steps span{display:block;font-size:14px;line-height:1.5;color:#5B4634}
.nvh-steps span.nvh-step-ico{display:grid;place-items:center;width:52px;height:52px;padding:0;line-height:0;color:#2D1B0E}
.nvh-steps span.nvh-step-ico svg{display:block;margin:0}
.nvh-modal .nvh-m-title:focus,.nvh-modal .nvh-m-title:focus-visible,.nvh-modal .nvh-m-title[tabindex]:focus{outline:none!important;box-shadow:none!important;border:0!important}
.nvh-m-cold{margin:0;font-size:13px;line-height:1.5;color:#5B4634;background:#F3ECE3;border-radius:12px;padding:10px 14px}
.nvh-m-offer{display:flex;flex-direction:column;gap:12px;border-top:1px solid #EFE3D5;padding-top:20px}
.nvh-m-offer p{margin:0;font-size:14px;line-height:1.5;color:#5B4634}
.nvh-m-offer p b{color:#2D1B0E}
.nvh-m-actions{display:flex;gap:10px;flex-wrap:wrap}
.nvh-m-buy{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;background:#2D1B0E;color:#FFF7F1!important;font-weight:600;font-size:15px;text-decoration:none!important}
.nvh-m-buy:hover{background:#4A2F1B}
.nvh-m-later{min-height:50px;padding:0 22px;border-radius:999px;border:1.5px solid #C9B49F;background:transparent;color:#2D1B0E;font:600 15px Montserrat,Arial,sans-serif;cursor:pointer}
.nvh-m-close{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#2D1B0E;display:grid;place-items:center;cursor:pointer}
.nvh-modal button:focus-visible,.nvh-modal a:focus-visible{outline:3px solid #8A4B2A;outline-offset:3px}
@media (max-width:767px){
 .nvh-m-grid{grid-template-columns:1fr}
 .nvh-m-visual{padding:28px 16px;min-height:0}
 .nvh-m-visual img{width:120px}
 .nvh-m-badge{width:66px;height:66px}
 .nvh-m-badge b{font-size:24px}
 .nvh-m-body{padding:24px 20px 22px;gap:18px}
}
@media (prefers-reduced-motion:reduce){.nvh-modal[open]{animation:none}}