/* ═══════════════════════════════════════
   GLENDER — Shop Page (Premium Redesign)
   ═══════════════════════════════════════ */
body.gshop-page { background:#070707; color:#f0f0f0; font-family:'Playfair Display',serif; overflow-x:hidden; }

.gs-bg { position:fixed; inset:0; background:radial-gradient(ellipse at 50% 20%,rgba(230,169,95,.05) 0%,transparent 70%),#070707; z-index:-1; }

.gs-wrap { max-width:1200px; margin:0 auto; padding:130px 30px 80px; position:relative; z-index:1; }

/* Title */
.gs-title {
    font-size:3rem; font-weight:700; color:#e6a95f; text-transform:uppercase;
    letter-spacing:6px; text-align:center; margin-bottom:15px;
    opacity:0; animation:gsUp .8s ease-out forwards;
}
.gs-subtitle {
    text-align:center; font-size:.85rem; color:rgba(240,240,240,.4);
    letter-spacing:3px; text-transform:uppercase; margin-bottom:50px;
    opacity:0; animation:gsUp .8s ease-out .15s forwards;
}

/* Category Filters */
.gs-filters {
    display:flex; justify-content:center; gap:12px; margin-bottom:50px; flex-wrap:wrap;
    opacity:0; animation:gsUp .8s ease-out .25s forwards;
}
.gs-filter {
    background:transparent; border:1px solid rgba(230,169,95,.3); color:#e6a95f;
    padding:10px 28px; font-family:'Playfair Display',serif; font-size:.75rem;
    text-transform:uppercase; letter-spacing:2px; cursor:pointer;
    transition:all .3s ease; text-decoration:none; border-radius:6px;
}
.gs-filter:hover, .gs-filter.active {
    background:#e6a95f; color:#000; border-color:#e6a95f; transform:translateY(-2px);
    box-shadow:0 4px 15px rgba(230,169,95,.25);
}

/* Product Grid */
.gs-grid {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:28px; opacity:0; animation:gsUp .8s ease-out .4s forwards;
}

/* Product Card */
.gs-card {
    background:#0e0e0e; border:1px solid rgba(230,169,95,.1); border-radius:14px;
    overflow:hidden; transition:all .45s ease; position:relative;
    display:flex; flex-direction:column;
}
.gs-card:hover {
    transform:translateY(-8px); border-color:rgba(230,169,95,.35);
    box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 30px rgba(230,169,95,.06);
}

/* Card Image */
.gs-card-img {
    position:relative; aspect-ratio:1/1; overflow:hidden; background:#070707;
}
.gs-card-img img {
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform .6s ease, filter .6s ease;
    filter:brightness(.75) contrast(1.1) saturate(.9);
}
.gs-card:hover .gs-card-img img { transform:scale(1.08); filter:brightness(.88) contrast(1.05) saturate(1); }

/* Dark vignette + gold ambient glow */
.gs-card-img::before {
    content:''; position:absolute; inset:0; z-index:1;
    background:radial-gradient(ellipse at 50% 40%, rgba(230,169,95,.06) 0%, transparent 60%);
    pointer-events:none;
}
.gs-card-img::after {
    content:''; position:absolute; inset:0; z-index:2;
    box-shadow:inset 0 0 60px 25px rgba(0,0,0,.85);
    background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 30%,transparent 50%,rgba(0,0,0,.7) 100%);
    pointer-events:none;
}

/* Card Body */
.gs-card-body {
    padding:22px 22px 24px; display:flex; flex-direction:column;
    flex-grow:1; gap:10px;
}
.gs-card-cat {
    font-size:.6rem; color:rgba(240,240,240,.35); text-transform:uppercase;
    letter-spacing:2px;
}
.gs-card-name {
    font-size:1.15rem; font-weight:700; color:#f0f0f0; text-transform:uppercase;
    letter-spacing:1px; line-height:1.3; margin:0; transition:color .3s;
}
.gs-card:hover .gs-card-name { color:#e6a95f; }

.gs-card-price {
    font-size:1rem; font-weight:600; color:#e6a95f; margin-top:auto;
}
.gs-card-price del { color:#555; font-size:.85rem; margin-right:6px; }
.gs-card-price ins { text-decoration:none; }

.gs-card-link {
    display:inline-flex; align-items:center; gap:6px;
    color:#e6a95f; font-size:.7rem; text-transform:uppercase; letter-spacing:2px;
    text-decoration:none; padding-top:8px; border-top:1px solid rgba(230,169,95,.1);
    margin-top:12px; transition:all .3s ease;
}
.gs-card-link:hover { color:#fff; gap:10px; }
.gs-card-link::after { content:'→'; transition:inherit; }

/* No Products */
.gs-empty {
    grid-column:1/-1; text-align:center; padding:60px 20px;
    color:rgba(240,240,240,.3); font-style:italic;
    border:1px dashed rgba(230,169,95,.1); border-radius:12px;
}

/* Animation */
@keyframes gsUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

/* Responsive */
@media(max-width:768px){
    .gs-wrap{padding:100px 18px 50px}
    .gs-title{font-size:2.2rem;letter-spacing:4px}
    .gs-grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .gs-card-body{padding:16px 16px 18px}
    .gs-card-name{font-size:.95rem}
    .gs-filter{padding:8px 20px;font-size:.65rem}
}
@media(max-width:420px){
    .gs-wrap{padding:90px 12px 40px}
    .gs-title{font-size:1.8rem}
    .gs-grid{grid-template-columns:1fr;gap:18px}
}