:root{--bg:#f6efe4;--card:#fffaf2;--wood:#8a5a32;--dark:#3b2a1e;--accent:#a8322d;--green:#2f5d46;--muted:#7a6a5a}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--dark);line-height:1.55}
a{color:var(--accent)}img{max-width:100%;display:block}
header{background:var(--dark);color:#f6efe4;padding:.8rem 1.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
header .logo{font-size:1.4rem;font-weight:bold;color:#f6efe4;text-decoration:none}header nav a{color:#f3d9b1;margin-left:1rem;text-decoration:none}
.banner{background:var(--green);color:#fff;text-align:center;padding:.5rem;font-size:.95rem}
.wrap{max-width:1050px;margin:auto;padding:1.5rem 1.2rem}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.hero img,.product img{border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
h1{font-size:2.3rem;line-height:1.15;margin:.2rem 0 1rem}h2{color:var(--wood);border-bottom:2px dashed #d8c3a5;padding-bottom:.3rem}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.8rem 1.4rem;border-radius:8px;text-decoration:none;font-weight:bold;border:0;font-size:1rem;cursor:pointer;font-family:inherit}
.tbc{display:inline-block;background:#ffe9a8;color:#5a4300;border:1px dashed #b88a00;padding:.1rem .5rem;border-radius:5px;font-size:.9rem;font-family:sans-serif}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step,.soon{background:var(--card);border:1px solid #e3d3bb;border-radius:10px;padding:1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.soon img{border-radius:8px;height:200px;width:100%;object-fit:cover;margin-bottom:.5rem}.soon .ico{font-size:2.4rem}
.tag{font-size:.8rem;background:var(--wood);color:#fff;padding:.1rem .5rem;border-radius:20px;font-family:sans-serif}
.note{background:var(--card);border-left:5px solid var(--wood);padding:.8rem 1rem;margin:1rem 0}
.product{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:start}
form{background:var(--card);border:1px solid #e3d3bb;border-radius:12px;padding:1.2rem}
label{display:block;font-weight:bold;margin:.8rem 0 .25rem}label small{font-weight:normal;color:var(--muted)}
input,textarea{width:100%;padding:.6rem;border:1px solid #c9b394;border-radius:6px;font:inherit;background:#fff}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.req{color:var(--accent)}
#preview{max-height:160px;margin-top:.5rem;border-radius:6px}.msg{padding:.8rem;border-radius:8px;margin-top:1rem;display:none}
footer{background:var(--dark);color:#d8c3a5;text-align:center;padding:1.5rem;margin-top:2rem;font-size:.9rem}footer a{color:#f3d9b1}
@media(max-width:720px){.hero,.product,.steps,.row{grid-template-columns:1fr}h1{font-size:1.8rem}header nav a{margin:0 1rem 0 0}}
header .logo{display:flex;align-items:center;gap:.7rem}
header .logo img{height:64px;width:auto;background:#f6efe4;border-radius:12px;padding:5px 8px;box-shadow:0 1px 4px rgba(0,0,0,.35)}
@media(max-width:720px){header .logo img{height:48px;padding:4px 6px}header .logo{font-size:1.2rem}}

.shapes{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.shapes img{width:100%;height:auto;border-radius:8px}.total{font-size:1.15rem;margin:.6rem 0}.price{font-size:1.1rem}select{width:100%;padding:.55rem;font:inherit;border:1px solid #ccc;border-radius:6px}

.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem;margin:1rem 0 1.5rem}
.gallery figure{margin:0;background:var(--card);border:1px solid #e3d3bb;border-radius:10px;overflow:hidden}
.gallery img{width:100%;height:220px;object-fit:cover}
.gallery figcaption{padding:.45rem .6rem;font-size:.88rem;color:var(--muted);font-family:sans-serif}
.gallery-note{color:var(--muted);font-size:.95rem;margin:.2rem 0 0}