/* Ramzy Fashion — black & gold theme */
:root{ --bg:#0b0b0b; --panel:#111; --ink:#f4f4f4; --muted:#c4c4c4; --gold:#d4af37; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial}
a{color:var(--gold);text-decoration:none} a:hover{text-decoration:underline}
.navbar{position:sticky;top:0;z-index:10;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(10,10,10,.8);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid #222}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.logo{width:40px;height:40px}
.navlinks{display:none;gap:14px}
@media(min-width:900px){.navlinks{display:flex}}
.btn{display:inline-block;padding:10px 16px;border-radius:14px;border:1px solid #333}
.btn.gold{background:var(--gold);color:#111;border-color:transparent}
.btn.outline{border-color:var(--gold);color:var(--gold);background:transparent}
.hero{display:grid;gap:20px;grid-template-columns:1fr;align-items:center;padding:40px 16px 24px}
@media(min-width:900px){.hero{grid-template-columns:1.1fr .9fr;padding:72px 16px}}
.hero-text .kicker{letter-spacing:.2em;color:#bbb;text-transform:uppercase;font-size:12px}
.hero-text h1{font-size:42px;margin:6px 0;color:var(--gold)}
.hero-text .subtitle{color:#ddd;margin:10px 0 16px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.hero-media{display:grid;place-items:center;border:1px solid #222;background:#0f0f0f;border-radius:24px;min-height:240px}
.hero-media img{max-width:90%;height:auto;padding:20px}
.section{padding:40px 16px}
.section.light{background:#f7f7f7;color:#111}
.section h2{font-size:28px;margin:0 0 14px}
.cards{display:grid;gap:12px;grid-template-columns:1fr}
.cards.three{grid-template-columns:1fr}
@media(min-width:700px){.cards{grid-template-columns:1fr 1fr}.cards.three{grid-template-columns:1fr 1fr 1fr}}
.card{background:var(--panel);border:1px solid #222;border-radius:18px;padding:14px}
.card .price{font-size:22px;font-weight:800;color:var(--gold);margin:6px 0 8px}
.note{color:#bbb;font-size:12px}
.grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}
.ph{aspect-ratio:4/5;background:white;border:1px solid #e6e6e6;border-radius:16px;color:#9a9a9a;display:grid;place-items:center}
.stats{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:14px}
.contact-cards{display:grid;gap:10px;margin:10px 0}
.cc{background:var(--panel);border:1px solid #222;border-radius:12px;padding:10px}
.quote{display:grid;gap:10px;margin-top:10px}
.quote input,.quote textarea{width:100%;padding:10px;border-radius:12px;border:1px solid #333;background:#0f0f0f;color:#f4f4f4}
.map{margin-top:14px}
.map iframe{width:100%;height:300px;border:1px solid #222;border-radius:16px}
.footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid #222;background:#0f0f0f;padding:16px}
.links{display:flex;gap:12px}
.fab{position:fixed;right:16px;bottom:16px;background:var(--gold);color:#111;padding:12px 18px;border-radius:999px;border:0;box-shadow:0 8px 30px rgba(0,0,0,.35)}