/* Containere de vânzare – stilurile paginii, limitate la .cont. */
.cont{--ok:#2F8A4A;--err:#C2412D;--wood:#A8723F}
.cont p{margin:0}
.cont img{max-width:100%;display:block}
.cont .s{padding:clamp(70px,9vw,130px) 0;position:relative}
.cont .s-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.cont .s-head p{color:var(--muted);max-width:46ch}
.cont .split .ch{display:inline-block;transform:translateY(110%);opacity:0}
.cont .split .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;white-space:nowrap}
.cont .call svg{flex:none}
.cont .aura{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.cont .aura i{position:absolute;border-radius:50%;filter:blur(80px)}
.cont .aura i:nth-child(1){width:44vw;height:44vw;left:-14vw;top:-12vw;background:rgba(242,179,0,.26)}
.cont .aura i:nth-child(2){width:36vw;height:36vw;right:-10vw;top:18vh;background:rgba(184,90,40,.14)}

/* ===== hero ===== */
.cont .c-hero{position:relative;padding:118px 0 clamp(40px,5vw,70px)}
.cont .c-hero .wrap{position:relative;z-index:1}
.cont .crumbs{font-size:.92rem;color:var(--muted);margin-bottom:22px}
.cont .crumbs a{text-decoration:none}
.cont .c-hgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.cont .c-htx h1{font-size:clamp(2.6rem,5.2vw,5rem);font-weight:800;line-height:.92}
.cont .lead{margin-top:20px;color:var(--muted);font-size:1.15rem;max-width:54ch}
.cont .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cont .chips span{padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:600;font-size:.93rem}
.cont .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cont .agent{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 16px;border-radius:20px;max-width:520px}
.cont .agent .av{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--mark);font:800 1.35rem var(--display)}
.cont .agent b{display:block;font:700 1.35rem/1.05 var(--display)}
.cont .agent small{color:var(--muted);font-weight:600}
.cont .agent-tel{margin-left:auto;font:800 1.5rem var(--display);text-decoration:none;white-space:nowrap;color:var(--ink);border-bottom:3px solid var(--mark)}
.cont .c-hmedia{position:relative;aspect-ratio:1/1.02}
.cont .c-hmedia figure{margin:0;position:absolute;overflow:hidden;border-radius:30px;box-shadow:var(--shadow)}
.cont .c-hmedia img{width:100%;height:100%;object-fit:cover}
.cont .hm1{left:0;top:0;width:74%;height:88%}
.cont .hm2{right:0;bottom:0;width:44%;height:52%;border:6px solid #fff}
.cont .badge{position:absolute;padding:12px 16px;border-radius:18px}
.cont .badge b{display:block;font:800 1.9rem/1 var(--display)}
.cont .badge span{color:var(--muted);font-weight:600;font-size:.9rem}
.cont .b1{right:6%;top:8%}
.cont .b2{left:-3%;bottom:6%}
@media (max-width:980px){.cont .c-hgrid{grid-template-columns:1fr}.cont .c-hmedia{max-width:620px;width:100%;margin:0 auto}}
@media (max-width:560px){.cont .agent{flex-wrap:wrap}.cont .agent-tel{margin-left:0}.cont .b2{left:2%}.cont .ctas .btn{flex:1 1 100%}}

/* ===== cifre ===== */
.cont .c-facts{padding:0 0 10px}
.cont .c-fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cont .fct{border-radius:24px;padding:22px}
.cont .fct b{display:block;font:800 clamp(2.4rem,4vw,3.4rem)/1 var(--display)}
.cont .fct b em{font-style:normal;font-size:.5em;color:var(--rust);margin-left:4px}
.cont .fct span{color:var(--muted);font-weight:600}
@media (max-width:860px){.cont .c-fgrid{grid-template-columns:1fr 1fr}}

/* ===== modele ===== */
.cont .mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cont .mod{border-radius:26px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease)}
.cont .mod:hover{transform:translateY(-4px)}
.cont .mod-im{aspect-ratio:4/3;overflow:hidden;background:var(--bg-2)}
.cont .mod-im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.cont .mod:hover .mod-im img{transform:scale(1.05)}
.cont .mod-tx{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.cont .mod-tx h3{font-size:1.75rem}
.cont .mod-tx p{color:var(--muted)}
.cont .mod-dim{font:700 .9rem var(--body);color:var(--rust)!important;letter-spacing:.02em}
.cont .mod-tx .btn{margin-top:auto;align-self:flex-start}
@media (max-width:980px){.cont .mods{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cont .mods{grid-template-columns:1fr}}

/* ===== configurator ===== */
.cont .cfg{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:18px;align-items:start}
.cont .cfg-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.cont .c3{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 30%,#fff 0,#EDEDE9 85%)}
.cont .c3 canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.cont .c3 canvas:active{cursor:grabbing}
.cont .c3-views{position:absolute;left:14px;top:14px;display:flex;gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-b)}
.cont .c3-views button{border:0;background:transparent;padding:8px 12px;border-radius:10px;font:700 .9rem var(--body);color:var(--muted);cursor:pointer}
.cont .c3-views button[aria-pressed="true"]{background:var(--ink);color:#fff}
.cont .c3-zoom{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:6px}
.cont .c3-zoom button{width:40px;height:40px;border-radius:12px;border:1px solid var(--glass-b);background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:1.3rem;cursor:pointer;color:var(--ink)}
.cont .c3-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(22,24,27,.72);color:#fff;font-size:.85rem;font-weight:600;transition:opacity .5s;pointer-events:none}
.cont .c3-dim{position:absolute;right:16px;bottom:14px;font:800 1.6rem var(--display);color:var(--ink);pointer-events:none}
.cont .c3.no3d{aspect-ratio:auto;min-height:120px;display:grid;place-items:center;padding:24px}
.cont .c3.no3d canvas,.cont .c3.no3d .c3-views,.cont .c3.no3d .c3-zoom,.cont .c3.no3d .c3-hint{display:none}
.cont .c3-no{color:var(--muted);text-align:center;max-width:46ch}

.cont .plan{border-radius:30px;padding:clamp(16px,2.4vw,26px)}
.cont .plan-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.cont .plan-top h3{font-size:1.7rem}
.cont .plan-add{display:flex;flex-wrap:wrap;gap:6px}
.cont .plan-add button{border:1px solid var(--line-2);background:var(--card);color:var(--ink);padding:8px 11px;border-radius:11px;font:700 .88rem var(--body);cursor:pointer;transition:background .2s,transform .2s}
.cont .plan-add button:hover{background:var(--mark);transform:translateY(-1px)}
.cont .plan-svg{margin-top:14px;border-radius:20px;background:#fff;border:1px solid var(--line);overflow:hidden}
.cont #plan{display:block;width:100%;height:auto;max-height:520px;touch-action:none;user-select:none;-webkit-user-select:none;color:var(--muted)}
.cont #plan:focus-visible{outline:3px solid var(--mark);outline-offset:-3px}
.cont #plan .floor{fill:#FAFAF8}
.cont #plan .wall{fill:none;stroke:var(--ink);stroke-width:12}
.cont #plan .post{fill:var(--ink)}
.cont #plan .gap{fill:#fff}
.cont #plan .leaf{stroke:var(--rust);stroke-width:4}
.cont #plan .swing{fill:none;stroke:var(--rust);stroke-width:1.6;stroke-dasharray:6 5}
.cont #plan .glass{stroke:#7E8A93;stroke-width:3}
.cont #plan .pw{stroke:var(--ink);stroke-width:8}
.cont #plan .obj{fill:#fff;stroke:var(--ink);stroke-width:2.5}
.cont #plan .thin{fill:none;stroke:var(--ink);stroke-opacity:.35;stroke-width:1.5}
.cont #plan .bl{fill:var(--ink);font-weight:700;font-family:var(--display)}
.cont #plan .hit{fill:transparent;cursor:grab}
.cont #plan .it.on .obj,.cont #plan .it.on .pw{stroke:var(--mark);stroke-width:4}
.cont #plan .it.on .hit{fill:rgba(242,179,0,.14);stroke:var(--mark);stroke-width:2;stroke-dasharray:6 4}
.cont #plan .it.bad .obj,.cont #plan .it.bad .pw,.cont #plan .it.bad .leaf{stroke:var(--err)}
.cont #plan .it.bad .hit{fill:rgba(194,65,45,.12)}
.cont #plan .lbl{fill:var(--muted);font-weight:700;font-family:var(--body);pointer-events:none}
.cont #plan .lbl.on{fill:var(--ink)}
.cont #plan .side{fill:var(--rust);font-weight:700;letter-spacing:.2em;font-family:var(--body)}
.cont .dim{color:var(--muted)}
.cont .dim line{stroke:currentColor;stroke-width:1.4}
.cont .dim text{fill:var(--ink);font-family:var(--display);font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:5px}
.cont .dim.sel{color:var(--rust)}
.cont .dim.sel text{fill:var(--rust)}
.cont .plan-sel{margin-top:12px;min-height:58px}
.cont .ps-empty{color:var(--muted);padding:14px 2px}
.cont .ps-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--bg)}
.cont .ps-row b{display:block;font:700 1.35rem/1.1 var(--display)}
.cont .ps-row small{color:var(--muted);font-weight:600}
.cont .ps-btns{display:flex;flex-wrap:wrap;gap:6px}
.cont .ps-btns button{min-width:40px;height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--line-2);background:var(--card);font:700 .92rem var(--body);cursor:pointer;color:var(--ink)}
.cont .ps-btns button:hover{background:var(--bg-2)}
.cont .ps-btns .del{color:var(--err)}
.cont .plan-warn{color:var(--err);font-weight:700;min-height:1.4em;margin-top:8px!important}

.cont .cfg-side{position:sticky;top:100px;border-radius:30px;padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:20px}
.cont .opt h3{display:flex;align-items:center;gap:10px;font-size:1.5rem;margin-bottom:12px}
.cont .opt h3 .n,.cont .steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--mark);font:800 1.1rem var(--display);color:#141518}
.cont .lbl{display:flex;justify-content:space-between;font-weight:700;font-size:.93rem;margin:12px 0 8px}
.cont .lbl b{font:800 1.3rem var(--display)}
.cont .seg2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cont .seg2 button{padding:11px 10px;border-radius:12px;border:1px solid var(--line-2);background:var(--card);font:700 .95rem var(--body);cursor:pointer;color:var(--ink);transition:background .2s,color .2s}
.cont .seg2 button small{display:block;font-weight:600;font-size:.78rem;color:var(--muted)}
.cont .seg2 button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.cont .seg2 button[aria-pressed="true"] small{color:var(--mark)}
.cont .range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--mark) var(--p,33%),var(--bg-2) var(--p,33%));outline:none}
.cont .range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--ink);cursor:grab;box-shadow:0 6px 14px -4px rgba(0,0,0,.35)}
.cont .range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ink);cursor:grab}
.cont .range:focus-visible{outline:3px solid var(--mark);outline-offset:6px}
.cont .ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;font-weight:600;margin-top:6px}
.cont .mini{color:var(--muted);font-size:.9rem;margin-top:10px!important}
.cont .sw{display:flex;flex-direction:column;gap:6px}
.cont .sw button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--card);font:700 .93rem var(--body);cursor:pointer;color:var(--ink);text-align:left}
.cont .sw button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.cont .sw i{flex:none;width:30px;height:22px;border-radius:6px;border:1px solid var(--line-2)}
.cont .sw-alb{background:linear-gradient(90deg,#A3A8AC 0 4px,#EDEDE8 4px calc(100% - 4px),#A3A8AC 0)}
.cont .sw-antracit{background:#3B4046}
.cont .sw-lamele{background:repeating-linear-gradient(90deg,#3B4046 0 4px,var(--wood) 4px 7px)}
.cont .checks{display:flex;flex-direction:column;gap:8px}
.cont .checks label{display:flex;gap:10px;align-items:center;font-weight:600;cursor:pointer}
.cont .checks input{width:20px;height:20px;accent-color:var(--ink)}
.cont .qty{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:14px;background:var(--card);overflow:hidden}
.cont .qty button{width:46px;height:48px;border:0;background:transparent;font-size:1.3rem;cursor:pointer;color:var(--ink)}
.cont .qty input{width:56px;height:48px;border:0;text-align:center;font:700 1.3rem var(--display);background:transparent;color:var(--ink)}
.cont .sumbox{padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.cont .sum-t{font:800 1.7rem/1.05 var(--display)}
.cont .sum-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.95rem}
.cont .sum-l li{padding-left:16px;position:relative}
.cont .sum-l li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--mark)}
.cont .sumbox .btn,.cont .req-s .btn{width:100%;white-space:normal;text-align:center}
@media (max-width:1080px){.cont .cfg{grid-template-columns:1fr}.cont .cfg-side{position:relative;top:0}}
@media (max-width:600px){.cont .c3{aspect-ratio:4/3.4}.cont .c3-views button{padding:7px 9px;font-size:.84rem}.cont .c3-dim{font-size:1.25rem}}

/* ===== planșa tehnică ===== */
.cont .sheet{border-radius:30px;padding:clamp(12px,2vw,22px)}
.cont .sheet-svg{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.cont .sheet-svg svg{display:block;width:100%;height:auto}
.cont .sheet-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cont .tech{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.cont .tcard{border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:8px}
.cont .tcard .ti{font:800 1.1rem var(--display);color:var(--rust)}
.cont .tcard h3{font-size:1.5rem}
.cont .tcard p{color:var(--muted)}
.cont .spec-t{margin-top:18px}
.cont .spec-t th{width:32%;text-align:left;color:var(--muted);font-weight:600}
@media (max-width:980px){.cont .tech{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.cont .tech{grid-template-columns:1fr}}

/* ===== galerie ===== */
.cont .gal{columns:3 260px;column-gap:14px}
.cont .gal figure{margin:0 0 14px;break-inside:avoid;border-radius:22px;overflow:hidden;position:relative;box-shadow:var(--shadow-s)}
.cont .gal .gi button{display:block;width:100%;padding:0;border:0;cursor:zoom-in;background:var(--bg-2)}
.cont .gal img{width:100%;height:auto;transition:transform 1s var(--ease)}
.cont .gal .gi:hover img{transform:scale(1.04)}
.cont .gv{background:#111}
.cont .gv video{display:block;width:100%;aspect-ratio:478/850;object-fit:cover}
.cont .gv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:0;background:var(--mark);color:#141518;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);transition:transform .3s,opacity .3s}
.cont .gv-play:hover{transform:translate(-50%,-50%) scale(1.06)}
.cont .gv-play.hide{opacity:0;pointer-events:none}
.cont .lb{position:fixed;inset:0;z-index:150;background:rgba(14,15,17,.88);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .35s;padding:16px}
.cont .lb.on{opacity:1;pointer-events:auto}
.cont .lb img{max-width:min(1200px,92vw);max-height:86vh;border-radius:18px;object-fit:contain}
.cont .lb button{position:absolute;width:48px;height:48px;border-radius:14px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.5rem;cursor:pointer}
.cont .lb-x{right:16px;top:16px}
.cont .lb-p{left:16px;top:50%;transform:translateY(-50%)}
.cont .lb-n{right:16px;top:50%;transform:translateY(-50%)}

/* ===== bandă „Sună acum” ===== */
.cont .callband{padding:0}
.cont .cb{position:relative;overflow:hidden;border-radius:34px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:24px;align-items:center;background:linear-gradient(120deg,rgba(255,255,255,.75),rgba(242,179,0,.18))}
.cont .cb h2{font-size:clamp(2rem,4vw,3.4rem)}
.cont .cb-tx p{color:var(--muted);margin-top:8px!important}
.cont .cb-num{font:800 clamp(2.4rem,5vw,4.4rem)/1 var(--display);text-decoration:none;color:var(--ink);white-space:nowrap}
.cont .cb-num:hover{color:var(--rust)}
@media (max-width:980px){.cont .cb{grid-template-columns:1fr}.cont .cb .btn{justify-self:start}}

/* ===== cerere ===== */
.cont .req{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.cont .req-f,.cont .req-s{border-radius:30px;padding:clamp(18px,3vw,32px)}
.cont .fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cont .f{display:flex;flex-direction:column;gap:6px}
.cont .f.full{grid-column:1/-1}
.cont .f label{font-weight:700;font-size:.93rem}
.cont .f label small{color:var(--muted);font-weight:400}
.cont .f input,.cont .f textarea{font:400 1.05rem var(--body);padding:13px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);color:var(--ink);width:100%;min-width:0}
.cont .f textarea{min-height:130px;resize:vertical}
.cont .f input:focus,.cont .f textarea:focus{border-color:var(--mark);outline:none;box-shadow:0 0 0 4px rgba(242,179,0,.2)}
.cont .form-hint{color:var(--muted);margin-top:12px!important;font-size:.93rem}
.cont .g-note{color:var(--muted);font-size:.88rem;margin-top:10px!important}
.cont .req-s{position:sticky;top:100px;display:flex;flex-direction:column;gap:12px}
.cont .req-s h3{font-size:1.7rem}
.cont .mini-plan{border-radius:14px;background:#fff;border:1px solid var(--line);padding:6px}
.cont .mini-plan svg{display:block;width:100%;height:auto;color:var(--muted)}
.cont .mini-plan .hit{fill:transparent}
.cont .mini-plan .floor{fill:#FAFAF8}.cont .mini-plan .wall{fill:none;stroke:var(--ink);stroke-width:12}.cont .mini-plan .post{fill:var(--ink)}
.cont .mini-plan .gap{fill:#fff}.cont .mini-plan .leaf{stroke:var(--rust);stroke-width:4}.cont .mini-plan .swing{fill:none;stroke:var(--rust);stroke-width:1.6;stroke-dasharray:6 5}
.cont .mini-plan .glass{stroke:#7E8A93;stroke-width:3}.cont .mini-plan .pw{stroke:var(--ink);stroke-width:8}.cont .mini-plan .obj{fill:#fff;stroke:var(--ink);stroke-width:2.5}
.cont .mini-plan .thin{fill:none;stroke:var(--ink);stroke-opacity:.35;stroke-width:1.5}.cont .mini-plan .bl{fill:var(--ink)}.cont .mini-plan .side{fill:var(--rust);font-weight:700}
.cont .fnote{font-weight:600;min-height:1.4em;color:var(--err);font-size:.95rem}
.cont .hp{position:absolute!important;left:-9999px!important}
@media (max-width:980px){.cont .req{grid-template-columns:1fr}.cont .req-s{position:relative;top:0}}
@media (max-width:560px){.cont .fields{grid-template-columns:1fr}}

/* ===== pași ===== */
.cont .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cont .steps li{border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:8px}
.cont .steps h3{font-size:1.5rem}
.cont .steps p{color:var(--muted)}
@media (max-width:860px){.cont .steps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.cont .steps{grid-template-columns:1fr}}

/* ===== întrebări ===== */
.cont .faq{max-width:900px;border-top:0}
.cont .faq details{border-bottom:1px solid var(--line)}
.cont .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:700 1.5rem/1.15 var(--display)}
.cont .faq summary::-webkit-details-marker{display:none}
.cont .faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:10px;background:var(--bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181B' stroke-width='2.4'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .35s}
.cont .faq details[open] summary::after{transform:rotate(45deg)}
.cont .faq details p{padding:0 0 22px;color:var(--muted);max-width:70ch}

/* ===== buton fix „Sună acum” ===== */
.cont .callfab{position:fixed;right:18px;bottom:18px;z-index:95;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;border-radius:999px;background:var(--mark);color:#141518;text-decoration:none;box-shadow:0 18px 40px -12px rgba(184,90,40,.6);transition:transform .45s var(--ease),opacity .3s}
.cont .callfab:hover{transform:translateY(-3px)}
.cont .callfab.off{transform:translateY(140%);opacity:0;pointer-events:none}
.cont .callfab .ic{position:relative;display:grid;place-items:center;width:30px;height:30px}
.cont .callfab svg{position:relative;z-index:1}
.cont .callfab .pulse{position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.55);animation:cpulse 2s infinite}
@keyframes cpulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.1);opacity:0}}
.cont .fab-tx b{display:block;font:800 1.15rem/1 var(--display)}
.cont .fab-tx small{font-weight:700;font-size:.85rem}

/* ===== confirmare ===== */
.cont .g-scrim{position:fixed;inset:0;background:rgba(20,22,25,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .4s;z-index:140;display:grid;place-items:center;padding:16px}
.cont .g-scrim.on{opacity:1;pointer-events:auto}
.cont .modal{width:min(520px,100%);border-radius:30px;padding:clamp(24px,4vw,40px);background:var(--card);box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.cont .modal .ok{width:72px;height:72px;border-radius:22px;background:var(--mark);display:grid;place-items:center}
.cont .modal h3{font-size:2.3rem}
.cont .modal .code{padding:8px 16px;border-radius:12px;background:var(--bg);font:800 1.5rem var(--display);letter-spacing:.04em}
.cont .modal p{color:var(--muted)}

/* lungimea vitrinei și săgețile de mutare */
.cont .ps-row{flex-direction:column;align-items:stretch}
.cont .ps-len{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.cont .ps-len span{font-weight:700;font-size:.9rem;color:var(--muted);margin-right:auto}
.cont .ps-len b{font:800 1.3rem var(--display);min-width:70px;text-align:center}
.cont .ps-len button{min-width:44px;height:44px;padding:0 12px;border-radius:11px;border:1px solid var(--line-2);background:var(--card);font:800 1.1rem var(--body);cursor:pointer;color:var(--ink)}
.cont .ps-len button[data-act="vlmax"]{font-size:.9rem}
.cont .ps-pad{display:grid;grid-template-columns:repeat(4,44px);gap:6px}
.cont .mreq{display:none}

/* ===== telefon: totul la îndemâna degetului ===== */
@media (max-width:640px){
  .cont{padding-bottom:78px}
  .cont .s{padding:56px 0}
  .cont .s-head{margin-bottom:24px;gap:10px}
  .cont .s-head p{font-size:.98rem}
  /* hero: titlu, poză, text, butoane – în ordinea asta */
  .cont .c-hero{padding-top:92px}
  .cont .crumbs{display:none}
  .cont .c-hgrid{display:flex;flex-direction:column;gap:0}
  .cont .c-htx{display:contents}
  .cont .c-htx .kick{order:1;margin-bottom:10px}
  .cont .c-htx h1{order:2;font-size:clamp(2.3rem,10.5vw,2.9rem)}
  .cont .c-hmedia{order:3;margin-top:18px;aspect-ratio:1/.86}
  .cont .lead{order:4;font-size:1.02rem;margin-top:16px}
  .cont .ctas{order:5;margin-top:18px}
  .cont .agent{order:6;margin-top:14px}
  .cont .chips{display:none}
  .cont .hm1{width:78%;height:90%}
  .cont .hm2{width:46%;height:52%;border-width:4px}
  .cont .badge{padding:8px 12px;border-radius:14px}
  .cont .badge b{font-size:1.35rem}
  .cont .badge span{font-size:.78rem}
  .cont .c-fgrid{gap:10px}
  .cont .fct{padding:16px;border-radius:18px}
  /* carusele orizontale în loc de liste lungi */
  .cont .mods,.cont .tech,.cont .steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cont .mods::-webkit-scrollbar,.cont .tech::-webkit-scrollbar,.cont .steps::-webkit-scrollbar{display:none}
  .cont .mod{flex:0 0 80%;scroll-snap-align:start}
  .cont .tcard,.cont .steps li{flex:0 0 74%;scroll-snap-align:start}
  .cont .mod-tx h3{font-size:1.5rem}
  .cont .mod-tx .btn{width:100%}
  .cont .gal{columns:2;column-gap:8px}
  .cont .gal figure{margin-bottom:8px;border-radius:14px}
  .cont .gv-play{width:56px;height:56px}
  /* configurator */
  .cont .c3{aspect-ratio:1/1;border-radius:22px}
  .cont .c3 canvas{touch-action:pan-y}
  .cont .c3-views{left:10px;top:10px}
  .cont .c3-zoom{right:10px;top:10px}
  .cont .c3-hint{bottom:10px;font-size:.8rem}
  .cont .c3-dim{right:12px;bottom:10px;font-size:1.15rem}
  .cont .plan{border-radius:22px;padding:14px}
  .cont .plan-top h3{font-size:1.45rem}
  .cont .plan-add{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;padding:2px 14px 6px;scrollbar-width:none;width:calc(100% + 28px)}
  .cont .plan-add::-webkit-scrollbar{display:none}
  .cont .plan-add button{flex:none;padding:11px 13px;font-size:.92rem}
  .cont #plan{max-height:68vh;touch-action:pan-y;margin:0 auto}
  .cont .ps-btns{justify-content:flex-start}
  .cont .ps-btns button{height:44px}
  .cont .cfg-side{border-radius:22px;padding:16px}
  .cont .seg2 button{padding:13px 8px}
  .cont .sheet{border-radius:22px;padding:8px}
  .cont .cb{border-radius:24px}
  .cont .cb .btn{width:100%}
  .cont .req-f,.cont .req-s{border-radius:22px;padding:18px}
  .cont .faq summary{font-size:1.25rem;padding:18px 0}
  /* bara de jos: „Sună acum” + „Cere ofertă” */
  .cont .callfab{left:10px;right:calc(50% + 4px);bottom:10px;justify-content:center;border-radius:16px;padding:9px 10px;gap:8px}
  .cont .fab-tx b{font-size:1.1rem}
  .cont .fab-tx small{font-size:.8rem}
  .cont .mreq{display:flex;align-items:center;justify-content:center;position:fixed;left:calc(50% + 4px);right:10px;bottom:10px;z-index:95;height:56px;border-radius:16px;background:var(--ink);color:#fff;font:800 1.15rem var(--display);text-decoration:none;box-shadow:0 18px 40px -14px rgba(22,24,27,.6);transition:transform .45s var(--ease),opacity .3s}
  .cont .mreq.off{transform:translateY(140%);opacity:0;pointer-events:none}
}

@media (prefers-reduced-motion:reduce){
  .cont .split .ch{transform:none;opacity:1}
  .cont .callfab .pulse{animation:none}
  .cont *{transition:none!important}
}
@media print{
  html.print-sheet body *{visibility:hidden!important}
  html.print-sheet #sheet,html.print-sheet #sheet *{visibility:visible!important}
  html.print-sheet #sheet{position:fixed;left:0;top:0;width:100%;border:0}
  @page{size:A4 landscape;margin:8mm}
}