:root{
  --accent:#00b894; --accent-2:#ff7b54; --muted:#6b7280;
  --panel:#fff; --maxw:1100px;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial; margin:0; background:linear-gradient(180deg,#eaf6ff 0%, #f8fbff 40%); color:#081028;}
.container{max-width:var(--maxw); margin:0 auto; padding:2rem;}
.site-header{position:sticky; top:0; background:rgba(255,255,255,0.7); backdrop-filter:blur(6px); z-index:40; border-bottom:1px solid rgba(8,16,36,0.04);}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0.75rem 1rem;}
.logo{font-weight:800; letter-spacing:0.4px; text-decoration:none; color:#081028;}
.main-nav a{margin:0 0.5rem; color:var(--muted); text-decoration:none; font-weight:600;}
.cta{background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:white; padding:0.5rem 0.9rem; border-radius:10px; text-decoration:none; font-weight:700;}

/* hero */
.hero{position:relative; min-height:56vh; display:flex; align-items:center; color:white; margin:1.5rem 0; border-radius:18px; overflow:hidden;}
.hero-overlay{position:absolute; inset:0; background-image:url('/assets/images/hero-bg.svg'); background-size:cover; background-position:center; filter:brightness(0.55) saturate(1.05);}
.hero-content{position:relative; z-index:2; padding:4rem 2rem; max-width:700px;}
.hero h1{font-size:2.4rem; margin:0 0 0.5rem;}
.hero p{margin:0 0 1rem; color:rgba(255,255,255,0.95); font-size:1.05rem;}
.hero .btn{margin-right:0.5rem;}

/* grid & cards */
.grid{display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.card{background:var(--panel); border-radius:12px; padding:1rem; box-shadow:0 8px 30px rgba(8,16,36,0.06); text-align:center;}
.card img{max-width:100%; height:160px; object-fit:contain; margin-bottom:0.5rem;}
.price{font-weight:800; margin:0.5rem 0;}
.btn{display:inline-block; padding:0.6rem 0.9rem; border-radius:10px; text-decoration:none; font-weight:700;}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:white;}
.btn-outline{border:2px solid rgba(8,16,36,0.06); background:transparent; padding:0.5rem 0.8rem;}

/* product */
.product-grid{display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start;}
.product-media img{width:100%; border-radius:12px;}
.product-info .price.big{font-size:2rem; color:var(--accent);}
.book-form{margin-top:1rem; display:flex; flex-direction:column; gap:0.6rem;}
.book-form input, .contact-form input, .contact-form textarea{padding:0.6rem; border-radius:8px; border:1px solid rgba(8,16,36,0.06);}

/* footer */
.site-footer{padding:1rem 0; background:#f5f7fb; color:var(--muted); border-top:1px solid rgba(8,16,36,0.04);}

/* responsive */
@media(max-width:800px){ .product-grid{grid-template-columns:1fr;} .hero{min-height:46vh;} }