body{margin:0;background:#0f0f0f;color:#fff;font-family:Arial}

.top-area{display:flex;justify-content:center;margin-top:15px}
.follow-btn{text-align:center}

.brand-title{text-align:center;font-family:'Great Vibes',cursive;font-size:46px;margin:30px 0;color:#C9A24D}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;padding:25px;max-width:1200px;margin:auto}

.card{background:#141414;border-radius:18px;padding:15px;text-align:center;cursor:pointer;position:relative;border:1px solid rgba(201,162,77,.25)}
.card img{width:100%;border-radius:12px;margin-bottom:10px}

.price{font-size:18px;font-weight:bold}
.old{text-decoration:line-through;opacity:.6;margin-left:6px}

.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);align-items:flex-end;justify-content:center;z-index:999}

.modal-content{
background:#141414;
border-radius:22px 22px 0 0;
width:100%;
max-width:420px;
padding:20px;
max-height:85vh;
overflow-y:auto;
}

#closeModal{position:absolute;right:12px;top:10px;font-size:24px;cursor:pointer;color:#C9A24D}

.image-viewer{position:relative;margin-bottom:15px}
#modalImg{width:100%;border-radius:16px;max-height:45vh;object-fit:contain}

.nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:28px}
.prev{left:10px}.next{right:10px}

.info-overlay{position:absolute;bottom:12px;right:12px;padding:10px 14px;border-radius:14px;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);color:#fff;font-size:13px;border:1px solid rgba(255,255,255,.15)}

.stock-badge{position:absolute;top:12px;left:12px;background:#ff9f1c;color:#000;font-weight:600;font-size:12px;padding:6px 10px;border-radius:10px;display:none}
.stock-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:46px;background:rgba(0,0,0,.55);border-radius:16px;display:none}

.out-label{position:absolute;bottom:10px;left:10px;background:#c40000;color:#fff;font-size:12px;padding:6px 10px;border-radius:8px}

.popup-out{color:#ff3b3b;font-weight:700;margin:6px 0 10px;display:none}

.viewer-counter{font-size:13px;margin:8px 0 12px;color:#C9A24D}

.glass-btn{display:inline-block;padding:10px 18px;border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none}
footer{text-align:center;margin:40px 0}


.admin-gallery{
 display:grid;
 grid-template-columns:repeat(auto-fill,70px);
 gap:10px;
 margin:10px 0;
}

.admin-img{
 position:relative;
}

.admin-img img{
 width:70px;
 height:70px;
 object-fit:cover;
 border-radius:10px;
}

.admin-img button{
 position:absolute;
 top:-6px;
 right:-6px;
 width:20px;
 height:20px;
 border:none;
 border-radius:50%;
 background:#c40000;
 color:#fff;
 cursor:pointer;
 font-size:12px;
}