/* Modern royal blue theme for The KingDom (EN) */
:root{
  --primary: #4169E1;
  --buy: #22c55e;
  --bg: #0b0e14;
  --card: #121826;
  --text: #e6e6e6;
  --muted: #9aa4b2;
  --border: rgba(255,255,255,.08);
  --shadow: 0 12px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.55}
.container{max-width:1200px;margin:0 auto;padding:16px}

.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg, rgba(10,14,28,.95), rgba(10,14,28,.75));border-bottom:1px solid var(--border);backdrop-filter: blur(8px)}
.header-inner{display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.logo-dot{width:12px;height:12px;border-radius:9999px;background:var(--primary);box-shadow:0 0 12px var(--primary)}
.brand-name{font-weight:800;letter-spacing:.2px}
.controls{margin-left:auto;display:flex;gap:10px}
.controls input,.controls select{background:#0f1523;border:1px solid var(--border);padding:10px 12px;border-radius:12px;color:var(--text)}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:18px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s ease, box-shadow .15s ease}
.card:hover{transform:translateY(-3px)}
.card .thumb img{width:100%;height:220px;object-fit:cover;background:#0f1523;display:block}
.card-body{padding:12px}
.card .title{margin:0 0 6px;font-size:16px}
.prices{display:flex;gap:10px;align-items:baseline}
.prices .usd{color:#fff;font-weight:800}
.prices .eur{color:var(--muted);font-weight:700}
.btn-buy{display:inline-block;background:var(--buy);color:#05220c;text-decoration:none;padding:10px 14px;border-radius:12px;font-weight:800;margin-top:10px;border:1px solid #166534}
.btn-buy:hover{filter:brightness(1.05)}
.btn-buy.disabled{opacity:.55;pointer-events:none;filter:grayscale(35%)}

.pagination{display:flex;gap:8px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.pagination .page{padding:8px 12px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);background:#0f1523}
.pagination .page.disabled{opacity:.5;pointer-events:none}
.pagination .page.active{background:var(--primary);color:white;border-color:transparent}
.pagination .ellipsis{display:inline-flex;align-items:center;padding:0 6px;color:var(--muted)}

.product{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin:24px 0}
.product-media .main{width:100%;border-radius:16px;border:1px solid var(--border);background:#0f1523}
.thumbs{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.thumbs .thumb{width:90px;height:90px;object-fit:cover;border-radius:10px;border:1px solid var(--border);cursor:pointer}

.product-info h1{margin-top:0}
.prices.big .usd{font-size:22px}
.btn-buy.big{padding:14px 18px;font-size:16px}

.btn-back{margin-left:auto;background:#0f1523;border:1px solid var(--border);padding:8px 12px;border-radius:10px;color:var(--text);text-decoration:none}
.btn-back:hover{filter:brightness(1.07)}

.site-footer{border-top:1px solid var(--border);margin-top:40px}
.site-footer p{color:var(--muted)}
@media (max-width: 900px){ .product{grid-template-columns:1fr} }