
*{box-sizing:border-box}
:root{--black:#050505;--panel:#0c0a07;--gold:#d7a94b;--cream:#f7e8c7;--line:#8d682e}
html{scroll-behavior:smooth}
body{margin:0;background:#030303;color:#fff;font-family:Georgia,"Times New Roman",serif}
button{font:inherit}
.top{
  position:relative;text-align:center;padding:34px 18px 24px;
  background:
    linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.76)),
    url("assets/poster-header.jpg") center 20%/cover no-repeat;
  border-bottom:1px solid var(--line)
}
.top:before{
  content:"";position:absolute;inset:8px;border:2px solid #aa7d36;pointer-events:none
}
.gold-line{width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 12px}
.kicker,.mini{letter-spacing:.25em;font-size:.72rem;color:var(--gold);margin:0 0 5px}
h1{font-size:clamp(3.2rem,8vw,6.8rem);line-height:.9;margin:0;color:var(--cream);text-shadow:0 2px 18px #b9781e;font-weight:700}
.sub{font-size:clamp(1rem,2.5vw,1.45rem);margin:14px 0 20px;color:#f2dfb9}
.basket{
  position:absolute;right:30px;top:30px;background:#090807;color:var(--cream);border:1px solid var(--gold);
  padding:11px 15px;cursor:pointer
}
.basket span{background:var(--gold);color:#000;border-radius:30px;padding:2px 7px;margin-left:6px;font-weight:bold}
.intro{text-align:center;padding:18px 14px;border-bottom:1px solid #3f2d16;color:#d7c39f;letter-spacing:.04em}
.grid{
  width:min(1220px,96%);margin:24px auto 42px;
  display:grid;grid-template-columns:repeat(5,1fr);gap:8px
}
.card{
  min-width:0;background:
    radial-gradient(circle at 50% 70%,rgba(174,103,24,.14),transparent 34%),
    linear-gradient(180deg,#090807,#020202);
  border:1px solid #9d7338;padding:9px;display:flex;flex-direction:column;text-align:center
}
.pic{
  width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;
  border-bottom:1px solid #4c3519;background:#000
}
.brand{margin:12px 0 1px;font-size:1rem;color:#fff}
.name{margin:0;color:#fff;font-size:1.13rem;line-height:1.05}
.size{margin:5px 0 8px;color:#e5dccd;font-family:Arial,sans-serif;font-size:.84rem}
.price{
  border:1px solid var(--gold);color:#ffd87a;font-family:Arial,sans-serif;font-weight:800;
  font-size:1.15rem;padding:5px;margin-top:auto
}
.reserve{
  margin-top:7px;border:0;background:linear-gradient(180deg,#d5aa55,#aa772b);color:#070707;
  padding:9px 8px;font-family:Arial,sans-serif;font-size:.82rem;font-weight:800;cursor:pointer;text-transform:uppercase
}
.reserve:hover{filter:brightness(1.12)}
footer{
  border-top:1px solid var(--line);padding:28px 20px;text-align:center;color:#e9c986;
  letter-spacing:.24em
}
footer small{display:block;margin-top:9px;letter-spacing:0;color:#85745d;font-family:Arial,sans-serif}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:.2s;z-index:20}
.overlay.show{opacity:1;pointer-events:auto}
.drawer{
  position:fixed;top:0;right:0;width:min(430px,94vw);height:100vh;background:#080706;border-left:1px solid var(--gold);
  z-index:30;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column
}
.drawer.open{transform:translateX(0)}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #5c421e}
.drawer h2{margin:0;color:var(--cream);font-size:2.2rem}
.close{background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}
.basket-items{padding:8px 22px;overflow:auto;flex:1}
.basket-row{display:grid;grid-template-columns:55px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #342513}
.basket-row img{width:55px;height:70px;object-fit:cover}
.basket-row h3{font-size:1rem;margin:0 0 4px}
.basket-row p{margin:0;color:#bfae91;font-family:Arial,sans-serif;font-size:.8rem}
.remove{background:none;border:0;color:#a89473;cursor:pointer;font-size:.75rem}
.empty{color:#a89473;font-family:Arial,sans-serif;padding:30px 0}
.drawer-foot{padding:20px 22px;border-top:1px solid #5c421e}
.total{display:flex;justify-content:space-between;font-size:1.2rem;margin-bottom:14px}
.order{width:100%;border:1px solid #f0cb75;background:#c69843;color:#050505;padding:13px;font-weight:bold;cursor:pointer}
.note{font-family:Arial,sans-serif;color:#82745e;font-size:.72rem;line-height:1.4}
.toast{
  position:fixed;left:50%;bottom:28px;transform:translate(-50%,25px);opacity:0;background:#d3a34a;color:#050505;
  padding:10px 15px;font-family:Arial,sans-serif;font-weight:bold;transition:.2s;z-index:40
}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){
  .grid{grid-template-columns:repeat(2,1fr);width:98%;gap:5px}
  .card{padding:6px}.brand{font-size:.88rem}.name{font-size:1rem}.price{font-size:1rem}
  .basket{position:relative;right:auto;top:auto;margin-top:4px}
  .top{padding-top:30px}
}

/* Stock + admin */
.pic-wrap{position:relative}.sold-card .pic{opacity:.38;filter:grayscale(.4)}.sold-ribbon{position:absolute;left:0;right:0;top:46%;background:rgba(0,0,0,.88);border-top:1px solid #d7a94b;border-bottom:1px solid #d7a94b;color:#ffd87a;padding:8px 3px;font-family:Arial,sans-serif;font-weight:800;letter-spacing:.12em}.reserve:disabled{cursor:not-allowed;background:#3a342c;color:#91846f}.sold-card .price{color:#d7a94b}
.admin-body{background:#050505;min-height:100vh}.admin-shell{width:min(1050px,94%);margin:auto;padding:32px 0 60px}.admin-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8d682e;padding-bottom:18px;margin-bottom:24px}.admin-title{font-size:clamp(2.3rem,6vw,4.5rem);margin:0;color:#f7e8c7}.admin-store-link,.admin-ghost{color:#e7c475;background:transparent;border:1px solid #8d682e;padding:10px 13px;text-decoration:none;cursor:pointer}.admin-login{max-width:480px;margin:70px auto;background:#0c0a07;border:1px solid #8d682e;padding:24px}.admin-login h2{color:#f7e8c7}.admin-login p,.admin-toolbar p{font-family:Arial,sans-serif;color:#b9aa90}.admin-login form{display:grid;gap:10px}.admin-login input,.admin-card input{background:#050505;color:#fff;border:1px solid #6e5127;padding:10px}.admin-msg{color:#d7a94b}.admin-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-card{display:grid;grid-template-columns:72px 1fr 100px 90px;gap:10px;align-items:center;background:#0c0a07;border:1px solid #5f451f;padding:12px;font-family:Arial,sans-serif}.admin-card>img{width:72px;height:90px;object-fit:cover}.admin-product-copy{display:flex;flex-direction:column;gap:5px}.admin-product-copy span{color:#b9aa90;font-size:.82rem}.admin-card label{display:flex;flex-direction:column;gap:5px;color:#d7c7aa;font-size:.75rem}.admin-check{grid-column:2/4;flex-direction:row!important;align-items:center}.admin-status{color:#8fd19e;font-weight:bold}.admin-status.sold{color:#e2ae52}.admin-save{grid-column:4}.admin-card .order{padding:10px}.admin-card input[type=checkbox]{width:18px;height:18px}.admin-card input[type=number]{width:100%}
@media(max-width:800px){.admin-grid{grid-template-columns:1fr}.admin-card{grid-template-columns:65px 1fr 84px}.admin-card>img{width:65px;height:82px}.admin-check{grid-column:2/4}.admin-status{grid-column:2}.admin-save{grid-column:3}.admin-toolbar{align-items:flex-start;flex-direction:column}}
