:root{--az1:#6c2a6a;--az2:#a8437e;--az3:#e77e23;--az4:#f1c40f;--sky:#0f766e;--ink:#1f2937;--sand:#f5efe6;--card:#fff9ee}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--sand);color:var(--ink)}
a{color:var(--sky)}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:20px}
.header{background:linear-gradient(135deg,var(--az1),var(--az2),var(--az3),var(--az4));color:#fff;padding:14px 0 24px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.brand{display:flex;align-items:center;gap:16px}.brand img{height:72px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}
.brand h1{margin:0;font-size:clamp(24px,4vw,44px)}.nav{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap}
.nav a{color:#fff;background:rgba(255,255,255,.13);padding:8px 12px;border-radius:999px}
.hero{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(241,196,15,.2) 100%);padding:34px 0}
.hero h2{font-size:clamp(22px,3.2vw,36px);margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:18px;box-shadow:0 6px 12px rgba(0,0,0,.06)}
.card h3{margin-top:0}.badge{display:inline-block;background:var(--sky);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}
.section{padding:26px 0}.section h2{margin-top:0}
ul.clean{list-style:none;margin:0;padding:0}.table{width:100%;border-collapse:collapse;font-size:15px}
.table th,.table td{border-bottom:1px solid #eee;padding:10px 8px;text-align:left}.table th{background:#fff3d6}.price{font-weight:700}
.form{background:#fff;border:1px solid #eee;border-radius:16px;padding:18px;box-shadow:0 10px 18px rgba(0,0,0,.05)}
.input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;margin:8px 0}
button{padding:12px 16px;border:0;border-radius:10px;background:var(--az3);color:#fff;cursor:pointer;font-weight:700}button:hover{filter:brightness(.95)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.gallery img{width:100%;height:220px;object-fit:cover;border-radius:12px}
.footer{background:#222;color:#eee;margin-top:30px}.footer .container{padding:24px 20px}.small{font-size:13px;color:#4b5563}
hr{border:0;border-top:1px solid #eee;margin:18px 0}