/*
 Theme Name: Lavish Luxe
 Theme URI: https://example.com/themes/lavish-luxe
 Author: ChatGPT
 Description: A clean, elegant, performance-first theme for luxury gifting boutiques. WooCommerce-ready.
 Version: 1.0.1
 License: GNU General Public License v2 or later
 Text Domain: lavish-luxe
*/
:root{--bg:#0d0d0f;--bg-soft:#121218;--text:#f5f5f5;--muted:#cfcfd4;--gold:#c8a058;--gold-2:#e8d7a1;--card:#16161d;--accent:#b28b44;--max:1200px;--radius:16px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans";line-height:1.6}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(13,13,15,.85);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid rgba(255,255,255,.06);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand-logo{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%, var(--gold-2), var(--gold) 45%, #6b5227 70%, #2a2112 100%);box-shadow:0 2px 12px rgba(0,0,0,.25)}
.brand-name{font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.menu{display:flex;gap:18px;align-items:center}
.cta{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#111;padding:10px 16px;border-radius:999px;border:none;cursor:pointer;font-weight:600}
.cta:hover{filter:brightness(1.05)}
.hero{position:relative;padding:96px 0 72px;background:linear-gradient(180deg,#0d0d0f 0%, #111116 70%, #0d0d0f 100%)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:0 0 12px}
.hero p{color:var(--muted);margin:0 0 24px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.card img{width:100%;height:200px;object-fit:cover}
.card .pad{padding:14px}
.badge{display:inline-block;background:rgba(200,160,88,.15);color:var(--gold-2);border:1px solid rgba(200,160,88,.35);padding:4px 10px;border-radius:999px;font-size:12px;margin-bottom:8px}
.section{padding:56px 0}
.section h2{font-size:28px;margin:0 0 16px}
.footer{padding:40px 0;background:#0c0c10;border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}
input,textarea,select{width:100%;padding:12px 14px;background:#0d0d12;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:12px}
label{font-size:14px;color:var(--muted)}
button,input[type=submit]{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#111;border:none;padding:12px 16px;border-radius:12px;cursor:pointer;font-weight:700}
.site-main{padding:28px 0}
.wp-block{max-width:var(--max);margin-inline:auto}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr} .menu{display:none}}