/* Classic furniture style - serif font, subtle texture, warm accents with light purple */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,700&family=Rubik:wght@300;400;600&display=swap');

:root{
  --accent: #C8A2FF; /* light purple */
  --accent-dark: #9a6cff;
  --wood: #6b4f3a; /* warm wood tone */
  --muted: #5a4a44;
  --bg: #fbf8f6;
  --card: #fffaf6;
  --max-width: 1100px;
  --radius: 12px;
}
*{box-sizing:border-box}
body{font-family:'Merriweather', Georgia, serif; margin:0; color:var(--muted); background:var(--bg); background-image: linear-gradient(0deg, rgba(0,0,0,0.02), rgba(0,0,0,0.00));}
.container{max-width:var(--max-width);margin:0 auto;padding:1rem}
.site-header{background:linear-gradient(180deg, rgba(200,162,255,0.03), transparent);border-bottom:1px solid rgba(0,0,0,0.04);box-shadow: 0 1px 0 rgba(0,0,0,0.02)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0}
.brand{font-weight:700;color:var(--wood);text-decoration:none;font-size:1.25rem;letter-spacing:0.6px}
.main-nav a{margin-left:1rem;text-decoration:none;color:var(--muted);font-family:'Rubik', sans-serif;font-size:0.95rem}
.hero.classic-hero{display:flex;gap:1.5rem;align-items:center;padding:2rem 0;background-image: url('/images/texture.png');background-repeat:repeat; border-radius:8px; margin-bottom:1rem;}
.hero-inner{flex:1;padding:1rem}
.hero h1{font-size:2.0rem;color:var(--wood);margin:0 0 0.5rem}
.lead{color:var(--muted);font-size:1.05rem}
.hero-image img{max-width:420px;width:100%;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.08);object-fit:cover}
.btn{background:var(--accent-dark);color:white;padding:0.6rem 1rem;border-radius:8px;text-decoration:none;display:inline-block;font-family:'Rubik',sans-serif}
.btn-outline{border:1px solid var(--accent);color:var(--accent);padding:0.5rem 0.9rem;border-radius:8px;text-decoration:none}
.grid{display:grid;gap:1rem}
.grid-4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid rgba(0,0,0,0.04);padding:0.9rem;border-radius:12px;text-align:left;box-shadow:0 6px 16px rgba(0,0,0,0.03)}
.card img{width:100%;height:220px;object-fit:cover;border-radius:8px}
.item-card h3{margin:0.5rem 0 0.25rem;font-weight:700}
.page-head{padding:1rem 0}
.site-footer{border-top:1px solid rgba(0,0,0,0.06);padding:1rem 0;margin-top:2rem;color:var(--muted);font-size:0.95rem}
.footer-left, .footer-right{display:inline-block}
.alert{padding:0.75rem 1rem;border-radius:8px;margin-bottom:1rem}
.alert.success{background:#eaf7ea;border:1px solid #cde9ce}
.alert.error{background:#fff0f0;border:1px solid #f2c8c8}
.form label{display:block;margin-bottom:0.75rem;font-family:'Rubik', sans-serif}
.form input,.form textarea{width:100%;padding:0.6rem;border:1px solid #e4dcd6;border-radius:8px;font-family:'Rubik',sans-serif}
.btn-small{display:inline-block;padding:0.4rem 0.6rem;border-radius:6px;background:var(--accent-dark);color:white;text-decoration:none}
.lightbox{position:fixed;left:0;top:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);z-index:999}
.lightbox-inner{background:white;padding:1rem;border-radius:10px;max-width:800px;width:90%;text-align:center;position:relative}
.lb-close{position:absolute;right:1rem;top:1rem;background:transparent;border:0;font-size:1.25rem}
@media(max-width:700px){
  .hero.classic-hero{flex-direction:column}
  .hero-image img{max-width:100%}
  .grid-4{grid-template-columns:1fr}
}