@font-face{font-family:Figtree;src:url('/fonts/figtree-latin.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}@font-face{font-family:Figtree;src:url('/fonts/figtree-latin-ext.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0100-024F}*{box-sizing:border-box}html{--fond:#23282c;--surface:#2d3337;--text:#f4f1ec;--muted:#c7c5c0;--line:#53595c;--accent:#c8643a;--button-text:#101416;color-scheme:dark;scroll-behavior:smooth}html[data-theme=zi]{--fond:#f4f1ec;--surface:#e9e5de;--text:#23282c;--muted:#53585a;--line:#bcb9b2;--accent:#b4532a;--button-text:#fff;color-scheme:light}body{margin:0;background:var(--fond);color:var(--text);font:17px/1.6 Figtree,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{color:var(--muted);margin:0 0 24px}h1,h2,h3{text-wrap:balance;font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(40px,4.5vw,70px)}h2{font-size:clamp(34px,3.5vw,52px)}h3{font-size:25px;letter-spacing:-.025em}img{display:block;max-width:100%;object-fit:cover}main:focus{outline:none}.header{min-height:112px;display:flex;align-items:center;gap:32px;padding:20px 3.3%;background:#23282c;color:#f4f1ec;border-bottom:1px solid #53595c;position:relative;z-index:10}.logo{flex-shrink:0;display:inline-flex}.logo img{object-fit:contain;width:132px;height:80px}.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:14px;font-weight:600}.desktop-nav a{padding:12px 0}.header-actions{display:flex;align-items:center;gap:14px}.button{text-wrap:balance;background:var(--accent);color:var(--button-text);min-height:54px;padding:15px 23px;display:inline-flex;justify-content:center;align-items:center;gap:18px;font-weight:700;font-size:16px;line-height:1.4;border:1px solid transparent;border-radius:3px;letter-spacing:0}.button:hover{filter:brightness(1.1)}.header .button{background:#c8643a;color:#101416}.button.small{font-size:14px;padding:13px 16px;min-height:48px}.theme{display:flex;align-items:center;justify-content:center;gap:7px;width:91px;height:48px;background:transparent;border:1px solid #747a7c;border-radius:3px;font-size:14px}.theme>span:first-child{font-size:24px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{position:absolute;left:0;right:0;top:100%;padding:20px;background:#23282c;box-shadow:0 20px 30px #0004}.mobile-nav a{display:block;padding:13px;border-bottom:1px solid #53595c}.skip{position:absolute;top:-100px;z-index:20;padding:12px;background:var(--fond)}.skip:focus{top:10px}.hero{padding:60px 5% 0;display:grid;grid-template-columns:1fr 1fr;column-gap:6%;background:#23282c;color:#f4f1ec}.hero-copy{padding:25px 0 35px;align-self:center}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:650;margin-bottom:24px;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#c8643a;display:inline-block}.hero h1{max-width:640px}.hero em{font-style:normal;color:#e5946d}.hero p{color:#d9d5ce;max-width:530px;font-size:18px;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.hero .button{background:#c8643a;color:#101416}.text-link{text-wrap:balance;display:inline-flex;align-items:center;gap:15px;font-size:16px;font-weight:600;min-height:44px;border-bottom:1px solid currentColor;line-height:1.4}.hero .micro{font-size:13px;margin-top:16px}.hero-media{margin:0;position:relative;height:570px}.hero-media img{width:100%;height:100%;object-position:center 40%;border-radius:3px}.hero-media figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#15191de8);padding:50px 22px 20px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:24px 0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #53595c;margin-top:28px}.section{padding:90px 5%;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:42px}.section-heading>p{max-width:400px;margin:0}.section-heading .text-link{flex-shrink:0}.p1-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.product-line{padding:32px 30px 0 0;display:flex;flex-direction:column}.product-line+.product-line{border-left:1px solid var(--line);padding-left:30px}.index{font-size:13px;color:var(--muted);margin-bottom:40px}.product-line h3{margin-bottom:18px}.product-line p{font-size:16px;max-width:340px}.product-line .text-link{align-self:flex-start;margin-top:auto}.process{background:var(--surface)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.steps article>span{font-size:12px;letter-spacing:.1em;color:var(--muted)}.steps h3{margin:22px 0 16px}.steps p{font-size:16px}.note{font-size:14px;margin:32px 0 0;max-width:850px}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.model-image{aspect-ratio:1.15;background:#d9d5ce;overflow:hidden;border-radius:3px}.model-image img{height:100%;width:100%;object-fit:cover}.model-title{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.model p{font-size:13px;margin:8px 0 0}.garden{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.garden-image{background:#d9d5ce;height:410px;border-radius:3px;overflow:hidden}.garden-image img{width:100%;height:100%;object-fit:cover}.garden p{margin-top:26px;max-width:470px}.measure{background:var(--surface)}.measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1000px;margin:40px 0 12px}.measure h3{margin-bottom:18px}.measure>.text-link{margin-left:25px}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:8%}.delivery>div>p{margin-top:26px;max-width:540px}.delivery-options article{padding:25px 0;border-bottom:1px solid var(--line)}.delivery-options article:first-child{padding-top:0}.delivery-options h3{margin-bottom:14px}.delivery-options p{font-size:16px;margin-bottom:16px}.delivery-options a{text-decoration:underline;text-underline-offset:5px}.proof{padding-right:30%}.proof p{margin:28px 0 18px;max-width:700px;font-size:20px}.catalog-strip{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--surface)}.catalog-strip p{margin:20px 0 0}.outline{background:transparent;border-color:var(--text);color:var(--text);flex-shrink:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;column-gap:8%}.faq>.eyebrow{grid-column:1}.faq h2{grid-column:1}.faq-list{grid-column:2;grid-row:1/4}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-weight:500;padding:23px 0;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;font-weight:400;line-height:1}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:16px;max-width:600px;padding-right:25px}.final-cta{background:#23282c;color:#f4f1ec;text-align:center}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(46px,5vw,76px)}.final-cta p{color:#d9d5ce;max-width:550px;margin:25px auto}.final-cta .button{background:#c8643a;color:#101416}.related{padding:45px 5%}.related h2{font-size:22px;letter-spacing:-.02em;margin-bottom:25px}.related>div{display:flex;gap:35px;flex-wrap:wrap}.related a{min-height:44px;display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line)}footer{background:#23282c;color:#f4f1ec;padding:55px 5% 24px}footer p{color:#d9d5ce;font-size:16px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top>a:last-child{font-size:25px}.footer-links{display:flex;gap:35px;flex-wrap:wrap;padding:38px 0;border-bottom:1px solid #53595c;font-size:15px}.footer-links a{min-height:44px;display:flex;align-items:center}.footer-bottom{display:flex;gap:25px;justify-content:space-between;font-size:12px;color:#d9d5ce;padding-top:25px}.breadcrumbs{padding:25px 5% 0}.breadcrumbs ol{display:flex;gap:12px;padding:0;list-style:none;flex-wrap:wrap;font-size:15px}.breadcrumbs li+li:before{content:'›';margin-right:12px}.page-intro{padding-bottom:45px}.page-intro p{max-width:750px;margin-top:25px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.content-card{padding:28px;border:1px solid var(--line);border-radius:3px}.content-card h2{font-size:29px;margin-bottom:18px}.content-card p{font-size:16px}.content-card a{text-decoration:underline;text-underline-offset:5px}.content-card img{height:210px;width:100%;object-fit:cover;margin-bottom:25px;background:#d9d5ce}.contact-list{font-size:20px;max-width:760px}.contact-list li{padding:12px 0}.contact-actions{display:flex;flex-wrap:wrap;gap:20px}.specs{border-collapse:collapse;width:100%;max-width:800px;margin:30px 0}.specs th,.specs td{text-align:left;border-bottom:1px solid var(--line);padding:16px}.specs th{font-weight:500}.source-note{font-size:14px;max-width:800px}@media(min-width:1600px){.section,.hero,.related,footer{padding-left:max(5%,calc((100vw - 1360px)/2));padding-right:max(5%,calc((100vw - 1360px)/2))}}@media(max-width:1200px){.desktop-nav{gap:15px}.header{gap:20px}.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:flex;gap:9px;align-items:center;border:0;background:transparent;padding:10px 0;font-size:14px}.desktop-nav{font-size:13px}.hero{column-gap:4%;row-gap:0}.hero-media{height:550px}.hero-actions{gap:15px}}@media(min-width:761px) and (max-width:1024px){.p1-grid{grid-template-columns:1fr;gap:25px}.product-line{padding:26px 0 0}.product-line+.product-line{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.product-line p{max-width:600px}.index{margin-bottom:20px}}@media(max-width:760px){.header{flex-wrap:wrap}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-cta{display:flex;order:3;width:100%}.header-actions{flex:1}.header .button.small{font-size:12px;padding:10px;min-height:44px}.header-cta>span{display:none}body{font-size:16px}.header{padding:12px 20px;min-height:88px;justify-content:space-between;gap:15px}.logo img{width:104px;height:64px}.desktop-nav{display:none}.header-actions{gap:9px}.theme{width:80px;height:44px}.menu-toggle{display:flex;gap:9px;align-items:center;border:0;background:transparent;padding:10px 0;font-size:14px}.hero{padding:32px 20px 0;display:flex;flex-direction:column}.hero-copy{padding:0}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:20px}.hero h1{font-size:43px;line-height:1.06;letter-spacing:-.05em}.hero p{font-size:16px;margin-top:21px;margin-bottom:22px}.hero-actions{display:flex;align-items:flex-start;gap:10px;margin-top:22px}.hero-actions .button{width:100%;min-height:52px}.hero-actions .text-link{font-size:14px}.hero .micro{font-size:12px;margin-top:13px;margin-bottom:25px}.hero-media{height:340px;width:100%}.hero-media img{object-position:center 42%}.hero-media figcaption{font-size:10px;padding:45px 14px 14px}.hero-bottom{font-size:9px;padding:20px 0;gap:20px;line-height:1.6;margin-top:0}.hero-bottom span{max-width:50%}.section{padding:56px 20px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px}.section-heading .text-link{margin-top:20px}h2{font-size:35px}h3{font-size:24px}.p1-grid,.steps,.measure-grid,.delivery,.content-grid{grid-template-columns:1fr;gap:25px}.product-line{padding:26px 0 0}.product-line+.product-line{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.index{margin-bottom:20px}.product-line p{max-width:none}.steps h3{margin:14px 0}.steps article+article{border-top:1px solid var(--line);padding-top:25px}.steps p{margin-bottom:0}.model-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.model-title{margin-top:14px}.model h3{font-size:23px}.model p{font-size:12px}.garden{grid-template-columns:1fr;gap:32px}.garden-image{height:290px}.measure-grid{margin:30px 0 5px;gap:10px}.measure>.text-link{margin:15px 0 0;display:flex;width:max-content}.delivery-options{margin-top:16px}.proof{padding-right:20px}.proof p{font-size:18px}.catalog-strip{display:block}.catalog-strip .button{margin-top:28px}.faq{display:block}.faq-list{margin-top:32px}summary{padding:21px 0;font-size:16px}.final-cta h2{font-size:49px}.related{padding:35px 20px}.related>div{display:block}.related a{justify-content:space-between;padding:10px 0;margin-top:8px}footer{padding:40px 20px 25px}.footer-top{display:block}.footer-top p{margin:23px 0}.footer-links{gap:5px 25px;margin-top:20px;padding:20px 0}.footer-bottom{display:flex;flex-direction:column;gap:12px}.breadcrumbs{padding:18px 20px 0}.breadcrumbs li{display:none}.breadcrumbs li:nth-last-child(2){display:block}.breadcrumbs li:nth-last-child(2):before{content:'‹';margin-right:8px}.page-intro{padding-top:36px}.page-intro h1{font-size:42px}.content-card{padding:23px}.specs th,.specs td{padding:13px 8px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.footer-cert{display:flex;justify-content:flex-end;margin-top:25px}.footer-cert img{width:60px;height:90px;object-fit:contain}

/* Val 2: selecție P1 și cerere, în flux la orice lățime. */
.dimension-group{margin-top:36px}.dimension-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.dimension-list a{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);min-height:50px}.dimension-list a:hover{background:var(--surface)}#cerere{max-width:1050px}#cerere>h2{margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#cerere label{display:flex;flex-direction:column;gap:8px;font-size:16px;margin-bottom:22px}input,select,textarea{font:inherit;color:var(--text);background:var(--fond);border:1px solid var(--line);border-radius:3px;padding:12px;min-height:48px;width:100%;max-width:100%}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}fieldset{min-width:0;border:1px solid var(--line);padding:24px;margin:20px 0 28px}legend{padding:0 10px;font-size:22px}.product-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:20px}.product-row button{grid-column:1/-1;justify-self:start;background:transparent;border:0;color:var(--text)}#cerere .consent{flex-direction:row;align-items:flex-start;min-height:44px}input[type=checkbox]{width:24px;min-width:24px;min-height:24px;margin:2px 10px 0 0;accent-color:var(--accent)}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.field-error{display:block;color:var(--text);font-weight:650;border-left:3px solid var(--accent);padding-left:10px;margin-top:8px}[aria-invalid=true]{outline:2px solid var(--accent)}#cerere-status{margin:24px 0;font-weight:650;overflow-wrap:anywhere}#cerere a{text-decoration:underline}button:disabled{opacity:.65;cursor:default}.specs td{overflow-wrap:anywhere}.garden>img{width:100%;height:auto;border-radius:3px}.dimension-list a:focus-visible{outline-offset:2px}@media(min-width:761px) and (max-width:1180px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.product-row{grid-template-columns:1fr 1fr}.product-row label:first-child{grid-column:1/-1}}@media(max-width:600px){.form-grid{grid-template-columns:1fr;gap:0}fieldset{padding:16px}.specs th{width:44%}#cerere>.button{width:100%}}
.measurement{margin:0;min-width:0}.measurement svg{display:block;width:100%;max-width:440px;height:auto}.measurement figcaption{font-size:14px;color:var(--muted);margin-top:16px}.dimension-list a{font-variant-numeric:tabular-nums}
/* Val 3: galerii și date, mobil întâi. */
.work-gallery{display:grid;grid-template-columns:1fr;gap:24px}.work-gallery figure{margin:0;min-width:0}.work-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.work-gallery figcaption{font-size:14px;margin-top:12px;color:var(--muted)}.technical-table{overflow-x:auto;max-width:100%}.technical-table table{width:100%;min-width:580px}.technical-table a{display:inline-flex;align-items:center;min-height:44px}.content-grid>*{min-width:0}@media(min-width:761px){.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1181px){.work-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Revizia val 3: restrângere la coloană și după încărcarea lazy. */
.steps>*,.model-grid>*,.measure-grid>*,.garden>*,.delivery>*,.faq>*,.hero>*{min-width:0}
@media(min-width:761px) and (max-width:1024px){.steps{grid-template-columns:1fr}.steps article+article{border-top:1px solid var(--line);padding-top:25px}}

/* Materialul în prim-plan — sistem comun RO, 5 nov 02:35. */
@font-face{font-family:Bricolage;src:url('/fonts/bricolage-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Bricolage;src:url('/fonts/bricolage-bold.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
html{--fond:#23282c;--surface:#1b1f22;--text:#ececea;--muted:#c4c9cc;--line:#586166;--accent:#c8643a;--button-text:#14191c;--hero-veil:rgba(27,31,34,.94);color-scheme:dark}
html[data-theme=zi]{--fond:#ececea;--surface:#e3e3e0;--text:#23282c;--muted:#4c565d;--line:#a9afb0;--accent:#b4532a;--button-text:#fff;--hero-veil:rgba(236,236,234,.96);color-scheme:light}
body{font-family:Bricolage,Arial,sans-serif;font-size:17px}h1,h2,h3{font-family:Bricolage,Arial,sans-serif;font-weight:700;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal}h1{font-size:clamp(36px,4.6vw,70px);line-height:1.04}h2{font-size:clamp(30px,3.8vw,56px);line-height:1.1}h3{font-size:clamp(23px,2vw,29px);line-height:1.2}p{max-width:72ch}em{font-style:normal}a:hover{text-decoration-color:var(--accent)}.header,footer,.mobile-nav,.final-cta{background:var(--fond);color:var(--text);border-color:var(--line)}.header{min-height:100px;padding-top:12px;padding-bottom:12px}.header .button,.hero .button,.final-cta .button{background:var(--accent);color:var(--button-text)}.theme{border-color:var(--line)}.mobile-nav{box-shadow:none;border-bottom:1px solid var(--line)}.mobile-nav a,.footer-links{border-color:var(--line)}footer p,.footer-bottom,.final-cta p{color:var(--muted)}.logo-day{display:none!important}html[data-theme=zi] .logo-night{display:none}html[data-theme=zi] .logo-day{display:block!important}.button{border-radius:0}.eyebrow,.index{display:none}.section{padding-top:clamp(52px,7vw,108px);padding-bottom:clamp(52px,7vw,108px)}.section-heading{align-items:start;gap:40px}.section-heading>div{max-width:750px}.section-heading h2{max-width:22ch}.section-heading>p{padding-top:7px}.section-heading .text-link{flex-shrink:1}.text-link{gap:0}.content-card{border:0;border-top:2px solid var(--line);padding:28px 0;border-radius:0;box-shadow:none}.content-grid{gap:36px}.content-card img,.model-image,.garden-image{border-radius:0}.content-card h2{font-size:clamp(25px,2.6vw,36px)}.breadcrumbs{color:var(--muted)}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.faq details{padding:0 16px}.faq details[open]{background:var(--surface)}.faq h2{max-width:14ch}.faq-list{grid-row:1/3}.final-cta{text-align:left}.final-cta p{margin:25px 0}.final-cta h2{font-size:clamp(36px,5vw,76px)}.proof{padding-right:5%}.footer-bottom{font-size:13px}.model-title{gap:10px}.model p{font-size:15px}.product-line h3{margin-top:10px}.product-line{padding-top:20px}.steps article>span{font-size:16px;letter-spacing:0}.steps h3{margin-top:18px}.section-heading+.note{margin-top:0}.page-intro h1{max-width:23ch}.measure>.text-link{width:auto;max-width:100%}.technical-table{overscroll-behavior-x:contain}.content-grid a{overflow-wrap:anywhere}
.material-hero.hero{position:relative;isolation:isolate;display:flex;align-items:end;min-height:690px;padding:64px 5% 80px;background:var(--fond);color:var(--text);overflow:hidden}.hero-panorama{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:60% center;animation:material-enter 900ms ease-out both}.material-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--hero-veil) 0%,var(--hero-veil) 32%,transparent 100%)}.material-hero .hero-copy{padding:30px 32px 30px 0;max-width:780px;animation:material-enter 900ms ease-out both}.material-hero h1{max-width:16ch}.material-hero p{color:var(--text);max-width:48ch;font-size:18px}.material-hero .hero-actions{gap:20px}.material-hero .hero-caption{position:absolute;bottom:16px;right:5%;max-width:none;font-size:12px;margin:0;background:var(--fond);color:var(--muted);padding:6px 10px}.material-hero .hero-copy{background:var(--hero-veil);padding:28px 32px}.material-hero:after{background:linear-gradient(0deg,var(--hero-veil),transparent 40%)}
.material-samples{padding:36px 0 30px;background:var(--surface);border-bottom:1px solid var(--line)}.samples-heading{padding:0 5%;display:flex;align-items:baseline;justify-content:space-between;gap:24px}.samples-heading h2{font-size:clamp(27px,2.8vw,40px)}.samples-heading p{font-size:15px}.sample-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:16px 5% 24px;scrollbar-color:var(--line) var(--surface);scrollbar-width:thin}.sample-tile{flex:0 0 340px;min-width:0;scroll-snap-align:start}.sample-tile img{width:100%;height:245px;object-fit:cover}.sample-tile>span{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:16px}.sample-tile>span>span{color:var(--muted);text-align:right}.sample-tile strong{font-weight:700}.sample-tile:hover strong{text-decoration:underline;text-underline-offset:5px}.material-samples>.source-note{padding:0 5%;margin:10px 0 0;max-width:none;font-size:13px}.technical-pair{display:grid;grid-template-columns:1.12fr 1fr;gap:4%;margin:40px 0 50px;align-items:stretch}.profile-sheet{padding:28px;background:var(--surface)}.profile-sheet h3{max-width:26ch}.profile-sheet svg{width:100%;height:auto;margin-top:20px;display:block}.profile-sheet p{font-size:13px;margin:0}.technical-photo{margin:0;display:flex;flex-direction:column}.technical-photo img{width:100%;height:100%;min-height:320px;object-fit:cover;flex:1}.technical-photo figcaption{font-size:12px;padding-top:10px;color:var(--muted)}.work-mosaic{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:24px;margin:35px 0}.work-mosaic figure{margin:0;min-width:0}.work-mosaic figure:first-child{grid-row:span 2}.work-mosaic figure:nth-child(4){grid-column:span 2}.work-mosaic img{width:100%;height:280px;object-fit:cover}.work-mosaic figure:first-child img{height:620px}.work-mosaic figure:nth-child(4) img{height:340px}.work-mosaic figcaption{font-size:13px;line-height:1.45;color:var(--muted);margin-top:10px}.material-proof>p{font-size:17px}.garden-image{height:460px}.model-image{aspect-ratio:1}.model-grid{gap:28px}
@keyframes material-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.material-hero.hero{padding-left:5%;padding-right:5%}}
@media(max-width:1180px){.material-hero.hero{min-height:640px}.material-hero .hero-copy{max-width:640px}.technical-pair{grid-template-columns:1fr 1fr}.profile-sheet{padding:20px}.work-mosaic{grid-template-columns:1fr 1fr}.work-mosaic figure:first-child{grid-row:span 2}.work-mosaic figure:nth-child(4){grid-column:span 2}.work-mosaic figure:first-child img{height:620px}.work-mosaic figure:last-child{grid-column:span 2}.work-mosaic figure:last-child img{height:350px}}
@media(max-width:820px){.technical-pair{grid-template-columns:1fr;gap:25px}.technical-photo img{height:360px;min-height:0}.profile-sheet svg{max-width:640px;margin-left:auto;margin-right:auto}.section-heading{display:block}.section-heading>p{margin-top:24px}.samples-heading{display:block}.samples-heading p{margin-top:12px;margin-bottom:10px}.faq{display:block}.faq-list{margin-top:28px}.material-hero.hero{min-height:660px}.material-hero h1{font-size:clamp(36px,6.8vw,56px)}.material-hero .hero-copy{max-width:580px}.garden{gap:32px}}
@media(max-width:600px){.header{gap:10px;padding:10px 20px}.header-actions{gap:8px}.header .logo img{width:92px;height:60px}.header .header-cta{display:none}.theme{width:82px}.menu-toggle{min-height:44px}.material-hero.hero{min-height:690px;padding:220px 20px 65px;justify-content:flex-end;align-items:stretch}.hero-panorama{object-position:62% top;height:100%;}.material-hero .hero-copy{padding:22px 20px;max-width:none}.material-hero h1{font-size:36px;max-width:15ch;line-height:1.09;letter-spacing:-.04em}.material-hero p{font-size:16px;margin-top:20px}.material-hero .hero-actions{margin-top:22px;gap:12px}.material-hero .hero-actions .button{font-size:15px;padding:14px 12px}.material-hero .hero-actions .text-link{font-size:15px}.material-hero .hero-caption{left:20px;right:auto;bottom:14px;font-size:10px;max-width:calc(100% - 40px)}.sample-tile{flex-basis:76vw}.sample-tile img{height:220px}.sample-tile>span{font-size:15px}.samples-heading{padding:0 20px}.sample-track{padding-left:20px;padding-right:20px}.material-samples>.source-note{padding:0 20px}.section h2{font-size:32px}.section{padding-left:20px;padding-right:20px}.technical-pair{margin-top:28px}.profile-sheet{padding:20px 10px}.profile-sheet h3,.profile-sheet p{padding-left:10px;padding-right:10px}.technical-photo img{height:300px}.work-mosaic{gap:24px 14px;grid-template-columns:1fr 1fr}.work-mosaic figure:first-child{grid-column:span 2;grid-row:auto}.work-mosaic figure:first-child img{height:390px}.work-mosaic img{height:240px}.work-mosaic figure:nth-child(4) img,.work-mosaic figure:last-child img{height:280px}.work-mosaic figcaption{font-size:12px}.garden-image{height:300px}.page-intro h1{font-size:36px}.final-cta h2{font-size:39px}.content-card h2{font-size:28px}.footer-top>a:last-child{font-size:23px}.model-grid{gap:25px 15px}.model h3{font-size:22px}.hero-actions .text-link{min-height:44px}.technical-photo figcaption{max-width:100%}}
@media(prefers-reduced-motion:reduce){.hero-panorama,.material-hero .hero-copy{animation:none}html{scroll-behavior:auto}}
.shade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:30px 0}.shade-grid figure{margin:0;min-width:0}.shade-grid img{width:100%;height:320px;object-fit:cover}.shade-grid figcaption{margin-top:12px}@media(max-width:600px){.shade-grid{grid-template-columns:1fr}.shade-grid img{height:280px}}
html[data-theme=noapte] .hero-panorama{filter:brightness(.72)}
@media(max-width:600px){.header .header-cta{display:flex;min-height:44px;font-size:12px;padding:10px 8px}.header-actions{max-width:calc(100% - 102px)}.header-actions .theme,.header-actions .menu-toggle{flex-shrink:0}.material-hero.hero{min-height:660px;padding-top:180px}}
.samples-heading{flex-wrap:wrap}.sample-controls{display:flex;gap:10px;margin-left:auto}.sample-controls button{min-height:44px;padding:8px 16px;border:1px solid var(--line);background:var(--fond);font-size:14px}.sample-controls button:hover{background:var(--text);color:var(--fond)}.sample-track:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}@media(max-width:820px){.sample-controls{margin:16px 0 0}}

/* Val 4: editorial și pagini locale, pe tokenurile redesignului. */
.guide{max-width:1100px;margin-inline:auto}.guide-body{max-width:76ch}.guide-body p,.guide-body ul,.guide-body ol,.guide-body blockquote{margin-block:1.3em}.guide-body h2,.guide-body h3,.guide>section{margin-top:2em}.guide-toc{margin-block:36px;padding:24px;background:var(--surface)}.guide-toc h2{font-size:28px}.guide-toc a{display:inline-block;padding-block:8px}.guide li{margin-block:10px}.guide a{overflow-wrap:anywhere}.guide table{display:block;max-width:100%;overflow-x:auto}.guide th,.guide td{min-width:110px;padding:12px;border-bottom:1px solid var(--line);text-align:left}.guide h2,.guide h3{scroll-margin-top:130px}.section>table{width:100%;border-collapse:collapse}.section>table th,.section>table td{padding:12px 6px;text-align:left;border-bottom:1px solid var(--line)}

/* Revizie redesign 5 nov: fotografie liberă, header compact, margine fixă la nuanțe. */
.cta-compact{display:none}
.material-hero .hero-caption{background:transparent;color:#fff;padding:0;font-size:11px;line-height:1.5}
.material-hero:after{background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 110px)}
.sample-track{margin-left:5%;padding-left:0;scroll-padding-left:0}
@media(max-width:760px){
 .header{flex-wrap:nowrap;min-height:80px;gap:10px;padding:10px 20px}
 .header .logo img{width:82px;height:54px}
 .header-actions{flex:0 1 auto;flex-wrap:nowrap;max-width:none;gap:12px}
 .header .header-cta{display:inline-flex;order:0;width:auto;flex-shrink:0;min-height:44px;padding:10px;font-size:12px;white-space:nowrap}
 .header-cta>.cta-full{display:none}.header-cta>.cta-compact{display:inline}
 .header-actions>.theme{display:none}.mobile-nav>.theme{width:100%;margin-top:14px}
.mobile-nav summary{min-height:48px}
.mobile-nav details a{padding-left:24px}
 .menu-toggle{flex-shrink:0;min-height:44px;gap:6px}
}
@media(max-width:600px){
 .material-hero.hero{display:flex;flex-direction:column;min-height:0;padding:0;align-items:stretch}
 .hero-panorama{position:relative;inset:auto;z-index:auto;order:0;flex:none;width:100%;height:45vh;height:45svh;object-position:62% 55%}
 .material-hero:after{display:none}
 .material-hero .hero-caption{position:static;order:1;align-self:stretch;max-width:none;margin:0;padding:8px 20px 0;font-size:11px;color:var(--muted)}
 .material-hero .hero-copy{order:2;align-self:stretch;margin:0;padding:24px 20px 36px;max-width:none;background:var(--fond)}
 .sample-track{margin-left:20px;padding-left:0}
}

/* Perechea fără despărțire Cărămidă decorativă trebuie să încapă și la 360 px. */
@media(max-width:380px){.page-intro .brick-title{font-size:32px}}

/* Val 7 */
.marquee-window{overflow:hidden}.sample-track.marquee-track{width:max-content;margin:0;padding:16px 0 24px;gap:0;overflow:visible;animation:textures-flow var(--marquee-duration) linear infinite}.sample-group{display:flex;gap:16px;padding-right:16px}.sample-group .sample-tile{width:340px}.marquee-window:hover .marquee-track,.marquee-window:focus-within .marquee-track,.marquee-window.touch-paused .marquee-track{animation-play-state:paused}@keyframes textures-flow{to{transform:translateX(-50%)}}
.resource-menu{position:relative}.resource-menu summary{white-space:nowrap;font:inherit;min-height:44px;padding:10px;cursor:pointer}.resource-links{position:absolute;top:100%;right:0;min-width:230px;background:var(--fond);border:1px solid var(--line);padding:16px;display:grid;z-index:20}.resource-links a{padding:10px;white-space:nowrap}.desktop-nav>a{white-space:nowrap}.search-open{width:44px;height:44px;background:transparent;border:1px solid var(--line);color:var(--text);font-size:24px}.search-dialog{width:min(720px,calc(100% - 32px));max-height:85dvh;background:var(--fond);color:var(--text);border:1px solid var(--line);padding:24px}.search-dialog::backdrop{background:#0009}.search-close{float:right;min-height:44px;background:var(--fond);color:var(--text);border:1px solid var(--line);padding:8px 16px}.search-results{padding-left:24px}.search-results li{padding:16px 0;border-bottom:1px solid var(--line)}.search-results a{display:block;min-height:44px;font-weight:700}.search-results p{font-size:16px}.search-status{min-height:30px}.faq-source{display:block;padding:8px 0}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px}.guide-cards article{border-top:1px solid var(--line);padding-top:20px}.guide-cards h3{font-size:24px}
@media(max-width:1280px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;background:var(--fond);padding:20px;flex-direction:column;max-height:75dvh;overflow:auto}.mobile-nav>a{padding:10px}.header{position:relative}.cta-full{display:none}.cta-compact{display:inline}}
@media(max-width:600px){.sample-group .sample-tile{width:76vw}.search-dialog{padding:16px}}
@media(prefers-reduced-motion:reduce){.marquee-window{overflow-x:auto;scroll-snap-type:x mandatory}.sample-track.marquee-track{animation:none;transform:none}.sample-group[aria-hidden]{display:none}.sample-tile{scroll-snap-align:start}}

.guide-cards a,.guide-links a,.faq-source{display:inline-flex;align-items:center;min-height:44px}.sample-group[aria-hidden=true]{pointer-events:none}.search-dialog h2{font-size:28px;margin:8px 0 24px}.site-search>button{margin-top:12px}.site-search label{display:block}.site-search input{margin-top:8px}

/* VAL8 contact and consent */
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:900;background:var(--accent);color:var(--button-text);border:1px solid var(--line);padding:12px 16px;min-height:48px;border-radius:28px;font-size:14px;font-weight:700}.reviews figure{margin:0}.reviews blockquote{margin:0;padding:24px 0;border-top:1px solid var(--line)}.reviews figcaption{color:var(--muted)}.legal-content{max-width:85ch}.legal-content h2{font-size:clamp(25px,3vw,40px);margin:32px 0 20px}.legal-content h3{margin:24px 0 16px}.legal-content a{text-decoration:underline}.footer-legal{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0}.footer-legal button{background:none;border:0;padding:0;min-height:44px;text-decoration:underline}.footer-consumer{display:flex;flex-wrap:wrap;gap:16px}.footer-consumer img{width:220px;height:auto}

.desktop-nav>.resource-menu{align-self:center}.desktop-nav>.resource-menu>summary{font:inherit;line-height:inherit;padding:12px 0}

/* Urgent 5 nov: limbi vizibile, un singur rând în antet. */
.language-switch{display:flex;align-items:center;gap:8px;flex-shrink:0}.language-switch a{display:inline-flex;gap:4px;align-items:center;font-size:12px;white-space:nowrap;padding:4px 2px}.language-switch [aria-current]{font-weight:800;text-decoration:underline;text-underline-offset:5px}.language-mobile{display:none}.header{flex-wrap:nowrap}.header-actions{flex-shrink:0;gap:10px}.desktop-nav{gap:14px}.calculator-preview{display:flex;align-items:center;gap:30px}.calculator-preview img{width:260px;max-width:42%;height:auto}.footer-consumer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-consumer>a:has(img){width:250px;max-width:calc((100% - 12px)/2);flex-shrink:1}.footer-consumer img{width:100%;height:auto;aspect-ratio:5/1}.footer-consumer .anpc-link{width:100%}
@media(max-width:1280px){.language-mobile{display:flex}.header-actions{gap:8px}.header-actions .language-switch{gap:5px}}
@media(max-width:480px){.header-actions .language-switch svg{width:16px}.header-actions .language-switch a{font-size:11px;gap:2px}.header-actions{gap:5px}.header .logo{max-width:65px}.header-cta{display:none}.calculator-preview{flex-wrap:wrap}.calculator-preview img{max-width:100%}}

.footer-consumer .consumer-button{width:250px;height:50px;max-width:calc((100% - 12px)/2);display:flex;align-items:center;gap:10px;padding:6px 10px;background:#fff;color:#153c72;border:1px solid #153c72;font:11px/1.2 Arial,sans-serif}.consumer-button>span:first-child{font-weight:800;font-size:15px}.footer-consumer .note{width:100%}

/* Corecții 00b: navigare explicită și alegerea nuanței. */
footer>.language-switch{padding-block:16px;flex-wrap:wrap}.calculator-product{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.calculator-product select{max-width:100%}.calculator-product label{max-width:100%}
@media(max-width:480px){.header-actions .language-home{font-size:10px}.header-actions .language-switch{gap:3px}.header-actions .language-switch a{padding-inline:0}.header-actions .search-open{width:32px;min-width:32px}.header-actions .theme{width:40px;min-width:40px}.header-actions .theme-label{display:none}}

.language-navigation{display:flex;align-items:center;gap:6px;flex-shrink:0}.language-navigation.language-mobile{display:none}footer>.language-navigation{padding-block:16px;flex-wrap:wrap}.language-home{font-size:11px;white-space:nowrap}@media(max-width:1280px){.language-navigation.language-mobile{display:flex}}

/* Audit 5 nov: dimensiuni explicite, fără mascarea depășirilor. */
.cta-narrow{display:none}
.language-switch a,.language-home{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:480px){
 .header{padding:10px 12px;gap:8px;justify-content:space-between}
 .header .logo{flex:0 0 58px;width:58px;max-width:58px;min-height:44px;display:flex;align-items:center}
 .header .logo img{width:58px;height:auto;max-width:100%}
 .header-actions{flex:0 1 auto;min-width:0;max-width:none;gap:4px}
 .header-actions .language-navigation{gap:2px}
 .header-actions .language-switch{gap:0}
 .header-actions .language-switch a{min-width:44px;min-height:44px;font-size:10px;padding:0;gap:2px}
 .header-actions .language-home{width:52px;white-space:normal;text-align:center;line-height:1.1;font-size:10px}
 .header-actions .search-open{width:44px;min-width:44px;height:44px;flex:0 0 44px}
 .header .header-cta{display:inline-flex;padding:8px 6px;min-width:44px;min-height:44px;font-size:11px}
 .header-cta>.cta-compact{display:none}.header-cta>.cta-narrow{display:inline}
 .header-actions .menu-toggle{width:44px;min-width:44px;min-height:44px;padding:0;justify-content:center}
 .menu-toggle .menu-label{display:none}
}

/* Completări 00c: steag pe navigarea fără pereche, în spațiul existent. */
.language-home{gap:4px}.language-home svg{flex-shrink:0}
@media(max-width:480px){.header-actions .language-home{flex-direction:column;gap:2px}.header-actions .language-home svg{width:16px;height:14px}}
.legal-content h1{text-wrap:balance}

/* Aliniere RO cu EN (audit RO/EN 5 nov): aceleași reguli generice, fără cele de lățime a antetului EN. */
.section-gap{margin-block:56px 32px}.editorial-section+.editorial-section{margin-top:52px}.editorial-section p{margin-top:24px}.dimension-group h2{font-size:clamp(26px,3vw,40px);margin-block:32px 20px}.technical-table th,.technical-table td{padding:14px 10px;text-align:left;border-bottom:1px solid var(--line)}.technical-table table{border-collapse:collapse}.guide-body article{max-width:78ch}.specs th,.specs td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}.specs{width:100%;border-collapse:collapse}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:600px){.material-hero h1{font-size:36px}.specs th,.specs td{padding:12px 6px}.footer-top>a:last-child{font-size:21px}}
.catalogue-priority{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.catalogue-priority{grid-template-columns:1fr}}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.footer-top>a:last-child,.footer-bottom a,#cerere a{display:inline-flex;align-items:center;min-height:44px}
.header .menu-toggle{min-height:44px;min-width:44px}
.guide h1{margin-bottom:28px}.guide-body{max-width:850px}.guide-body h2,.guide-body h3,.guide-toc{margin:36px 0 22px}.guide-body table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%;margin:24px 0}.guide-body td,.guide-body th{padding:12px;border:1px solid var(--line)}.guide a{text-decoration:underline;text-underline-offset:4px}.guide-toc a{display:inline-flex;align-items:center;min-height:44px}.guide-body li{margin-bottom:12px}
.guide-body a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}

/* 360 px, la cauză (recepție 17): titlurile din ghiduri se pot rupe de urgență, celulele tabelelor nu mai impun 110 px. */
.guide h1,.guide h2,.guide h3{overflow-wrap:anywhere}.guide th,.guide td,.guide-body th,.guide-body td{min-width:0;overflow-wrap:anywhere}

/* Footer „foaie de desen” (5 nov 2026): doar layoutul footerului; paleta Ristone (teracotă #b4532a, antracit #23282c). Alb pe teracotă 4,99:1. */
footer.f5{padding:0;margin:0;max-width:none;border:0;background:#1b1f22;color:#ececea}
.f5 a,.f5 button{text-decoration:none}
.f5 a:focus-visible,.f5 button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.f5-sheet{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:#566067;border:2px solid #b4532a;margin:clamp(14px,2vw,28px)}
.f5 .f5-cell{background:#23282c;padding:clamp(18px,2vw,32px);min-width:0}
.f5 h3{margin:0 0 14px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#e9a07d;font-weight:700}
.f5 p{margin:0;color:inherit;font-size:inherit}
.f5-wordcell{grid-column:1/-1;padding-top:clamp(16px,2vw,28px);padding-bottom:clamp(6px,1.2vw,16px)}
.f5-dim{position:relative;height:30px;margin:0 0 clamp(6px,1vw,12px);display:grid;place-items:center;color:#e9a07d;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.f5-dim::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#b4532a}
.f5-dim::after{content:"";position:absolute;left:0;right:0;top:4px;bottom:4px;border-left:2px solid #b4532a;border-right:2px solid #b4532a}
.f5-dim span{position:relative;z-index:1;background:#23282c;padding:0 16px}
.f5 a.f5-word{display:block;color:#ececea;font-weight:800;font-size:clamp(66px,19.2vw,340px);line-height:.8;letter-spacing:-.055em;text-align:center;white-space:nowrap;padding:clamp(4px,1vw,12px) 0 clamp(10px,1.6vw,24px)}
.f5 a.f5-word:hover{color:#fff}
.f5-prod{grid-column:1/8;padding-bottom:clamp(8px,1vw,14px)}
.f5-prod ol{list-style:none;margin:0;padding:0;counter-reset:p}
.f5-prod li{counter-increment:p;border-top:1px solid #4a5258}
.f5-prod li:first-child{border-top:0}
.f5-prod a{display:grid;grid-template-columns:clamp(40px,4vw,64px) 1fr auto;align-items:center;gap:8px;min-height:clamp(52px,4.6vw,68px);padding:0 14px 0 0;color:#ececea;transition:background .2s,padding .2s}
.f5-prod a i::before{content:counter(p,decimal-leading-zero);font-style:normal;font-size:14px;font-weight:700;letter-spacing:.08em;color:#e9a07d}
.f5-prod a span{font-size:clamp(24px,2.7vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.f5-prod a b{font-size:clamp(22px,2vw,30px);color:#b4532a;transition:transform .2s,color .2s}
.f5-prod a:hover,.f5-prod a:focus-visible{background:#b4532a;padding-left:12px}
.f5-prod a:hover i::before,.f5-prod a:focus-visible i::before,.f5-prod a:hover b,.f5-prod a:focus-visible b{color:#fff}
.f5-prod a:hover b{transform:translateX(6px)}
.f5-rest{grid-column:8/-1;display:grid;gap:22px;align-content:start}
.f5-rest p{display:flex;flex-wrap:wrap;gap:0 18px}
.f5-rest a{display:inline-flex;align-items:center;min-height:40px;color:#ececea;font-size:clamp(17px,1.4vw,21px);font-weight:600}
.f5-rest a:hover{color:#fff;text-decoration:underline;text-decoration-color:#b4532a;text-decoration-thickness:3px;text-underline-offset:6px}
.f5-fab{grid-column:1/5;display:grid;gap:14px;align-content:start}
.f5-lead{font-size:clamp(19px,1.6vw,24px);font-weight:700;line-height:1.25;color:#fff}
.f5-fab p:last-child{font-size:14px;color:#c4c9cc;line-height:1.5}
.f5-tel{grid-column:5/9;display:grid;align-items:center}
.f5-tel a{color:#fff;font-size:clamp(28px,3vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1;border-bottom:3px solid #b4532a;justify-self:start;padding-bottom:6px;min-height:44px;display:inline-flex;align-items:center}
.f5 a.f5-cta{grid-column:9/-1;background:#b4532a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,2.4vw,36px);min-height:170px;line-height:1.05;font-weight:800;transition:background .2s}
.f5-cta span{font-size:clamp(24px,2.3vw,36px);letter-spacing:-.03em;line-height:1.05}
.f5-cta b{flex:none;font-size:clamp(34px,3.4vw,56px);line-height:1;transition:transform .25s}
.f5 a.f5-cta:hover{background:#9a4422}
.f5-cta:hover b{transform:translateX(8px)}
.f5-lang{grid-column:1/4;display:flex;align-items:center;padding-top:10px;padding-bottom:10px}
.f5-lang .language-navigation{margin:0;padding:0;border:0}
.f5-links{grid-column:4/-1;display:flex;flex-wrap:wrap;gap:0 24px;align-items:center;padding-top:10px;padding-bottom:10px}
.f5-links a,.f5-links button{color:#ececea;font-size:15px;min-height:44px;display:inline-flex;align-items:center;background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.f5-links a:hover,.f5-links button:hover,.f5-anpc:hover,.f5-bottom a:hover{text-decoration:underline;text-decoration-color:#b4532a;text-decoration-thickness:2px;text-underline-offset:5px}
.f5-consumer{grid-column:1/10;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.f5 a.f5-chip{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:7px 16px 7px 8px;background:#23282c;color:#ececea;border:1px solid #8a9298;font-size:13px;font-weight:600;line-height:1.2;max-width:100%}
.f5-chip>span:first-child{background:#b4532a;color:#fff;padding:4px 9px;font-weight:800;font-size:14px;letter-spacing:.04em;flex:none}
.f5-chip>span:last-child{white-space:nowrap}
.f5 a.f5-chip:hover{border-color:#fff;background:#2d3337}
.f5-anpc{color:#ececea;min-height:44px;display:inline-flex;align-items:center}
.f5 .f5-note{flex-basis:100%;font-size:12.5px;color:#c4c9cc;line-height:1.5}
.f5-iso{grid-column:10/-1;display:flex;justify-content:flex-end;align-items:center}
.f5-iso img{width:44px;height:auto}
.f5-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:13px;color:#c4c9cc;padding-top:14px;padding-bottom:14px}
.f5-bottom a{color:#ececea}
/* Butoanele flotante nu acoperă controalele cât footerul e pe ecran; consimțământul rămâne în „Cookie settings”. */
body.floats-off .whatsapp-float,body.floats-off .alk-cookie:not(.open) .ck-orb{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s,visibility 0s .2s}
@media (prefers-reduced-motion:reduce){.f5 *{transition:none!important}}
@media (max-width:900px){
 .f5-sheet{margin:12px}
 .f5-prod,.f5-rest,.f5-fab,.f5-tel,.f5 a.f5-cta,.f5-lang,.f5-links,.f5-consumer,.f5-iso{grid-column:1/-1}
 .f5-iso{justify-content:flex-start}
 .f5 a.f5-cta{min-height:110px}
 .f5-dim span{font-size:11px;padding:0 8px}
}
@media (max-width:600px){.f5 a.f5-chip{width:100%}.f5-chip>span:last-child{white-space:normal}}
/* Footer: limba curentă fără subliniere (se vede prin greutate și culoare). */
.f5 .f5-lang a,.f5 .f5-lang a[aria-current]{text-decoration:none;color:#ececea;font-weight:600}
.f5 .f5-lang a[aria-current]{color:#fff;font-weight:800}
.f5 .f5-lang a:hover{text-decoration:underline;text-decoration-color:#b4532a;text-decoration-thickness:2px;text-underline-offset:5px}
/* Footer: fără cuvânt singur pe ultimul rând în titluri și în celula de ofertă. */
.f5-prod a span,.f5-cta span,.f5-lead{text-wrap:balance}
.f5 .f5-note,.f5-fab p{text-wrap:balance}

/* ===== Piele „foaie de desen” pe tot site-ul (5 nov 2026): doar CSS, fără schimbări de conținut sau structură. =====
   Antetul = banda de titlu, <main> = foaia (cadru teracotă), footerul = cartuș. Text pe teracotă doar alb (4,99:1). */
html{--sheet-line:#b4532a;--sheet-ink:#e9a07d}
html[data-theme=zi]{--sheet-ink:#8f3f1f}
.header{border-bottom:2px solid var(--sheet-line)}
main{margin:0 clamp(14px,2vw,28px);border:2px solid var(--sheet-line);border-bottom:0}
.f5-sheet{margin-top:0}
.breadcrumbs{padding:14px 5%;border-bottom:1px solid var(--line)}
.breadcrumbs ol{margin:0}
/* Linie de cotă la începutul fiecărei secțiuni (decor, nu intră în flux) */
.section{position:relative}
.section:not(.final-cta):not(.calculator-cta):not(.reviews)::before{content:"";position:absolute;left:5%;right:5%;top:28px;height:12px;pointer-events:none;border-left:2px solid var(--sheet-line);border-right:2px solid var(--sheet-line);background:linear-gradient(var(--sheet-line),var(--sheet-line)) center/100% 2px no-repeat}
/* Celule: carduri și modele cu contur, hover teracotă */
.content-card{border:1px solid var(--line);border-top:3px solid var(--sheet-line);padding:clamp(20px,2.2vw,30px);background:var(--fond);transition:border-color .2s}
.content-card:hover{border-color:var(--sheet-line)}
.model{border:1px solid var(--line);transition:border-color .2s}
.model:hover{border-color:var(--sheet-line)}
.model .model-title,.model>p{padding-left:14px;padding-right:14px}
.model>p{padding-bottom:14px}
.p1-grid{border-top:2px solid var(--sheet-line);border-bottom:1px solid var(--line)}
a.product-line{transition:background .2s,color .2s;padding-left:24px;padding-right:24px;padding-bottom:24px}
a.product-line:hover,a.product-line:focus-visible{background:var(--sheet-line);color:#fff}
a.product-line:hover *,a.product-line:focus-visible *{color:#fff}
.product-line+.product-line{padding-left:24px}
/* Procesul: numerotare mare sub linie teracotă */
.steps article{border-top:3px solid var(--sheet-line);padding-top:20px}
.steps article>span:first-child{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--sheet-ink)}
/* FAQ: rândul deschis marcat cu bară teracotă */
.faq details[open]{border-left:3px solid var(--sheet-line);padding-left:18px;margin-left:-21px}
.faq details:last-child{border-bottom:1px solid var(--line)}
/* Tabele: celule cu linii, antet în majuscule */
.specs,.technical-table table{border:2px solid var(--sheet-line)}
.specs th,.specs td,.technical-table th,.technical-table td{border:1px solid var(--line)}
.specs thead th,.technical-table thead th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sheet-ink)}
/* Butoane și linkuri: fără subliniere, săgeată, hover cu linie teracotă */
.button{border-radius:0}
.text-link{text-decoration:none}
.text-link::after{content:" →";color:var(--sheet-ink)}
.text-link:hover,.text-link:focus-visible{text-decoration:underline;text-decoration-color:var(--sheet-line);text-decoration-thickness:2px;text-underline-offset:5px}
.content-card a{text-decoration:none}
.content-card a:hover{text-decoration:underline;text-decoration-color:var(--sheet-line);text-decoration-thickness:2px;text-underline-offset:5px}
@media (max-width:760px){
 .section:not(.final-cta):not(.calculator-cta):not(.reviews)::before{left:20px;right:20px;top:20px}
 .breadcrumbs{padding:12px 20px}
 .faq details[open]{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.content-card,.model,a.product-line{transition:none}}

/* ===== Header „foaie de desen” (5 nov 2026): același cadru ca <main> și footerul; doar CSS. ===== */
.header{margin:clamp(14px,2vw,28px) clamp(14px,2vw,28px) 0;border:2px solid var(--sheet-line);padding:0;gap:0;min-height:96px;align-items:stretch}
main{margin-top:0;border-top:0}
.header .logo{display:flex;align-items:center;padding:10px clamp(16px,2vw,32px);border-right:1px solid var(--line)}
.header-actions{align-items:stretch;gap:0}
.header-actions>*{align-self:stretch}
.header .language-navigation{display:flex;align-items:center;padding:0 16px;border-left:1px solid var(--line)}
.header .search-open,.header .theme{height:auto;border:0;border-left:1px solid var(--line);border-radius:0;min-width:64px}
.header .search-open:hover,.header .theme:hover{background:var(--sheet-line);color:#fff}
.header .button.small.header-cta{background:#b4532a;color:#fff;border:0;border-radius:0;min-height:0;padding:0 clamp(18px,2vw,32px);font-weight:800;border-left:1px solid var(--line)}
.header .button.small.header-cta:hover{background:#9a4422}
.header .menu-toggle{padding:0 18px;border-left:1px solid var(--line)}
.header .language-switch a[aria-current]{text-decoration:none;border-bottom:3px solid var(--sheet-line);padding-bottom:4px}
@media (min-width:1281px){
 .desktop-nav{align-self:stretch;align-items:stretch;gap:0;margin-left:0;flex:1;justify-content:flex-end}
 .desktop-nav>a,.desktop-nav .resource-menu{display:flex;align-items:stretch;border-left:1px solid var(--line)}
 .desktop-nav>a{align-items:center;padding:0 clamp(10px,1.1vw,20px);transition:background .2s,color .2s}
 .desktop-nav>a:hover,.desktop-nav>a:focus-visible,.desktop-nav .resource-menu:hover>summary,.desktop-nav .resource-menu[open]>summary{background:var(--sheet-line);color:#fff;text-decoration:none}
 .desktop-nav .resource-menu summary{display:flex;align-items:center;padding:0 clamp(10px,1.1vw,20px);min-height:0;transition:background .2s}
 .desktop-nav .resource-links{top:100%;right:-2px;border:2px solid var(--sheet-line);border-top:0;padding:8px}
 .desktop-nav .resource-links a:hover,.desktop-nav .resource-links a:focus-visible{background:var(--sheet-line);color:#fff}
}
@media (max-width:1280px){
 .header .logo{border-right:0}
 .header-actions{margin-left:auto}
 .header .language-navigation{border-left:0}
}
@media (max-width:600px){
 .header{min-height:76px;padding:0;margin:12px 12px 0}
 .header .logo{padding:8px 14px}
 .header .logo img{width:74px;height:48px}
 .header .language-navigation{padding:0 8px}
 .header .search-open{min-width:48px}
 .header .button.small.header-cta{padding:0 14px}
 .header .menu-toggle{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){.desktop-nav>a,.desktop-nav .resource-menu summary{transition:none}}
/* Header: încape în cadru, fără linie dublă, aliniat cu pagina pe mobil. */
.header{overflow:visible;box-sizing:border-box}
.header .logo{flex:none}
.header .language-navigation{padding:0 clamp(8px,.9vw,16px)}
.header .button.small.header-cta{flex:none;white-space:nowrap}
@media (min-width:1281px){
 .desktop-nav{min-width:0;flex:1 1 auto}
 .desktop-nav>a,.desktop-nav .resource-menu{padding-left:0;padding-right:0}
 .desktop-nav>a{padding:0 clamp(8px,.85vw,16px)}
 .desktop-nav .resource-menu{align-self:stretch}
 .desktop-nav .resource-menu summary{padding:0 clamp(8px,.85vw,16px);height:100%}
 .desktop-nav>a:first-child{border-left:0}
 .header .button.small.header-cta{padding:0 clamp(16px,1.6vw,26px)}
}
@media (max-width:600px){main{margin:0 12px}}
@media (max-width:359px){
 .header .logo{padding:8px 8px}
 .header .logo img{width:58px;height:38px}
 .header .language-navigation{padding:0 4px}
 .header .language-switch{gap:4px}
 .header .search-open{min-width:44px;width:44px}
 .header .button.small.header-cta{padding:0 8px}
 .header .menu-toggle{padding:0 8px}
 .header .menu-label{display:none}
}
@media (max-width:359px){h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}.measure-grid{gap:25px}}
.header .logo{box-sizing:content-box}
@media (max-width:600px){.header .logo{padding:8px 10px;flex:0 0 60px;width:60px;max-width:60px}.header .logo img{width:60px;height:auto}}
@media (max-width:359px){.header .logo{padding:8px 6px;flex:0 0 50px;width:50px;max-width:50px}.header .logo img{width:50px}}

/* ===== Galerie lucrări automată (5 nov 2026): cadru de foaie de desen, fotografia întreagă pe fundal estompat, fără cropping. ===== */
.gal{margin:35px 0 0;border:2px solid var(--sheet-line);background:var(--line);display:grid;gap:1px}
.gal>*{background:var(--fond);min-width:0}
.gal-dim{position:relative;height:34px;display:grid;place-items:center;color:var(--sheet-ink);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:0 18px}
.gal-dim::before{content:'';position:absolute;left:18px;right:18px;top:50%;height:2px;background:var(--sheet-line)}
.gal-dim::after{content:'';position:absolute;left:18px;right:18px;top:9px;bottom:9px;border-left:2px solid var(--sheet-line);border-right:2px solid var(--sheet-line)}
.gal-dim span{position:relative;z-index:1;background:var(--fond);padding:0 14px}
.gal-stage{position:relative;height:clamp(300px,46vw,600px);overflow:hidden;background:var(--fond);isolation:isolate}
.gal-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}
.gal-slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease}
.gal-img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.gal-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;position:relative}
.gal-nr{display:flex;align-items:baseline;gap:8px;padding:14px 22px 14px 20px;border-right:1px solid var(--line);white-space:nowrap}
.gal-nr b{font-size:34px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--text);min-width:2ch}
.gal-nr i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--sheet-ink)}
.gal-cap{display:flex;align-items:center;padding:14px 22px;font-size:16px;line-height:1.4;min-height:calc(2*1.4em + 28px);font-weight:500}
.gal-ctl{display:flex;border-left:1px solid var(--line)}
.gal-ctl button{display:grid;place-items:center;width:64px;min-height:64px;padding:0;background:transparent;color:var(--text);border:0;border-left:1px solid var(--line);cursor:pointer;transition:background .2s,color .2s}
.gal-ctl button:first-child{border-left:0}
.gal-ctl button:hover{background:var(--sheet-line);color:#fff}
.gal-ctl [data-play] .i-play{display:none}
.gal-ctl [data-play][aria-pressed=true] .i-play{display:block}
.gal-ctl [data-play][aria-pressed=true] .i-pause{display:none}
.gal-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent;overflow:hidden}
.gal-prog i{display:block;height:100%;background:var(--sheet-line);transform-origin:left;transform:scaleX(0)}
@keyframes galprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gal-thumbs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:var(--line);overflow:hidden}
.gal-thumbs li{min-width:0;background:var(--fond)}
.gal-thumbs button{position:relative;display:block;width:100%;aspect-ratio:1/1;padding:0;border:0;background:var(--fond);cursor:pointer;overflow:hidden}
.gal-thumbs img{display:block;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .25s}
.gal-thumbs b{position:absolute;left:0;top:0;background:rgba(20,23,26,.82);color:#e9a07d;font-size:11px;letter-spacing:.1em;padding:4px 8px}
.gal-thumbs button:hover img{opacity:.9}
.gal-thumbs button[aria-current=true] img{opacity:1}
.gal-thumbs button[aria-current=true]{box-shadow:inset 0 0 0 3px var(--sheet-line)}
.gal-thumbs button[aria-current=true] b{background:var(--sheet-line);color:#fff}
.gal button:focus-visible{outline:3px solid var(--sheet-ink);outline-offset:-3px}
.galerie-cta{display:flex;flex-wrap:wrap;gap:12px 32px;margin:32px 0 0}
@media (max-width:900px){.gal-thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:600px){
 .gal{margin-top:26px}
 .gal-stage{height:clamp(380px,118vw,560px)}
 .gal-bar{grid-template-columns:1fr auto;grid-template-areas:'cap cap' 'nr ctl'}
 .gal-nr{grid-area:nr;border-right:0;border-top:1px solid var(--line);padding:10px 16px}
 .gal-cap{grid-area:cap;min-height:calc(3*1.4em + 28px);font-size:14px}
 .gal-ctl{grid-area:ctl;border-top:1px solid var(--line)}
 .gal-ctl button{width:56px;min-height:56px}
 .gal-nr b{font-size:28px}
 .gal-dim span{padding:0 8px;font-size:11px;letter-spacing:.1em}
}
@media (prefers-reduced-motion:reduce){.gal-slide,.gal-slide.is-active{transition:none}.gal-thumbs img,.gal-ctl button{transition:none}}

/* ===== Recenzii Google: toate cele 23 de 5 stele (5 nov 2026). Cadru de foaie de desen, celule unite prin linii. ===== */
.rev{padding-top:70px}
.rev-head{display:grid;grid-template-columns:auto 1fr auto;gap:1px;background:var(--line);border:2px solid var(--sheet-line)}
.rev-head>*{background:var(--fond);min-width:0}
.rev-score{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:28px 40px}
.rev-score b{font-size:clamp(56px,6vw,88px);line-height:.9;font-weight:800;letter-spacing:-.05em}
.rev-score small{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.rev-star-row{display:inline-flex;color:var(--sheet-ink);line-height:0}
.rev-title{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:28px 36px}
.rev .rev-title h2{margin:0;font-size:clamp(30px,3.4vw,50px);line-height:1.04}
.rev .rev-title p{margin:0;max-width:62ch;color:var(--muted);font-size:16px;line-height:1.5}
.rev .rev-cta{align-self:stretch;display:flex;align-items:center;justify-content:center;border-radius:0;margin:0;min-width:200px;padding:0 32px}
.rev-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:2px solid var(--sheet-line);border-top:0}
.rev-card{display:flex;flex-direction:column;gap:14px;padding:26px 28px;background:var(--fond);margin:0}
.rev-card .rev-stars{width:96px;height:auto}
.rev .rev-card blockquote{margin:0;padding:0;border:0;flex:1}
.rev .rev-card blockquote p{margin:0;font-size:16px;line-height:1.55}
.rev-by{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline;margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:14px}
.rev-by b{font-weight:800}
.rev-by span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rev-more{display:none;width:100%;min-height:56px;margin:12px 0 0;background:transparent;color:var(--text);border:2px solid var(--sheet-line);font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:background .2s,color .2s}
.rev-more:hover{background:var(--sheet-line);color:#fff}
.rev .rev-note{margin:20px 0 0;font-size:13px;line-height:1.5;color:var(--muted);max-width:80ch}
@media (max-width:1024px){
 .rev-head{grid-template-columns:auto 1fr}
 .rev .rev-cta{grid-column:1/-1;min-height:56px}
 .rev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
 .rev{padding-top:56px}
 .rev-head{grid-template-columns:1fr}
 .rev-score{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:22px 20px}
 .rev-score small{flex-basis:100%}
 .rev-title{padding:22px 20px}
 .rev-grid{grid-template-columns:1fr}
 .rev-card{padding:22px 20px}
 .rev-js:not(.rev-open) .rev-extra{display:none}
 .rev-js .rev-more{display:block}
}
@media (prefers-reduced-motion:reduce){.rev-more{transition:none}}
.rev .rev-cta{background:#b4532a;color:#fff;border:0;font-weight:800;transition:background .2s}
.rev .rev-cta::after{content:" →";margin-left:10px}
.rev .rev-cta:hover{background:#9a4422}

/* Footer: linkurile care se subliniau la hover nu se mai subliniază; la hover, apăsare și focus trec din alb în teracotă. */
footer.f5 .f5-rest a,footer.f5 .f5-links a,footer.f5 .f5-links button,footer.f5 .f5-anpc,footer.f5 .f5-bottom a,footer.f5 .f5-lang a{transition:color .15s}
footer.f5 .f5-rest a:is(:hover,:active,:focus-visible),footer.f5 .f5-links a:is(:hover,:active,:focus-visible),footer.f5 .f5-links button:is(:hover,:active,:focus-visible),footer.f5 .f5-anpc:is(:hover,:active,:focus-visible),footer.f5 .f5-bottom a:is(:hover,:active,:focus-visible),footer.f5 .f5-lang a:is(:hover,:active,:focus-visible){color:#c8643a;text-decoration:none}
@media (prefers-reduced-motion:reduce){footer.f5 .f5-rest a,footer.f5 .f5-links a,footer.f5 .f5-links button,footer.f5 .f5-anpc,footer.f5 .f5-bottom a,footer.f5 .f5-lang a{transition:none}}

/* FAQ: același efect ca rândurile „Produse” din footer (numerotare, linii între rânduri, umplere teracotă la hover). */
.faq-list{counter-reset:q}
.faq details,.faq details[open]{counter-increment:q;padding:0;margin:0;border-left:0;border-top:1px solid var(--line);background:transparent}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:grid;grid-template-columns:clamp(40px,4vw,64px) minmax(0,1fr) auto;align-items:center;gap:8px;min-height:clamp(56px,4.8vw,72px);padding:12px 14px 12px 0;font-size:clamp(18px,1.7vw,26px);font-weight:700;letter-spacing:-.025em;line-height:1.2;cursor:pointer;list-style:none;transition:background .2s,padding .2s,color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:counter(q,decimal-leading-zero);font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--sheet-ink);transition:color .2s}
.faq summary>span{font-size:clamp(24px,2vw,32px);font-weight:400;line-height:1;color:var(--sheet-line);transition:color .2s,transform .2s}
.faq summary:is(:hover,:focus-visible){background:#b4532a;color:#fff;padding-left:12px}
.faq summary:is(:hover,:focus-visible)::before,.faq summary:is(:hover,:focus-visible)>span{color:#fff}
.faq summary:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.faq details[open] summary::before{color:var(--sheet-line)}
.faq details>p,.faq details>a{margin-left:calc(clamp(40px,4vw,64px) + 8px);padding-right:25px}
.faq details>p{margin-top:6px}
.faq details>a{display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px}
@media (max-width:600px){.faq summary{grid-template-columns:34px minmax(0,1fr) auto;font-size:18px;padding-right:10px}.faq details>p,.faq details>a{margin-left:42px;padding-right:12px}}
@media (prefers-reduced-motion:reduce){.faq summary,.faq summary::before,.faq summary>span{transition:none}}

/* Footer: telefonul în teracotă, fără linia de sub el; la hover/apăsare devine alb. */
footer.f5 .f5-tel a{color:#c8643a;border-bottom:0;padding-bottom:0;text-decoration:none;transition:color .15s}
footer.f5 .f5-tel a:is(:hover,:active,:focus-visible){color:#fff;text-decoration:none}
@media (prefers-reduced-motion:reduce){footer.f5 .f5-tel a{transition:none}}

/* Footer: cuvântul RISTONE în teracotă (afișaj mare, nu text de citit); hover mai deschis. */
footer.f5 a.f5-word{color:#b4532a;transition:color .2s}
footer.f5 a.f5-word:is(:hover,:active,:focus-visible){color:#c8643a}
@media (prefers-reduced-motion:reduce){footer.f5 a.f5-word{transition:none}}

/* Buton „Vezi catalogul complet” (bandă catalog): la hover/focus/apăsare se umple cu teracotă, text alb. */
.catalog-strip .button.outline{border-radius:0;transition:background .2s,border-color .2s,color .2s}
.catalog-strip .button.outline:is(:hover,:active,:focus-visible){background:#b4532a;border-color:#b4532a;color:#fff}
@media (prefers-reduced-motion:reduce){.catalog-strip .button.outline{transition:none}}

/* Linkuri de navigare: fără subliniere în repaus și la hover; la hover/apăsare/focus trec în teracotă (ca în footer).
   Rămân subliniate linkurile din textul articolelor și al paginilor legale (accesibilitate). */
.text-link{border-bottom:0;text-decoration:none;transition:color .15s}
.text-link::after{transition:color .15s}
.related a,.content-card a,.delivery-options a,.breadcrumbs a{text-decoration:none;border-bottom:0;transition:color .15s}
.text-link:is(:hover,:active,:focus-visible),.related a:is(:hover,:active,:focus-visible),.content-card a:is(:hover,:active,:focus-visible),.delivery-options a:is(:hover,:active,:focus-visible),.breadcrumbs a:is(:hover,:active,:focus-visible){color:var(--accent);text-decoration:none}
.text-link:is(:hover,:active,:focus-visible)::after{color:var(--accent)}
.sample-tile:hover strong{text-decoration:none;color:var(--accent)}
@media (prefers-reduced-motion:reduce){.text-link,.text-link::after,.related a,.content-card a,.delivery-options a,.breadcrumbs a{transition:none}}

/* Ghiduri: carduri ca la „Textura”: chenar cu linie fină, la hover/focus linia devine teracotă; tot cardul e clicabil. */
.guide-cards article{position:relative;border:1px solid var(--line);padding:24px;transition:border-color .2s}
.guide-cards article:is(:hover,:focus-within){border-color:var(--sheet-line)}
.guide-cards h3 a{color:inherit;text-decoration:none;transition:color .15s}
.guide-cards h3 a::after{content:"";position:absolute;inset:0}
.guide-cards article:is(:hover,:focus-within) h3 a{color:var(--accent)}
.guide-cards h3 a:focus-visible{outline:none}
.guide-cards article:focus-within{outline:3px solid var(--sheet-ink);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.guide-cards article,.guide-cards h3 a{transition:none}}
.guide-cards article h3{margin:0 0 14px}

/* Secțiunea „Vezi materialul pe casa și gardul tău”: imagine reală (generată, marcată ilustrativ) în loc de desenul SVG; cadru de foaie de desen. */
.calculator-preview{display:block}
.cp{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1px;background:var(--line);border:2px solid var(--sheet-line)}
.cp>*{background:var(--fond);min-width:0}
.cp-photo{position:relative;margin:0;overflow:hidden}
.calculator-preview .cp-photo img{display:block;width:100%;max-width:none;height:100%;min-height:320px;object-fit:cover}
.cp-photo figcaption{position:absolute;left:0;bottom:0;background:rgba(20,23,26,.82);color:#ececea;font-size:12px;letter-spacing:.04em;padding:7px 14px}
.cp-text{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:clamp(28px,4vw,56px)}
.cp-text h2{margin:0;font-size:clamp(30px,3.6vw,54px);line-height:1.04}
.cp-text p{margin:0}
@media (max-width:900px){.cp{grid-template-columns:1fr}.calculator-preview .cp-photo img{min-height:0;aspect-ratio:16/10}.cp-text{padding:26px 20px;gap:22px}}
.cp-photo figcaption{display:none}

/* Butoanele flotante (WhatsApp, cookie) stau în interiorul cadrului, nu peste liniile lui teracotă. */
html{--float-x:clamp(40px,4.4vw,64px);--float-y:clamp(24px,3vw,40px)}
.whatsapp-float{right:var(--float-x);bottom:var(--float-y)}
html body .alk-cookie .ck-orb{left:var(--float-x);right:auto;bottom:var(--float-y)}
@media (max-width:600px){html{--float-x:30px;--float-y:22px}}

/* Secțiunea galerie „Materialul, în lucrări reale.”: titlu și subtitlu centrate, unul sub altul; galeria și linkurile centrate. */
.material-proof .section-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
.material-proof .section-heading h2{margin:0;max-width:none}
.material-proof .section-heading>p{max-width:62ch;margin:0 auto}
.material-proof .gal{margin-left:auto;margin-right:auto}
.material-proof .galerie-cta{justify-content:center}
.material-proof>.galerie-cta{width:100%;max-width:none;margin:32px 0 0;font-size:inherit;justify-content:center}
.material-proof .galerie-cta .text-link{margin:0;width:auto}

/* Secțiunea „proof” (galeria): padding simetric, ca restul secțiunilor; regulile vechi .proof{padding-right:30%/5%} o împingeau spre dreapta pe ecrane late. */
.section.proof{padding-left:max(5%,calc((100vw - 1360px)/2));padding-right:max(5%,calc((100vw - 1360px)/2))}
@media (max-width:760px){.section.proof{padding-left:20px;padding-right:20px}}

/* Galerie: titlul și subtitlul aliniate la stânga, pe marginea galeriei. */
.material-proof .section-heading{align-items:flex-start;text-align:left}
.material-proof .section-heading>p{margin:0;max-width:62ch}

/* Linia de cotă de la începutul secțiunilor: aceeași lățime ca conținutul, inclusiv pe ecrane late. */
.section:not(.final-cta):not(.calculator-cta):not(.reviews)::before{left:max(5%,calc((100vw - 1360px)/2));right:max(5%,calc((100vw - 1360px)/2))}
@media (max-width:760px){.section:not(.final-cta):not(.calculator-cta):not(.reviews)::before{left:20px;right:20px}}

/* Meniul de navigare (breadcrumbs): aceeași margine stângă ca restul conținutului, inclusiv pe ecrane late. */
.breadcrumbs{padding-left:max(5%,calc((100vw - 1360px)/2));padding-right:max(5%,calc((100vw - 1360px)/2))}
@media (max-width:760px){.breadcrumbs{padding-left:20px;padding-right:20px}}

/* Butoane flotante rotunde: WhatsApp și apel direct (tel:), teracotă cu pictogramă albă (alb pe #b4532a = 4,99:1). */
.whatsapp-float,.phone-float{position:fixed;bottom:var(--float-y);z-index:900;width:56px;height:56px;min-height:0;padding:0;margin:0;display:grid;place-items:center;border-radius:50%;background:#b4532a;color:#fff;border:0;box-shadow:0 6px 18px rgba(0,0,0,.3);font-size:0;line-height:0;transition:background .2s,box-shadow .2s}
.whatsapp-float{right:var(--float-x)}
.phone-float{right:calc(var(--float-x) + 56px + 12px)}
.whatsapp-float:is(:hover,:active,:focus-visible),.phone-float:is(:hover,:active,:focus-visible){background:#9a4422}
.whatsapp-float:focus-visible,.phone-float:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #b4532a}
body.floats-off .phone-float{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s,visibility 0s .2s}
@media (max-width:600px){.whatsapp-float,.phone-float{width:52px;height:52px}.phone-float{right:calc(var(--float-x) + 52px + 10px)}}
@media (prefers-reduced-motion:reduce){.whatsapp-float,.phone-float{transition:none}}
.cookie-open .phone-float{visibility:hidden}

/* Logo din header: la încărcare se „desenează” de la stânga la dreapta; la hover/focus strălucește teracotă și se trage o linie sub el.
   Nu mută nimic din pagină (doar clip-path, filter și o linie în interiorul celulei). */
@keyframes logoIn{from{clip-path:inset(-30px 100% -30px -30px);opacity:.15}to{clip-path:inset(-30px -30px -30px -30px);opacity:1}}
@keyframes logoGlow{0%{filter:brightness(1) drop-shadow(0 0 0 rgba(200,100,58,0))}45%{filter:brightness(1.3) drop-shadow(0 0 14px rgba(200,100,58,.75))}100%{filter:brightness(1) drop-shadow(0 0 0 rgba(200,100,58,0))}}
.header .logo{position:relative}
.header .logo img{animation:logoIn .9s cubic-bezier(.2,.7,.2,1) .15s both}
.header .logo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#b4532a;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.header .logo:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.header .logo:is(:hover,:focus-visible) img{animation:logoIn .9s cubic-bezier(.2,.7,.2,1) .15s both,logoGlow 1s ease-in-out}
@media (prefers-reduced-motion:reduce){.header .logo img,.header .logo:is(:hover,:focus-visible) img{animation:none}.header .logo::after{transition:none}}

/* Banda „Texturi de aproape” sub hero: titlul benzii și marquee-ul încap împreună cu hero-ul într-un ecran (desktop); nota și linkul de dedesubt pot rămâne sub pliu.
   Bucla infinită rămâne exactă: fără gap/padding lateral pe pistă, spațiul dintre mostre e în interiorul grupului (gap = padding-right). */
@media (min-width:901px){
 html{--fold-strip-h:228px}
 .material-hero.hero{min-height:clamp(496px,calc(100svh - 134px - var(--fold-strip-h)),690px);padding-top:32px;padding-bottom:32px}
 .material-samples{padding:10px 0 4px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px}
 .material-samples>.samples-heading,.material-samples>.marquee-window{grid-column:1/-1}
 .material-samples .samples-heading{align-items:center;gap:20px;padding-left:5%;padding-right:5%}
 .material-samples .samples-heading h2{font-size:clamp(20px,1.7vw,26px);margin:0;line-height:1.1}
 .material-samples .samples-heading p{font-size:14px;margin:0}
 .material-samples .sample-controls button{min-height:36px;padding:2px 14px}
 .material-samples .sample-track.marquee-track{padding:8px 0 4px;gap:0}
 .material-samples .sample-group{gap:14px;padding-right:14px}
 .material-samples .sample-group .sample-tile{width:260px;flex:0 0 260px}
 .material-samples .sample-tile img{height:148px}
 .material-samples .sample-tile>span{padding-top:7px;font-size:14px}
 .material-samples>.text-link{grid-column:1/-1;grid-row:3;justify-self:end;align-self:center;min-height:36px;margin:0 5% 0 0;font-size:14px}
 .material-samples>.source-note{grid-column:1/-1;grid-row:3;justify-self:start;align-self:center;max-width:62%;margin:0;padding:0 0 2px 5%;font-size:12px;line-height:1.35}
}

/* Ecrane scurte (sub 880px înălțime): mostre mai joase, ca marquee-ul să încapă tot în primul ecran. */
@media (min-width:901px) and (max-height:880px){
 html{--fold-strip-h:186px}
 .material-samples .sample-tile img{height:104px}
 .material-samples .sample-tile>span{padding-top:5px;font-size:13px}
 .material-samples .sample-group .sample-tile{width:230px;flex:0 0 230px}
 .material-samples{padding-top:8px}
}

/* Butoanele flotante (apel, WhatsApp, cookie): lipite jos, sub linia benzii/secțiunii care cade de obicei deasupra marginii de jos a ecranului. */
html{--float-y:12px}
@media (max-width:600px){html{--float-y:14px}}

/* Butoanele apel/WhatsApp: cu 20% mai mici (56→45 px; mobil 52→42 px), pictograme proporționale. */
.whatsapp-float,.phone-float{width:45px;height:45px}
.phone-float{right:calc(var(--float-x) + 45px + 10px)}
.whatsapp-float svg{width:22px;height:22px}
.phone-float svg{width:21px;height:21px}
@media (max-width:600px){.whatsapp-float,.phone-float{width:42px;height:42px}.phone-float{right:calc(var(--float-x) + 42px + 8px)}.whatsapp-float svg{width:21px;height:21px}.phone-float svg{width:20px;height:20px}}

/* Marquee mostre: tras cu mouse-ul / degetul (JS), buclă infinită; animația CSS rămâne doar ca rezervă fără JS. */
.marquee-window.is-js{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.marquee-window.is-js.is-dragging{cursor:grabbing}
.marquee-window.is-js .marquee-track{animation:none;will-change:transform}
.marquee-window.is-js .sample-tile{cursor:inherit}
.marquee-window.is-js .sample-tile img{-webkit-user-drag:none;pointer-events:none}

/* Footer reorganizat: ISO în căsuța cu „Produse din beton…”; ©/credit în fosta căsuță ISO; steagurile sub grupurile de linkuri (aceeași căsuță).
   Rândul de jos: [text + ISO] [SAL/UE/ANPC] [linkuri legale] [©]. */
.f5-rest{display:grid;gap:22px;align-content:start}
.f5-rest nav{display:grid;gap:22px}
.f5-rest .f5-lang{grid-column:auto;display:block;padding:16px 0 0;margin:0;background:none;border-top:1px solid #4a5258}
.f5-fab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;align-content:stretch}
.f5-fab-text{display:grid;gap:14px;align-content:start}
.f5-fab img{width:48px;height:auto;display:block;align-self:end}
.f5-copy{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;font-size:13px;line-height:1.5;color:#c4c9cc}
.f5-copy a{color:#ececea}
.f5-links{flex-direction:column;align-items:flex-start;gap:2px}
@media (min-width:901px){
 .f5-tel{grid-column:1/8}
 footer.f5 a.f5-cta{grid-column:8/-1}
 .f5-fab{grid-column:1/4}
 .f5-consumer{grid-column:4/8}
 .f5-links{grid-column:8/10}
 .f5-copy{grid-column:10/-1}
}
@media (min-width:901px) and (max-width:1200px){
 .f5-fab{grid-column:1/7}
 .f5-consumer{grid-column:7/-1}
 .f5-links{grid-column:1/7}
 .f5-copy{grid-column:7/-1}
}
@media (max-width:900px){.f5-copy{grid-column:1/-1}.f5-fab{grid-template-columns:minmax(0,1fr) auto}}
.f5-fab{align-items:start}
.f5-fab img{align-self:end}
.f5-rest .f5-lang a{font-size:14px;font-weight:700;min-height:36px}
footer.f5 .f5-copy a{transition:color .15s;text-decoration:none}
footer.f5 .f5-copy a:is(:hover,:active,:focus-visible){color:#c8643a;text-decoration:none}

/* Footer, aranjament final desktop: rând 3 = [text + ISO] [telefon] [ofertă]; rând 4 = [SAL/UE/ANPC] [linkuri legale] [© + credit]. */
@media (min-width:901px){
 .f5-fab{grid-column:1/5}
 .f5-tel{grid-column:5/9}
 footer.f5 a.f5-cta{grid-column:9/-1}
 .f5-consumer{grid-column:1/7}
 .f5-links{grid-column:7/10}
 .f5-copy{grid-column:10/-1}
}
@media (min-width:901px) and (max-width:1200px){
 .f5-fab{grid-column:1/5}
 .f5-tel{grid-column:5/9}
 footer.f5 a.f5-cta{grid-column:9/-1}
 .f5-consumer{grid-column:1/7}
 .f5-links{grid-column:7/10}
 .f5-copy{grid-column:10/-1}
}

/* Footer, rândul de jos: casuța SAL/UE mai strânsă, linkurile legale pe un singur rând, nota pe un singur rând sub căsuțe, cu spațiu mic. */
.f5-noterow{grid-column:1/-1;margin:0;padding:9px clamp(18px,2vw,32px);font-size:12px;line-height:1.4;color:#c4c9cc}
.f5-consumer{padding-top:18px;padding-bottom:18px;gap:8px 12px}
@media (min-width:901px){
 .f5-consumer{grid-column:1/5}
 .f5-links{grid-column:5/10;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:center;gap:2px 28px}
 .f5-copy{grid-column:10/-1}
}
@media (min-width:1280px){.f5-noterow{white-space:nowrap}}
@media (max-width:900px){.f5-links{flex-direction:row;flex-wrap:wrap;gap:0 22px}}
.f5 p.f5-noterow{max-width:none;width:auto}
.f5 p.f5-noterow{font-size:12px;line-height:1.4;color:#c4c9cc;padding:8px clamp(18px,2vw,32px)}

/* Footer, rândul de jos (decizie finală): SAL + UE (+ ANPC) pe UN rând, în căsuță strânsă; linkurile legale pe un rând; © în fosta căsuță ISO; nota sub căsuțe, pe un rând. */
.f5-consumer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;padding:16px 20px}
.f5 .f5-consumer a.f5-chip{flex:0 1 auto;font-size:12px;gap:8px;padding:6px 12px 6px 6px;min-height:44px}
.f5 .f5-chip>span:first-child{font-size:12px;padding:3px 8px}
.f5 .f5-chip>span:last-child{white-space:normal}
.f5-consumer .f5-anpc{flex:none;font-size:13px;min-height:44px}
.f5-links{padding:16px 20px;gap:2px 18px}
.f5-links a,.f5-links button{font-size:13px}
@media (min-width:901px){
 .f5-consumer{grid-column:1/7}
 .f5-links{grid-column:7/11;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:center}
 .f5-copy{grid-column:11/-1}
}
@media (min-width:901px) and (max-width:1200px){
 .f5-consumer{grid-column:1/8;flex-wrap:wrap}
 .f5-links{grid-column:8/-1}
 .f5-copy{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:4px 24px}
}
@media (max-width:900px){.f5-consumer{flex-wrap:wrap}}

/* Nota din căsuța SAL/UE: în aceeași căsuță, sub butoane, separată de ele printr-o linie; un singur rând unde încape. */
.f5-consumer{flex-wrap:wrap;align-content:center;row-gap:0}
.f5 .f5-consumer .f5-note{flex:0 0 100%;order:9;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #4a5258;font-size:12px;line-height:1.4;color:#c4c9cc;text-wrap:wrap;max-width:none}
.f5-noterow{display:none}

/* Rândul de jos al footerului: cele trei căsuțe aliniate sus, același padding, centrele rândurilor pe aceeași linie; linkurile legale distribuite pe lățimea căsuței. */
.f5-consumer,.f5-links,.f5-copy{padding-top:22px;padding-bottom:22px;align-content:flex-start;align-items:flex-start}
.f5-consumer{align-items:center}
.f5 .f5-consumer .f5-note{margin-top:14px;padding-top:12px}
.f5-links{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;gap:0 20px}
.f5-links a,.f5-links button{min-height:44px;display:inline-flex;align-items:center}
.f5-copy{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;min-height:0;padding-top:22px}
.f5-copy span{display:block;line-height:20px}
.f5-copy span:first-child{margin-top:2px}

/* ANPC: buton ca SAL și UE (aceeași căsuță cu chenar și insignă teracotă). */
.f5 .f5-consumer a.f5-chip.f5-anpc{padding:6px;min-height:44px}
.f5 .f5-chip.f5-anpc>span{font-size:12px;padding:3px 10px}
.f5 .f5-consumer a.f5-chip.f5-anpc{padding:6px 18px 6px 12px;min-width:112px;justify-content:center}
.f5 .f5-chip.f5-anpc>span{padding:3px 14px}

/* Secțiunea Produse + Proiect/Documentație/Zone: cu ~15% mai joasă (rânduri, spații). */
.f5 .f5-prod a{min-height:clamp(44px,3.9vw,58px)}
.f5-prod,.f5-rest{padding-top:clamp(15px,1.7vw,27px);padding-bottom:clamp(8px,.9vw,12px)}
.f5-prod h3,.f5-rest h3{margin-bottom:10px}
.f5-rest,.f5-rest nav{gap:18px}
.f5 .f5-prod a{min-height:clamp(44px,3.8vw,56px)}
.f5 .f5-rest a{min-height:36px}
.f5-rest p{gap:0 16px}
.f5-rest .f5-lang{padding-top:12px}
@media (max-width:1280px){.f5-rest,.f5-rest nav{gap:12px}.f5-prod,.f5-rest{padding-top:14px}}

/* Căsuța cu „Produse din beton…”: textul și emblema ISO centrate vertical pe mijlocul căsuței. */
.f5-fab{align-items:center;align-content:center}
.f5-fab-text{align-self:center;align-content:center}
.f5-fab img{align-self:center;width:52px}

/* Iconițe sociale lângă telefonul din footer (Facebook, Instagram, TikTok): pătrate cu chenar, la hover se umplu teracotă. */
.f5-tel{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.f5-social{display:flex;gap:8px;align-items:center}
.f5-social a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8a9298;color:#ececea;background:transparent;transition:background .2s,border-color .2s,color .2s}
.f5-social a:is(:hover,:active,:focus-visible){background:#b4532a;border-color:#b4532a;color:#fff}
.f5-social a:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.f5-social a{transition:none}}
footer.f5 .f5-tel .f5-social a{display:grid;place-items:center;width:42px;height:42px;min-height:0;padding:0;font-size:inherit;line-height:0;border:1px solid #8a9298;color:#ececea;background:transparent;justify-self:auto}
footer.f5 .f5-tel .f5-social a:is(:hover,:active,:focus-visible){background:#b4532a;border-color:#b4532a;color:#fff}
@media (min-width:901px) and (max-width:1600px){.f5-tel>a{font-size:clamp(26px,2.45vw,40px)}.f5-tel{gap:12px 18px}}

/* Datele firmei sub linkurile legale, separate printr-o linie (aceeași înălțime cu linia și nota din căsuța SAL/UE). */
.f5 .f5-links .f5-legalid{flex:0 0 100%;max-width:none;margin:14px 0 0;padding-top:12px;border-top:1px solid #4a5258;font-size:12px;line-height:1.4;color:#c4c9cc}

/* Iconițe sociale fără chenar: doar pictograma, la hover/focus/apăsare devine teracotă. */
footer.f5 .f5-tel .f5-social{gap:4px}
footer.f5 .f5-tel .f5-social a{border:0;background:transparent;width:44px;height:44px;color:#ececea;transition:color .15s}
footer.f5 .f5-tel .f5-social a svg{width:24px;height:24px}
footer.f5 .f5-tel .f5-social a:is(:hover,:active,:focus-visible){background:transparent;border:0;color:#c8643a}
@media (min-width:901px) and (max-width:1800px){
 .f5-tel>a{font-size:clamp(26px,2.3vw,40px)}
 .f5-tel{gap:10px 14px}
 footer.f5 .f5-tel .f5-social{gap:0}
 footer.f5 .f5-tel .f5-social a{width:38px;height:44px}
 footer.f5 .f5-tel .f5-social a svg{width:22px;height:22px}
}

/* Datele firmei: fără „/”, fiecare element separat prin spațiu larg. */
.f5 .f5-links .f5-legalid{display:flex;flex-wrap:wrap;gap:6px 30px}
.f5-legalid span{white-space:nowrap}
.f5 .f5-links .f5-legalid{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px}
.f5-lid{display:flex;flex-wrap:wrap;gap:4px 32px}

/* Datele firmei: un singur rând, pe toată lățimea linkurilor legale (de la „Confidențialitate” la „Setări cookie”), spațiate uniform. */
.f5 .f5-links .f5-legalid{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;font-size:11px}
.f5-lid{display:contents}
.f5-legalid span{white-space:nowrap}

/* Căsuța ©: linie între cele două rânduri, la același nivel cu liniile din căsuțele vecine; primul rând centrat pe rândul de butoane. */
.f5-copy{gap:0;justify-content:flex-start}
.f5-copy span:first-child{margin:0;min-height:44px;display:flex;align-items:center;line-height:20px}
.f5-copy span:last-child{display:block;margin:14px 0 0;padding-top:12px;border-top:1px solid #4a5258;font-size:12px;line-height:1.4}

/* Secțiuni de text (ghiduri, pagini legale, note de măsurare): max-width-ul se aplică conținutului, nu secțiunii cu tot cu padding lateral.
   Pe ecran lat, padding-ul (până la 340px/lateral) lăsa textului doar 154–404px. */
.section.guide-body,.section.guide,.section.legal-content{max-width:none}
.section.guide-body>*{max-width:76ch}
.section.guide>*{max-width:min(1100px,100%)}
.section.legal-content>*{max-width:76ch}

/* Meniul de navigare (breadcrumbs): toate elementele și separatorul pe aceeași linie. */
.breadcrumbs ol{align-items:center}
.breadcrumbs li{display:flex;align-items:center;min-height:44px;line-height:1.2}
.breadcrumbs li+li::before{display:inline-block;line-height:1;margin-right:12px}

/* Notele informative din secțiunile guide-body: două căsuțe încadrate una lângă alta (ca cardurile de conținut), nu una sub alta. */
.section.guide-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
.section.guide-body>.editorial-section{max-width:none;margin:0;padding:clamp(22px,2.6vw,40px);border:1px solid var(--line);border-top:3px solid var(--sheet-line);background:var(--fond)}
.section.guide-body>.editorial-section:last-child:nth-child(odd){grid-column:1/-1}
.guide-body .editorial-section h2{margin:0 0 16px;font-size:clamp(24px,2.2vw,34px);line-height:1.1}
.guide-body .editorial-section p{margin:0;max-width:62ch;font-size:clamp(16px,1.15vw,18px);line-height:1.6}
@media (max-width:900px){.section.guide-body{grid-template-columns:1fr}}

/* Meniul de navigare pe mobil: se vede doar elementul dinaintea paginii curente (regula mea de aliniere îl făcea să le arate pe toate). */
@media (max-width:760px){
 .breadcrumbs li{display:none}
 .breadcrumbs li:nth-last-child(2){display:flex}
}

/* Liniile de cotă (începutul secțiunilor, galerie, footer) se strâng spre centru la derulare, în sus și în jos:
   pline când sunt în mijlocul ecranului, strânse când intră sau ies. CSS pur (scroll-driven); fără animație cu „mișcare redusă” sau în browsere fără suport. */
.section{--cl:max(5%,calc((100vw - 1360px)/2))}
@media (max-width:760px){.section{--cl:20px}}
@keyframes cota-sectiune{0%,100%{left:46%;right:46%}32%,68%{left:var(--cl);right:var(--cl)}}
@keyframes cota-eticheta{0%,100%{left:34%;right:34%}32%,68%{left:var(--cd,0px);right:var(--cd,0px)}}
@supports (animation-timeline:view()){
 @media (prefers-reduced-motion:no-preference){
  .section:not(.final-cta):not(.calculator-cta):not(.reviews)::before{animation:cota-sectiune linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  .f5-dim,.gal-dim{--cd:0px}
  .gal-dim{--cd:18px}
  .f5-dim::before,.f5-dim::after,.gal-dim::before,.gal-dim::after{animation:cota-eticheta linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
 }
}

/* Butonul de temă: doar iconița (soare/lună), fără text. */
.header .theme{width:64px;min-width:64px;padding:0}
.header .theme>span:first-child{font-size:24px;line-height:1}
.mobile-nav .theme{width:64px}

/* Limbile din header: fără linie/subliniere; limba curentă mai groasă; hover/apăsare/focus pe text în teracotă. */
.header .language-switch a,.header .language-switch a[aria-current]{text-decoration:none;border-bottom:0;padding-bottom:0;transition:color .15s}
.header .language-switch a[aria-current]{font-weight:800}
.header .language-switch a:is(:hover,:active,:focus-visible){color:var(--accent);text-decoration:none}
@media (prefers-reduced-motion:reduce){.header .language-switch a{transition:none}}

/* Secțiunea „despre” de pe pagina principală: cine suntem și ce facem (H2 + paragraf), deasupra secțiunii cu măsurători. */
.about-home{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start}
.about-home h2{margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.06;max-width:16ch}
.about-copy{display:flex;flex-direction:column;gap:22px}
.about-copy p{margin:0;max-width:64ch;font-size:clamp(17px,1.25vw,20px);line-height:1.65}
.about-copy .text-link{align-self:flex-start}
@media (max-width:900px){.about-home{grid-template-columns:1fr;gap:20px}.about-home h2{max-width:none}}

/* Secțiunea „despre”: două căsuțe lipite într-un cadru teracotă (ca blocul cu recenziile), textul centrat vertical în fiecare. */
.about-home{display:block}
.about-sheet{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1px;background:var(--line);border:2px solid var(--sheet-line)}
.about-sheet>*{background:var(--fond);padding:clamp(28px,3.6vw,60px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.about-home h2{max-width:none;font-size:clamp(28px,3vw,46px);line-height:1.08}
.about-copy{gap:24px}
.about-copy p{max-width:none}
@media (max-width:900px){.about-sheet{grid-template-columns:1fr}.about-sheet>*{padding:26px 20px}}

/* Secțiunea „Beton cu aspect de lemn”: fundal antracit în jurul plăcii (imaginea are fundalul antracit, fără alb). */
.garden-image{background:#23282c}
.garden-image img{object-fit:cover}

/* despre: titlu deasupra, text dedesubt */
.about-sheet{grid-template-columns:1fr}.about-sheet>.about-title{padding-bottom:clamp(20px,2.4vw,36px)}.about-sheet>.about-copy{padding-top:clamp(24px,2.8vw,40px);border-top:1px solid var(--line)}.about-home h2{max-width:none}.about-copy p{max-width:90ch}

/* Mobil: delta 34, 6 nov; flotantele rămân disponibile. */
@media (max-width:600px){
 /* 52 px + marginea flotantelor + 12 px liberi, inclusiv sub linkul secundar. */
 html body .material-hero.hero .hero-copy{padding-bottom:max(78px,calc(52px + var(--float-y) + 12px + env(safe-area-inset-bottom)))}
 html body .final-cta{padding-bottom:max(73px,env(safe-area-inset-bottom))}
}
@media (max-width:1280px){
 /* Panou pe întreg viewportul; comenzile headerului rămân accesibile deasupra. */
 .mobile-nav:not([hidden]){position:fixed;inset:0;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;padding-top:calc(100px + clamp(14px,2vw,28px));overflow:auto;background:var(--fond);z-index:0}
 .header:has(.menu-toggle[aria-expanded="true"])>.logo,
 .header:has(.menu-toggle[aria-expanded="true"])>.header-actions{position:relative;z-index:1}
 html body:has(.menu-toggle[aria-expanded="true"]) .phone-float,
 html body:has(.menu-toggle[aria-expanded="true"]) .whatsapp-float,
 html body:has(.menu-toggle[aria-expanded="true"]) .alk-cookie .ck-orb{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
}
@media (max-width:600px){.mobile-nav:not([hidden]){padding-top:88px}
 /* Delta 35/36: flotante ascunse sub 80px la fiecare revenire sus pe mobil. */
 html body .phone-float,html body .whatsapp-float,html body .alk-cookie:not(.open) .ck-orb{transition:opacity .2s,visibility 0s}
 html body.floats-top .phone-float,html body.floats-top .whatsapp-float,html body.floats-top .alk-cookie:not(.open) .ck-orb{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}
 @media (prefers-reduced-motion:reduce){html body .phone-float,html body .whatsapp-float,html body .alk-cookie:not(.open) .ck-orb{transition:none!important}}
}