:root{--bg1:#0b1b3a;--bg2:#0f234a;--card:#122651;--muted:#163061;--text:#eef6ff;--sub:#cfe7ff;--brand:#7fc8ff;--brand2:#5fb0ff;--accent2:#2bd4ff;--radius:16px;--shadow:0 10px 30px rgba(0,0,0,.35);}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:linear-gradient(180deg,#7fc8ff 0%, #0b1b3a 30%, #0f234a 100%);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}a{color:var(--brand);text-decoration:none}a:hover{opacity:.9}img{max-width:100%;display:block;height:auto}
.container{max-width:1100px;margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:20;background:rgba(11,27,58,.6);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.3px}.brand-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--accent2));box-shadow:0 6px 18px rgba(127,200,255,.4)}
.menu{display:flex;flex-wrap:wrap;gap:10px}.menu a{color:#cfe7ff;padding:8px 10px;border-radius:12px}.menu a[aria-current="page"],.menu a:hover{color:#eef6ff;background:rgba(255,255,255,.08)}
main{padding:24px 0}.hero{border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px;background:radial-gradient(80% 120% at 100% 0%,rgba(127,200,255,.22),transparent 40%),linear-gradient(135deg,#103064 0%, #0b1b3a 60%);box-shadow:var(--shadow)}.hero h1{margin:0 0 10px;font-size:40px;line-height:1.15}.lead{color:#cfe7ff;margin:0 0 18px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{appearance:none;border:0;border-radius:12px;padding:10px 14px;background:var(--brand);color:#0b1020;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:.2s}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.12);color:#eef6ff;box-shadow:none}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid{grid-template-columns:1fr}.hero h1{font-size:32px}}
.card{background:#122651;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.card h3{margin-top:0}
.badge{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:3px 8px;border-radius:999px;font-size:12px;color:#cfe7ff}
small,.muted{color:#cfe7ff}.breadcrumb{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.breadcrumb a{color:#cfe7ff}
fieldset{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px}label{display:block;margin:8px 0 4px}
input,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#eef6ff}input:focus,textarea:focus{outline:2px solid var(--brand)}
.alert{padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06)}
.review-stars{color:#ffd166;font-weight:900;letter-spacing:1px}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width:900px){.review-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.review-grid{grid-template-columns:1fr}}
.review-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.avatar{width:44px;height:44px;border-radius:999px;flex:0 0 auto;border:2px solid rgba(255,255,255,.2)}
.map-embed{border:0;width:100%;height:320px;border-radius:16px}

/* Featured Products */
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
@media (max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.product-grid{grid-template-columns:1fr}}
.product-card{background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.product-card img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;background:#0f234a}
.product-body{padding:14px}
.product-title{margin:0 0 6px;font-weight:800}
.kpi{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 0}
.kpi .badge{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.price{font-weight:900}
.rating-stars{color:#ffd166;font-weight:900}

/* Stock & Discount Badges */
.badge.stock{background:rgba(51,214,159,.16);border-color:rgba(51,214,159,.4);color:#8ff0c6;font-weight:700}
.badge.discount{background:rgba(255,107,107,.16);border-color:rgba(255,107,107,.35);color:#ffb3b3;font-weight:800}
.price-line{display:flex;align-items:baseline;gap:10px}
.price-old{color:#aac4ff;text-decoration:line-through;opacity:.7;font-weight:600}
.price-new{font-weight:900}


/* === Full Background (no gradient) === */
body{
  background-image: url('https://lalalandsynth.com/assets/Background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}