:root{--red:#a40014;--red2:#70000d;--gold:#f0bf4f;--ink:#171316;--muted:#6f6669;--paper:#fbf8f3;--line:#e7ddd7;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.8}button,input,select{font:inherit}.topbar{background:#211b1d;color:#fff;text-align:center;padding:.45rem 1rem;font-size:.82rem}.header{height:82px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1rem,5vw,5rem);background:rgba(251,248,243,.96);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;white-space:nowrap}.brand-mark{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:var(--gold);font-weight:900;font-size:1.5rem;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px var(--gold)}.brand b{display:block;font-size:1.15rem}.brand small{display:block;color:var(--muted);font-size:.72rem}.nav{display:flex;gap:1.6rem;margin-inline:auto}.nav a{color:#3d3436;text-decoration:none;font-size:.93rem}.nav a:hover{color:var(--red)}.cart-btn,.menu-btn{border:0;border-radius:999px;background:var(--red);color:#fff;padding:.65rem 1rem;cursor:pointer}.cart-btn span{background:var(--gold);color:#2b1b00;border-radius:999px;padding:.1rem .45rem;margin-right:.3rem}.menu-btn{display:none}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center;padding:6rem clamp(1.2rem,8vw,9rem);background:radial-gradient(circle at 75% 30%,#dfb65f33,transparent 26%),linear-gradient(135deg,#fff 0%,#f8ede8 60%,#f5dedf 100%);overflow:hidden}.hero-copy{max-width:670px}.eyebrow{display:inline-block;color:var(--red);font-weight:800;font-size:.82rem;letter-spacing:.05em;margin-bottom:.7rem}.eyebrow.light{color:#ffd779}.hero h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.15;margin:.2rem 0 1.5rem;letter-spacing:-.04em}.hero h1 em{color:var(--red);font-style:normal}.hero p{font-size:1.15rem;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:.8rem;margin:2rem 0}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:.85rem 1.25rem;text-decoration:none;cursor:pointer;font-weight:800}.primary{background:var(--red);color:#fff}.ghost{border:1px solid var(--red);color:var(--red);background:transparent}.gold{background:var(--gold);color:#2b1b00}.trust{display:flex;gap:1.25rem;color:#504648;font-size:.9rem}.hero-card{background:#20191b;color:#fff;padding:2.5rem;border-radius:34px;box-shadow:0 30px 80px #3d182233;transform:rotate(-2deg);min-height:380px;display:flex;flex-direction:column;justify-content:center}.gold-line{width:50px;height:5px;background:var(--gold);margin-bottom:2rem}.hero-card strong{font-size:2rem;line-height:1.5;margin:.7rem 0 2rem}.mini{color:#d4c9ca}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff24}.stats div{background:#20191b;padding:1rem .5rem;text-align:center}.stats b,.stats small{display:block}.stats b{color:var(--gold)}.stats small{font-size:.7rem;color:#cbbfc1}.section{padding:6rem clamp(1.2rem,8vw,9rem)}.section h2{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.25;margin:.2rem 0 2.5rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem}.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.55rem 1rem;cursor:pointer}.filters button.active{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}.product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;transition:.25s}.product:hover{transform:translateY(-5px);box-shadow:0 20px 45px #3e152010}.product-icon{height:150px;border-radius:16px;background:linear-gradient(135deg,#f5e6e0,#edd1d4);display:grid;place-items:center;color:var(--red);font-size:4rem;margin-bottom:1.3rem}.product span{font-size:.78rem;color:var(--red);font-weight:800}.product h3{font-size:1.25rem;margin:.3rem 0}.product p{color:var(--muted);font-size:.9rem;min-height:55px}.add{width:100%;border:1px solid var(--red);background:transparent;color:var(--red);border-radius:10px;padding:.7rem;cursor:pointer;font-weight:800}.add.added{background:var(--red);color:#fff}.calculator{background:linear-gradient(135deg,var(--red2),var(--red));color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center}.calculator p{color:#f1ced2}.calc-box{background:#fff;color:var(--ink);border-radius:var(--radius);padding:2rem;display:grid;gap:1.5rem}.calc-box label{display:grid;gap:.6rem;font-weight:700}.calc-box output{color:var(--red);float:left}input[type=range]{accent-color:var(--red);width:100%}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.8rem;background:#fff}.result{display:flex;justify-content:space-between;align-items:center;background:#f8eeee;border-radius:12px;padding:1rem}.result strong{color:var(--red);font-size:1.25rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.steps div{border-top:3px solid var(--red);padding:1.5rem;background:#fff}.steps b{color:var(--red);font-size:2rem}.steps h3{margin:.5rem 0}.steps p{color:var(--muted);font-size:.9rem}.about{display:grid;grid-template-columns:1fr 1fr;gap:5rem;background:#efe4df}.about p{font-size:1.1rem;color:#4e4446}.contact{background:#211b1d;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.contact p,.contact li{color:#d7ccce}.contact form{background:#fff;color:var(--ink);border-radius:var(--radius);padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact label{font-weight:700;font-size:.9rem}.contact button,.form-note{grid-column:1/-1}.form-note{margin:0;color:#087a46}.faq details{max-width:900px;border-bottom:1px solid var(--line);padding:1rem 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:var(--muted)}footer{background:#0f0c0d;color:#fff;padding:3rem clamp(1.2rem,8vw,9rem);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem}footer p{color:#bfb3b5;font-size:.82rem}.drawer{position:fixed;z-index:60;top:0;left:0;width:min(420px,92vw);height:100vh;background:#fff;padding:1.5rem;transform:translateX(-105%);transition:.3s;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.drawer-head button{border:0;background:none;font-size:2rem;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:1rem 0}.cart-row{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--line)}.cart-row button{border:0;background:none;color:var(--red);cursor:pointer}.full{width:100%}.overlay{position:fixed;inset:0;background:#0008;z-index:50;display:none}.overlay.show{display:block}.hidden{display:none!important}@media(max-width:980px){.nav{display:none;position:absolute;top:82px;right:1rem;left:1rem;background:#fff;padding:1rem;border-radius:16px;box-shadow:0 20px 50px #0002;flex-direction:column}.nav.open{display:flex}.menu-btn{display:block;margin-right:auto}.cart-btn{font-size:0}.cart-btn span{font-size:.9rem}.hero{grid-template-columns:1fr;gap:2rem;padding-top:4rem}.hero-card{transform:none;min-height:auto}.product-grid{grid-template-columns:1fr 1fr}.calculator,.contact,.about{grid-template-columns:1fr;gap:2rem}.steps{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}}@media(max-width:600px){.header{height:70px;padding:0 .8rem;gap:.5rem}.brand small{display:none}.brand-mark{width:40px;height:40px}.nav{top:70px}.hero{padding:3rem 1rem}.hero h1{font-size:2.7rem}.hero-actions,.trust{flex-direction:column}.section{padding:4rem 1rem}.section-head{display:block}.product-grid,.steps{grid-template-columns:1fr}.product-icon{height:115px}.calculator,.contact{padding:4rem 1rem}.contact form{grid-template-columns:1fr;padding:1.2rem}.result{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.hero-card strong{font-size:1.5rem}}
