/* ==========================================================================
   andebe.ro - 2026 · v2
   Stil: indigo adanc, lumini care plutesc, sticla, accent lime.
   Culoarea ANdebE (cyan-ul din logo, #0DA9D0) ramane culoarea marcii.
   ========================================================================== */
@font-face{font-family:"Rethink Sans";font-weight:400;font-display:swap;src:url(../fonts/rethink-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:"Rethink Sans";font-weight:500;font-display:swap;src:url(../fonts/rethink-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:"Rethink Sans";font-weight:600;font-display:swap;src:url(../fonts/rethink-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:"Rethink Sans";font-weight:700;font-display:swap;src:url(../fonts/rethink-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:"Rethink Sans";font-weight:400;font-display:swap;src:url(../fonts/rethink-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Rethink Sans";font-weight:500;font-display:swap;src:url(../fonts/rethink-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Rethink Sans";font-weight:600;font-display:swap;src:url(../fonts/rethink-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:"Rethink Sans";font-weight:700;font-display:swap;src:url(../fonts/rethink-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:Unbounded;font-weight:500;font-display:swap;src:url(../fonts/unbounded-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:Unbounded;font-weight:600;font-display:swap;src:url(../fonts/unbounded-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(../fonts/unbounded-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF}
@font-face{font-family:Unbounded;font-weight:500;font-display:swap;src:url(../fonts/unbounded-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:Unbounded;font-weight:600;font-display:swap;src:url(../fonts/unbounded-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(../fonts/unbounded-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}

:root{
	color-scheme:dark;
	--bg:#05041A; --ink:#0B0830; --ink2:#120d4a;
	--text:#EEEFFF; --muted:#B4B8E6; --dim:#8A8EC4;
	--lime:#C8FF2E; --brand:#0DA9D0; --cyan:#19C6EE; --peri:#6E7CF2; --pink:#FF4FB2; --orange:#FF8A00; --yellow:#FFD400; --green:#2EE6A6;
	--stroke:rgba(255,255,255,.14); --stroke2:rgba(255,255,255,.08); --glass:rgba(255,255,255,.07);
	--ease:cubic-bezier(.2,.8,.2,1); --arc:cubic-bezier(.2,1.4,.4,1);
	--body:"Rethink Sans","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
	--display:Unbounded,"Rethink Sans","Segoe UI",system-ui,sans-serif;
	--cont:1220px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--body);font-size:16.5px;line-height:1.6;color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus{outline:none}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:10px}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
h1{font-size:clamp(30px,4.3vw,54px)}
h2{font-size:clamp(26px,3.4vw,44px)}
h3{font-size:18px;letter-spacing:-.01em;line-height:1.25}
p{margin:0}
.cont{max-width:var(--cont);margin:0 auto;padding:0 24px}
.cont.ingust{max-width:860px}
.ico{flex:0 0 auto}
.grad{background:linear-gradient(100deg,var(--lime) 0%,#7fffd4 45%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(200,255,46,.18))}

/* ---------- fundalul viu ---------- */
.bgfx{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(130% 80% at 50% 0%,#2a1c80 0%,#0c0738 70%,var(--bg) 100%)}
.bgfx i{position:absolute;border-radius:50%;will-change:transform}
.bgfx .b1{width:820px;height:820px;left:-280px;top:-260px;background:radial-gradient(circle,rgba(110,118,255,.72),transparent 62%);animation:drift1 42s ease-in-out infinite alternate}
.bgfx .b2{width:700px;height:700px;right:-260px;top:22%;background:radial-gradient(circle,rgba(13,169,208,.55),transparent 62%);animation:drift2 36s ease-in-out infinite alternate}
.bgfx .b3{width:640px;height:640px;left:-200px;bottom:-200px;background:radial-gradient(circle,rgba(255,60,180,.40),transparent 62%);animation:drift3 48s ease-in-out infinite alternate}
.bgfx .b4{width:460px;height:460px;right:-120px;bottom:2%;background:radial-gradient(circle,rgba(255,128,0,.32),transparent 62%);animation:drift1 52s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(140px,170px)}}
@keyframes drift2{to{transform:translate(-180px,120px)}}
@keyframes drift3{to{transform:translate(160px,-130px)}}
/* raster de puncte peste lumini */
.bgfx:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,transparent 1.15px,rgba(11,8,48,.82) 1.75px);background-size:6px 6px}
/* granulatie */
.bgfx:after{content:"";position:absolute;inset:0;opacity:.09;mix-blend-mode:overlay;background-image: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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- sticla ---------- */
.sticla{background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px var(--stroke),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
.sticla-bara{background:rgba(14,10,54,.58);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);box-shadow:inset 0 0 0 1px var(--stroke),0 14px 34px rgba(0,0,0,.4)}

/* ---------- butoane ---------- */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;
	font:600 15px/1 var(--body);white-space:nowrap;transition:transform .2s var(--ease),box-shadow .3s,background .3s,color .3s;isolation:isolate}
.btn:active{transform:scale(.96)}
.btn-mare{height:54px;padding:0 28px;font-size:16px}
.btn-lime{background:var(--lime);color:var(--ink);box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 24px rgba(200,255,46,.32)}
.btn-lime:hover{box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 38px rgba(200,255,46,.5);transform:translateY(-2px)}
.btn-lime .ico{transition:transform .3s var(--ease)}
.btn-lime:hover .ico{transform:translateX(4px)}
.btn-sticla{background:var(--glass);color:var(--text);box-shadow:inset 0 0 0 1px var(--stroke)}
.btn-sticla:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(200,255,46,.45)}
.lat{width:100%}
/* sclipire care trece peste butonul lime */
.stralucire:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
	background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.85) 48%,transparent 66%) 120% 0/250% 100% no-repeat;animation:sclipire 4.5s ease-out 1.2s infinite}
@keyframes sclipire{0%{background-position:120% 0}30%,100%{background-position:-60% 0}}
/* unda la apasare */
.unda{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;transform:scale(0);opacity:.28;animation:unda .6s var(--ease) forwards}
@keyframes unda{to{transform:scale(1);opacity:0}}

/* ---------- etichete ---------- */
.eticheta{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;font-size:13.5px;font-weight:700;letter-spacing:.02em;color:var(--lime);
	background:rgba(200,255,46,.08);box-shadow:inset 0 0 0 1px rgba(200,255,46,.25);margin-bottom:22px}
.eticheta-tc{color:color-mix(in srgb,var(--tc) 70%,#fff);background:color-mix(in srgb,var(--tc) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 40%,transparent)}
.punct-viu{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(200,255,46,.7);animation:puls 2.2s ease-out infinite}
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(200,255,46,.6)}100%{box-shadow:0 0 0 10px rgba(200,255,46,0)}}

/* ---------- navigatie ---------- */
.nav{position:sticky;top:0;z-index:50;padding:14px 16px 0}
.nav+main{position:relative}
.nav-in{max-width:var(--cont);margin:0 auto;display:flex;align-items:center;gap:24px;height:64px;padding:0 10px 0 18px;border-radius:24px}
.nav-logo img{height:40px;width:auto;filter:drop-shadow(0 0 16px rgba(13,169,208,.35))}
.nav-meniu{display:flex;gap:2px;margin-left:auto}
.nav-meniu a{padding:9px 15px;border-radius:999px;color:var(--muted);font-size:15px;font-weight:500;transition:color .25s,background .25s}
.nav-meniu a:hover,.nav-meniu a.on{color:#fff;background:rgba(255,255,255,.08)}
.nav-cta{height:44px}

/* ---------- hero ---------- */
.hero{position:relative;padding:72px 0 40px;margin-top:-92px;padding-top:164px;isolation:isolate}
/* poza restaurantului, ca la Ebriza: estompata, cu indigo peste ea in stanga ca sa se citeasca textul */
.hero:before{content:"";position:absolute;inset:0 0 -60px;z-index:-1;
	background:linear-gradient(90deg,rgba(11,8,48,.92) 0%,rgba(11,8,48,.72) 34%,rgba(11,8,48,.18) 66%,rgba(11,8,48,.05) 100%),
	linear-gradient(180deg,rgba(11,8,48,.5) 0%,transparent 22%),
	url(../img/hero-restaurant.webp) center 40%/cover no-repeat;animation:respiraPoza 24s ease-in-out infinite alternate;
	-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
@keyframes respiraPoza{to{background-position:center 40%,center,center 55%}}
.hero:after{content:"";position:absolute;inset:0 0 -60px;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,transparent 1.1px,rgba(11,8,48,.5) 1.7px);background-size:5px 5px;opacity:.28;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.hero h1{margin-bottom:22px}
.hero-text>p{font-size:18.5px;color:var(--muted);max-width:570px}
.hero-cta{display:flex;gap:12px;margin:34px 0 40px;flex-wrap:wrap}
.hero-fapte{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:600px}
.hero-fapte li{padding:14px 16px;border-radius:18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke2)}
.hero-fapte b{display:block;font-family:var(--display);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.hero-fapte li>span{display:block;font-size:13.5px;line-height:1.4;color:var(--dim)}
.hero-viz{position:relative;height:540px}
.chip-viu{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;font-size:13.5px;font-weight:600;white-space:nowrap}
.chip-viu.c1{left:4%;top:12%;animation:plutire 7s ease-in-out infinite}
.chip-viu.c2{right:2%;bottom:8%;color:#fff;animation:plutire 8s ease-in-out .8s infinite}
.chip-viu .ico{color:var(--cyan)}

/* ---------- dispozitive ---------- */
.dev{position:absolute;background:#0a0820;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 40px 90px -30px rgba(0,0,0,.8),0 0 60px -20px rgba(110,124,242,.45)}
.dev img{width:100%;height:100%;object-fit:cover;object-position:top}
.dev.tableta{border-radius:26px;padding:11px;aspect-ratio:1180/820}
.dev.tableta img{border-radius:16px}
.dev.telefon{border-radius:36px;padding:8px;aspect-ratio:390/844}
.dev.telefon img{border-radius:29px}
.hero-viz .tableta{width:92%;right:0;top:40px;--rot:perspective(1600px) rotateY(-16deg) rotateX(5deg)}
.hero-viz .telefon{width:29%;left:2%;bottom:0;--rot:perspective(1200px) rotateY(12deg)}
.plutire{transform:var(--rot);animation:plutireRot 9s ease-in-out infinite}
.plutire.p2{animation-duration:7.5s;animation-delay:-2s}
@keyframes plutireRot{50%{transform:var(--rot) translateY(-14px)}}
@keyframes plutire{50%{transform:translateY(-10px)}}
.dev.ecran{position:relative;border-radius:18px;padding:30px 0 0;overflow:hidden;background:#0d0a2c}
.dev.ecran img{height:auto;border-radius:0}
.ecran-bara{position:absolute;top:11px;left:14px;display:flex;gap:6px}
.ecran-bara i{width:10px;height:10px;border-radius:50%;background:#2a2560}
.ecran-bara i:first-child{background:#ff5f7a}.ecran-bara i:nth-child(2){background:var(--yellow)}.ecran-bara i:nth-child(3){background:var(--lime)}

/* ---------- domenii (dale) ---------- */
.domenii{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.dala{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;border-radius:20px;font-size:14px;font-weight:600;color:var(--muted);text-align:center;
	transition:transform .3s var(--ease),color .3s,box-shadow .3s;opacity:0;transform:translateY(16px);animation:intra .7s var(--ease) forwards;animation-delay:calc(.5s + var(--i)*.06s)}
.dala .ico{color:var(--lime);transition:transform .35s var(--arc)}
.dala:hover{color:#fff;transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(200,255,46,.4),0 14px 30px -14px rgba(200,255,46,.4)}
.dala:hover .ico{transform:scale(1.18) rotate(-6deg)}
@keyframes intra{to{opacity:1;transform:none}}

/* ---------- sectiuni ---------- */
.sectiune{padding:110px 0;position:relative}
/* paginile din meniu (/produse/, /preturi/ ...): prima sectiune incepe sub bara de sus */
.pagina-meniu>section:first-child{padding-top:170px}
.pagina-meniu h1{font-size:clamp(30px,4.2vw,54px)}
/* banda de final cu Cere demo */
.chemare{padding-top:40px}
.chemare-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:44px 48px;border-radius:30px}
.chemare-in h2{margin:14px 0 10px}
.chemare-in .lead{margin:0;max-width:560px}
.chemare-in .hero-cta{margin:0}
.cap{text-align:center;max-width:760px;margin:0 auto 56px}
.cap p{color:var(--muted);font-size:18px;margin-top:18px}
.grila4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grila-produse{grid-template-columns:repeat(3,1fr)}

/* card colorat, ca sesiunile din program: degrade din culoarea lui + dunga stanga */
.card-t{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 24px 24px 28px;border-radius:22px;overflow:hidden;color:#fff;--tc:var(--peri);
	background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 30%,rgba(255,255,255,.06)),color-mix(in srgb,var(--tc) 7%,rgba(255,255,255,.03)));
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .35s var(--ease),box-shadow .35s}
.card-t:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--tc);box-shadow:0 0 14px var(--tc)}
.card-t:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 60%,transparent),0 24px 50px -20px color-mix(in srgb,var(--tc) 70%,transparent)}
.card-t p{color:var(--muted);font-size:15px;flex:1}
.card-ico{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--ink);background:var(--tc);box-shadow:0 8px 20px -6px var(--tc)}
.mai{display:inline-flex;align-items:center;gap:6px;color:var(--lime);font-size:14px;font-weight:600}
.mai .ico{transition:transform .3s var(--ease)}
.card-t:hover .mai .ico{transform:translateX(5px)}
.serv-pret{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--ink);padding:4px 11px;border-radius:999px;background:var(--lime)}

/* ---------- sectiunea fiecarui produs ---------- */
.produs-in{display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center}
.produs.invers .produs-text{order:2}
.produs h2{margin-bottom:18px}
.lead{font-size:18px;color:var(--muted)}
.puncte{list-style:none;padding:0;margin:30px 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.puncte li{display:flex;gap:12px}
.puncte b{display:block;font-weight:700;font-size:15px}
.puncte span{font-size:14px;color:var(--dim);line-height:1.5}
.bifa{flex:0 0 26px;height:26px;border-radius:9px;display:grid;place-items:center;color:var(--ink);background:var(--tc)}
.bifa .ico{stroke-width:3}
.produs-viz{position:relative}
.halou{position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tc) 55%,transparent),transparent);filter:blur(30px);z-index:-1;animation:respira 6s ease-in-out infinite}
@keyframes respira{50%{transform:scale(1.12);opacity:.75}}
.viz-ecran{display:grid}
.viz-ecran .e0{width:94%}
.viz-ecran .e1{width:84%;margin:-16% 0 0 16%}
.viz-telefoane{height:580px}
.viz-telefoane .telefon{width:37%}
.viz-telefoane .t0{left:0;top:46px;transform:rotate(-7deg)}
.viz-telefoane .t1{left:31.5%;top:0;z-index:2}
.viz-telefoane .t2{right:3%;top:46px;transform:rotate(7deg)}
.produs{overflow-x:clip}

/* ---------- beneficii ---------- */
.ben-in{display:grid;grid-template-columns:.9fr 1.4fr;gap:56px;align-items:start}
.ben-cap{position:sticky;top:120px}
.ben-cap .hero-cta{margin:30px 0 0}
.ben-grila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ben{padding:24px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke2);transition:background .3s,box-shadow .3s}
.ben:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,212,0,.35)}
.ben-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--ink);background:var(--yellow);margin-bottom:16px;box-shadow:0 8px 22px -8px var(--yellow)}
.ben p{color:var(--muted);font-size:15px;margin-top:8px}

/* ---------- clientii: banda care curge ---------- */
.clienti{position:relative;padding:30px 0 10px}
.clienti-in{display:flex;align-items:center;gap:26px}
.clienti-titlu{flex:0 0 auto;font-family:var(--display);font-size:15px;font-weight:600;color:var(--muted);max-width:150px;line-height:1.3}
.banda-clienti{flex:1;min-width:0}
.banda-clienti .banda-in{animation-duration:46s}
.client{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:999px;white-space:nowrap}
.client-ico{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--tc);
	box-shadow:0 0 0 4px color-mix(in srgb,var(--tc) 25%,transparent),0 8px 18px -8px var(--tc)}
.client-txt{display:flex;flex-direction:column;line-height:1.2}
.client-txt b{font-family:var(--display);font-size:14.5px;font-weight:600}
.client-txt small{font-size:12.5px;color:var(--dim)}
.client-txt img{height:24px;width:auto;margin-bottom:3px}

/* ---------- integrari: banda care curge ---------- */
.banda{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.banda-in{display:flex;gap:14px;width:max-content;animation:curge 38s linear infinite}
.banda:hover .banda-in{animation-play-state:paused}
@keyframes curge{to{transform:translateX(calc(-50% - 7px))}}
.int{display:flex;flex-direction:column;gap:2px;padding:16px 22px;border-radius:18px;min-width:180px}
.int b{font-family:var(--display);font-size:16px;font-weight:600}
.int small{color:var(--dim);font-size:13px}

/* ---------- comutator cu pastila care aluneca ---------- */
.seg{position:relative;display:flex;margin:0 auto 14px;width:max-content;max-width:100%;padding:4px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke)}
.seg button{position:relative;z-index:1;height:40px;padding:0 20px;border:0;background:none;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:color .3s;white-space:nowrap}
.seg button.on{color:var(--ink)}
.seg button em{font-style:normal;font-size:11.5px;font-weight:700;margin-left:6px;padding:2px 8px;border-radius:999px;background:rgba(200,255,46,.16);color:var(--lime);transition:.3s}
.seg button.on em{background:rgba(11,8,48,.15);color:var(--ink)}
.seg-ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:var(--lime);box-shadow:0 0 20px rgba(200,255,46,.4);transition:transform .42s var(--ease),width .42s var(--ease)}

/* ---------- preturi: axa care se trage stanga-dreapta ---------- */
.preturi .seg-mod{margin-bottom:34px}
.axa-pret{position:relative;max-width:1440px;margin:0 auto}
.ap-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding:58px 0 20px;
	--lab:64px;--col:320px;--gap:16px;scroll-padding-left:calc(var(--lab) + var(--gap))}
.ap-scroll::-webkit-scrollbar{display:none}
.ap-scroll.trage{cursor:grabbing;scroll-snap-type:none}
.ap-scroll.trage *{user-select:none}
.ap-rigla{position:absolute;top:4px;left:calc(var(--lab) + var(--gap));display:flex;gap:var(--gap);height:36px;align-items:flex-end;padding-bottom:8px;
	background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 21px);background-size:auto 5px;background-repeat:repeat-x;background-position:0 100%}
.ap-col{width:var(--col);flex:0 0 var(--col);font-family:var(--display);font-size:13px;font-weight:600;color:var(--dim);letter-spacing:.04em}
.ap-linie{position:absolute;top:30px;bottom:12px;width:2px;margin-left:-1px;background:var(--lime);box-shadow:0 0 14px rgba(200,255,46,.75);z-index:1;pointer-events:none;border-radius:1px}
.ap-linie b{position:absolute;z-index:5;top:-30px;left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:var(--lime);color:var(--ink);font:700 12px var(--display);white-space:nowrap;box-shadow:0 0 22px rgba(200,255,46,.45)}
.ap-rand{position:relative;display:flex;gap:var(--gap);padding:0 24px 0 0;margin-bottom:calc(var(--gap) + 28px);width:max-content;
	opacity:0;transform:translateX(80px);transition:opacity .8s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--r)*.09s)}
.axa-pret.vazut .ap-rand{opacity:1;transform:none}
/* eticheta verticala a randului, lipita la stanga cand se trage */
.ap-eticheta{position:sticky;left:0;z-index:4;flex:0 0 var(--lab);width:var(--lab);display:flex;align-items:stretch;padding:0 8px 0 16px}
.ap-eticheta span{flex:1;display:flex;align-items:center;justify-content:center;border-radius:16px;writing-mode:vertical-rl;transform:rotate(180deg);
	font:600 12.5px var(--display);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--tc) 75%,#fff);
	background:color-mix(in srgb,var(--tc) 18%,#120d44);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tc) 70%,transparent),0 6px 18px rgba(0,0,0,.35)}
.ap-rand .pachet{scroll-snap-align:start;z-index:2}
/* banda din spatele randului: "stickere" rotunde cu trifoiul ANdebE, unele peste altele, care curg incet */
.ap-rand:before{content:"";position:absolute;left:calc(var(--lab) - 10px);right:0;top:-14px;bottom:-14px;z-index:0;border-radius:18px;pointer-events:none;
	background:radial-gradient(circle,transparent 1.1px,rgba(11,8,48,.55) 1.7px) 0 0/5px 5px,
	linear-gradient(90deg,color-mix(in srgb,var(--tc) 18%,rgba(11,8,48,.5)),color-mix(in srgb,var(--tc) 10%,rgba(11,8,48,.62))),
	var(--trifoi) 0 50%/1600px 440px repeat-x;
	box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 45%,transparent);
	animation:curgeTrifoi 90s linear infinite}
.ap-rand:nth-of-type(even):before{animation-direction:reverse}
.ap-rand[data-produs="pos"]{--trifoi:url(../img/trifoi-orange.webp)}
.ap-rand[data-produs="mobil"]{--trifoi:url(../img/trifoi-cyan.webp)}
.ap-rand[data-produs="bms"]{--trifoi:url(../img/trifoi-pink.webp)}
.ap-rand[data-produs="pms"]{--trifoi:url(../img/trifoi-peri.webp)}
.ap-rand[data-produs="self"]{--trifoi:url(../img/trifoi-green.webp)}
.ap-rand[data-produs="kds"]{--trifoi:url(../img/trifoi-yellow.webp)}
@keyframes curgeTrifoi{to{background-position:0 0,0 0,-1600px 50%}}

.pachet{position:relative;isolation:isolate;flex:0 0 var(--col,320px);width:var(--col,320px);display:flex;flex-direction:column;padding:22px 22px 20px 26px;border-radius:22px;overflow:hidden;cursor:pointer;color:#fff;
	background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 22%,rgba(16,11,60,.30)),color-mix(in srgb,var(--tc) 6%,rgba(16,11,60,.55)));
	backdrop-filter:blur(1px) saturate(125%);-webkit-backdrop-filter:blur(1px) saturate(125%);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.18),0 18px 40px -24px rgba(0,0,0,.7);transition:transform .25s var(--ease),box-shadow .3s}
.pachet:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--tc)}
.pachet:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 65%,transparent),0 22px 44px -22px color-mix(in srgb,var(--tc) 80%,transparent)}
.pachet:active{transform:scale(.97)}
.pachet.rec{box-shadow:inset 0 0 0 1.5px rgba(200,255,46,.65),0 0 26px rgba(200,255,46,.14)}
/* bulinele din spate: raster de puncte, ca pe banda din program, se misca usor */
.pachet-raster{display:none;position:absolute;inset:-20%;z-index:-1;opacity:.5;pointer-events:none;
	background-image:radial-gradient(circle,color-mix(in srgb,var(--tc) 80%,#fff) 1.3px,transparent 1.8px);background-size:14px 14px;
	mask-image:radial-gradient(70% 60% at 85% 15%,#000,transparent 70%);-webkit-mask-image:radial-gradient(70% 60% at 85% 15%,#000,transparent 70%);
	animation:raster 18s linear infinite}
@keyframes raster{to{transform:translate(-14px,14px)}}
.pachet-cap{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pachet h3{font-size:19px}
.rec-et{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--ink);background:var(--lime);animation:puls 2.2s ease-out infinite}
.pachet-desc{color:var(--muted);font-size:14px;margin:8px 0 16px;min-height:42px}
.pret{min-height:78px}
.suma{display:block;font-size:18px;color:var(--muted)}
.suma b{font-family:var(--display);font-size:40px;font-weight:600;color:#fff;letter-spacing:-.03em;display:inline-block;transition:transform .35s var(--arc),opacity .2s}
.suma b.mic{font-size:26px}
.suma b.schimba{transform:translateY(-10px) scale(.9);opacity:0}
.unit{display:block;font-size:13px;color:var(--dim)}
.sub{color:var(--lime)}
.pachet-lista{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--stroke2);display:flex;flex-direction:column;gap:9px}
.pachet-lista li{display:flex;gap:9px;font-size:14px;color:var(--muted);line-height:1.4}
.pachet-lista .ico{color:var(--lime);margin-top:2px}
.pachet-lista .mai-mult{color:var(--lime);font-weight:600}
.pachet.pers .btn{margin-top:auto}
.ap-inapoi{position:absolute;left:50%;bottom:-6px;z-index:6;transform:translateX(-50%);animation:intraJos .5s var(--arc)}
.ap-inapoi .ico{transform:rotate(180deg)}
@keyframes intraJos{from{opacity:0;transform:translate(-50%,16px) scale(.8)}}
.ap-indiciu{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px;font-size:13px;color:var(--dim)}
.ap-indiciu i{width:5px;height:5px;border-radius:50%;background:var(--lime);animation:indiciu 1.6s ease-in-out infinite}
.ap-indiciu i:nth-child(2){animation-delay:.15s}.ap-indiciu i:nth-child(3){animation-delay:.3s;margin-right:6px}
@keyframes indiciu{0%,100%{opacity:.25;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}
.nota{text-align:center;color:var(--dim);font-size:14px;margin-top:22px}

/* ---------- foaia cu detaliile pachetului ---------- */
.foaie{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}
.foaie-fundal{position:absolute;inset:0;background:rgba(5,4,26,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:apareF .3s ease}
.foaie-panou{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;padding:30px 28px 28px;border-radius:30px 30px 0 0;background:linear-gradient(160deg,color-mix(in srgb,var(--tc,var(--peri)) 26%,#16114a),#0e0a3c 70%);
	box-shadow:inset 0 0 0 1px var(--stroke),0 -20px 60px rgba(0,0,0,.5);animation:urca .5s var(--ease)}
@media (min-width:700px){.foaie{align-items:center}.foaie-panou{border-radius:30px;animation:mareste .45s var(--arc)}}
@keyframes apareF{from{opacity:0}}
@keyframes urca{from{transform:translateY(100%)}}
@keyframes mareste{from{opacity:0;transform:scale(.88) translateY(20px)}}
.foaie-maner{display:block;width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.25);margin:-14px auto 16px}
.foaie-x{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:0;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke);font-size:22px;cursor:pointer;color:var(--muted)}
.foaie h3{font-size:28px;margin:-6px 0 8px}
.foaie-desc{color:var(--muted)}
.foaie-pret{margin:20px 0 4px;padding:16px 18px;border-radius:18px;background:rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px var(--stroke2)}
.foaie .pachet-lista{margin:16px 0 22px}

/* ---------- axa de implementare ---------- */
.axa{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.axa:before{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--pink),var(--orange));opacity:.6;border-radius:2px}
.axa li{position:relative;padding-top:42px}
.axa .nod{position:absolute;top:4px;left:0;width:20px;height:20px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 3px var(--lime),0 0 18px rgba(200,255,46,.5)}
.axa .nod:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--lime);opacity:0;animation:inel 2.6s ease-out infinite}
.axa li:nth-child(2) .nod:after{animation-delay:.6s}.axa li:nth-child(3) .nod:after{animation-delay:1.2s}.axa li:nth-child(4) .nod:after{animation-delay:1.8s}
@keyframes inel{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.3);opacity:0}}
.axa b{font-family:var(--display);font-size:18px;font-weight:600}
.axa p{color:var(--muted);font-size:15px;margin-top:8px}

/* ---------- intrebari ---------- */
.faq{display:flex;flex-direction:column;gap:12px}
.faq details{border-radius:20px;overflow:hidden;transition:box-shadow .3s}
.faq details[open]{box-shadow:inset 0 0 0 1px rgba(200,255,46,.4)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;font-weight:600;font-size:16.5px}
.faq summary::-webkit-details-marker{display:none}
.plus{position:relative;flex:0 0 30px;height:30px;border-radius:50%;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke);transition:transform .4s var(--arc),background .3s}
.plus:before,.plus:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--lime);border-radius:1px}
.plus:after{transform:rotate(90deg)}
.faq details[open] .plus{transform:rotate(135deg);background:rgba(200,255,46,.15)}
.faq details p{padding:0 22px 22px;color:var(--muted);animation:intra .4s var(--ease) both}

/* ---------- contact ---------- */
.contact-in{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.contact h2{margin-bottom:16px}
.contacte{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:12px}
.contacte a{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:14px;padding:15px 20px;border-radius:18px;font-weight:600;transition:box-shadow .25s}
.contacte a:hover{box-shadow:inset 0 0 0 1px rgba(200,255,46,.45)}
.contacte .ico{color:var(--lime)}
.formular{padding:30px;border-radius:26px;display:flex;flex-direction:column;gap:16px}
.formular label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--muted)}
.formular input,.formular select,.formular textarea{font:400 15.5px var(--body);color:var(--text);background:rgba(5,4,26,.5);border:0;box-shadow:inset 0 0 0 1px var(--stroke);border-radius:14px;padding:13px 15px;outline:none;transition:box-shadow .2s;width:100%}
.formular select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(-45deg,transparent 50%,var(--muted) 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.formular input:focus,.formular select:focus,.formular textarea:focus{box-shadow:inset 0 0 0 1.5px var(--lime),0 0 0 4px rgba(200,255,46,.12)}
.rand2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.capcana{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{padding:12px 15px;border-radius:14px;font-size:14px;font-weight:600}
.msg.ok{background:rgba(200,255,46,.12);box-shadow:inset 0 0 0 1px rgba(200,255,46,.4);color:var(--lime)}
.msg.er{background:rgba(255,79,178,.12);box-shadow:inset 0 0 0 1px rgba(255,79,178,.45);color:#ffc2e4}

.subsol{padding:40px 0 48px;color:var(--dim);font-size:14px;border-top:1px solid var(--stroke2)}
.subsol-in{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.subsol .mic{margin-left:auto}

/* ---------- paginile de detaliu ---------- */
.hero-pagina{padding-bottom:20px}
.hero-pagina:before{background:radial-gradient(900px 520px at 80% 30%,color-mix(in srgb,var(--tc) 35%,transparent),transparent 65%),radial-gradient(700px 500px at 0% 0%,rgba(110,118,255,.25),transparent 60%);animation:none;-webkit-mask-image:none;mask-image:none}
.hero-pagina:after{display:none}
.hero-pagina h1{font-size:clamp(28px,3.8vw,48px)}
.hero-pagina .cont:not(.hero-in) .hero-text{max-width:860px}
.firimituri{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--dim);margin-bottom:18px}
.firimituri a{color:var(--muted)}.firimituri a:hover{color:var(--lime)}
.firimituri b{color:var(--text);font-weight:600}
.cap-stanga{text-align:left;margin:0 0 34px;max-width:820px}
.detalii{padding:70px 0}
.grila-puncte{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.punct{display:flex;gap:14px;padding:22px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke2);transition:box-shadow .3s,background .3s}
.punct:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 55%,transparent)}
.punct h3{font-size:16px;margin-bottom:6px}
.punct p{color:var(--muted);font-size:14.5px}
.lista-chip{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.lista-chip li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:18px;font-size:15px}
.lista-chip .ico{color:var(--lime);margin-top:3px}
.alte .grila4 .card-t{min-height:150px}

/* ---------- subsol cu coloane ---------- */
.subsol-grila{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;margin-bottom:28px}
.subsol-grila>div{display:flex;flex-direction:column;gap:8px}
.subsol-grila b{font-family:var(--display);font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}
.subsol-grila a{color:var(--dim);font-size:14px}.subsol-grila a:hover{color:var(--lime)}
.subsol-marca img{margin-bottom:8px}
.subsol .mic{margin:0;padding-top:20px;border-top:1px solid var(--stroke2)}

/* ---------- bara plutitoare de jos (doar pe telefon) ---------- */
.doc{display:none}

/* ---------- aparitie la scroll ---------- */
.js .apare{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .apare.vazut{opacity:1;transform:none}
.grila4 .apare:nth-child(2),.ben-grila .apare:nth-child(2){transition-delay:.08s}
.grila4 .apare:nth-child(3),.ben-grila .apare:nth-child(3){transition-delay:.16s}
.grila4 .apare:nth-child(4),.ben-grila .apare:nth-child(4){transition-delay:.24s}
.ben-grila .apare:nth-child(5){transition-delay:.32s}.ben-grila .apare:nth-child(6){transition-delay:.4s}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*:before,*:after{animation:none!important;transition:none!important}
	.apare,.dala,.ap-rand{opacity:1!important;transform:none!important}
}

/* ---------- responsive ---------- */
@media (max-width:1100px){
	.grila4{grid-template-columns:repeat(2,1fr)}
	.grila-puncte{grid-template-columns:repeat(2,1fr)}
	.subsol-grila{grid-template-columns:1fr 1fr}
	.domenii{grid-template-columns:repeat(4,1fr)}
	.hero-in,.produs-in,.contact-in,.ben-in{grid-template-columns:1fr}
	.ben-cap{position:static}
	.produs.invers .produs-text{order:0}
	.hero-viz{height:460px;max-width:660px;width:100%;margin:0 auto}
}
@media (max-width:860px){
	.nav-meniu{display:none}
	.nav-cta{margin-left:auto}
	.axa{grid-template-columns:1fr 1fr;row-gap:34px}
	.axa:before{display:none}
	/* bara de jos, cu pastila lime care aluneca */
	.doc{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;height:68px;border-radius:26px;display:flex;align-items:stretch;padding:0 6px}
	.doc a{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted)}
	.doc .ic{width:52px;height:30px;display:grid;place-items:center;transition:color .3s}
	.doc .tl{font-size:11.5px;font-weight:500;transition:color .3s}
	.doc a.on .ic{color:var(--ink)}
	.doc a.on .tl{color:#fff;font-weight:700}
	.doc-ind{position:absolute;left:0;top:10px;width:52px;height:30px;border-radius:15px;background:var(--lime);box-shadow:0 0 18px rgba(200,255,46,.4);transition:transform .42s var(--ease)}
	body{padding-bottom:96px}
}
@media (max-width:640px){
	body{font-size:16px}
	.hero:before{background:linear-gradient(180deg,rgba(11,8,48,.55) 0%,rgba(11,8,48,.8) 45%,rgba(11,8,48,.88) 100%),url(../img/hero-restaurant-mic.webp) center/cover no-repeat;animation:none}
	.clienti-in{flex-direction:column;align-items:flex-start;gap:12px}
	.clienti-titlu{max-width:none}
	.cont{padding:0 16px}
	.nav{padding:10px 10px 0}
	.nav-in{height:58px;border-radius:20px;padding:0 8px 0 14px}
	.nav-logo img{height:34px}
	.sectiune{padding:76px 0}
	.pagina-meniu>section:first-child{padding-top:120px}
	.chemare-in{padding:30px 22px}
	.hero{padding:40px 0 20px}
	.hero-viz{height:330px}
	.chip-viu{font-size:12px;padding:8px 11px}
	.hero-fapte{gap:8px}
	.hero-fapte li{padding:12px}
	.hero-fapte b{font-size:18px}
	.hero-fapte li>span{font-size:12px;line-height:1.35;display:block}
	.domenii{grid-template-columns:repeat(4,1fr);gap:8px}
	.dala{padding:12px 4px;font-size:12px;border-radius:16px}
	.grila4,.puncte,.rand2,.ben-grila,.axa,.grila-puncte,.lista-chip{grid-template-columns:1fr}
	.viz-telefoane{height:400px}
	.ap-scroll{--lab:52px;--col:276px;--gap:12px}
	.seg{width:100%}
	.seg button{flex:1;padding:0 10px;font-size:13.5px}
	.seg button em{display:none}
	.formular{padding:22px 18px}
	.subsol .mic{margin-left:0}
}

/* ---------- preturi: trei pagini pe lat + etichetele fixe la stanga ---------- */
.mod-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:34px}
.mod-nav .seg{margin:0}
.mod-sag{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;cursor:pointer;font:600 26px/1 var(--display);color:var(--text);
	background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke),0 4px 0 rgba(0,0,0,.35);transition:transform .15s,opacity .3s}
.mod-sag:active{transform:translateY(3px);box-shadow:inset 0 0 0 1px var(--stroke),0 1px 0 rgba(0,0,0,.35)}
.mod-sag[disabled]{opacity:.3;cursor:default}
.axa-cadru{position:relative;max-width:1440px;margin:0 auto;--labw:64px;--gap:16px}
.ap-etichete{position:absolute;left:0;top:0;bottom:0;width:var(--labw);z-index:5;pointer-events:none;will-change:transform}
.ap-etichete .ap-eticheta{position:absolute;left:0;right:0;top:0;height:0;width:auto;padding:0 8px 0 16px;display:flex;
	opacity:0;transform:translateX(-30px);transition:opacity .7s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--r)*.09s)}
.axa-cadru.vazut .ap-etichete .ap-eticheta{opacity:1;transform:none}
.moduri{margin-left:var(--labw);display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0}
.moduri::-webkit-scrollbar{display:none}
.moduri.trage{scroll-snap-type:none;cursor:grabbing}
.moduri.trage *{user-select:none}
.mod-panou{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.moduri .axa-pret{max-width:none}
.moduri .ap-scroll{--lab:0px;scroll-padding-left:var(--gap);cursor:grab}
.moduri .ap-rand{padding-left:var(--gap)}
.moduri .ap-rand:before{left:4px}
@media (min-width:1100px){
	/* pe ecran mare cele patru coloane incap in pagina */
	.moduri .ap-scroll{--col:min(320px,calc((min(100vw,1440px) - var(--labw) - 5*var(--gap) - 48px)/4))}
}
@media (max-width:640px){
	.axa-cadru{--labw:52px;--gap:12px}
	.mod-nav{gap:6px}
	.mod-sag{width:38px;height:38px;flex-basis:38px;font-size:22px}
}