/* style.css — modern, responsive, minimal */
:root{
  --bg:#0f0f10; --panel:#151517; --muted:#a0a3ac; --text:#e7e9ee; --brand:#ffb703; --accent:#fb8500; --danger:#e11d48;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block;border-radius:16px}
.container{width:min(1100px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;background:rgba(15,15,16,.8);backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid #222}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{font-weight:800;font-size:1.2rem;color:#fff}
.nav{display:flex;gap:14px;align-items:center}
.nav a{padding:8px 10px;border-radius:10px}
.nav a:hover{background:#1d1e22}
.badge{background:var(--accent);color:#000;padding:2px 8px;border-radius:9999px;margin-left:6px;font-weight:700}
.burger{display:none;background:none;border:1px solid #333;border-radius:10px;padding:6px 10px;color:#fff}
.main{padding:28px 0 56px}

.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;padding:40px 0}
.hero-text h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 8px}
.hero-text p{color:var(--muted);margin:0 0 16px}
.hero-actions{display:flex;gap:12px}
.hero-art{font-size:100px;text-align:center;filter:drop-shadow(0 10px 40px rgba(0,0,0,.6))}

.grid{display:grid}
.gap{gap:18px}
.two-col{grid-template-columns:1fr 1fr}
.three-col{grid-template-columns:repeat(3,1fr)}
@media (max-width: 820px){
  .two-col,.three-col,.hero{grid-template-columns:1fr}
  .burger{display:block}
  .nav{display:none}
  .nav.open{display:flex;flex-direction:column;align-items:flex-end;background:#141417;padding:12px;border-radius:12px;position:absolute;right:4%;top:60px}
}
.card{background:var(--panel);padding:18px;border:1px solid #24252a;border-radius:18px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card.product .p{padding:8px 2px}
.page h1{margin-top:0}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.notice{background:#164e63;border:1px solid #155e75;padding:10px;border-radius:10px;margin:8px 0}
.error{background:#4c0519;border:1px solid #7f1d1d;padding:10px;border-radius:10px}

.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--brand),var(--accent));color:#000;padding:10px 14px;border:none;border-radius:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(251,133,0,.25)}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn.ghost{background:transparent;color:#fff;border:1px solid #333}
.btn.small{padding:8px 12px;border-radius:10px;font-weight:700}
.btn.big{padding:14px 18px;border-radius:16px;font-size:1.1rem}
.btn.danger{background:var(--danger);color:#fff}

.link{background:none;border:none;color:var(--brand);cursor:pointer;padding:0}
.link.danger{color:#ff6b81}

.checklist{padding-left:18px}
.checklist li{margin:6px 0}

.menu-preview{margin-top:40px}
.cta{text-align:center;padding:40px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;padding:20px 0;border-top:1px solid #222;border-bottom:1px solid #222}
.site-footer{padding:0 0 30px}
.copyright{color:#8a8d96;text-align:center;margin-top:16px}

label{display:block;margin:10px 0 6px}
input,textarea,select{width:100%;padding:10px;border-radius:12px;border:1px solid #26272d;background:#101014;color:#fff}
textarea{min-height:100px}
form.card label{margin-top:4px}
.thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;margin-right:10px;border:1px solid #333}

.list{display:flex;flex-direction:column;gap:10px}
.list-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid #24252a;border-radius:14px;padding:10px}
.list-main{display:flex;gap:10px;align-items:center}
.list-actions{display:flex;gap:8px;align-items:center}
.list-actions .inline{display:inline-flex;gap:6px;align-items:center}

.cart-items{display:flex;flex-direction:column;gap:10px}
.cart-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel);padding:10px;border:1px solid #24252a;border-radius:14px}
.cart-total{margin-top:8px;font-size:1.1rem}
.order-items{display:flex;flex-direction:column;gap:4px}
.order .total{margin-top:8px;font-weight:800}

.header-inner .admin{opacity:.8}
.header-inner .admin:hover{opacity:1}