*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#20242c;background:#f6f6f4;line-height:1.6}.site-header{min-height:82px;background:#fff;border-bottom:1px solid #e5e2dc;display:flex;align-items:center;justify-content:space-between;padding:6px 6%;position:sticky;top:0;z-index:10}.site-header nav{display:flex;gap:24px}.site-header nav a{color:#30343b;text-decoration:none;font-weight:700}.site-header nav a:hover{color:#a36b18}.logo-link{display:flex;align-items:center;height:68px;flex:0 0 auto}.site-logo{display:block;height:64px;width:auto;max-width:250px;object-fit:contain}.badge{background:#17191d;color:#fff;border-radius:20px;padding:1px 7px;font-size:.75rem}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(9,15,22,.93),rgba(12,18,25,.73) 47%,rgba(17,18,20,.12)),url('assets/hero-fun-v2.png') center/cover;color:#fff;padding:88px 7%;min-height:580px;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#8b5b17,#e0b45d,#159ed1,#e80081,#f3d21f)}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow,.ref{font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:#b87920}.hero .eyebrow{color:#dfb25d}.hero h1{font-size:clamp(2rem,4vw,3.75rem);line-height:1.06;margin:.35em 0 .3em;max-width:700px}.hero-lead{font-size:1.18rem;max-width:610px;color:#f4f1eb}.hero-techniques{font-size:.97rem;color:#c9c5bd;max-width:630px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn-outline{background:transparent!important;border:1px solid #dfb25d;color:#fff}
.section{padding:70px 7%;max-width:1400px;margin:auto}.section h1,.section h2{line-height:1.1}.section h1{font-size:3rem}.section h2{font-size:2.2rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.search{width:300px;padding:14px 16px;border:1px solid #d6d3cd;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:#fff;border:1px solid #e5e2dc;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #17191d10;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #17191d1a}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:22px}.card h3{font-size:1.35rem;margin:.4em 0}.card p{color:#626872}.text-link,.back{color:#9a6418;font-weight:800;text-decoration:none}.btn{display:inline-block;background:#b87920;color:white;border:0;border-radius:9px;padding:13px 20px;font-weight:800;text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(1.08)}.secondary{background:#343940}
.savoir-faire{background:#fff;max-width:none;padding-left:7%;padding-right:7%}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tech-grid article{border:1px solid #e5e2dc;border-radius:16px;padding:28px;background:#faf9f7}.tech-icon{font-weight:900;color:#b87920;font-size:1.5rem}.tech-grid h3{font-size:1.3rem;margin:.35em 0}.tech-grid p{color:#626872}
.product{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start;margin-top:25px}.product-main-img{width:100%;height:min(56vw,620px);object-fit:cover;border-radius:18px}.gallery-thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto}.gallery-thumb{border:2px solid transparent;background:none;padding:0;border-radius:9px;cursor:pointer;flex:0 0 auto}.gallery-thumb.active{border-color:#b87920}.gallery-thumb img{display:block;width:84px;height:64px;object-fit:cover;border-radius:7px}.product h1{font-size:3rem;line-height:1.05;margin:.25em 0}.lead{font-size:1.25rem;color:#59616c}.richtext{font-size:1.05rem;margin:25px 0}.spec-box{display:flex;gap:20px;justify-content:space-between;background:#fff;border:1px solid #e1ddd7;border-radius:10px;padding:18px;margin:25px 0}.spec-box span{font-weight:900}
.quote-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5e2dc;padding:20px;border-radius:12px;margin:12px 0}.quote-item span{display:block;color:#687386}.remove{border:0;background:none;color:#b42318;cursor:pointer}.form-card{background:#fff;border:1px solid #e5e2dc;border-radius:16px;padding:28px;margin-top:30px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin-bottom:18px}input,textarea{font:inherit;padding:12px;border:1px solid #cfcac2;border-radius:8px;font-weight:400}.success,.notice{background:#eef7f0;border:1px solid #b9ddc0;padding:20px;border-radius:12px;margin-top:24px}.notice{background:#fff8e8;border-color:#eed69a}
.admin-item{background:#fff;border:1px solid #e2ded7;border-radius:12px;margin:12px 0;overflow:hidden}.admin-item summary{padding:18px;cursor:pointer;display:flex;justify-content:space-between}.admin-form{padding:20px;border-top:1px solid #e5e2dc}.admin-preview{display:flex;gap:18px;align-items:center}.admin-preview img{width:180px;height:120px;object-fit:cover;border-radius:8px}.admin-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.image-upload{padding:14px;border:1px dashed #b8b2a8;border-radius:10px;background:#faf9f7}.gallery-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:14px 0}.gallery-admin figure{margin:0;position:relative}.gallery-admin img{width:100%;height:100px;object-fit:cover;border-radius:8px}.gallery-admin button{position:absolute;right:5px;top:5px;border:0;background:#fff;color:#a11;border-radius:50%;width:28px;height:28px;cursor:pointer}footer{text-align:center;padding:35px;background:#17191d;color:#cbd5e1;margin-top:50px}
@media(max-width:800px){.site-header{padding:5px 4%;align-items:flex-start}.site-logo{height:52px;max-width:160px}.site-header nav{gap:8px;font-size:.78rem;padding-top:14px;flex-wrap:wrap;justify-content:flex-end}.hero{padding:70px 5%;min-height:540px}.hero-watermark{width:78vw;right:-30%;opacity:.1}.section{padding:50px 5%}.product{grid-template-columns:1fr;gap:30px}.section-head{align-items:stretch;flex-direction:column}.search{width:100%}.form-grid{grid-template-columns:1fr}.product h1{font-size:2.4rem}.product-main-img{height:70vw}.tech-grid{grid-template-columns:1fr}}
@media print{.site-header,footer,.btn,.form-card{display:none!important}.section{padding:20px}}
select{font:inherit;padding:12px;border:1px solid #cfcac2;border-radius:8px;background:#fff}.invoice{background:#fff}.invoice .site-logo{height:90px;max-width:340px}
.configurator{scroll-margin-top:92px;margin-top:42px;padding:22px 26px;background:#fff;border:1px solid #e5e2dc;border-radius:20px;height:calc(100svh - 104px);min-height:560px;max-height:760px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:hidden}.config-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.config-head .eyebrow,.config-head h2,.config-head p{margin:0}.config-head>p{max-width:480px;color:#687386;text-align:right}.config-grid{display:grid;grid-template-columns:minmax(380px,.78fr) minmax(0,1.22fr);grid-template-areas:"controls preview";gap:26px;align-items:center;min-height:0}.config-preview{grid-area:preview;min-width:0}.config-preview canvas{display:block;width:100%;height:auto;max-height:calc(100svh - 220px);object-fit:contain;background:#eee;border-radius:15px;box-shadow:0 14px 35px #17191d22}.config-note{font-size:.82rem;color:#687386;margin:7px 0 0}.config-controls{grid-area:controls;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-content:center}.config-controls label{margin:0;gap:4px;font-size:.9rem}.config-controls textarea,.config-controls select{padding:8px 10px}.config-controls input[type=color]{width:100%;height:39px;padding:3px}.config-controls input[type=range]{padding:0}.config-controls select option{font-size:1.08rem}.config-controls .config-wide{grid-column:1/-1}.config-controls .btn{width:100%;margin:2px 0 0;padding:11px 18px}@media(max-width:850px){.configurator{height:auto;max-height:none;min-height:0;overflow:visible;padding:20px}.config-head{display:block}.config-head>p{text-align:left;margin-top:8px}.config-grid{grid-template-columns:1fr;grid-template-areas:"controls" "preview"}.config-preview canvas{max-height:none}.config-controls{grid-template-columns:1fr}.config-controls .config-wide{grid-column:auto}}
.design-summary{max-width:760px;background:#fff;border:1px solid #e5e2dc;border-radius:16px;padding:20px}.design-summary img{width:100%;height:auto;border-radius:12px}