:root{--ink:#111827;--muted:#5f6773;--line:#dfe3e8;--paper:#fff;--surface:#f3f4f5;--accent:#7b6046;--max:1240px;--radius:22px;--shadow:0 24px 60px rgba(17,24,39,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:15px 0;transition:.35s}.site-header.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);padding:9px 0}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{position:relative;display:block;width:330px;height:50px;flex:0 0 auto}.brand-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center;transition:opacity .25s ease}.brand-logo-light{opacity:0}.site-header:not(.scrolled) .brand-logo-dark{opacity:0}.site-header:not(.scrolled) .brand-logo-light{opacity:1}.home-hero~*{}.site-header:not(.scrolled) .main-nav>a:not(.nav-cta){color:#fff}.main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.main-nav a{position:relative}.main-nav a.active:after,.main-nav>a:not(.nav-cta):hover:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:currentColor}.nav-cta{background:var(--ink);color:#fff;padding:11px 18px;border-radius:999px}.site-header:not(.scrolled) .nav-cta{background:#fff;color:var(--ink)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:26px;height:2px;background:currentColor;margin:5px}.hero{min-height:100svh;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.hero-media,.page-hero-media{position:absolute;inset:0}.hero-media img,.page-hero-media img{width:100%;height:100%;object-fit:cover}.hero-media img{animation:kenburns 16s ease-out both}@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.09)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,20,.82) 0%,rgba(8,13,20,.45) 54%,rgba(8,13,20,.15)),linear-gradient(0deg,rgba(8,13,20,.55),transparent 45%)}.hero-content{position:relative;z-index:2;padding-bottom:130px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;margin-bottom:18px;color:#6b7280}.eyebrow.light{color:rgba(255,255,255,.72)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,7vw,92px);line-height:1.02;letter-spacing:-.055em;margin-bottom:26px;max-width:980px}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(34px,4.7vw,66px);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}h3{line-height:1.25}.hero p{font-size:18px;max-width:600px;color:rgba(255,255,255,.82)}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-light{background:#fff;color:var(--ink)}.btn-dark{background:var(--ink);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.46);color:#fff}.hero-proof{position:absolute;z-index:2;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.25);display:flex;justify-content:center;gap:9vw;padding:22px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.section{padding:112px 0}.surface{background:var(--surface)}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:start}.intro-grid p{font-size:18px;color:var(--muted)}.text-link{font-weight:800;display:inline-flex;gap:12px;align-items:center}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(5px)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.section-head h2{max-width:790px;margin-bottom:0}.section-head>p{max-width:450px;color:var(--muted)}.product-showcase{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:repeat(2,330px);gap:20px}.showcase-card{position:relative;overflow:hidden;border-radius:var(--radius);color:#fff}.showcase-card.large{grid-row:1/3}.showcase-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,15,22,.78),transparent 65%)}.showcase-card>div{position:absolute;z-index:2;left:28px;right:28px;bottom:24px}.showcase-card h3{font-size:28px;margin:5px 0}.showcase-card p{color:rgba(255,255,255,.78)}.showcase-card:hover img{transform:scale(1.055)}.visual-break{height:760px;position:relative;display:flex;align-items:end;overflow:hidden}.visual-break>img{position:absolute;width:100%;height:100%;object-fit:cover}.visual-break:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,20,.76),transparent 70%)}.visual-break .container{z-index:2}.visual-card{max-width:720px;color:#fff;padding:70px 0}.visual-card h2{font-size:clamp(40px,5vw,68px)}.step-grid,.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step,.values-grid article{background:#fff;padding:38px;min-height:270px}.step b,.values-grid span{font-size:12px;letter-spacing:.15em;color:#8a929c}.step h3,.values-grid h3{font-size:22px;margin-top:55px}.step p,.values-grid p{color:var(--muted)}.preview-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px;height:550px}.preview-grid a{overflow:hidden;border-radius:var(--radius)}.preview-grid img{width:100%;height:100%;object-fit:cover;transition:.6s}.preview-grid a:hover img{transform:scale(1.04)}.cta-box{background:var(--ink);color:#fff;border-radius:30px;padding:70px;display:flex;align-items:end;justify-content:space-between;gap:40px}.cta-box h2{max-width:760px}.cta-box p{color:rgba(255,255,255,.68)}.cta-box>div:last-child{display:flex;gap:12px;flex-wrap:wrap}.page-hero{height:76svh;min-height:610px;position:relative;color:#fff;display:flex;align-items:end}.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,20,.82),rgba(8,13,20,.18))}.page-hero .container{z-index:2;padding-bottom:85px}.page-hero h1{font-size:clamp(48px,6vw,82px)}.page-hero p{font-size:18px}.simple-hero{padding:190px 0 90px;background:var(--surface)}.simple-hero h1{font-size:clamp(48px,6vw,82px)}.simple-hero p{font-size:18px;max-width:700px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{border:1px solid var(--line);border-radius:18px;padding:30px;min-height:300px;display:flex;flex-direction:column;transition:.25s}.catalog-card>span{font-size:12px;letter-spacing:.15em;color:#9aa1aa}.catalog-card h3{font-size:23px;margin:44px 0 12px}.catalog-card p{color:var(--muted)}.catalog-card a{font-weight:800;margin-top:auto}.catalog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.split.reverse>div:first-child{order:2}.split img{width:100%;height:600px;object-fit:cover;border-radius:var(--radius)}.split p{color:var(--muted);font-size:18px}.masonry{columns:3 330px;column-gap:18px}.gallery-item{width:100%;display:block;position:relative;border:0;padding:0;margin:0 0 18px;break-inside:avoid;border-radius:16px;overflow:hidden;background:#ddd;cursor:zoom-in}.gallery-item img{width:100%;transition:.6s}.gallery-item span{position:absolute;inset:auto 15px 15px auto;background:rgba(255,255,255,.92);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;opacity:0;transform:translateY(5px);transition:.25s}.gallery-item:hover img{transform:scale(1.03)}.gallery-item:hover span{opacity:1;transform:none}.lightbox{position:fixed;inset:0;background:rgba(7,10,15,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;top:20px;right:25px;border:0;background:none;color:#fff;font-size:46px;cursor:pointer}.values-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.contact-info h2{font-size:52px}.contact-lines{display:grid;gap:0;border-top:1px solid var(--line)}.contact-lines>a,.contact-lines>div{padding:20px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.contact-lines small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.contact-lines strong{font-size:19px}.contact-lines span{color:var(--muted)}.contact-form{background:var(--surface);border-radius:var(--radius);padding:42px}.contact-form label{display:grid;gap:7px;font-size:13px;font-weight:800;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d5dae0;background:#fff;border-radius:10px;padding:14px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(17,24,39,.08)}.form-note,.form-status{font-size:12px;color:var(--muted);margin:14px 0 0}.map-section iframe{display:block;width:100%;height:520px;border:0;filter:grayscale(.65)}.site-footer{background:#0b1018;color:#fff;padding:78px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr .7fr 1fr;gap:70px}.footer-logo{width:285px;height:auto;margin-bottom:18px}.footer-grid p{color:rgba(255,255,255,.55);max-width:440px}.footer-grid h3{font-size:14px;text-transform:uppercase;letter-spacing:.14em}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid a,.footer-grid span{color:rgba(255,255,255,.68);margin:5px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font-size:12px}.floating-call{position:fixed;z-index:40;right:20px;bottom:20px;background:var(--ink);color:#fff;border-radius:999px;padding:12px 18px;display:flex;gap:9px;align-items:center;box-shadow:0 12px 35px rgba(0,0,0,.25)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s}.reveal.in-view{opacity:1;transform:none}@media(max-width:900px){.container{width:min(100% - 30px,var(--max))}.site-header{background:rgba(255,255,255,.96);padding:8px 0}.site-header .brand{width:285px;height:44px}.site-header .brand-logo-dark{opacity:1}.site-header .brand-logo-light{opacity:0}.menu-toggle{display:block}.main-nav{position:fixed;left:15px;right:15px;top:76px;background:#fff;color:var(--ink);border-radius:16px;padding:22px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.site-header:not(.scrolled) .main-nav>a:not(.nav-cta){color:var(--ink)}.nav-cta{text-align:center}.section{padding:78px 0}.hero-content{padding-bottom:120px}.hero-proof{justify-content:flex-start;overflow:auto;gap:35px}.intro-grid,.split,.contact-grid{grid-template-columns:1fr;gap:45px}.product-showcase{grid-template-columns:1fr;grid-template-rows:460px 300px 300px}.showcase-card.large{grid-row:auto}.step-grid{grid-template-columns:1fr 1fr}.preview-grid{grid-template-columns:1fr 1fr;height:auto}.preview-grid a{height:330px}.preview-grid a:first-child{grid-column:1/3;height:470px}.cta-box{padding:42px;flex-direction:column;align-items:flex-start}.catalog-grid{grid-template-columns:1fr 1fr}.split.reverse>div:first-child{order:0}.split img{height:480px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}}@media(max-width:600px){h1{font-size:45px}.hero{min-height:820px}.hero-content{padding-bottom:135px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{font-size:10px}.section-head{display:block}.section-head .text-link{margin-top:20px}.product-showcase{grid-template-rows:400px 260px 260px}.step-grid,.values-grid,.catalog-grid{grid-template-columns:1fr}.step{min-height:auto}.step h3{margin-top:25px}.preview-grid{display:block}.preview-grid a,.preview-grid a:first-child{display:block;height:310px;margin-bottom:14px}.visual-break{height:650px}.page-hero{min-height:680px}.simple-hero{padding-top:140px}.cta-box{padding:32px 24px}.cta-box h2{font-size:38px}.form-row{grid-template-columns:1fr}.contact-form{padding:25px 20px}.split img{height:380px}.footer-grid,.footer-grid>div:first-child{grid-template-columns:1fr;grid-column:auto}.footer-bottom{display:block}.floating-call b{display:none}.masonry{columns:1}.contact-title h1{font-size:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* V2: catalog vizual și pagină Despre noi editorială */
.product-catalog-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card-v2{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-height:100%;transition:transform .28s ease,box-shadow .28s ease}.product-card-v2:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-card-featured{grid-column:span 2;display:grid;grid-template-columns:1.08fr .92fr}.product-card-media{height:250px;overflow:hidden;background:#d9dde1}.product-card-featured .product-card-media{height:100%;min-height:480px}.product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.product-card-v2:hover .product-card-media img{transform:scale(1.045)}.product-card-body{padding:28px;display:flex;flex-direction:column;flex:1}.product-index{font-size:11px;letter-spacing:.16em;color:#8f98a3}.product-card-body h3{font-size:25px;margin:22px 0 12px}.product-card-body p{color:var(--muted);margin-bottom:28px}.product-card-body>a{font-weight:800;margin-top:auto;display:inline-flex;gap:10px;align-items:center}.product-card-body>a span{transition:transform .2s}.product-card-body>a:hover span{transform:translateX(5px)}.product-dimensions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px}.product-dimensions span{display:inline-flex;padding:8px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:750;color:#4a535d}.texture-palette{position:relative;overflow:hidden}.texture-palette:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(17,24,39,.055),transparent 35%),linear-gradient(135deg,transparent 0 48%,rgba(17,24,39,.025) 48% 52%,transparent 52%);pointer-events:none}.palette-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center;position:relative}.palette-main{margin:0}.palette-main img{width:100%;height:620px;object-fit:cover;border-radius:22px}.palette-main figcaption,.editorial-media figcaption{margin-top:12px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.palette-notes{display:grid;gap:0}.palette-notes>div{padding:22px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}.palette-notes b{font-size:18px}.palette-notes span{color:var(--muted)}.palette-notes .btn{margin-top:28px;justify-self:start}.about-hero-media img{filter:brightness(1.18) contrast(1.04) saturate(.86)}.about-production{overflow:hidden}.editorial-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.editorial-media{margin:0;position:relative}.editorial-media:before{content:"";position:absolute;left:-28px;top:-28px;width:130px;height:130px;border-left:1px solid #aeb5bd;border-top:1px solid #aeb5bd;pointer-events:none}.editorial-media img{width:100%;height:650px;object-fit:cover;border-radius:22px;filter:brightness(1.2) contrast(1.04) saturate(.82)}.editorial-copy p,.result-copy p{font-size:18px;color:var(--muted)}.editorial-points{margin-top:34px;border-top:1px solid var(--line)}.editorial-points>div{padding:20px 0;border-bottom:1px solid var(--line);display:grid;gap:5px}.editorial-points span{color:var(--muted)}.result-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.result-copy .btn{margin-top:18px}.result-collage{display:grid;grid-template-columns:1fr .46fr;gap:16px;align-items:end}.result-collage figure{margin:0;overflow:hidden;border-radius:22px}.result-collage img{width:100%;height:100%;object-fit:cover}.result-large{height:620px}.result-small{height:390px;margin-bottom:-45px!important}.products-hero .page-hero-media img{object-position:center 45%}
@media(max-width:900px){.product-catalog-v2{grid-template-columns:1fr 1fr}.product-card-featured{grid-column:1/3;grid-template-columns:1fr 1fr}.palette-layout,.editorial-grid,.result-layout{grid-template-columns:1fr;gap:45px}.palette-main img,.editorial-media img{height:520px}.result-collage{max-width:760px}.result-small{margin-bottom:0!important}.editorial-media:before{display:none}}
@media(max-width:600px){.product-catalog-v2{grid-template-columns:1fr}.product-card-featured{grid-column:auto;display:flex}.product-card-featured .product-card-media,.product-card-media{height:300px;min-height:0}.product-card-body{padding:24px}.product-card-body h3{font-size:22px;margin-top:18px}.palette-main img,.editorial-media img{height:400px}.result-collage{grid-template-columns:1fr}.result-large,.result-small{height:360px}.result-small{display:none}.products-hero h1{font-size:42px}}

/* V3: imagini autentice doar la lucrări; prezentări grafice neutre pentru produse */
.about-hero-v3{min-height:760px;position:relative;display:flex;align-items:end;overflow:hidden;color:#fff;background:linear-gradient(135deg,#101720 0%,#242c36 58%,#4d5156 100%)}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,17,.88),rgba(7,11,17,.24) 70%),linear-gradient(0deg,rgba(7,11,17,.58),transparent 55%)}
.about-hero-content{position:relative;z-index:2;padding-bottom:95px}.about-hero-content p{max-width:660px;font-size:18px;color:rgba(255,255,255,.76)}
.about-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.about-hero-meta span{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700}
.about-hero-pattern{position:absolute;right:-5%;top:8%;width:58%;height:78%;transform:perspective(900px) rotateY(-14deg) rotateX(3deg);display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:16px;opacity:.95}
.about-hero-pattern span{border-radius:10px;background:linear-gradient(145deg,#646a70,#292f36);box-shadow:inset 1px 1px 0 rgba(255,255,255,.14),inset -18px -18px 30px rgba(0,0,0,.25),0 22px 45px rgba(0,0,0,.24);position:relative;overflow:hidden}
.about-hero-pattern span:before{content:"";position:absolute;inset:12% 9%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0 2%,transparent 3%),radial-gradient(circle at 70% 65%,rgba(0,0,0,.12) 0 2%,transparent 3%);background-size:44px 42px,53px 51px;opacity:.45}
.about-hero-pattern span:nth-child(2),.about-hero-pattern span:nth-child(5){transform:translateY(34px)}
.about-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.about-process-grid article{background:#fff;padding:34px;min-height:290px}.about-process-grid article>span{font-size:11px;letter-spacing:.17em;color:#9299a2}.about-process-grid h3{font-size:22px;margin:58px 0 12px}.about-process-grid p{color:var(--muted)}
.product-card-visual{height:250px;background:linear-gradient(145deg,#eef0f2,#d5d9dd);display:grid;place-items:center;overflow:hidden;position:relative}
.product-card-featured .product-card-visual{height:100%;min-height:480px}.product-card-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.95),transparent 30%),linear-gradient(120deg,transparent 55%,rgba(17,24,39,.06));}
.block-model{width:66%;height:48%;position:relative;transform:perspective(700px) rotateX(59deg) rotateZ(-34deg);transform-style:preserve-3d}.block-model>span{position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,#9da3a9,#656c73);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),18px 22px 35px rgba(17,24,39,.24)}
.block-model>span:nth-child(2){transform:translate3d(26px,-26px,-10px);filter:brightness(.88)}.block-model>span:nth-child(3){transform:translate3d(52px,-52px,-20px);filter:brightness(.76)}
.product-visual-pillar .block-model{width:38%;height:58%;transform:perspective(700px) rotateX(57deg) rotateZ(-35deg)}.product-visual-pillar .block-model>span:nth-child(2){transform:translate3d(0,-31px,28px)}.product-visual-pillar .block-model>span:nth-child(3){transform:translate3d(0,-62px,56px)}
.product-visual-rustic .block-model>span{background:linear-gradient(135deg,#a9957d,#776654);clip-path:polygon(3% 9%,95% 2%,100% 83%,84% 96%,6% 90%,0 21%)}
.product-visual-raw .block-model>span{background:linear-gradient(135deg,#9d9d98,#696a67)}
.product-visual-trapezoid .block-model>span{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.product-visual-cap .block-model{width:52%;height:34%}.product-visual-cap .block-model>span:first-child{clip-path:polygon(8% 20%,92% 20%,100% 75%,0 75%)}
.product-visual-plinth .block-model{width:78%;height:25%}.product-visual-brick .block-model{width:72%;height:38%}.product-visual-brick .block-model>span{background:linear-gradient(135deg,#9a6654,#653f34)}
.product-visual-mesh .block-model{width:70%;height:30%}.product-visual-mesh:after{content:"";position:absolute;width:44%;height:42%;border:5px solid #444b52;border-left-width:10px;border-right-width:10px;background:repeating-linear-gradient(45deg,transparent 0 12px,rgba(50,56,62,.45) 13px 15px),repeating-linear-gradient(-45deg,transparent 0 12px,rgba(50,56,62,.45) 13px 15px);transform:translateY(-18px)}
.system-visual{height:560px;border-radius:var(--radius);background:linear-gradient(145deg,#eceff1,#cfd4d8);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:70px}.system-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 12%,#fff,transparent 28%),linear-gradient(135deg,transparent 54%,rgba(17,24,39,.06) 55%)}
.system-pillar{width:150px;height:390px;position:relative;z-index:2;display:flex;flex-direction:column-reverse}.system-pillar span{height:84px;margin-top:-7px;background:linear-gradient(135deg,#8d949a,#5d646b);border-radius:5px;box-shadow:0 13px 20px rgba(17,24,39,.18),inset 1px 1px rgba(255,255,255,.25)}.system-pillar i{position:absolute;left:-12px;right:-12px;top:-30px;height:44px;background:linear-gradient(135deg,#aab0b5,#747b82);clip-path:polygon(8% 0,92% 0,100% 70%,50% 100%,0 70%)}
.system-wall{width:310px;height:180px;display:flex;flex-direction:column-reverse;z-index:1;margin-left:-8px}.system-wall span{height:66px;margin-top:-6px;background:linear-gradient(135deg,#9da3a8,#696f75);box-shadow:0 10px 18px rgba(17,24,39,.16);border-radius:4px}
@media(max-width:900px){.about-hero-pattern{right:-24%;width:78%}.about-process-grid{grid-template-columns:1fr 1fr}.product-card-featured .product-card-visual{min-height:420px}.system-visual{height:480px;padding:45px}.system-wall{width:240px}}
@media(max-width:600px){.about-hero-v3{min-height:760px}.about-hero-pattern{right:-58%;top:20%;width:120%;height:58%;opacity:.62}.about-hero-content{padding-bottom:70px}.about-hero-meta{gap:7px}.about-process-grid{grid-template-columns:1fr}.about-process-grid article{min-height:230px}.about-process-grid h3{margin-top:34px}.product-card-visual,.product-card-featured .product-card-visual{height:280px;min-height:0}.system-visual{height:400px;padding:35px 20px}.system-pillar{width:105px;height:285px}.system-pillar span{height:63px}.system-wall{width:180px;height:140px}.system-wall span{height:50px}}


/* V4 refinements: photographic heroes, editorial product catalogue */
.about-hero-photo .page-hero-media img{object-position:center 58%}
.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-proof span{padding:9px 13px;border:1px solid rgba(255,255,255,.32);background:rgba(15,23,42,.18);backdrop-filter:blur(8px);border-radius:999px;color:#fff;font-size:.82rem}
.about-editorial-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:72px;align-items:center}
.about-editorial-copy p{color:var(--muted);font-size:1.04rem;line-height:1.8}
.about-factory-card{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#111827;min-height:460px;box-shadow:0 30px 70px rgba(15,23,42,.16)}
.about-factory-card img{width:100%;height:100%;min-height:460px;object-fit:cover;object-position:center;filter:brightness(.82) contrast(1.08)}
.about-factory-card figcaption{position:absolute;left:24px;right:24px;bottom:24px;padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);display:grid;gap:6px}
.about-factory-card figcaption strong{font-size:1.02rem}.about-factory-card figcaption span{color:var(--muted);font-size:.88rem}
.about-process-grid.clean article{background:#fff;border:1px solid var(--line);box-shadow:none}
.product-editorial{padding-bottom:10px}
.product-editorial-grid{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.product-editorial-image{margin:0;border-radius:24px;overflow:hidden;min-height:430px;box-shadow:0 28px 65px rgba(15,23,42,.14)}
.product-editorial-image img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}
.product-editorial-copy p{color:var(--muted);font-size:1.03rem;line-height:1.8}
.product-catalog-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-card-v2,.product-card-v2.product-card-featured{display:block;min-height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product-card-v2:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(15,23,42,.1);border-color:#cbd5e1}
.product-card-body{padding:30px;display:flex;flex-direction:column;min-height:100%}
.product-card-v2 h3{margin:10px 0 12px;font-size:1.25rem}
.product-card-v2 p{color:var(--muted);line-height:1.65;flex:1}
.product-card-v2 a{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-weight:700}
.product-index{font-size:.76rem;letter-spacing:.12em;color:#94a3b8;font-weight:800}
.product-dimensions{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}
.product-dimensions span{font-size:.78rem;font-weight:700;background:#f1f5f9;color:#334155;border-radius:999px;padding:7px 10px}
.system-photo{margin:0;border-radius:24px;overflow:hidden;min-height:440px;box-shadow:0 24px 55px rgba(15,23,42,.12)}
.system-photo img{width:100%;height:100%;min-height:440px;object-fit:cover}
@media(max-width:980px){.about-editorial-grid,.product-editorial-grid{grid-template-columns:1fr;gap:36px}.about-factory-card,.about-factory-card img,.product-editorial-image,.product-editorial-image img{min-height:360px}.product-catalog-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.product-catalog-v2{grid-template-columns:1fr}.product-card-body{padding:24px}.about-factory-card,.about-factory-card img,.product-editorial-image,.product-editorial-image img,.system-photo,.system-photo img{min-height:300px}.hero-proof{gap:7px}.hero-proof span{font-size:.74rem}}

/* V5 — product page visual refinement */
.products-hero .page-hero-media img{object-position:center 58%;filter:saturate(.88) contrast(1.04)}
.products-hero .page-hero-overlay{background:linear-gradient(90deg,rgba(7,12,18,.78) 0%,rgba(7,12,18,.47) 48%,rgba(7,12,18,.18) 78%),linear-gradient(0deg,rgba(7,12,18,.62),transparent 58%)}
.products-hero .container{padding-bottom:105px}
.products-hero h1{max-width:1050px}
.product-catalog-visual{align-items:stretch}
.product-catalog-visual .product-card-v2{display:flex!important;flex-direction:column;background:#fff;border:1px solid #dfe3e8;box-shadow:0 12px 34px rgba(15,23,42,.07)}
.product-catalog-visual .product-card-featured{grid-column:span 2;display:grid!important;grid-template-columns:1.12fr .88fr}
.product-catalog-visual .product-card-media{height:235px;position:relative;overflow:hidden;background:#d7d9dc}
.product-catalog-visual .product-card-featured .product-card-media{height:100%;min-height:490px}
.product-catalog-visual .product-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,13,20,.4),transparent 45%);pointer-events:none}
.product-catalog-visual .product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .35s ease}
.product-catalog-visual .product-card-v2:hover .product-card-media img{transform:scale(1.055);filter:contrast(1.04)}
.product-catalog-visual .image-note{position:absolute;z-index:2;left:18px;bottom:16px;padding:7px 11px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(10,15,22,.48);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.product-catalog-visual .product-card-body{padding:27px 27px 25px}
.product-catalog-visual .product-card-body h3{font-size:24px;margin:13px 0 12px;letter-spacing:-.025em}
.product-catalog-visual .product-index{color:#7b6046;font-weight:800}
.product-catalog-visual .product-card-body>a{border-top:1px solid var(--line);padding-top:17px;margin-top:auto;justify-content:space-between}
.product-catalog-visual .product-card-featured .product-card-body{padding:40px}
.product-catalog-visual .product-card-featured .product-card-body h3{font-size:38px;margin-top:18px}
.product-catalog-visual .product-card-featured .product-card-body p{font-size:17px}
@media(max-width:900px){.product-catalog-visual .product-card-featured{grid-column:1/3;grid-template-columns:1fr 1fr}.product-catalog-visual .product-card-featured .product-card-media{min-height:430px}}
@media(max-width:640px){.products-hero .page-hero-media img{object-position:62% center}.products-hero .container{padding-bottom:70px}.product-catalog-visual .product-card-featured{grid-column:auto;display:flex!important}.product-catalog-visual .product-card-featured .product-card-media{height:300px;min-height:0}.product-catalog-visual .product-card-featured .product-card-body{padding:25px}.product-catalog-visual .product-card-featured .product-card-body h3{font-size:26px}.product-catalog-visual .product-card-media{height:270px}}

/* V7 — catalog de produse cu imagini studio */
.products-hero-studio .page-hero-media img{object-position:center center;filter:saturate(.72) contrast(1.08) brightness(.8)}
.products-hero-studio .page-hero-overlay{background:linear-gradient(90deg,rgba(7,10,14,.88) 0%,rgba(7,10,14,.58) 46%,rgba(7,10,14,.14) 78%),linear-gradient(0deg,rgba(7,10,14,.52),transparent 58%)}
.product-catalog-studio{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.product-catalog-studio .product-card-v2{border:1px solid #e2e5e9;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.07);overflow:hidden}
.product-catalog-studio .product-card-media{height:330px;background:linear-gradient(145deg,#fff,#f4f5f6);padding:24px;display:flex;align-items:center;justify-content:center}
.product-catalog-studio .product-card-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.03)}
.product-catalog-studio .product-card-v2:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(15,23,42,.13)}
.product-catalog-studio .product-card-v2:hover .product-card-media img{transform:scale(1.055)}
.product-catalog-studio .product-card-body{padding:27px 28px 28px}
.product-catalog-studio .product-card-body h3{font-size:23px;margin:0 0 13px;letter-spacing:-.025em}
.product-catalog-studio .product-card-body p{font-size:14px;line-height:1.75;margin-bottom:24px}
.product-catalog-studio .product-dimensions{margin-bottom:18px}
.product-catalog-studio .product-dimensions span{background:#f3f1ee;border-color:#e5ddd4;color:#5c4735}
.product-catalog-studio .product-cta{border:0;margin-top:auto;padding:12px 16px;border-radius:999px;background:var(--ink);color:#fff;justify-content:center;transition:background .2s ease,transform .2s ease}
.product-catalog-studio .product-cta:hover{background:var(--accent);transform:translateY(-1px)}
.showcase-card>div>h3{margin-top:0}
@media(max-width:980px){.product-catalog-studio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.product-catalog-studio{grid-template-columns:1fr;gap:18px}.product-catalog-studio .product-card-media{height:290px;padding:18px}.products-hero-studio .page-hero-media img{object-position:58% center}}

/* V8 — fix afișare imagini catalog produse */
.product-catalog-studio{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}
.product-catalog-studio .product-card-v2{
  display:flex!important;
  flex-direction:column;
  height:auto;
  min-height:0;
  overflow:hidden;
}
.product-catalog-studio .product-card-media{
  position:relative;
  flex:0 0 330px;
  width:100%;
  height:330px!important;
  min-height:330px;
  padding:22px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#ffffff 0%,#f4f5f6 100%);
}
.product-catalog-studio .product-card-media::after{display:none!important;content:none!important}
.product-catalog-studio .product-card-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:normal;
  opacity:1;
  visibility:visible;
  filter:none;
}
.product-catalog-studio .product-card-body{
  flex:1 1 auto;
  min-height:315px;
  padding:27px 28px 28px;
}
.product-catalog-studio .product-card-body p{flex:1}
@media(max-width:980px){
  .product-catalog-studio{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .product-catalog-studio{grid-template-columns:1fr}
  .product-catalog-studio .product-card-media{flex-basis:280px;height:280px!important;min-height:280px;padding:16px}
  .product-catalog-studio .product-card-body{min-height:0}
}


/* V9: product components + distinct about principles */
.system-components{overflow:hidden}
.component-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.component-item{background:#fff;border:1px solid var(--line,#d9dee6);border-radius:22px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.component-item:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(15,23,42,.10);border-color:rgba(15,23,42,.18)}
.component-media{height:210px;background:linear-gradient(180deg,#fff 0%,#f4f5f6 100%);display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}
.component-media img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease}
.component-item:hover .component-media img{transform:scale(1.045)}
.component-item>div:last-child{padding:22px 22px 24px}
.component-item span{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#7b8492;margin-bottom:8px;font-weight:700}
.component-item h3{margin:0 0 8px;font-size:1.08rem}
.component-item p{margin:0;color:var(--muted,#6b7280);font-size:.92rem;line-height:1.6}
.component-action{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:24px 28px;border-radius:18px;background:#fff;border:1px solid var(--line,#d9dee6)}
.component-action p{margin:0;font-weight:600;color:#202735}
.about-principles{background:#111827;color:#fff;padding:72px 0}
.principles-wrap{display:grid;grid-template-columns:.9fr 1.6fr;gap:70px;align-items:start}
.principles-intro h2{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.08;margin:.55rem 0 0;max-width:560px}
.principles-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.principles-list>div{padding:28px 26px 30px;border-left:1px solid rgba(255,255,255,.16)}
.principles-list>div:first-child{border-left:0}
.principles-list strong{display:block;font-size:1.03rem;margin-bottom:9px}
.principles-list span{display:block;color:rgba(255,255,255,.66);font-size:.9rem;line-height:1.6}
@media(max-width:980px){.component-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-wrap{grid-template-columns:1fr;gap:36px}.principles-list{grid-template-columns:1fr}.principles-list>div{border-left:0;border-top:1px solid rgba(255,255,255,.16)}.principles-list>div:first-child{border-top:0}}
@media(max-width:620px){.component-showcase{grid-template-columns:1fr}.component-media{height:220px}.component-action{align-items:flex-start;flex-direction:column}.about-principles{padding:56px 0}.principles-list>div{padding:23px 0}}

/* V11 — configurator 3D premium, homepage */
.fence-3d{background:#f4f5f6;color:#111827;overflow:hidden}
.fence-3d-head{text-align:center;max-width:850px;margin:0 auto 46px}
.fence-3d-head .eyebrow{color:#8a6742}.fence-3d-head h2{font-size:clamp(2.25rem,4vw,4.2rem);line-height:1.04;letter-spacing:-.045em;margin:.6rem 0 1rem}.fence-3d-head p{color:#697180;line-height:1.8;margin:0 auto;max-width:760px}
.fence-configurator{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:stretch}
.fence-panel{background:#fff;border:1px solid #e2e5e9;border-radius:24px;padding:24px;box-shadow:0 18px 55px rgba(17,24,39,.08);display:grid;gap:22px;align-content:start}
.control-group{display:grid;gap:10px}.control-label{font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5d6571}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.fence-swatch{appearance:none;border:1px solid #dce0e5;background:#fafafa;color:#505967;border-radius:12px;padding:9px 10px;font:inherit;font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.22s ease;text-align:left}.fence-swatch span{width:23px;height:23px;border-radius:7px;display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.09);flex:0 0 auto}.fence-swatch:hover,.fence-swatch.active{border-color:#111827;background:#fff;color:#111827;box-shadow:0 5px 18px rgba(17,24,39,.08)}
.segmented-control{display:flex;flex-wrap:wrap;gap:7px}.segmented-control.wide button{flex:1 1 0}.segmented-control button{border:1px solid #dce0e5;background:#fafafa;color:#59616d;border-radius:10px;padding:10px 11px;font:inherit;font-size:.73rem;font-weight:750;cursor:pointer;transition:.22s ease;white-space:nowrap}.segmented-control button:hover,.segmented-control button.active{background:#111827;color:#fff;border-color:#111827}
.fence-3d-note{margin-top:3px;border-top:1px solid #eceef1;padding-top:18px;color:#68717d;font-size:.75rem;display:flex;align-items:center;gap:10px}.fence-3d-note>span{font-size:1.3rem;color:#a87845}.fence-3d-note div{display:grid;gap:2px}.fence-3d-note b{font-size:.76rem;color:#212936}.fence-3d-note small{font-size:.7rem;color:#88909b}
.fence-3d-stage{min-width:0}.three-shell{position:relative;height:620px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 36%,#ffffff 0%,#eef0f2 52%,#dfe3e7 100%);border:1px solid #dfe3e7;box-shadow:0 24px 70px rgba(17,24,39,.10);cursor:grab;touch-action:none}.three-shell:active{cursor:grabbing}.three-shell:after{content:"";position:absolute;inset:auto 10% 5% 10%;height:12%;background:rgba(17,24,39,.16);filter:blur(35px);border-radius:50%;pointer-events:none}.three-shell canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.three-loading{position:absolute;inset:0;display:grid;place-items:center;color:#7a828d;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;z-index:2;transition:opacity .35s ease}.three-shell.ready .three-loading{opacity:0;pointer-events:none}.three-badge{position:absolute;top:18px;right:18px;z-index:3;padding:8px 11px;border-radius:999px;border:1px solid rgba(17,24,39,.09);background:rgba(255,255,255,.76);backdrop-filter:blur(10px);font-size:.61rem;font-weight:800;letter-spacing:.12em;color:#555e6b}.three-shell.no-webgl canvas{display:none}.three-shell.no-webgl .three-loading{padding:30px;text-align:center;opacity:1;text-transform:none;letter-spacing:0;line-height:1.6}
.fence-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.fence-benefits>div{background:#fff;border:1px solid #e2e5e9;border-radius:18px;padding:18px 20px;display:grid;gap:5px;box-shadow:0 10px 30px rgba(17,24,39,.04)}.fence-benefits b{font-size:.87rem}.fence-benefits span{font-size:.75rem;color:#77808c;line-height:1.5}
@media(max-width:1050px){.fence-configurator{grid-template-columns:1fr}.fence-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.fence-3d-note{grid-column:1/-1}.three-shell{height:560px}.fence-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.fence-3d{padding-top:62px;padding-bottom:62px}.fence-3d-head{text-align:left;margin-bottom:28px}.fence-3d-head h2{font-size:2.25rem}.fence-panel{grid-template-columns:1fr;padding:18px;border-radius:20px}.swatch-grid{grid-template-columns:repeat(2,1fr)}.three-shell{height:420px;border-radius:20px}.fence-benefits{grid-template-columns:1fr}.three-badge{top:13px;right:13px}.segmented-control.wide button{font-size:.68rem;padding:9px 7px}}
@media(prefers-reduced-motion:reduce){.fence-swatch,.segmented-control button{transition:none}}

/* V12 — denser, textured 3D fence */
.fence-3d-head{margin-bottom:34px}
.fence-configurator{grid-template-columns:260px minmax(0,1fr);gap:18px}
.fence-panel{padding:21px;gap:18px;border-radius:22px}
.three-shell{height:650px;border-radius:24px;background:radial-gradient(circle at 52% 34%,#fff 0%,#f0f1f2 48%,#d9dde0 100%)}
.fence-benefits{margin-top:16px;gap:10px}
.fence-benefits>div{padding:16px 18px}
@media(max-width:1050px){.fence-configurator{grid-template-columns:1fr;gap:16px}.three-shell{height:590px}}
@media(max-width:640px){.three-shell{height:450px}.fence-3d-head{margin-bottom:24px}}

/* V13 — configurator moved to Products and tuned to the real fence references */
.products-hero-studio + .section{padding-bottom:82px}
#configurator-3d{background:linear-gradient(180deg,#f1f3f4 0%,#f7f7f6 100%);border-top:1px solid #e2e5e8;border-bottom:1px solid #e2e5e8;padding-top:88px;padding-bottom:88px}
#configurator-3d .fence-3d-head{max-width:760px;margin:0 auto 38px;text-align:center}
#configurator-3d .fence-3d-head p{max-width:700px;margin-left:auto;margin-right:auto}
#configurator-3d .fence-configurator{grid-template-columns:275px minmax(0,1fr);gap:22px}
#configurator-3d .fence-panel{background:rgba(255,255,255,.94);border-color:#dde1e4;box-shadow:0 22px 58px rgba(17,24,39,.09)}
#configurator-3d .three-shell{height:590px;background:radial-gradient(circle at 50% 25%,#fcfcfb 0%,#eceeec 48%,#d7d9d7 100%);box-shadow:0 22px 60px rgba(17,24,39,.11)}
#configurator-3d .fence-benefits{margin-top:18px}
#configurator-3d .fence-benefits>div{background:rgba(255,255,255,.78);border:1px solid #e0e3e5;backdrop-filter:blur(8px)}
#configurator-3d .fence-swatch span{filter:saturate(.68) brightness(.94)}
#configurator-3d .fence-swatch.active span{box-shadow:inset 0 0 0 2px rgba(255,255,255,.9),0 0 0 2px #111827}
@media(max-width:1050px){#configurator-3d .fence-configurator{grid-template-columns:1fr}#configurator-3d .three-shell{height:540px}}
@media(max-width:640px){#configurator-3d{padding-top:64px;padding-bottom:64px}#configurator-3d .fence-3d-head{text-align:left;margin-bottom:26px}#configurator-3d .three-shell{height:410px}}


/* V14 — configurator framing and natural palette */
#configurator-3d .three-shell{background:radial-gradient(circle at 50% 28%,#fbfaf7 0%,#efefeb 50%,#dedfdb 100%)}
#configurator-3d .three-shell:after{opacity:.58;height:8%;inset:auto 14% 5% 14%;filter:blur(30px)}
#configurator-3d .fence-swatch span{filter:saturate(.52) brightness(1.04)}
#configurator-3d .fence-panel{color:#252a31}
#configurator-3d .three-badge{background:rgba(255,255,255,.88)}

/* V15 — configurator: realistic materials, textured swatches and useful summary */
#configurator-3d .fence-swatch span{
  background-color:var(--swatch,#777)!important;
  background-image:
    radial-gradient(circle at 20% 28%,rgba(255,255,255,.34) 0 1px,transparent 1.5px),
    radial-gradient(circle at 72% 65%,rgba(0,0,0,.18) 0 1px,transparent 1.4px),
    radial-gradient(circle at 42% 82%,rgba(255,255,255,.18) 0 .8px,transparent 1.2px),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.08));
  background-size:8px 8px,10px 10px,7px 7px,100% 100%;
  filter:saturate(.55) brightness(1.08);
}
#configurator-3d .three-shell{height:610px;background:radial-gradient(circle at 50% 22%,#fbfaf6 0%,#eeece6 52%,#dad8d1 100%)}
#configurator-3d .three-shell canvas{transition:opacity .22s ease,transform .22s ease,filter .22s ease}
#configurator-3d .three-shell.is-updating canvas{opacity:.68;transform:scale(.995);filter:blur(.3px)}
#configurator-3d .three-shell:after{opacity:.32;height:7%;inset:auto 17% 5% 17%;filter:blur(28px)}
.fence-summary{margin-top:12px;background:rgba(255,255,255,.9);border:1px solid #e0e2e3;border-radius:18px;padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:stretch;box-shadow:0 10px 30px rgba(17,24,39,.045)}
.fence-summary>div{min-width:0;padding:8px 10px;border-right:1px solid #eceeef;display:grid;gap:3px;align-content:center}.fence-summary>div:nth-child(4){border-right:0}.fence-summary small{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#8a9098;font-weight:800}.fence-summary strong{font-size:.78rem;color:#222936;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fence-send-config{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.73rem}
@media(max-width:1180px){.fence-summary{grid-template-columns:repeat(2,1fr)}.fence-summary>div{border-right:0}.fence-send-config{grid-column:1/-1}}
@media(max-width:1050px){#configurator-3d .three-shell{height:560px}}
@media(max-width:640px){#configurator-3d .three-shell{height:430px}.fence-summary{grid-template-columns:1fr 1fr;padding:12px}.fence-summary strong{font-size:.72rem}.fence-send-config{grid-column:1/-1;width:100%}}

.brand-lockup .brand-mark{width:54px;height:31px;flex-basis:54px}.brand-lockup .brand-copy strong{font-size:13.5px}.brand-lockup .brand-copy small{font-size:6.6px;letter-spacing:.075em}}

/* V22 brand lockup — matched to approved visual direction */
.brand.brand-lockup{position:relative;display:flex;align-items:center;gap:15px;width:auto;height:58px;flex:0 0 auto;color:var(--ink);white-space:nowrap}
.brand-lockup .brand-mark{width:82px;height:58px;flex:0 0 82px;display:block;overflow:visible}
.brand-lockup .brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1}
.brand-lockup .brand-copy strong{font-size:21px;line-height:1;letter-spacing:.028em;font-weight:900}
.brand-lockup .brand-subline{display:flex;align-items:center;gap:8px;margin-top:8px}
.brand-lockup .brand-subline i{display:block;width:13px;height:1.5px;background:var(--accent);flex:0 0 auto}
.brand-lockup .brand-copy small{font-size:9.4px;line-height:1;letter-spacing:.09em;font-weight:800;color:var(--accent)}
.site-header:not(.scrolled) .brand-lockup{color:#fff}
.site-header:not(.scrolled) .brand-lockup .brand-copy small{color:#d9b07a}
.site-header:not(.scrolled) .brand-lockup .brand-subline i{background:#d9b07a}
.footer-brand.brand-lockup{display:flex;align-items:center;gap:17px;color:#fff;margin-bottom:20px;max-width:max-content;height:66px}
.footer-brand.brand-lockup .brand-mark{width:92px;height:66px;flex-basis:92px}
.footer-brand.brand-lockup .brand-copy strong{font-size:23px}
.footer-brand.brand-lockup .brand-copy small{font-size:9.8px;color:#d9b07a}
.footer-brand.brand-lockup .brand-subline i{background:#d9b07a}
@media(max-width:900px){.site-header .brand.brand-lockup{height:52px;gap:12px}.brand-lockup .brand-mark{width:70px;height:50px;flex-basis:70px}.brand-lockup .brand-copy strong{font-size:18px}.brand-lockup .brand-copy small{font-size:8.1px;letter-spacing:.065em}.brand-lockup .brand-subline{gap:6px;margin-top:6px}.brand-lockup .brand-subline i{width:9px}}
@media(max-width:480px){.brand.brand-lockup{gap:9px}.brand-lockup .brand-mark{width:58px;height:43px;flex-basis:58px}.brand-lockup .brand-copy strong{font-size:15.5px}.brand-lockup .brand-copy small{font-size:6.9px;letter-spacing:.045em}.brand-lockup .brand-subline i{display:none}}

/* V23 — approved logo implemented as one exact horizontal lockup */
.brand.brand-approved{position:relative;display:block;width:360px;height:66px;flex:0 0 360px}
.brand-approved-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center;transition:opacity .22s ease}
.brand-approved-light{opacity:0}
.site-header:not(.scrolled):not(.solid-start) .brand-approved-dark{opacity:0}
.site-header:not(.scrolled):not(.solid-start) .brand-approved-light{opacity:1}
.site-header.scrolled .brand-approved-dark,.site-header.solid-start .brand-approved-dark{opacity:1}
.site-header.scrolled .brand-approved-light,.site-header.solid-start .brand-approved-light{opacity:0}
.site-header.solid-start{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);padding:9px 0}
.site-header.solid-start .main-nav>a:not(.nav-cta){color:var(--ink)}
.site-header.solid-start .nav-cta{background:var(--ink);color:#fff}
.footer-brand-approved{display:block;width:360px;max-width:100%;margin-bottom:20px}
.footer-brand-approved img{display:block;width:100%;height:auto}
@media(max-width:1100px){.brand.brand-approved{width:320px;height:59px;flex-basis:320px}.main-nav{gap:20px}}
@media(max-width:900px){.site-header .brand.brand-approved{width:285px;height:53px;flex-basis:285px}.footer-brand-approved{width:320px}}
@media(max-width:480px){.site-header .brand.brand-approved{width:245px;height:46px;flex-basis:245px}.footer-brand-approved{width:280px}}

/* V24 — home hero refinement matched to approved reference */
@media (min-width: 901px){
  .site-header .container.nav-wrap,
  .home-hero .container.hero-content{width:min(1400px,calc(100% - 64px));}
  .site-header{padding:18px 0;}
  .site-header.scrolled{padding:10px 0;}
  .brand.brand-approved{width:292px;height:54px;flex-basis:292px;}
  .main-nav{gap:30px;font-size:14px;}
  .nav-cta{padding:11px 20px;}
  .home-hero .hero-content{padding-bottom:178px;}
  .home-hero h1{font-size:clamp(58px,4.8vw,76px);max-width:690px;line-height:1.04;margin-bottom:24px;}
  .home-hero p{max-width:520px;font-size:16px;line-height:1.65;}
  .home-hero .hero-actions{margin-top:30px;}
  .home-hero .btn{min-height:50px;padding:0 24px;}
}
.home-hero .hero-overlay{background:linear-gradient(90deg,rgba(8,13,20,.82) 0%,rgba(8,13,20,.50) 42%,rgba(8,13,20,.16) 72%),linear-gradient(0deg,rgba(8,13,20,.58),transparent 46%)}
.hero-proof.hero-proof-rich{height:122px;padding:0 max(32px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;background:rgba(7,12,18,.62);backdrop-filter:blur(5px);text-transform:none;letter-spacing:0;border-top:1px solid rgba(255,255,255,.18)}
.hero-proof-rich .proof-item{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:18px;padding:22px 38px;border-right:1px solid rgba(255,255,255,.16);min-width:0}
.hero-proof-rich .proof-item:first-child{padding-left:8px}
.hero-proof-rich .proof-item:last-child{border-right:0}
.hero-proof-rich .proof-icon{width:42px;height:42px;display:grid;place-items:center;color:#fff;opacity:.96}
.hero-proof-rich .proof-icon svg{width:100%;height:100%}
.hero-proof-rich .proof-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.hero-proof-rich .proof-copy strong{font-size:13px;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.hero-proof-rich .proof-copy small{font-size:12.5px;line-height:1.5;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.68);max-width:290px}
@media(max-width:900px){
 .hero-proof.hero-proof-rich{height:auto;display:flex;padding:17px 18px;gap:20px;background:rgba(7,12,18,.72)}
 .hero-proof-rich .proof-item{min-width:250px;padding:4px 14px 4px 0;border-right:1px solid rgba(255,255,255,.16);grid-template-columns:38px 1fr;gap:12px}
 .hero-proof-rich .proof-icon{width:32px;height:32px}
 .hero-proof-rich .proof-copy strong{font-size:11px}
 .hero-proof-rich .proof-copy small{font-size:10.5px}
}
/* V25 — hero proof points + improved approved-logo subtitle visibility */
.site-header:not(.scrolled):not(.solid-start) .brand-approved-light{
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.18)) contrast(1.06) saturate(1.08);
}

/* V27 — refined hero proof strip */
@media (min-width: 761px){
  .hero-proof.hero-proof-rich{
    height:128px;
    padding:0 max(38px,calc((100vw - 1400px)/2));
    background:linear-gradient(90deg,rgba(7,12,18,.86),rgba(10,16,23,.78));
    backdrop-filter:blur(8px);
  }
  .hero-proof-rich .proof-item{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:18px;
    align-items:center;
    padding:25px 44px;
    border-right:1px solid rgba(255,255,255,.13);
  }
  .hero-proof-rich .proof-item:first-child{padding-left:18px}
  .hero-proof-rich .proof-icon{
    width:34px;height:34px;
    color:#d8b078;
    opacity:1;
  }
  .hero-proof-rich .proof-copy{gap:7px}
  .hero-proof-rich .proof-copy strong{
    font-size:13px;
    letter-spacing:.055em;
    font-weight:700;
  }
  .hero-proof-rich .proof-copy small{
    font-size:12.5px;
    line-height:1.48;
    color:rgba(255,255,255,.70);
    max-width:310px;
  }
}

/* V28 — remove inherited pill styling from rich hero proof strip */
.hero-proof.hero-proof-rich span{
  padding:0;
  border:0;
  background:none;
  backdrop-filter:none;
  border-radius:0;
  color:inherit;
  font-size:inherit;
}
.hero-proof-rich .proof-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.hero-proof-rich .proof-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
@media (min-width: 761px){
  .hero-proof.hero-proof-rich{
    height:126px;
  }
  .hero-proof-rich .proof-item{
    grid-template-columns:40px minmax(0,1fr);
    gap:20px;
    padding:24px 48px;
  }
  .hero-proof-rich .proof-item:first-child{padding-left:28px}
  .hero-proof-rich .proof-icon{width:32px;height:32px}
  .hero-proof-rich .proof-copy strong{font-size:13px;line-height:1.15}
  .hero-proof-rich .proof-copy small{font-size:12.5px;line-height:1.48;max-width:320px}
}

/* V33 — configurator 3D extins pe produsele reale */
#configurator-3d{padding-top:96px;padding-bottom:92px;background:linear-gradient(180deg,#f3f4f5 0%,#f8f8f7 100%)}
#configurator-3d .fence-3d-head{max-width:820px;margin-bottom:34px}
#configurator-3d .fence-3d-head h2{max-width:800px;margin-left:auto;margin-right:auto}
#configurator-3d .fence-configurator{grid-template-columns:338px minmax(0,1fr);gap:18px;align-items:start}
#configurator-3d .fence-panel-v33{padding:0;gap:0;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.96);position:sticky;top:92px;box-shadow:0 22px 60px rgba(17,24,39,.085);grid-template-columns:1fr}
.config-tabs{display:grid;grid-template-columns:repeat(5,1fr);padding:9px;background:#f4f5f6;border-bottom:1px solid #e5e7eb;gap:5px}
.config-tabs button{min-width:0;border:0;border-radius:10px;background:transparent;color:#7b828c;padding:8px 3px 7px;font:inherit;font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;cursor:pointer;display:grid;gap:2px;place-items:center;transition:.2s ease}
.config-tabs button span{font-size:.55rem;color:#a48a6e;font-weight:900;letter-spacing:.08em}
.config-tabs button:hover{background:#fff;color:#111827}
.config-tabs button.active{background:#111827;color:#fff;box-shadow:0 7px 18px rgba(17,24,39,.16)}
.config-tabs button.active span{color:#d8bb96}
.config-panel{padding:22px;display:grid;gap:20px;min-height:410px;align-content:start;animation:configPanelIn .22s ease both}
.config-panel[hidden]{display:none!important}
@keyframes configPanelIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.config-panel-head{display:grid;gap:1px;padding-bottom:14px;border-bottom:1px solid #eceef1}
.config-panel-head span{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:#9b7a58;font-weight:900}
.config-panel-head b{font-size:.93rem;letter-spacing:-.015em;color:#202733}
#configurator-3d .control-group{gap:9px}
#configurator-3d .control-label{font-size:.62rem;letter-spacing:.105em;color:#747c87}
#configurator-3d .segmented-control.option-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#configurator-3d .segmented-control.option-grid-2 button{white-space:normal;line-height:1.25;min-height:42px;padding:8px 7px}
#configurator-3d .segmented-control.stack-options{display:grid;grid-template-columns:1fr;gap:8px}
#configurator-3d .segmented-control.stack-options button{text-align:left;display:grid;gap:2px;padding:11px 12px;white-space:normal}
#configurator-3d .segmented-control.stack-options button b{font-size:.73rem}
#configurator-3d .segmented-control.stack-options button small{font-size:.62rem;font-weight:600;color:#8a929c;line-height:1.35}
#configurator-3d .segmented-control.stack-options button.active small{color:rgba(255,255,255,.66)}
#configurator-3d .fence-swatch{min-height:42px;padding:8px 9px;font-size:.68rem}
#configurator-3d .fence-swatch span{width:21px;height:21px;border-radius:6px}
.fence-panel-footer{padding:0 22px 20px;display:grid;gap:13px}
.config-reset{justify-self:start;border:0;background:transparent;padding:0;color:#7a6047;font:inherit;font-size:.67rem;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(122,96,71,.3)}
.config-reset:hover{color:#111827}
#configurator-3d .fence-3d-note{margin-top:0;padding-top:14px}
#configurator-3d .fence-3d-stage{min-width:0}
#configurator-3d .three-shell{height:660px;border-radius:24px;background:radial-gradient(circle at 50% 23%,#fbfaf6 0%,#eeece6 52%,#d8d6cf 100%);box-shadow:0 24px 64px rgba(17,24,39,.105)}
#configurator-3d .three-shell:after{opacity:.28;height:6.5%;inset:auto 15% 5% 15%}
.fence-summary-v33{grid-template-columns:1.2fr 1fr 1.25fr 1.1fr auto;padding:12px;gap:8px}
.fence-summary-v33>div{padding:7px 9px}
.fence-summary-v33 strong{font-size:.72rem}
.fence-summary-v33 .fence-send-config{padding:0 16px;font-size:.69rem}
.config-disclaimer{margin:9px 8px 0;color:#8a9098;font-size:.66rem;line-height:1.55;text-align:right}
#configurator-3d .fence-benefits{margin-top:20px;grid-template-columns:repeat(4,1fr)}
#configurator-3d .fence-benefits>div{padding:17px 18px;border-radius:17px}
#configurator-3d .fence-benefits b{font-size:.82rem}
#configurator-3d .fence-benefits span{font-size:.71rem}

@media(max-width:1180px){
  #configurator-3d .fence-configurator{grid-template-columns:310px minmax(0,1fr)}
  #configurator-3d .three-shell{height:620px}
  .fence-summary-v33{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fence-summary-v33 .fence-send-config{grid-column:1/-1}
}
@media(max-width:1050px){
  #configurator-3d .fence-configurator{grid-template-columns:1fr}
  #configurator-3d .fence-panel-v33{position:relative;top:auto}
  .config-panel{min-height:0}
  #configurator-3d .three-shell{height:570px}
  .fence-panel-footer{grid-template-columns:auto 1fr;align-items:end}
  #configurator-3d .fence-3d-note{justify-self:end;min-width:190px}
}
@media(max-width:700px){
  #configurator-3d{padding-top:66px;padding-bottom:64px}
  #configurator-3d .fence-3d-head{text-align:left;margin-bottom:26px}
  #configurator-3d .fence-3d-head h2{font-size:2.25rem;margin-left:0}
  #configurator-3d .fence-panel-v33{border-radius:20px}
  .config-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(72px,1fr));padding:8px 7px}
  .config-tabs button{font-size:.54rem}
  .config-panel{padding:18px;gap:17px}
  .fence-panel-footer{padding:0 18px 18px;grid-template-columns:1fr}
  #configurator-3d .fence-3d-note{justify-self:stretch}
  #configurator-3d .three-shell{height:430px;border-radius:20px}
  .fence-summary-v33{grid-template-columns:1fr 1fr;padding:10px}
  .fence-summary-v33>div{border-right:0}
  .fence-summary-v33 strong{font-size:.68rem;white-space:normal;line-height:1.35}
  .fence-summary-v33 .fence-send-config{grid-column:1/-1;width:100%}
  .config-disclaimer{text-align:left;margin-left:2px;margin-right:2px}
  #configurator-3d .fence-benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  #configurator-3d .segmented-control.option-grid-2{grid-template-columns:1fr 1fr}
  #configurator-3d .swatch-grid{grid-template-columns:1fr 1fr}
  #configurator-3d .three-shell{height:390px}
  #configurator-3d .fence-benefits{grid-template-columns:1fr}
  
}

/* V40 — feedback formular Formspree */
.form-status.is-success{color:#24704a}
.form-status.is-error{color:#a23b3b}
.contact-form button[disabled]{opacity:.68;cursor:wait}

/* V41 — galerie curată, ordonată și pregătită pentru publicare */
.gallery-section .masonry{
  columns:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:dense;
  gap:18px;
}
.gallery-section .gallery-item{
  margin:0;
  min-height:285px;
  aspect-ratio:4/3;
}
.gallery-section .gallery-item.featured{
  grid-column:span 2;
  aspect-ratio:16/9;
}
.gallery-section .gallery-item.portrait{
  grid-row:span 2;
  aspect-ratio:auto;
  min-height:590px;
}
.gallery-section .gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:900px){
  .gallery-section .masonry{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-section .gallery-item.featured{grid-column:span 2}
}
@media(max-width:600px){
  .gallery-section .masonry{grid-template-columns:1fr}
  .gallery-section .gallery-item,
  .gallery-section .gallery-item.featured,
  .gallery-section .gallery-item.portrait{
    grid-column:auto;
    grid-row:auto;
    aspect-ratio:4/3;
    min-height:0;
  }
}


/* V41 MOBILE FINAL — responsive polish, desktop preserved */
@media (max-width: 900px){
  html,body{overflow-x:hidden}
  body{font-size:16px}
  .container{width:min(100% - 30px,var(--max))}
  .section{padding:72px 0}
  h2{font-size:clamp(32px,8vw,48px)}

  /* Header / navigation */
  .site-header{padding:7px 0;background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}
  .site-header.scrolled{padding:7px 0}
  .nav-wrap{min-height:58px}
  .site-header .brand.brand-approved{width:min(255px,calc(100vw - 92px));height:47px;flex-basis:auto}
  .menu-toggle{
    display:block;flex:0 0 auto;width:46px;height:46px;padding:9px;
    border-radius:12px;color:var(--ink);touch-action:manipulation
  }
  .menu-toggle span:not(.sr-only){width:24px;margin:5px auto}
  .main-nav{
    left:15px;right:15px;top:72px;max-height:calc(100svh - 88px);overflow:auto;
    gap:4px;padding:12px;border-radius:18px
  }
  .main-nav a{padding:13px 14px;border-radius:11px;min-height:46px;display:flex;align-items:center}
  .main-nav a.active:after,.main-nav>a:not(.nav-cta):hover:after{display:none}
  .main-nav .nav-cta{justify-content:center;margin-top:4px}
  .site-header:not(.scrolled) .menu-toggle{color:var(--ink)}

  /* Heroes */
  .hero{min-height:780px}
  .hero-content{padding-bottom:172px}
  .home-hero h1{font-size:clamp(42px,11vw,58px);line-height:1.02;max-width:100%;letter-spacing:-.045em}
  .home-hero p{font-size:16px;line-height:1.65;max-width:540px}
  .hero-actions{flex-wrap:wrap}
  .hero-actions .btn{min-height:50px}
  .hero-proof.hero-proof-rich{
    overflow-x:auto;overflow-y:hidden;justify-content:flex-start;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding:15px
  }
  .hero-proof.hero-proof-rich::-webkit-scrollbar{display:none}
  .hero-proof-rich .proof-item{scroll-snap-align:start;min-width:235px}
  .page-hero{height:auto;min-height:620px}
  .page-hero .container{padding-bottom:64px}
  .page-hero h1,.simple-hero h1{font-size:clamp(42px,10vw,62px)}
  .simple-hero{padding:138px 0 66px}

  /* General layouts */
  .intro-grid,.split,.contact-grid,.about-editorial-grid,.product-editorial-grid{
    grid-template-columns:1fr!important;gap:36px!important
  }
  .section-head{display:block;margin-bottom:34px}
  .section-head>p{max-width:680px;margin-top:14px}
  .split.reverse>div:first-child{order:0}
  .split img{height:min(62vw,480px)}
  .visual-break{height:620px}
  .visual-card{padding:48px 0}
  .cta-box{padding:38px 30px;border-radius:24px}
  .preview-grid{gap:14px}

  /* Product page */
  .product-catalog-studio{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .product-catalog-studio .product-card-media{
    flex-basis:260px;height:260px!important;min-height:260px
  }
  .product-catalog-studio .product-card-body{padding:23px;min-height:0}
  .component-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .component-media{height:220px}

  /* 3D configurator */
  #configurator-3d .fence-configurator{grid-template-columns:1fr!important;gap:14px}
  #configurator-3d .fence-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}
  #configurator-3d .fence-3d-note{grid-column:1/-1}
  #configurator-3d .three-shell{height:470px}
  .fence-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .fence-summary>div{min-width:0}
  .fence-send-config{grid-column:1/-1;width:100%;min-height:48px}
  .segmented-control button,.fence-swatch{min-height:44px}

  /* Gallery */
  .gallery-section .masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .gallery-section .gallery-item{min-height:230px;border-radius:14px}
  .gallery-section .gallery-item.featured{grid-column:span 2}
  .gallery-item span{opacity:1;transform:none;font-size:11px}
  .lightbox{padding:18px}
  .lightbox img{max-width:96vw;max-height:84svh}
  .lightbox button{top:10px;right:12px;width:48px;height:48px;font-size:40px}

  /* Contact / footer */
  .contact-info h2{font-size:clamp(36px,8vw,50px)}
  .contact-form{padding:28px}
  .contact-form input,.contact-form textarea{font-size:16px}
  .map-section iframe{height:430px}
  .footer-grid{gap:36px}
  .footer-brand-approved{max-width:100%;height:auto}
  .floating-call{bottom:max(16px,env(safe-area-inset-bottom));right:15px}
}

@media (max-width: 640px){
  .container{width:calc(100% - 28px)}
  .section{padding:58px 0}

  /* Header */
  .nav-wrap{min-height:54px}
  .site-header .brand.brand-approved{width:min(225px,calc(100vw - 82px));height:43px}
  .main-nav{top:67px}

  /* Home */
  .hero{min-height:760px}
  .hero-content{padding-bottom:180px}
  .home-hero h1{font-size:clamp(39px,11.5vw,50px);margin-bottom:20px}
  .home-hero p{font-size:15px}
  .hero-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:26px}
  .hero-actions .btn{width:100%}
  .hero-proof.hero-proof-rich{padding:13px 14px;gap:12px}
  .hero-proof-rich .proof-item{min-width:215px;padding-right:12px}

  /* Page heroes */
  .page-hero{min-height:570px}
  .page-hero .container{padding-bottom:52px}
  .page-hero h1,.simple-hero h1{font-size:clamp(39px,11vw,52px)}
  .page-hero p,.simple-hero p{font-size:16px}
  .simple-hero{padding:124px 0 54px}

  /* Content */
  .product-showcase{grid-template-rows:360px 245px 245px}
  .showcase-card>div{left:20px;right:20px;bottom:18px}
  .showcase-card h3{font-size:24px}
  .step-grid,.values-grid,.catalog-grid{grid-template-columns:1fr}
  .step,.values-grid article{padding:28px;min-height:auto}
  .preview-grid{display:block}
  .preview-grid a,.preview-grid a:first-child{height:280px;margin-bottom:12px}
  .visual-break{height:570px}
  .visual-card h2{font-size:clamp(36px,10vw,48px)}
  .cta-box{padding:30px 22px}
  .cta-box h2{font-size:clamp(34px,9vw,44px)}
  .cta-box .btn{width:100%}

  /* Products */
  .product-catalog-studio{grid-template-columns:1fr;gap:16px}
  .product-catalog-studio .product-card-media{
    flex-basis:255px;height:255px!important;min-height:255px;padding:14px
  }
  .product-catalog-studio .product-card-body{padding:22px}
  .component-showcase{grid-template-columns:1fr}
  .component-media{height:245px}
  .component-item>div:last-child{padding:22px}

  /* Configurator: controls and canvas become comfortable on touch */
  #configurator-3d{padding-top:54px;padding-bottom:54px}
  #configurator-3d .fence-3d-head{text-align:left;margin-bottom:22px}
  #configurator-3d .fence-3d-head h2{font-size:clamp(34px,9vw,44px)}
  #configurator-3d .fence-panel{grid-template-columns:1fr;padding:16px;border-radius:18px}
  #configurator-3d .three-shell{height:365px;border-radius:18px}
  #configurator-3d .three-badge{font-size:.54rem;top:10px;right:10px;padding:7px 9px}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .segmented-control{gap:7px}
  .segmented-control button,.fence-swatch{min-height:46px}
  .fence-summary{grid-template-columns:1fr;padding:10px}
  .fence-summary>div{padding:10px 8px;border-right:0;border-bottom:1px solid rgba(17,24,39,.08)}
  .fence-summary>div:last-of-type{border-bottom:0}
  .fence-send-config{grid-column:auto}

  /* Gallery */
  .gallery-section .masonry{grid-template-columns:1fr;gap:12px}
  .gallery-section .gallery-item,
  .gallery-section .gallery-item.featured,
  .gallery-section .gallery-item.portrait{
    grid-column:auto;grid-row:auto;aspect-ratio:4/3;min-height:0
  }
  .gallery-item span{display:none}

  /* Contact */
  .form-row{grid-template-columns:1fr}
  .contact-form{padding:22px 18px;border-radius:18px}
  .contact-lines strong{font-size:17px;overflow-wrap:anywhere}
  .map-section iframe{height:360px}

  /* Footer / floating call */
  .footer-grid,.footer-grid>div:first-child{grid-template-columns:1fr;grid-column:auto}
  .footer-bottom{display:block}
  .site-footer{padding-top:58px}
  .footer-brand-approved{width:min(290px,100%)}
  .floating-call{
    min-width:52px;min-height:52px;padding:0 15px;border-radius:999px;
    right:12px;bottom:max(12px,env(safe-area-inset-bottom))
  }
  .floating-call b{display:none}
}

@media (max-width: 420px){
  .container{width:calc(100% - 24px)}
  .site-header .brand.brand-approved{width:min(205px,calc(100vw - 76px));height:40px}
  .menu-toggle{width:42px;height:42px}
  .main-nav{left:10px;right:10px;top:63px}

  .hero{min-height:735px}
  .hero-content{padding-bottom:174px}
  .home-hero h1{font-size:clamp(37px,11.3vw,46px)}
  .hero-proof-rich .proof-item{min-width:202px}
  .hero-proof-rich .proof-copy small{font-size:10px}

  .product-catalog-studio .product-card-media{
    flex-basis:230px;height:230px!important;min-height:230px
  }
  #configurator-3d .three-shell{height:330px}
  .swatch-grid{grid-template-columns:1fr 1fr}
  .lightbox{padding:10px}
}


/* V41 MOBILE HEADER FIX — pe mobil headerul este alb de la primul frame,
   deci folosim permanent varianta închisă a logo-ului până și înainte de scroll. */
@media (max-width:900px){
  .site-header:not(.scrolled):not(.solid-start) .brand-approved-dark{
    opacity:1!important;
  }
  .site-header:not(.scrolled):not(.solid-start) .brand-approved-light{
    opacity:0!important;
  }
  .site-header:not(.scrolled) .main-nav>a:not(.nav-cta){
    color:var(--ink)!important;
  }
  .site-header:not(.scrolled) .nav-cta{
    background:var(--ink)!important;
    color:#fff!important;
  }
}


/* V41 MOBILE FIX 2 — force dark logo on white mobile header from first paint */
@media(max-width:900px){
  .site-header{background:#fff!important;box-shadow:0 1px 0 rgba(17,24,39,.10)!important}
  .site-header .brand-approved-dark{opacity:1!important;visibility:visible!important}
  .site-header .brand-approved-light{opacity:0!important;visibility:hidden!important}
  .site-header .menu-toggle{color:#111827!important}
}