:root{--shop-gold:#e7ad32;--shop-gold-2:#8a5410;--shop-bg:#060b11;--shop-panel:#0b121a;--shop-line:rgba(207,151,49,.35);--shop-text:#e8edf2;--shop-muted:#8f9aa6}
body.page-shop{overflow-x:hidden;background:#04070b}
body.page-shop>main{box-sizing:border-box;width:min(1920px,100%);max-width:none;margin:0 auto;padding:18px clamp(12px,2vw,34px) 50px}
.shop-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 18px;padding:25px 30px;border:1px solid rgba(214,159,57,.24);background:radial-gradient(circle at 76% 30%,rgba(199,129,16,.2),transparent 32%),linear-gradient(110deg,#080d13,#101722 60%,#080b10);box-shadow:0 18px 45px rgba(0,0,0,.35),inset 0 0 35px rgba(69,110,149,.08)}
.shop-hero h1{margin:2px 0 5px;font-size:clamp(30px,3vw,50px);letter-spacing:.03em}.shop-hero p{margin:0;color:#9ca8b5}.shop-hero-badge{min-width:150px;padding:14px 20px;text-align:center;border:1px solid var(--shop-line);background:rgba(0,0,0,.35)}.shop-hero-badge span,.shop-hero-badge small{display:block;color:#a9b1bb;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.shop-hero-badge strong{display:block;color:#ffd468;font-size:31px;line-height:1.15}
.shop-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;align-items:start}.shop-sidebar,.shop-content{border:1px solid rgba(106,145,178,.22);background:linear-gradient(180deg,rgba(12,19,28,.98),rgba(5,10,15,.98));box-shadow:0 18px 45px rgba(0,0,0,.28)}.shop-sidebar{position:sticky;top:12px;padding:14px}.sidebar-title{padding:2px 8px 12px;color:#f1bd4d;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--shop-line)}
.shop-category-tabs{display:grid!important;gap:5px!important;width:100%!important;margin:10px 0 15px!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important}.shop-category-tabs a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-width:0!important;min-height:42px!important;padding:0 13px!important;border:1px solid transparent!important;background:rgba(255,255,255,.018)!important;color:#c2c9d0!important;font-size:13px!important;font-weight:650!important;text-transform:none!important;letter-spacing:.01em!important;text-decoration:none}.shop-category-tabs a:hover,.shop-category-tabs a.active{border-color:rgba(224,165,49,.52)!important;background:linear-gradient(90deg,rgba(210,139,19,.27),rgba(210,139,19,.03))!important;color:#ffe3a0!important;box-shadow:inset 3px 0 #e5a72f!important}.shop-category-tabs a b{display:inline-grid!important;place-items:center;min-width:25px;height:21px;padding:0 5px;border-radius:10px;background:#151d25;color:#8695a3;font-size:10px}.shop-category-tabs a.active b{background:#a96b10;color:#fff1c7}
.shop-promo{padding:18px 14px;border:1px solid rgba(221,163,54,.35);background:radial-gradient(circle at 50% 0,rgba(212,142,25,.2),transparent 55%),#080c11;text-align:center}.shop-promo span{font-size:10px;color:#98a3ad;text-transform:uppercase;letter-spacing:.14em}.shop-promo strong{display:block;margin:6px 0;color:#f1bd4d;font-size:18px}.shop-promo p{font-size:12px;line-height:1.5;color:#8e99a4}.shop-promo a{display:block;margin-top:12px;padding:9px;border:1px solid #9c6818;background:linear-gradient(#bd7a12,#754406);color:#fff4d1;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800}
.shop-content{min-width:0;padding:12px}.shop-toolbar{display:grid;grid-template-columns:minmax(340px,1fr) minmax(190px,290px) 170px;gap:10px;margin-bottom:13px;padding:0 0 12px;border-bottom:1px solid rgba(106,145,178,.18)}.shop-view-tabs{display:flex}.shop-view-tabs button{min-height:42px;padding:0 21px;border:1px solid rgba(103,137,164,.24);background:#0a1119;color:#aeb7c1;text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.05em}.shop-view-tabs button.active{border-color:#b87815;background:linear-gradient(#bf811d,#76500f);color:#fff5d2}.shop-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid rgba(103,137,164,.3);background:#050a0f;color:#788591}.shop-search input{width:100%;border:0;outline:0;background:transparent;color:#e9eef3}.shop-toolbar select{border:1px solid rgba(103,137,164,.3);background:#050a0f;color:#bdc5cd;padding:0 12px}
.vehicle-tier-tabs{display:flex!important;gap:7px!important;width:100%!important;margin:0 0 13px!important;padding:0!important;border:0!important;background:none!important}.vehicle-tier-tabs a{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;min-width:0!important;min-height:36px!important;padding:0 14px!important;border:1px solid rgba(115,145,169,.25)!important;background:#080e14!important;color:#b7c0c9!important;text-decoration:none!important;font-size:11px!important}.vehicle-tier-tabs a.active{border-color:#b87917!important;color:#f5ce75!important}.vehicle-tier-tabs a b{display:inline!important;color:#7f8c97}
.shop-section-heading{display:flex;align-items:end;justify-content:space-between;margin:5px 2px 13px!important}.shop-section-heading h2{margin:2px 0 0;font-size:22px}.shop-section-heading>span{color:#9aa5af;font-size:12px}.shop-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important}.shop-card{position:relative;display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(115,149,176,.28)!important;background:linear-gradient(180deg,#0c141d,#080d13)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 8px 25px rgba(0,0,0,.25)!important;transition:transform .18s ease,border-color .18s ease}.shop-card:hover{transform:translateY(-3px);border-color:rgba(227,169,53,.65)!important}.shop-card-ribbon{position:absolute;z-index:3;top:9px;left:0;padding:5px 10px;background:linear-gradient(90deg,#9a161d,#d52b25);color:#fff;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.tier-premium .shop-card-ribbon{background:linear-gradient(90deg,#5a229b,#9c3ac5)}.tier-legendary .shop-card-ribbon{background:linear-gradient(90deg,#a15a09,#e49918)}
.shop-visual{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:210px!important;padding:15px!important;box-sizing:border-box!important;overflow:hidden!important;border:0!important;border-bottom:1px solid rgba(95,140,176,.22)!important;background:radial-gradient(circle at 50% 46%,rgba(51,86,114,.28),transparent 55%),linear-gradient(#09111a,#060a0f)!important}.shop-visual:after{content:"";position:absolute;inset:auto 10% 12px;height:18px;background:radial-gradient(ellipse,rgba(0,0,0,.65),transparent 70%)}.shop-visual img,.shop-visual img[src*='assets/generated/item-icons/']{position:relative!important;z-index:1;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:brightness(1.55) saturate(1.22) contrast(1.05) drop-shadow(0 13px 12px rgba(0,0,0,.35))}.shop-visual>span{position:absolute;z-index:2;right:7px;bottom:6px;color:#53616c;font-size:8px}.shop-card-category{margin:11px 13px 0;color:#748493;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.shop-card h2{margin:5px 13px 4px!important;color:#e8b847;font-size:15px!important;line-height:1.25!important;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}.shop-card>p{margin:0 13px 8px!important;min-height:43px;color:#97a2ad;font-size:11px!important;line-height:1.35!important;text-align:center}.stock-line{display:block;margin-top:4px;color:#677581;font-size:9px}.shop-duration-picker{display:grid!important;gap:4px!important;margin:0 13px 9px!important;color:#8b98a4;font-size:9px!important;text-transform:uppercase}.shop-duration-picker select{min-height:32px;padding:0 8px;border:1px solid rgba(111,144,169,.28);background:#060b10;color:#c5cdd4;font-size:10px!important}.shop-card-actions{margin-top:auto}.shop-card-actions>footer{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important;margin:0!important;padding:10px 13px 12px!important;border-top:1px solid rgba(94,132,162,.18)}.shop-card-actions footer strong{color:#f5c64e;font-size:15px!important}.shop-card-actions footer form{margin:0}.shop-card-actions button,.shop-card-actions .button{min-height:34px!important;padding:0 14px!important;border-radius:2px!important;font-size:10px!important;text-transform:uppercase!important;font-weight:800!important}.shop-card-actions .confirm-purchase{border:1px solid #c7891f;background:linear-gradient(#c98b23,#78500c);color:#fff4cf}.shop-card-actions>.item-details-open{display:block!important;width:calc(100% - 26px)!important;min-height:33px!important;margin:0 13px 8px!important;border:1px solid rgba(111,144,169,.35)!important;background:#0b1219!important;color:#c8d0d8!important}.shop-card>template{display:none}.shop-empty-search{margin-top:15px}
.purchase-dialog{border:1px solid rgba(225,168,52,.55)!important;background:#080e14!important;color:#dbe2e8!important;box-shadow:0 25px 80px rgba(0,0,0,.7)!important}.purchase-dialog::backdrop{background:rgba(0,0,0,.78)}
@media(max-width:1350px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:1000px){.shop-shell{grid-template-columns:1fr}.shop-sidebar{position:static}.shop-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.shop-promo{display:none}.shop-toolbar{grid-template-columns:1fr 1fr}.shop-view-tabs{grid-column:1/-1}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){body.page-shop>main{padding-inline:8px}.shop-hero{padding:18px}.shop-hero-badge{display:none}.shop-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-toolbar{grid-template-columns:1fr}.shop-view-tabs{overflow-x:auto}.shop-view-tabs button{flex:1;padding:0 12px}.shop-grid{grid-template-columns:1fr!important}.shop-visual{height:240px!important}}

/* Frame-free item artwork and direct-search feedback. */
body.page-shop .shop-visual,
body.page-shop .shop-visual.frame-none,
body.page-shop .shop-visual.frame-gold,
body.page-shop .shop-visual.frame-blue,
body.page-shop .shop-visual.frame-violet {
    padding: 8px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
body.page-shop .shop-visual::before,
body.page-shop .shop-visual::after {
    content: none !important;
    display: none !important;
}
body.page-shop .shop-visual img,
body.page-shop .shop-visual img[src*='assets/generated/item-icons/'] {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    inset: auto !important;
    object-fit: contain !important;
    object-position: var(--photo-x, 50%) var(--photo-y, 50%) !important;
    transform: scale(var(--photo-scale, 1)) !important;
    transform-origin: center !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: brightness(1.35) saturate(1.15) contrast(1.03) drop-shadow(0 8px 9px rgba(0,0,0,.28)) !important;
}
.shop-search{position:relative}.shop-search-submit{min-height:30px;padding:0 11px;border:1px solid #a66e17;background:linear-gradient(#ba7b17,#75470a);color:#fff0c3;font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer}
.shop-card.shop-search-hit{z-index:5;border-color:#f1bd4d!important;animation:shop-search-pulse .8s ease 3;box-shadow:0 0 0 2px rgba(241,189,77,.45),0 0 34px rgba(241,189,77,.3)!important}
@keyframes shop-search-pulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.015)}}


/* Remove all Standard/Premium/Legendary artwork overlays and tier frames. */
body.page-shop .shop-card-ribbon,
body.page-shop .vehicle-tier-badge {
    display: none !important;
}
body.page-shop .tier-card,
body.page-shop .tier-standard,
body.page-shop .tier-premium,
body.page-shop .tier-legendary {
    outline: 0 !important;
}
body.page-shop .tier-card .shop-visual,
body.page-shop .tier-standard .shop-visual,
body.page-shop .tier-premium .shop-visual,
body.page-shop .tier-legendary .shop-visual,
body.page-shop .tier-card .shop-visual.frame-none,
body.page-shop .tier-card .shop-visual.frame-gold,
body.page-shop .tier-card .shop-visual.frame-blue,
body.page-shop .tier-card .shop-visual.frame-violet {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
body.page-shop .tier-card .shop-visual::before,
body.page-shop .tier-card .shop-visual::after {
    content: none !important;
    display: none !important;
}

/* 2026-07-28 compact five-slot catalogue rebuild.
   Applies to All Items and every Vehicle/Mount tier filter. */
body.page-shop .shop-content {
    padding: 10px;
}

body.page-shop .shop-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: stretch;
}

body.page-shop .shop-card {
    min-height: 0 !important;
    border-radius: 2px;
}

body.page-shop .shop-visual,
body.page-shop .tier-card .shop-visual {
    height: clamp(138px, 10.5vw, 176px) !important;
    min-height: 138px !important;
    padding: 5px !important;
}

body.page-shop .shop-visual > span {
    right: 5px;
    bottom: 4px;
    font-size: 7px;
    opacity: .6;
}

body.page-shop .shop-card-category {
    margin: 7px 9px 0;
    font-size: 8px;
    line-height: 1.2;
}

body.page-shop .shop-card h2 {
    min-height: 32px;
    margin: 4px 9px 2px !important;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

body.page-shop .shop-card > p {
    min-height: 39px;
    margin: 0 9px 5px !important;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 9px !important;
    line-height: 1.35 !important;
}

body.page-shop .stock-line {
    margin-top: 3px;
    font-size: 8px;
}

body.page-shop .shop-duration-picker {
    gap: 3px !important;
    margin: 0 9px 6px !important;
    font-size: 8px !important;
}

body.page-shop .shop-duration-picker select {
    min-height: 28px;
    padding: 0 6px;
    font-size: 9px !important;
}

body.page-shop .shop-card-actions > .item-details-open {
    width: calc(100% - 18px) !important;
    min-height: 29px !important;
    margin: 0 9px 6px !important;
}

body.page-shop .shop-card-actions > footer {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 5px !important;
    padding: 7px 9px 9px !important;
}

body.page-shop .shop-card-actions footer strong {
    min-width: 0;
    font-size: 12px !important;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

body.page-shop .shop-card-actions button,
body.page-shop .shop-card-actions .button {
    min-height: 29px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
}

body.page-shop .vehicle-tier-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

body.page-shop .vehicle-tier-tabs a {
    min-height: 38px !important;
    padding: 0 9px !important;
}

@media (max-width: 1580px) {
    body.page-shop .shop-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1260px) {
    body.page-shop .shop-shell {
        grid-template-columns: 220px minmax(0, 1fr);
    }
    body.page-shop .shop-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1000px) {
    body.page-shop .shop-shell {
        grid-template-columns: 1fr;
    }
    body.page-shop .shop-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body.page-shop .shop-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    body.page-shop .vehicle-tier-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 480px) {
    body.page-shop .shop-grid {
        grid-template-columns: 1fr !important;
    }
    body.page-shop .shop-visual,
    body.page-shop .tier-card .shop-visual {
        height: 210px !important;
    }
}


/* 2026-07-28 FINAL five-column catalogue enforcement.
   This block intentionally comes last so older desktop breakpoints cannot
   return Vehicle/Mount tier pages to a two-, three-, or four-column grid. */
body.page-shop .shop-shell {
    grid-template-columns: 200px minmax(0, 1fr) !important;
    gap: 10px !important;
}

body.page-shop #shop-grid.shop-grid-five {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.page-shop #shop-grid.shop-grid-five > .shop-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

body.page-shop #shop-grid.shop-grid-five .shop-visual,
body.page-shop #shop-grid.shop-grid-five .tier-card .shop-visual {
    height: 150px !important;
    min-height: 150px !important;
    padding: 4px !important;
}

body.page-shop #shop-grid.shop-grid-five .shop-visual img {
    width: calc(100% / var(--photo-scale, 1)) !important;
    height: calc(100% / var(--photo-scale, 1)) !important;
    max-width: none !important;
    max-height: none !important;
    object-position: var(--photo-x, 50%) var(--photo-y, 50%) !important;
    transform: scale(var(--photo-scale, 1)) !important;
    transform-origin: var(--photo-x, 50%) var(--photo-y, 50%) !important;
}

body.page-shop #shop-grid.shop-grid-five .shop-card-category {
    margin: 6px 7px 0 !important;
    font-size: 7px !important;
}
body.page-shop #shop-grid.shop-grid-five .shop-card h2 {
    min-height: 29px !important;
    margin: 3px 7px 1px !important;
    font-size: 11px !important;
}
body.page-shop #shop-grid.shop-grid-five .shop-card > p {
    min-height: 34px !important;
    margin: 0 7px 4px !important;
    font-size: 8px !important;
}
body.page-shop #shop-grid.shop-grid-five .shop-duration-picker {
    margin: 0 7px 5px !important;
}
body.page-shop #shop-grid.shop-grid-five .shop-card-actions > .item-details-open {
    width: calc(100% - 14px) !important;
    margin: 0 7px 5px !important;
}
body.page-shop #shop-grid.shop-grid-five .shop-card-actions > footer {
    padding: 6px 7px 7px !important;
}

/* Keep five horizontal card slots on normal desktop and laptop widths. */
@media (min-width: 1101px) {
    body.page-shop #shop-grid.shop-grid-five {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

/* Responsive fallback only when the viewport genuinely cannot fit five cards. */
@media (max-width: 1100px) {
    body.page-shop .shop-shell { grid-template-columns: 1fr !important; }
    body.page-shop #shop-grid.shop-grid-five { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 820px) {
    body.page-shop #shop-grid.shop-grid-five { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 620px) {
    body.page-shop #shop-grid.shop-grid-five { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 420px) {
    body.page-shop #shop-grid.shop-grid-five { grid-template-columns: 1fr !important; }
    body.page-shop #shop-grid.shop-grid-five .shop-visual { height: 205px !important; }
}

/* Unified grouped-product indicator */
.variant-count {
    margin: 8px 0 5px;
    padding: 5px 8px;
    border: 1px solid rgba(216, 167, 63, .55);
    background: rgba(216, 167, 63, .08);
    color: #f0c85c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: center;
}

/* GM grouped duration Save All workflow */
.gm-duration-save-selection{margin:12px 0;padding:12px;border:1px solid rgba(210,160,70,.35);background:rgba(4,16,29,.55)}
.gm-duration-save-selection>strong{display:block;margin-bottom:8px;color:#f2c94c;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.gm-duration-save-options{display:flex;flex-wrap:wrap;gap:8px 14px}
.gm-duration-save-options label{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:.82rem}
.gm-duration-save-options input{width:16px;height:16px;accent-color:#c97932}
.gm-group-save-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.gm-group-save-actions .form-note{margin:0}