
:root{--g:#66a629;--ink:#101315;--muted:#6d7375;--line:#e6e9e5;--soft:#f5f7f3}
*{box-sizing:border-box}.mfw-app{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.45}.mfw-app button{font:inherit;cursor:pointer}.mfw-head{height:92px;display:flex;align-items:center;justify-content:space-between;padding:14px max(5vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:30}.mfw-head img{max-height:62px;max-width:370px}.mfw-head-actions,.hero-actions,.viewer-tools,.ambient-actions{display:flex;gap:10px}.mfw-app button{background:var(--g);color:white;border:0;border-radius:999px;padding:12px 18px;font-weight:700}.mfw-app button.ghost,.mfw-head-actions .ghost{background:white;color:var(--ink);border:1px solid #cfd4cf}.mfw-hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px max(6vw,30px);gap:55px;background:linear-gradient(135deg,#fff 45%,#f0f5eb)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--g)}.mfw-hero h1{font-size:clamp(46px,6vw,84px);line-height:.98;margin:15px 0 24px;letter-spacing:-.055em}.mfw-hero h1 em{font-style:normal;color:var(--g)}.mfw-hero p{font-size:19px;color:var(--muted);max-width:650px}.hero-visual{display:flex;justify-content:center}.room{width:min(550px,90vw);height:480px;background:linear-gradient(#e8ece6 0 72%,#cbbba7 72%);position:relative;box-shadow:0 30px 70px #0002;overflow:hidden}.room:after{content:"";position:absolute;width:220px;height:80px;background:#b79f84;border-radius:20px;bottom:40px;left:45px;box-shadow:0 30px 0 #927c66}.window-demo{position:absolute;right:60px;top:50px;width:230px;height:320px;border:14px solid #2f3434;background:#bfe3ef;box-shadow:inset 0 0 0 4px #fff8}.window-demo:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:8px solid #2f3434}.pane{position:absolute;inset:0;background:linear-gradient(#b8dbe8,#e7f0e4)}.handle{position:absolute;width:5px;height:38px;background:#222;left:44%;top:48%;z-index:2}.proof{display:grid;grid-template-columns:repeat(5,1fr);padding:18px max(5vw,24px);border-block:1px solid var(--line);font-size:12px;font-weight:800;text-transform:uppercase;text-align:center}.proof span+span{border-left:1px solid var(--line)}.mfw-section{padding:80px max(6vw,30px)}.section-title{display:flex;gap:20px;align-items:flex-start;margin-bottom:38px}.section-title>span{color:var(--g);font-size:13px;font-weight:800}.section-title h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;margin:0}.section-title p{color:var(--muted);margin:8px 0}.path-grid,.family-grid,.wow-grid{display:grid;gap:18px}.path-grid{grid-template-columns:1fr 1fr}.path-grid article,.family-grid article,.wow-grid article{border:1px solid var(--line);padding:32px;border-radius:22px;background:#fff;transition:.25s}.path-grid article:hover,.family-grid article:hover,.wow-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 50px #0001;border-color:#bdd4aa}.path-grid b{font-size:11px;color:var(--g);letter-spacing:.1em}.path-grid h3,.family-grid h3,.wow-grid h3{font-size:27px;margin:12px 0 8px}.path-grid p,.family-grid p,.wow-grid p{color:var(--muted)}.path-grid article button{padding:0;background:none;color:var(--g)}.dark{background:#111514;color:white}.dark .section-title p,.dark .family-grid p,.dark small{color:#aeb5b0}.family-grid{grid-template-columns:repeat(3,1fr)}.dark .family-grid article{background:#191e1b;border-color:#2b312d}.mini-window{height:220px;width:150px;margin:0 auto 28px;border:13px solid #707774;background:linear-gradient(#b7d6df,#eaf0e8);position:relative}.mini-window.visible:after{content:"";position:absolute;inset:12px;border:7px solid #707774}.mini-window.hidden{border-width:8px}.mini-window.slider{width:270px;height:180px}.mini-window.slider:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:8px solid #707774}.config{background:#f7f8f5}.config-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px}.viewer,.controls{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.view-tabs{display:flex;gap:7px;margin-bottom:18px}.view-tabs button{background:#eef1ec;color:#555}.view-tabs button.active{background:var(--ink);color:#fff}.scene{height:510px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#e9eeea 0 75%,#d4c7b8 75%);position:relative;perspective:1000px;overflow:hidden}.frame{width:270px;height:330px;border:20px solid #f3f1e9;background:#bfe2ee;position:relative;transition:.3s;transform-style:preserve-3d;box-shadow:0 22px 45px #0002}.frame:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:12px solid currentColor}.glass{position:absolute;inset:0;background:linear-gradient(145deg,#d9f1f5,#a9d2df)}.frame-handle{position:absolute;left:44%;top:48%;width:5px;height:38px;background:#222;z-index:4}.measure{position:absolute;background:#fff;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:800}.mw{bottom:18px}.mh{left:14px;transform:rotate(-90deg)}.viewer-tools{margin-top:15px;flex-wrap:wrap}.controls{display:grid;gap:15px}.controls label{font-size:12px;font-weight:800;color:#4e5550}.controls input,.controls select{width:100%;margin-top:6px;padding:13px;border:1px solid #dce1dc;border-radius:12px;background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.smart-alert{padding:15px;border-radius:14px;background:#eef6e8;border:1px solid #cfe4be;color:#42602c;font-size:13px}.summary{background:#111514;color:#fff;border-radius:18px;padding:20px}.summary p{color:#c8ceca}.summary strong{display:block;border-top:1px solid #333;padding-top:12px}.summary em{font-style:normal;color:#9fd46f}.wow-grid{grid-template-columns:repeat(4,1fr)}.wow-grid article>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf5e7;color:var(--g);font-weight:900;font-size:18px}.consultant{background:linear-gradient(135deg,#eef6e8,#fff);text-align:center}.consultant h2{font-size:clamp(34px,4vw,58px);margin:12px auto;max-width:800px}.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:28px 0}.chips button{background:#fff;color:#222;border:1px solid #d4ddd0}.advice{max-width:800px;margin:auto;background:#fff;border:1px solid #dbe5d6;border-radius:18px;padding:22px;font-weight:700}.modal{position:fixed;inset:0;background:#000a;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{width:min(900px,96vw);background:#fff;border-radius:25px;padding:28px;position:relative}.close{position:absolute;right:18px;top:18px!important;width:42px;height:42px;padding:0!important;background:#111!important}.ambient{height:430px;margin:20px 0;background:#eee;overflow:hidden}.wall{height:100%;background:linear-gradient(#eeeae1 0 76%,#cbb69d 76%);position:relative;transition:.3s}.ambient-window{position:absolute;left:50%;top:35px;transform:translateX(-50%);width:270px;height:300px;border:18px solid #f3f1e9;background:#b7dce8}.ambient-window:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:10px solid #f3f1e9}.sofa{position:absolute;left:80px;bottom:35px;width:250px;height:85px;background:#9b8c7b;border-radius:20px}.sofa:after{content:"";position:absolute;inset:auto 15px -28px;height:38px;background:#7d7062;border-radius:12px}
@media(max-width:900px){.mfw-hero,.config-grid{grid-template-columns:1fr}.proof{grid-template-columns:1fr 1fr}.proof span{padding:8px}.proof span+span{border:0}.family-grid,.wow-grid{grid-template-columns:1fr 1fr}.mfw-head-actions{display:none}.mfw-head img{max-width:250px}.scene{height:420px}}
@media(max-width:600px){.mfw-head{height:74px}.mfw-head img{max-width:210px}.mfw-hero{padding:45px 22px;min-height:auto}.mfw-section{padding:55px 22px}.path-grid,.family-grid,.wow-grid,.two{grid-template-columns:1fr}.proof{grid-template-columns:1fr}.room{height:360px}.scene{height:380px}.viewer,.controls{padding:15px}.section-title h2{font-size:36px}.ambient{height:350px}}

.family-photo{width:100%;height:250px;object-fit:cover;border-radius:15px;margin-bottom:22px;background:#fff}
.family-photo.product-cover{object-fit:contain;padding:18px}
.crop-mid{object-position:50% 50%}
.product-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-gallery article{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.25s}
.product-gallery article:hover{transform:translateY(-5px);box-shadow:0 18px 50px #0001}
.product-gallery img{width:100%;height:265px;object-fit:contain;background:#f7f8f7;padding:18px}
.product-gallery article>div{padding:22px}.product-gallery b{font-size:10px;letter-spacing:.12em;color:var(--g)}
.product-gallery h3{font-size:27px;margin:7px 0}.product-gallery p{color:var(--muted);min-height:42px}.product-gallery button{padding:0;background:transparent;color:var(--g)}
.inspiration{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;background:#f3f6f0}
.inspiration h2{font-size:clamp(38px,5vw,65px);line-height:1;margin:12px 0 20px;letter-spacing:-.05em}
.inspiration p{font-size:18px;color:var(--muted)}.inspiration img{width:100%;border-radius:24px;box-shadow:0 20px 50px #0001}
@media(max-width:900px){.product-gallery{grid-template-columns:1fr 1fr}.inspiration{grid-template-columns:1fr}}
@media(max-width:600px){.product-gallery{grid-template-columns:1fr}.product-gallery img{height:230px}}

.extras{border:1px solid #dce1dc;border-radius:14px;padding:12px 14px}.extras summary{font-weight:800;cursor:pointer}.extras label{display:flex!important;align-items:center;gap:8px;margin-top:10px}.extras input{width:auto!important;margin:0!important}
.price-lines{display:grid;gap:7px;margin:12px 0;padding:12px 0;border-block:1px solid #333}.price-lines span{display:flex;justify-content:space-between;gap:15px;color:#c8ceca;font-size:12px}.price-lines b{color:#fff}.price-summary small{display:block;margin-top:8px;color:#9ba39e;line-height:1.35}

.section-card{max-width:1050px}.section-explorer{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}.profile-cut{height:470px;position:relative;border-radius:24px;background:linear-gradient(135deg,#eef2ee,#dfe5df);overflow:hidden;border:1px solid #d5ddd5}.profile-cut .layer{position:absolute;cursor:pointer;transition:.2s;box-shadow:inset 0 0 0 2px #ffffff99}.profile-cut .layer:hover{transform:scale(1.025);z-index:10}.profile-cut span{position:absolute;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#66a629;color:#fff;font-weight:900;box-shadow:0 5px 15px #0003}.profile-cut .frame{left:7%;top:8%;width:86%;height:84%;border:48px solid #303632;background:transparent}.profile-cut .frame span{left:-35px;top:-35px}.profile-cut .sash{left:23%;top:20%;width:58%;height:60%;border:27px solid #5a625d;background:transparent}.profile-cut .sash span{right:-20px;top:-20px}.profile-cut .glass{left:34%;top:29%;width:36%;height:43%;background:linear-gradient(135deg,#cde8edaa,#eefaff88);border:8px solid #a5bec2}.profile-cut .glass span{right:8px;top:8px}.profile-cut .spacer{left:31%;top:26%;width:42%;height:49%;border:5px solid #9f8c5d;background:transparent}.profile-cut .spacer span{left:-15px;bottom:-15px}.profile-cut .hardware{right:17%;top:43%;width:13px;height:92px;background:#171b19;border-radius:6px}.profile-cut .hardware span{left:-8px;top:30px}.profile-cut .node{left:2%;bottom:2%;width:96%;height:20px;background:#aeb6af}.profile-cut .node span{left:45%;top:-5px}.section-explorer aside h3{font-size:34px;margin:12px 0}.section-explorer aside p{font-size:16px;line-height:1.6;color:var(--muted)}.section-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.section-pills button{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:999px}.section-pills button.active{background:var(--g);color:#fff;border-color:var(--g)}
@media(max-width:760px){.section-explorer{grid-template-columns:1fr}.profile-cut{height:350px}}

/* V6 PREMIUM VISUAL SYSTEM */
:root{--g:#66a629;--g2:#8ac653;--ink:#0d120f;--muted:#68706b;--line:#e4e8e3;--soft:#f6f8f5;--radius:28px}
html{scroll-behavior:smooth}.myfinestre-fullscreen{overflow-x:hidden}
.mfw-app{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}
.mfw-head{height:88px;background:#ffffffea;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #1111;box-shadow:0 10px 35px #00000008}
.mfw-site-nav{display:flex;gap:3px;align-items:center}.mfw-site-nav button{background:transparent;color:#303733;padding:10px 13px;font-size:13px}.mfw-site-nav button:hover{background:#f1f4f0;color:#111}
.mfw-head-actions button,.hero-actions button{box-shadow:0 9px 25px #66a62928;transition:.25s}.mfw-head-actions button:hover,.hero-actions button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #66a62938}
.mfw-hero{min-height:780px;position:relative;overflow:hidden;background:
 radial-gradient(circle at 80% 20%,#89b76825 0,transparent 27%),
 radial-gradient(circle at 18% 90%,#66a62914 0,transparent 25%),
 linear-gradient(135deg,#ffffff 0%,#f7faf5 47%,#eef4e9 100%);padding-top:85px;padding-bottom:85px}
.mfw-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#00000007 1px,transparent 1px),linear-gradient(90deg,#00000007 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,#000 55%,#000)}
.hero-copy{position:relative;z-index:2}.mfw-hero h1{font-weight:760;max-width:780px}.mfw-hero p{font-size:20px;line-height:1.65;max-width:680px}.hero-metrics{display:flex;gap:34px;margin-top:42px;padding-top:28px;border-top:1px solid #1a221a18;max-width:650px}.hero-metrics div{display:grid;gap:2px}.hero-metrics b{font-size:23px}.hero-metrics span{font-size:12px;color:#6f7772}
.premium-stage{position:relative;min-height:585px;align-items:center}.stage-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:#6da23b20;filter:blur(50px)}
.stage-card{position:relative;z-index:2;background:#101512;border:1px solid #ffffff1f;border-radius:32px;padding:13px;box-shadow:0 38px 90px #16201332,0 8px 25px #0002;transform:rotate(1deg);width:min(510px,92%)}
.stage-main .room{width:100%;height:430px;border-radius:22px;box-shadow:none}.stage-label{display:inline-flex;color:#acd98a;font-size:10px;font-weight:900;letter-spacing:.13em;padding:7px 5px 12px}.stage-caption{color:#fff;padding:16px 9px 8px;display:flex;justify-content:space-between;gap:14px;align-items:center}.stage-caption b{font-size:15px}.stage-caption span{font-size:11px;color:#aeb6b0}
.floating-card{position:absolute;z-index:4;background:#ffffffee;backdrop-filter:blur(15px);border:1px solid #fff;border-radius:17px;padding:13px 17px;display:flex;gap:12px;align-items:center;box-shadow:0 18px 45px #0002;animation:mfwFloat 5s ease-in-out infinite}.floating-card>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#edf5e7;color:#5d9533;font-size:10px;font-weight:900}.floating-card b{display:block;font-size:12px}.floating-card small{display:block;color:#7e8681;font-size:10px;margin-top:2px}.fc-one{left:-4%;top:12%}.fc-two{right:-5%;top:48%;animation-delay:1.2s}.fc-three{left:4%;bottom:2%;animation-delay:2.2s}
@keyframes mfwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.proof{background:#101512;color:#e6ebe7;border:0;padding:21px max(5vw,24px)}.proof span{opacity:.9}.proof span+span{border-color:#ffffff1b}
.mfw-section{position:relative}.section-title>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef5e9}.section-title h2{font-weight:730}
.path-grid article,.family-grid article,.wow-grid article,.product-gallery article,.viewer,.controls{box-shadow:0 8px 28px #00000008}.path-grid article:hover,.family-grid article:hover,.wow-grid article:hover,.product-gallery article:hover{box-shadow:0 28px 70px #111a1020;transform:translateY(-8px)}
.family-grid article{overflow:hidden}.family-photo{transition:.45s}.family-grid article:hover .family-photo{transform:scale(1.035)}
.product-gallery article{border-radius:26px}.product-gallery img{transition:.45s}.product-gallery article:hover img{transform:scale(1.04)}
.config{background:linear-gradient(180deg,#f4f7f2,#fff)}.viewer,.controls{border-radius:28px}.scene{border-radius:21px;box-shadow:inset 0 0 0 1px #fff8}
.wow-grid article{min-height:230px}.consultant{background:radial-gradient(circle at 50% 0,#e4f1d9,#f7faf5 45%,#fff)}
@media(max-width:1100px){.mfw-site-nav{display:none}.fc-one{left:0}.fc-two{right:0}}
@media(max-width:900px){.mfw-hero{min-height:auto}.premium-stage{min-height:520px}.stage-main .room{height:370px}}
@media(max-width:600px){.mfw-hero{padding-top:55px}.hero-metrics{gap:18px;justify-content:space-between}.hero-metrics b{font-size:18px}.premium-stage{min-height:430px}.stage-main .room{height:300px}.floating-card{padding:9px 11px}.fc-one{top:4%}.fc-two{top:auto;bottom:18%}.fc-three{bottom:1%}.stage-caption{display:block}.stage-caption span{display:block;margin-top:4px}}


/* =========================================================
   V8 — ARCHITECTURAL LUXURY / REAL PHOTO EXPERIENCE
   ========================================================= */
:root{
 --mfw-black:#111412;--mfw-charcoal:#252a27;--mfw-stone:#f2f0eb;--mfw-ivory:#fbfaf7;
 --mfw-line:#deded8;--mfw-green:#6a9e42;--mfw-green-dark:#4f7b31;--mfw-warm:#a29381;
}
.mfw-app{background:var(--mfw-ivory);color:var(--mfw-black)}
.mfw-app h1,.mfw-app h2,.mfw-app h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}
.mfw-head{height:96px;background:rgba(251,250,247,.94);border-bottom:1px solid #171a1814;box-shadow:none}
.mfw-site-nav button{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#454b47}
.mfw-head-actions button,.hero-actions button{border-radius:3px!important;box-shadow:none!important;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.mfw-head-actions .ghost,.hero-actions .ghost{border-color:#bfc4bf;background:transparent!important}
.mfw-hero{
 background:linear-gradient(90deg,#f8f6f1 0 52%,#ece9e2 52% 100%);
 min-height:800px;padding-top:100px;
}
.mfw-hero:before{display:none}
.mfw-hero h1{font-size:clamp(58px,6.3vw,96px);line-height:.93;max-width:830px}
.mfw-hero h1 em{font-style:italic;color:#5b695f}
.mfw-hero p{font-size:18px;max-width:620px;color:#676d68}
.hero-metrics{border-top:1px solid #77736a30}
.stage-card{background:#111512;border-radius:4px;padding:10px;transform:none;box-shadow:0 35px 70px #16191325}
.stage-main .room.real-room{height:500px;border-radius:1px;background:
 linear-gradient(#0000,#0000),
 url("https://images.unsplash.com/photo-1771371097061-3befd4b71b59?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000") center/cover no-repeat}
.hero-window-overlay{position:absolute;left:13%;top:27%;width:19%;height:43%;border:12px solid #181b19;box-shadow:0 4px 12px #0003;pointer-events:none}
.hero-window-glass{position:absolute;inset:0;background:#b9d1d72d;backdrop-filter:brightness(1.04)}
.hero-window-handle{position:absolute;right:10px;top:45%;width:4px;height:34px;background:#303330}
.stage-main .room{position:relative;overflow:hidden}
.stage-label{color:#d8e6cf}.stage-caption{font-family:Georgia,"Times New Roman",serif}
.floating-card{border-radius:3px;box-shadow:0 14px 34px #0002;background:#fbfaf7f0}
.proof{background:#171a18;color:#f4f3ee}
.mfw-section{padding-top:85px;padding-bottom:85px}
.section-title h2{font-size:clamp(42px,5vw,70px)}
.path-grid article,.family-grid article,.product-gallery article,.wow-grid article,.viewer,.controls{border-radius:4px!important;box-shadow:none;border-color:#d9dbd6}
.path-grid article:hover,.family-grid article:hover,.product-gallery article:hover,.wow-grid article:hover{transform:none;box-shadow:0 25px 50px #10141012}
.dark{background:#171a18}.dark .section-title h2,.dark .section-title p{color:#f8f6f1}
.family-grid article{border-radius:2px!important}
.family-photo{border-radius:0!important;height:320px}
.product-gallery article{border-radius:2px}.product-gallery img{height:310px}
.config{background:#efede7}
.viewer,.controls{background:#fff;border:1px solid #d8dad6;border-radius:3px!important}
.scene{border-radius:0!important;background:#e6e2da!important}
.view-tabs button,.viewer-tools button,.controls button{border-radius:2px}
.smart-alert,.summary{border-radius:2px}

/* Photo-card configurator */
.mfw-native-control,.mfw-native-colors{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mfw-control-group{margin:0 0 24px}
.mfw-control-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6b716d;margin-bottom:9px}
.mfw-choice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mfw-choice-cards button{padding:0!important;background:#fff!important;border:1px solid #dfe2dd!important;color:#1e231f!important;text-align:left;overflow:hidden}
.mfw-choice-cards button.active{border-color:#1c211e!important;box-shadow:inset 0 0 0 1px #1c211e}
.mfw-choice-cards img{width:100%;height:95px;object-fit:contain;background:#f4f5f2;padding:8px}
.mfw-choice-cards button span,.mfw-choice-cards button>b{display:block;padding:9px 10px}
.mfw-choice-cards b{font-size:11px}.mfw-choice-cards small{display:block;color:#7b827d;font-size:9px;margin-top:2px}
.series-choice-cards{grid-template-columns:repeat(3,1fr)}
.series-choice-cards img{height:82px}
.mfw-opening-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:280px;overflow:auto;padding-right:3px}
.mfw-opening-card{display:grid!important;grid-template-columns:70px 1fr;gap:10px;align-items:center;padding:9px!important;background:#fff!important;border:1px solid #dfe2dd!important;color:#2c322e!important;text-align:left!important}
.mfw-opening-card.active{border-color:#1c211e!important;box-shadow:inset 0 0 0 1px #1c211e}
.mfw-opening-card>span:last-child{font-size:9px;line-height:1.25}
.opening-visual{display:flex;height:62px;background:#edf0ec;border:7px solid #343a36;padding:3px;gap:3px}
.opening-visual i{flex:1;border:1px solid #bfc9c5;background:linear-gradient(150deg,#d5e3e5,#f8fbfb)}
.opening-visual.slide i:first-child{transform:translateX(3px)}
.opening-visual.triple{border-width:5px}
.mfw-color-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mfw-color-columns>div>b{display:block;font-size:11px;margin-bottom:7px}
.mfw-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mfw-swatch{padding:4px!important;background:#fff!important;border:1px solid #dedfdb!important;color:#303631!important}
.mfw-swatch.active{border-color:#111!important;box-shadow:inset 0 0 0 1px #111}
.mfw-swatch i{display:block;height:34px;background:var(--sw);border:1px solid #00000014}
.mfw-swatch span{display:block;font-size:8px;padding-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Real photo ambientator */
.real-ambient-modal{background:#0d0f0edb;backdrop-filter:blur(10px)}
.real-ambient-card{max-width:1180px!important;width:min(94vw,1180px)!important;border-radius:3px!important;background:#f7f5f0!important;padding:28px!important}
.ambient-head{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end;margin-bottom:18px}
.ambient-head h2{font-size:48px;margin:7px 0}.ambient-head p{max-width:680px;color:#686e69}
.upload-house{display:flex;align-items:center;justify-content:center;background:#171a18;color:#fff;padding:13px 18px;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.upload-house input{display:none}
.ambient-real{position:relative;height:min(68vh,670px);overflow:hidden;background:#ddd;border:1px solid #c8cac6}
.ambient-real-photo{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.94) contrast(1.02)}
.ambient-window-real{position:absolute;left:52%;top:50%;width:25%;height:52%;transform:translate(-50%,-50%);border:18px solid #2d322f;box-sizing:border-box;box-shadow:0 8px 28px #0005;cursor:move;touch-action:none}
.ambient-window-real:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:6px solid currentColor;transform:translateX(-50%)}
.ambient-glass-real{position:absolute;inset:0;background:#c5dde11e;backdrop-filter:brightness(1.03)}
.ambient-handle-real{position:absolute;right:12px;top:47%;width:5px;height:38px;background:#262b28;z-index:3}
.resize-grip{position:absolute!important;right:-13px!important;bottom:-13px!important;width:26px!important;height:26px!important;background:#fff!important;border:2px solid #111!important;cursor:nwse-resize!important}
.ambient-instructions{position:absolute;left:18px;bottom:18px;background:#111b;color:#fff;padding:8px 12px;font-size:10px;letter-spacing:.04em}
.ambient-real-toolbar{display:flex;justify-content:space-between;gap:15px;margin-top:14px;flex-wrap:wrap}
.ambient-scenes,.ambient-view-switch{display:flex;gap:7px;flex-wrap:wrap}
.ambient-scenes button,.ambient-view-switch button{border-radius:1px!important;padding:10px 14px!important;background:#fff!important;color:#2c312e!important;border:1px solid #d1d4cf!important}
.ambient-scenes button.active,.ambient-view-switch button.active{background:#171a18!important;color:#fff!important;border-color:#171a18!important}

/* Make 3D/technology cards serious */
.wow{background:#f8f7f3}
.wow-grid article{border-radius:2px!important;min-height:260px;padding-top:34px}
.wow-grid article>span{background:#171a18!important;color:#fff!important;border-radius:0!important;font-family:Georgia,serif}

/* Responsive */
@media(max-width:900px){
 .mfw-hero{background:#f8f6f1}
 .stage-main .room.real-room{height:390px}
 .mfw-choice-cards,.series-choice-cards{grid-template-columns:repeat(2,1fr)}
 .ambient-head{grid-template-columns:1fr}.ambient-real{height:540px}
}
@media(max-width:600px){
 .mfw-choice-cards,.series-choice-cards,.mfw-opening-cards,.mfw-color-columns{grid-template-columns:1fr}
 .ambient-real{height:430px}.ambient-head h2{font-size:36px}
 .ambient-window-real{border-width:12px}
}

/* V9 catalog interaction + visual finish samples */
.mfw-swatch i{
 background-color:var(--sw)!important;
 background-size:cover!important;
 background-position:center!important;
 min-height:48px!important;
 box-shadow:inset 0 0 0 1px #00000016;
}
.mfw-swatch:hover,.mfw-choice-cards button:hover,.mfw-opening-card:hover{
 transform:translateY(-2px);
 box-shadow:0 10px 24px #10141012!important;
}
.mfw-choice-cards button,.mfw-opening-card,.mfw-swatch{cursor:pointer!important}
.mfw-choice-cards button.active,.mfw-opening-card.active,.mfw-swatch.active{
 outline:2px solid #1c211e!important;
 outline-offset:-2px;
}

/* =========================================================
   V10 — VISUAL CATALOG / GLASS / FINISH / AUTO AMBIENTATOR
   ========================================================= */

/* Distinct opening thumbnails */
.mfw-opening-card{
 grid-template-columns:120px 1fr!important;
 min-height:112px!important;
}
.opening-visual-pro{
 width:108px;height:92px;display:flex;position:relative;align-items:stretch;gap:4px;
 padding:8px;border:8px solid #303733;background:#edf3f2;box-sizing:border-box;
 box-shadow:inset 0 0 0 1px #aebbb8;
}
.opening-visual-pro.is-door{height:100px}
.opening-visual-pro.is-hidden{border-width:5px}
.opening-visual-pro.is-multi{width:114px}
.opening-visual-pro .ov-pane{
 flex:1;position:relative;border:1px solid #a8b8b5;
 background:linear-gradient(150deg,#d8e5e7 0%,#f5f8f8 50%,#c8dadd 100%);
}
.opening-visual-pro .ov-pane b{position:absolute;inset:0}
.opening-visual-pro:not(.is-fixed):not(.is-sliding) .ov-pane b:before,
.opening-visual-pro:not(.is-fixed):not(.is-sliding) .ov-pane b:after{
 content:"";position:absolute;left:50%;top:8%;width:1px;height:84%;
 background:#8da09d;transform-origin:center;
}
.opening-visual-pro:not(.is-fixed):not(.is-sliding) .ov-pane b:before{transform:rotate(32deg)}
.opening-visual-pro:not(.is-fixed):not(.is-sliding) .ov-pane b:after{transform:rotate(-32deg)}
.opening-visual-pro.is-wasistas .ov-pane b:before{left:10%;top:18%;width:80%;height:1px;transform:rotate(23deg)}
.opening-visual-pro.is-wasistas .ov-pane b:after{left:10%;top:18%;width:80%;height:1px;transform:rotate(-23deg)}
.opening-visual-pro.is-sliding .ov-pane{box-shadow:4px 0 0 #303733}
.opening-visual-pro.is-low-threshold{border-bottom-width:3px}
.opening-visual-pro .ov-handle{
 position:absolute;right:12px;top:45%;width:3px;height:20px;background:#303733;border-radius:3px;
}
.opening-visual-pro.is-fixed .ov-handle{display:none}
.opening-visual-pro small{
 position:absolute;left:-8px;right:-8px;bottom:-25px;text-align:center;font-size:8px;
 letter-spacing:.08em;font-weight:800;color:#59615d;
}

/* Photo-style glass & finish cards */
.mfw-material-cards{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
.mfw-material-card{
 padding:0!important;background:#fff!important;border:1px solid #dfe1dd!important;
 color:#202521!important;text-align:left!important;overflow:hidden;cursor:pointer!important;
}
.mfw-material-card.active{
 outline:2px solid #171b18!important;outline-offset:-2px;
}
.mfw-material-card img{
 width:100%;height:94px;object-fit:cover;display:block;background:#eef2f0;
}
.mfw-material-card span{display:block;padding:9px 10px}
.mfw-material-card b{font-size:10px;display:block}
.mfw-material-card small{display:block;margin-top:3px;color:#777e79;font-size:8px;line-height:1.3}

/* Ambientator: the selected configuration itself */
.ambient-window-real{
 display:flex!important;
 align-items:stretch!important;
 padding:0!important;
 border-style:solid!important;
 background:transparent!important;
}
.ambient-window-panes{
 position:absolute;inset:0;display:flex;gap:5px;padding:5px;z-index:2;
}
.ambient-pane{
 flex:1;position:relative;border:3px solid currentColor;
 background:rgba(180,211,218,.13);
 box-shadow:inset 0 0 0 1px #ffffff42;
}
.ambient-pane b{position:absolute;inset:0}
.ambient-pane:not(.is-fixed):not(.is-sliding) b:before,
.ambient-pane:not(.is-fixed):not(.is-sliding) b:after{
 content:"";position:absolute;left:50%;top:4%;width:2px;height:92%;
 background:currentColor;opacity:.34;transform-origin:center;
}
.ambient-pane:not(.is-fixed):not(.is-sliding) b:before{transform:rotate(29deg)}
.ambient-pane:not(.is-fixed):not(.is-sliding) b:after{transform:rotate(-29deg)}
.ambient-pane.is-wasistas b:before{left:8%;top:15%;width:84%;height:2px;transform:rotate(19deg)}
.ambient-pane.is-wasistas b:after{left:8%;top:15%;width:84%;height:2px;transform:rotate(-19deg)}
.ambient-pane.is-sliding{box-shadow:5px 0 0 currentColor}
.ambient-window-real.ambient-hidden{border-width:10px!important}
.ambient-window-real.ambient-door{bottom:auto}
.ambient-glass-real{z-index:1}
.ambient-window-real.glass-satin .ambient-glass-real{
 background:rgba(238,242,241,.62)!important;backdrop-filter:blur(5px) brightness(1.05)!important;
}
.ambient-window-real.glass-triple .ambient-glass-real{
 box-shadow:inset 0 0 0 3px #d7e5e8,inset 0 0 0 6px #ffffff35;
}
.ambient-window-real.glass-none .ambient-glass-real{background:transparent!important;backdrop-filter:none!important}
.ambient-config-badge{
 position:absolute;right:18px;top:18px;z-index:8;max-width:52%;
 background:#111c;color:#fff;padding:8px 12px;font-size:9px;letter-spacing:.04em;
}
.ambient-handle-real{z-index:5!important}

/* Improve product card discrimination */
.mfw-opening-card>span:last-child{
 font-size:10px!important;line-height:1.28!important;font-weight:700;
}
@media(max-width:620px){
 .mfw-opening-card{grid-template-columns:96px 1fr!important}
 .opening-visual-pro{width:88px}
 .mfw-material-cards{grid-template-columns:1fr}
}

.ambient-calibrated-badge{position:absolute;left:18px;top:18px;z-index:8;background:#f7f7f2e8;color:#1c211e;padding:8px 11px;border:1px solid #d9ddd7;font-size:9px;font-weight:800;backdrop-filter:blur(8px)}
.ambient-window-real{transform-origin:center center!important;transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease,opacity .22s ease,transform .28s ease!important}
.ambient-window-real.ambient-before{opacity:0!important;pointer-events:none!important}
.ambient-window-real[data-perspective="outside"]{filter:drop-shadow(0 5px 7px #0003)}
.ambient-window-real[data-perspective="inside"]{filter:drop-shadow(0 3px 5px #0002)}

/* V13 - aggancio automatico al vano pre-calibrato */
.ambient-window-real{
  transform:none!important;
  transform-origin:top left!important;
}
.ambient-instructions{
  font-weight:700;
}

/* =========================================================
   V14 — RENDERING SERRAMENTO REALISTICO PER AMBIENTATORE
   ========================================================= */
.ambient-realistic-badge{
 position:absolute;right:18px;top:18px;z-index:9;
 background:rgba(27,31,29,.86);color:#fff;padding:8px 11px;
 font-size:9px;font-weight:800;letter-spacing:.04em;
 backdrop-filter:blur(8px)
}
#ambient-window-real{
 border:none!important;
 background:transparent!important;
 box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
 overflow:visible!important
}
#ambient-window-panes{
 position:absolute;inset:0;display:flex;gap:0;background:transparent
}
.ambient-real-pane{
 position:relative;flex:1;height:100%;
 box-sizing:border-box;
 border:var(--af-frame,14px) solid var(--af-color,#333);
 background:transparent;
 box-shadow:
   inset 0 0 0 1px rgba(255,255,255,.16),
   inset 0 0 0 3px rgba(0,0,0,.08),
   0 2px 5px rgba(0,0,0,.18)
}
.ambient-real-pane + .ambient-real-pane{
 border-left-width:var(--af-mullion,11px)
}
.is-hidden-sash .ambient-real-pane{
 border-width:clamp(5px,5.2%,13px)
}
.is-slide .ambient-real-pane{
 border-width:clamp(5px,4.6%,12px)
}
.ambient-real-glass{
 position:absolute;
 left:var(--af-sash,9px);right:var(--af-sash,9px);top:var(--af-sash,9px);bottom:var(--af-sash,9px);
 background:
   linear-gradient(115deg,rgba(255,255,255,.18),rgba(255,255,255,.02) 44%,rgba(144,185,200,.10) 76%,rgba(255,255,255,.12));
 box-shadow:
   inset 0 0 0 1px rgba(255,255,255,.28),
   inset 0 0 20px rgba(178,211,222,.08)
}
.ambient-real-sash{
 position:absolute;
 left:clamp(3px,2.3%,8px);right:clamp(3px,2.3%,8px);
 top:clamp(3px,2.3%,8px);bottom:clamp(3px,2.3%,8px);
 border:3px solid var(--af-color,#333);
 pointer-events:none
}
.ambient-real-handle{
 position:absolute;right:5.5%;top:48%;
 width:4px;height:17%;min-height:18px;max-height:48px;
 border-radius:2px;background:#d8d8d4;
 box-shadow:0 0 0 1px rgba(0,0,0,.36),1px 2px 3px rgba(0,0,0,.24);
 z-index:4
}
.ambient-real-handle:after{
 content:"";position:absolute;right:-8px;top:1px;width:11px;height:3px;
 border-radius:2px;background:#d8d8d4;box-shadow:0 0 0 1px rgba(0,0,0,.25)
}
.ambient-real-handle-lift{
 width:5px;height:23%;top:43%
}
.ambient-open-line{
 position:absolute;left:8%;right:8%;top:8%;bottom:8%;pointer-events:none;opacity:.24
}
.ambient-open-line.diag-a{border-top:1px solid rgba(20,25,24,.55);transform:skewY(38deg)}
.ambient-open-line.diag-b{border-top:1px solid rgba(20,25,24,.55);transform:skewY(-38deg)}
.ambient-open-line.l1{border-left:1px solid rgba(20,25,24,.55);transform:skewX(35deg)}
.ambient-open-line.l2{border-right:1px solid rgba(20,25,24,.55);transform:skewX(-35deg)}
#ambient-window-real.glass-satin .ambient-real-glass{
 background:rgba(233,236,232,.70);
 backdrop-filter:blur(3px)
}
#ambient-window-real.glass-triple .ambient-real-glass{
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.40),inset 0 0 0 3px rgba(110,145,155,.08),inset 0 0 20px rgba(178,211,222,.12)
}
#ambient-window-real.glass-none .ambient-real-glass{background:transparent;box-shadow:none}

/* =========================================================
   V15 — FIX RENDERER AMBIENTATORE
   ========================================================= */
#ambient-window-real{
  display:block!important;
  position:absolute!important;
  z-index:12!important;
  opacity:1;
}
#ambient-window-panes{
  display:flex!important;
  position:absolute!important;
  inset:0!important;
  z-index:13!important;
  opacity:1!important;
}
#ambient-window-panes > .ambient-pane{
  display:none!important; /* vecchio renderer disattivato */
}
#ambient-window-panes > .ambient-real-pane{
  display:block!important;
  opacity:1!important;
}
#ambient-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  z-index:1!important;
}

/* V16 — fix livello foto ambientatore */
#ambient-real{position:relative!important;overflow:hidden!important}
#ambient-photo{pointer-events:none!important}
#ambient-window-real{z-index:12!important}
#ambient-config-badge,
#ambient-calibrated-badge,
#ambient-realistic-badge,
#ambient-instructions{z-index:20!important}

/* =========================================================
   V17 — INSERIMENTO AUTOMATICO VISIBILE E CALIBRATO
   ========================================================= */
#ambient-photo{
  background-size:100% 100%!important;
  background-position:center center!important;
}
#ambient-window-real{
  visibility:visible!important;
  isolation:isolate!important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.28))!important;
}
#ambient-window-panes{
  overflow:visible!important;
}
#ambient-window-panes > .ambient-real-pane{
  border-color:var(--af-color,#333)!important;
  outline:1px solid var(--af-edge,rgba(45,49,47,.5))!important;
  outline-offset:-1px!important;
  box-shadow:
    inset 0 0 0 1px var(--af-edge,rgba(45,49,47,.35)),
    inset 0 0 0 3px rgba(255,255,255,.12),
    0 3px 9px rgba(0,0,0,.24)!important;
}
.ambient-real-sash{
  box-shadow:0 0 0 1px var(--af-edge,rgba(45,49,47,.35))!important;
}
.ambient-real-glass{
  background:
    linear-gradient(120deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 38%,rgba(108,160,180,.12) 68%,rgba(255,255,255,.18))!important;
}

/* =========================================================
   V18 — FIX DEFINITIVO AVVIO RENDERER
   ========================================================= */
#ambient-window-real:after{
  display:none!important;
}
#ambient-window-real{
  min-width:70px!important;
  min-height:100px!important;
}
.ambient-fallback-pane{
  width:100%!important;
  height:100%!important;
  border:8px solid var(--af-color,#3d3d3d)!important;
  box-sizing:border-box!important;
}

/* =========================================================
   V19 — RIMOZIONE OVERLAY TRASPARENTE LEGACY
   ========================================================= */
#ambient-window-real > .ambient-glass-real,
#ambient-window-real > .ambient-handle-real{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* The environment photo must remain untouched behind the actual frame. */
#ambient-window-real{
  background:transparent!important;
  backdrop-filter:none!important;
}
.ambient-real-pane{
  background:transparent!important;
}
.ambient-real-glass{
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18)!important;
}

/* Only satin glass gets a translucent treatment. */
#ambient-window-real.glass-satin .ambient-real-glass{
  background:rgba(235,239,237,.58)!important;
  backdrop-filter:blur(3px)!important;
}
#ambient-window-real.glass-triple .ambient-real-glass{
  background:transparent!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.24),
    inset 0 0 0 3px rgba(135,166,176,.09)!important;
}
#ambient-window-real.glass-none .ambient-real-glass{
  background:transparent!important;
  box-shadow:none!important;
}

/* =========================================================
   V20 — SINCRONIZZAZIONE COLORE AMBIENTATORE
   ========================================================= */
#ambient-window-panes > .ambient-real-pane{
  border-color:var(--af-color,#3d3d3d)!important;
}
#ambient-window-panes .ambient-real-sash{
  border-color:var(--af-color,#3d3d3d)!important;
  background:transparent!important;
}
#ambient-window-panes .ambient-real-pane::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  box-shadow:inset 0 0 0 2px var(--af-color,#3d3d3d);
  opacity:.92;
}
#ambient-window-panes .ambient-real-glass{
  background:transparent!important;
}
#ambient-window-real.glass-satin .ambient-real-glass{
  background:rgba(235,239,237,.58)!important;
}

/* =========================================================
   V21 — FIX REALE COLORE PROFILO
   ========================================================= */
/* Percentuali su border-width non sono valide: ora tutti i profili usano px. */
#ambient-window-panes > .ambient-real-pane{
  border-style:solid!important;
  border-width:var(--af-frame,14px)!important;
  border-color:var(--af-color,#3d3d3d)!important;
}
#ambient-window-panes > .ambient-real-pane + .ambient-real-pane{
  border-left-width:var(--af-mullion,11px)!important;
}
#ambient-window-real.is-hidden-sash .ambient-real-pane{
  border-width:12px!important;
  border-color:var(--af-color,#3d3d3d)!important;
}
#ambient-window-real.is-slide .ambient-real-pane{
  border-width:13px!important;
  border-color:var(--af-color,#3d3d3d)!important;
}
#ambient-window-panes .ambient-real-sash{
  left:var(--af-sash,9px)!important;
  right:var(--af-sash,9px)!important;
  top:var(--af-sash,9px)!important;
  bottom:var(--af-sash,9px)!important;
  border:3px solid var(--af-color,#3d3d3d)!important;
}

/* =========================================================
   V22 — CONTROLLI FUNZIONALI + RIFERIMENTO REALE SERIE
   ========================================================= */
.viewer-tools button{position:relative}
.viewer-tools button.is-active,
.viewer-tools button.is-confirmed{box-shadow:0 0 0 3px rgba(102,166,41,.20),0 8px 22px rgba(0,0,0,.12)}
.real-profile-ref{
 position:absolute;right:16px;bottom:16px;z-index:7;
 width:210px;display:flex;gap:10px;align-items:center;
 background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.10);
 padding:8px;box-shadow:0 10px 28px rgba(0,0,0,.14);
 backdrop-filter:blur(8px)
}
.real-profile-ref img{width:72px;height:72px;object-fit:cover;display:block}
.real-profile-ref div{display:flex;flex-direction:column;min-width:0}
.real-profile-ref small{font-size:8px;letter-spacing:.11em;font-weight:900;color:var(--g)}
.real-profile-ref b{font-size:12px;line-height:1.2;margin:2px 0}
.real-profile-ref span{font-size:9px;line-height:1.2;color:#68706b}
.compare-panel{
 margin-top:14px;border:1px solid var(--line);background:#f8faf7;
 padding:16px;border-radius:14px
}
.compare-panel[hidden]{display:none!important}
.compare-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.compare-head button{background:#fff!important;color:#222!important;border:1px solid #d9dfd8!important;padding:7px 11px!important}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.compare-grid>div{background:#fff;border:1px solid #e0e5df;padding:14px}
.compare-grid small{font-size:9px;letter-spacing:.10em;color:var(--g);font-weight:900}
.compare-grid h4{font-size:18px;margin:4px 0 6px}
.compare-grid p{font-size:12px;color:#5b625e;margin:0;line-height:1.45}
@media(max-width:760px){
 .real-profile-ref{width:180px;right:8px;bottom:52px}
 .real-profile-ref img{width:58px;height:58px}
 .compare-grid{grid-template-columns:1fr}
}

/* =========================================================
   V23 — PREVIEW PRINCIPALE SINCRONIZZATA CON APERTURA
   ========================================================= */
#mfw-frame{
  position:relative!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}
#main-opening-preview{
  position:absolute;inset:0;
  display:flex;
  background:transparent;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.13));
}
#main-opening-preview .main-pane{
  position:relative;
  flex:1;
  box-sizing:border-box;
  border:14px solid var(--main-color,#3d3d3d);
  background:transparent;
}
#main-opening-preview.is-hidden .main-pane{border-width:10px}
#main-opening-preview.is-sliding .main-pane{border-width:11px}
#main-opening-preview .main-pane + .main-pane{border-left-width:10px}
#main-opening-preview .main-glass{
  position:absolute;inset:8px;
  background:rgba(143,225,248,.53);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}
#main-opening-preview .main-sash{
  position:absolute;inset:7px;
  border:3px solid var(--main-color,#3d3d3d);
  pointer-events:none;
}
#main-opening-preview .main-handle{
  position:absolute;right:7%;top:43%;
  width:5px;height:18%;
  min-height:24px;background:#31383c;border-radius:2px;
  z-index:4;
}
#main-opening-preview .main-handle.lift{height:25%;top:38%}
#main-opening-preview .main-open-line{
  position:absolute;left:10%;right:10%;top:10%;bottom:10%;
  opacity:.36;pointer-events:none;
}
#main-opening-preview .main-open-line.diag-left{
  border-top:2px solid rgba(54,64,68,.55);transform:skewY(38deg)
}
#main-opening-preview .main-open-line.diag-right{
  border-top:2px solid rgba(54,64,68,.55);transform:skewY(-38deg)
}
#main-opening-preview .main-open-line.top-left{
  border-left:2px solid rgba(54,64,68,.55);transform:skewX(38deg)
}
#main-opening-preview .main-open-line.top-right{
  border-right:2px solid rgba(54,64,68,.55);transform:skewX(-38deg)
}
#main-opening-preview .main-pivot-axis{
  position:absolute;left:8%;right:8%;top:50%;
  border-top:2px solid rgba(54,64,68,.55);
}
#main-opening-preview.is-door{height:100%}
#main-opening-preview.is-threshold .main-pane{border-bottom-width:5px}
#main-opening-preview .main-opening-label{
  position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);
  white-space:nowrap;font-size:10px;font-weight:800;
  background:rgba(255,255,255,.94);border:1px solid #dce1dc;
  padding:6px 9px;color:#313733;
}
/* V24 - preventivo operativo + compatibilità listino */
.mfw-material-card.is-disabled{opacity:.38;filter:grayscale(1);cursor:not-allowed;box-shadow:none!important;transform:none!important}.mfw-quote-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.mfw-request-modal{position:fixed;inset:0;background:#000a;z-index:120000;display:none;place-items:center;padding:20px}.mfw-request-modal.show{display:grid}.mfw-request-modal>div{position:relative;width:min(560px,96vw);background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 90px #0005}.mfw-request-modal label{display:block;font-size:12px;font-weight:800;margin:13px 0}.mfw-request-modal input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #dce1dc;border-radius:12px}.mfw-request-modal .close-request{position:absolute;right:14px;top:14px;background:#111;padding:0;width:40px;height:40px}.mfw-request-modal #mfw-rq-msg{display:block;margin-top:12px;color:#456631;font-weight:700}.mfw-access-gate{max-width:760px;margin:70px auto;padding:40px;border:1px solid #e3e7e2;border-radius:22px;background:#fff;text-align:center}.mfw-access-gate a{display:inline-block;margin-top:12px;background:#66a629;color:#fff;text-decoration:none;padding:12px 20px;border-radius:999px;font-weight:800}
.mfw-client-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #cfd4cf;color:var(--ink);background:#fff;border-radius:999px;padding:11px 17px;font-weight:800}.turnkey{background:#f7f8f5}.turnkey .wow-grid article{background:#fff}.turnkey .wow-grid article span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf5e7;color:var(--g);font-weight:900}

/* V25 final profiling */
.controls>label select,.controls .two select{width:100%;margin-top:6px;padding:13px;border:1px solid #dce1dc;border-radius:12px;background:#fff}.controls .two label{font-size:12px;font-weight:800;color:#4e5550}


/* V27 - app root always uses the full browser viewport */
body.myfinestre-app-shell .mfw-app{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}

/* V28.6 — Viewer realmente ancorato durante lo scroll (fallback JS robusto) */
.config-grid{align-items:start;position:relative;overflow:visible!important}
.config{overflow:visible!important}
.config-grid>.viewer{align-self:start;z-index:40}
.config-grid>.viewer.mfw-viewer-follow{
  position:fixed!important;
  top:92px!important;
  margin:0!important;
  z-index:9990!important;
  box-shadow:0 18px 55px rgba(0,0,0,.13);
}
body.admin-bar .config-grid>.viewer.mfw-viewer-follow{top:124px!important}
.config-grid>.viewer.mfw-viewer-end{
  position:absolute!important;
  top:auto!important;
  bottom:0!important;
  left:0!important;
  z-index:40!important;
}
@media(max-width:900px){
  .config-grid>.viewer,
  .config-grid>.viewer.mfw-viewer-follow,
  .config-grid>.viewer.mfw-viewer-end{
    position:relative!important;
    top:auto!important;left:auto!important;bottom:auto!important;
    width:auto!important;z-index:auto!important;box-shadow:none!important;
  }
}

/* V28.7 — Mantiene il configuratore in due colonne anche quando il viewer è fixed */
.config-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)!important;align-items:start!important;position:relative!important}
.config-grid>.viewer{grid-column:1!important;grid-row:1!important;min-width:0!important}
.config-grid>.controls{grid-column:2!important;grid-row:1!important;min-width:0!important;align-self:start!important;position:relative!important;z-index:20!important}
/* Riserva fisicamente la prima colonna quando il viewer esce dal flow con position:fixed */
.config-grid.mfw-viewer-is-following:before{content:"";display:block;grid-column:1;grid-row:1;width:100%;height:var(--mfw-viewer-space,720px);pointer-events:none;visibility:hidden}
.config-grid.mfw-viewer-is-following>.controls{grid-column:2!important;grid-row:1!important}
@media(max-width:900px){
 .config-grid{grid-template-columns:1fr!important}
 .config-grid>.viewer,.config-grid>.controls{grid-column:1!important;grid-row:auto!important}
 .config-grid.mfw-viewer-is-following:before{display:none!important}
}


/* V29 — MY FINESTRE E-COMMERCE */
.mfw-commerce-actions #mfw-add-cart{background:#66a629}.mfw-commerce-actions #mfw-open-cart{position:relative}.mfw-commerce-actions #mfw-cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#66a629;color:#fff;margin-left:5px}.mfw-cart-box{width:min(900px,96vw)!important;max-height:92vh;overflow:auto}.mfw-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #e5e8e4}.mfw-cart-item div:first-child{display:grid;gap:4px}.mfw-cart-item span,.mfw-cart-item small{color:#68706a}.mfw-cart-line{display:flex;align-items:center;gap:9px}.mfw-cart-line button{width:34px;height:34px;padding:0;border-radius:50%}.mfw-cart-line .mfw-remove{background:#272b28}.mfw-cart-total{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:18px}.mfw-cart-total strong{font-size:28px}.mfw-cart-actions{display:flex;justify-content:flex-end;gap:10px}.mfw-checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:14px}.mfw-checkout-grid label{margin:0}.mfw-checkout-grid .wide{grid-column:1/-1}.mfw-checkout-grid textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #dce1dc;border-radius:12px}.mfw-terms{display:flex!important;align-items:center;gap:10px}.mfw-terms input{width:auto!important;margin:0!important}.mfw-cart-empty{padding:28px;background:#f5f7f3;border-radius:14px}.mfw-cart-modal #mfw-co-msg{display:block;margin-top:12px;font-weight:800;color:#456631}@media(max-width:700px){.mfw-cart-item{grid-template-columns:1fr}.mfw-cart-line{flex-wrap:wrap}.mfw-checkout-grid{grid-template-columns:1fr}.mfw-checkout-grid .wide{grid-column:auto}}


/* V29.1 — Footer premium MY FINESTRE */
.mfw-site-footer{margin-top:70px;background:#171b18;color:#eef2ed;border-top:4px solid #70a936}
.mfw-footer-inner{max-width:1480px;margin:auto;padding:54px 42px 40px;display:grid;grid-template-columns:1.5fr .8fr 1fr .8fr;gap:48px}
.mfw-footer-brand strong{display:block;font-size:27px;letter-spacing:.08em;color:#fff}.mfw-footer-brand strong:after{content:"";display:block;width:54px;height:3px;background:#70a936;margin-top:13px}.mfw-footer-brand p{max-width:440px;color:#b9c1bb;line-height:1.7;margin-top:20px}
.mfw-site-footer h4{color:#fff;margin:0 0 18px;font-size:14px;text-transform:uppercase;letter-spacing:.1em}
.mfw-footer-col{display:flex;flex-direction:column;gap:11px}.mfw-footer-col a,.mfw-footer-col span,.mfw-footer-bottom a{color:#b9c1bb;text-decoration:none;font-size:14px}.mfw-footer-col a:hover,.mfw-footer-bottom a:hover{color:#8dc653}
.mfw-social-icons{display:flex;gap:10px;flex-wrap:wrap}.mfw-social-icons a{width:42px;height:42px;border:1px solid #3d4640;border-radius:50%;display:grid;place-items:center;transition:.2s;background:#222824}.mfw-social-icons a:hover{background:#70a936;border-color:#70a936;transform:translateY(-2px)}.mfw-social-icons svg{width:19px;height:19px;fill:#fff;stroke:#fff;stroke-width:1.8}.mfw-social-icons svg rect,.mfw-social-icons svg circle{fill:none}.mfw-social-icons .play{fill:#171b18;stroke:none}
.mfw-footer-bottom{max-width:1480px;margin:auto;border-top:1px solid #343a36;padding:20px 42px 26px;display:flex;justify-content:space-between;gap:20px;color:#89918b;font-size:13px}.mfw-footer-bottom div{display:flex;gap:22px}
@media(max-width:900px){.mfw-footer-inner{grid-template-columns:1fr 1fr}.mfw-footer-bottom{flex-direction:column}}@media(max-width:560px){.mfw-footer-inner{grid-template-columns:1fr;padding:40px 22px 30px}.mfw-footer-bottom{padding:18px 22px 24px}.mfw-footer-bottom div{flex-wrap:wrap}}


/* V29.3 — RESPONSIVE COMPLETE PASS: sito + configuratore + e-commerce */
html,body{max-width:100%;overflow-x:hidden}.mfw-app,.mfw-app *{min-width:0}.mfw-app img,.mfw-app svg,.mfw-app video{max-width:100%;height:auto}.mfw-section,.mfw-hero,.mfw-footer-inner,.mfw-footer-bottom{width:100%}.mfw-head{gap:12px}.mfw-head-actions{flex-wrap:wrap;justify-content:flex-end}.mfw-app button,.mfw-app input,.mfw-app select,.mfw-app textarea{max-width:100%}.config-grid>.viewer,.config-grid>.controls{min-width:0}.scene{width:100%}.frame{max-width:78%;max-height:82%}.modal-card,.mfw-request-modal>div,.mfw-cart-box{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.mfw-cart-item,.mfw-checkout-grid>*{min-width:0}.mfw-cart-line strong{white-space:nowrap}.mfw-footer-inner>*{min-width:0}
@media(max-width:1100px){
 .mfw-hero{grid-template-columns:1fr 1fr;gap:30px;padding-left:32px;padding-right:32px}.mfw-hero h1{font-size:clamp(42px,6vw,68px)}
 .config-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)!important;gap:22px}.viewer,.controls{padding:20px}
 .family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mfw-footer-inner{grid-template-columns:1.3fr 1fr 1fr;gap:32px}.mfw-footer-social{grid-column:2/4}
}
@media(max-width:900px){
 .mfw-head{height:auto;min-height:74px;padding:12px 20px;position:sticky}.mfw-head img{max-width:min(230px,55vw);height:auto}
 .mfw-head-actions{display:flex!important;gap:6px}.mfw-head-actions button,.mfw-head-actions a{font-size:11px;padding:9px 11px!important}
 .mfw-hero{grid-template-columns:1fr;padding:50px 24px;min-height:auto}.hero-visual{order:-1}.room{width:min(560px,100%);height:390px}.window-demo{right:10%;top:10%;width:42%;height:68%}
 .proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.proof span{padding:10px 6px;border-bottom:1px solid var(--line)}
 .config-grid{grid-template-columns:1fr!important;gap:18px}.config-grid>.viewer,.config-grid>.controls{grid-column:1!important;grid-row:auto!important}.config-grid.mfw-viewer-is-following:before{display:none!important}.config-grid>.viewer.mfw-viewer-follow,.config-grid>.viewer.mfw-viewer-end{position:relative!important;inset:auto!important;width:auto!important;top:auto!important;left:auto!important;bottom:auto!important;box-shadow:none!important}
 .scene{height:min(58vw,430px);min-height:340px}.frame{width:min(270px,55vw);height:min(330px,62vw)}
 .family-grid,.path-grid,.inspiration,.section-explorer{grid-template-columns:1fr!important}.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-cut{height:min(470px,65vw);min-height:330px}
 .mfw-footer-inner{grid-template-columns:1fr 1fr;gap:28px;padding:42px 24px 32px}.mfw-footer-social{grid-column:auto}.mfw-footer-bottom{padding:18px 24px 24px}
}
@media(max-width:680px){
 .mfw-head{align-items:center}.mfw-head-actions{max-width:48vw;justify-content:flex-end}.mfw-head-actions>*:not(:last-child){display:none!important}
 .mfw-hero h1{font-size:clamp(38px,11vw,54px)}.mfw-hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}
 .proof{grid-template-columns:1fr}.mfw-section{padding:48px 18px}.section-title{display:block}.section-title>span{display:block;margin-bottom:8px}.section-title h2{font-size:clamp(30px,9vw,40px)}
 .family-grid,.wow-grid,.product-gallery,.two{grid-template-columns:1fr!important}.family-grid article,.path-grid article,.wow-grid article{padding:22px}
 .viewer,.controls{padding:14px;border-radius:18px}.scene{height:360px;min-height:0}.viewer-tools,.view-tabs,.ambient-actions,.mfw-commerce-actions,.mfw-cart-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.viewer-tools button,.view-tabs button,.ambient-actions button,.mfw-commerce-actions button,.mfw-cart-actions button{width:100%;padding-left:10px;padding-right:10px}
 .mfw-commerce-actions #mfw-add-cart,.mfw-commerce-actions #mfw-open-cart{grid-column:span 1}.mfw-commerce-actions #mfw-request-quote,.mfw-commerce-actions #mfw-save-config{grid-column:span 1}
 .mfw-cart-item{grid-template-columns:1fr;gap:12px}.mfw-cart-line{display:grid;grid-template-columns:34px 24px 34px 1fr 34px;width:100%}.mfw-cart-line strong{text-align:right}.mfw-cart-total{gap:14px;align-items:flex-end}.mfw-cart-total strong{font-size:22px;text-align:right}.mfw-checkout-grid{grid-template-columns:1fr!important}.mfw-checkout-grid .wide{grid-column:auto!important}
 .modal,.mfw-request-modal{padding:8px!important;align-items:flex-start!important;overflow:auto}.modal-card,.mfw-request-modal>div,.mfw-cart-box{border-radius:18px!important;padding:20px 14px!important;margin:8px auto!important;width:100%!important;max-width:calc(100vw - 16px)!important;max-height:none!important}
 .ambient{height:300px}.ambient-window{width:min(250px,55vw);height:230px}.sofa{left:7%;width:48%}
 .mfw-footer-inner{grid-template-columns:1fr;padding:38px 20px 28px}.mfw-footer-bottom{padding:18px 20px 22px}.mfw-footer-bottom div{gap:12px;flex-wrap:wrap}.mfw-social-icons a{width:44px;height:44px}
}
@media(max-width:420px){
 .mfw-head img{max-width:180px}.mfw-head-actions{max-width:none}.mfw-head-actions>*{font-size:10px!important;padding:8px 10px!important}
 .room{height:300px}.window-demo{width:45%;height:65%;border-width:10px}.scene{height:310px}.frame{border-width:14px}.frame:after{border-left-width:8px}
 .view-tabs,.viewer-tools,.mfw-commerce-actions,.mfw-cart-actions{grid-template-columns:1fr!important}.mfw-commerce-actions>*{grid-column:1!important}.mfw-cart-line{grid-template-columns:32px 22px 32px 1fr 32px;gap:5px}.mfw-cart-line button{width:32px;height:32px}.mfw-cart-total{font-size:15px}.mfw-cart-total strong{font-size:20px}
}
@media(hover:none) and (pointer:coarse){.mfw-app button,.mfw-site-footer a{min-height:44px}.mfw-social-icons a{min-width:44px}.controls input,.controls select,.mfw-checkout-grid input,.mfw-checkout-grid textarea{font-size:16px}}
