.gpg-container {
    font-family:inherit;
    --gpg-bg: #effff8;
    --gpg-surface: rgba(255, 255, 255, .82);
    --gpg-cyan: #00ffff;
    --gpg-pink: #ff9a3c;
    --gpg-purple: #7c5cff;
    --gpg-green: #00ff88;
    --gpg-green-dark: #00d4aa;
    --gpg-filter-bg: #1a1a2e;
    --gpg-navigator-bg: #142033;
    --gpg-text: #17213e;
    --gpg-muted: #5c6f82;
    --gpg-item-size: 128px;
    --gpg-grid-gap: 16px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    color: var(--gpg-text);
    background: transparent;
    border-radius: 22px;
    padding: 18px;
}
.gpg-container button,
.gpg-container input,
.gpg-container select,
.gpg-container textarea { font-family:inherit; }
.gpg-filter-bar { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 0 28px; }
.gpg-cat-btn, .gpg-load-more-btn {
    font:inherit;
    appearance:none;
    border:2px solid var(--gpg-green);
    border-radius:8px;
    color:var(--gpg-green);
    background:var(--gpg-filter-bg);
    position:relative;
    isolation:isolate;
    overflow:hidden;
    cursor:pointer;
    box-shadow:0 8px 24px rgba(22,33,62,.14), 0 0 0 1px rgba(0,255,136,.04);
    transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, background-color .2s ease;
}
.gpg-cat-btn { padding:10px 20px; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; }

.gpg-cat-btn::after, .gpg-load-more-btn::after {
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(115deg, transparent 0%, rgba(0,255,255,.14) 42%, rgba(255,255,255,.16) 50%, transparent 58%);
    transform:translateX(-125%);
    transition:transform .55s ease, opacity .25s ease;
    opacity:.55;
}
.gpg-cat-btn:hover:not(:disabled)::after, .gpg-cat-btn:focus-visible::after, .gpg-load-more-btn:hover:not(:disabled)::after, .gpg-load-more-btn:focus-visible::after {
    transform:translateX(125%);
    opacity:.9;
}
.gpg-cat-btn:hover:not(:disabled), .gpg-cat-btn:focus-visible {
    transform:translateY(-2px);
    box-shadow:0 0 15px rgba(0,255,136,.4);
    border-color:var(--gpg-green);
    outline:none;
}
.gpg-cat-btn.active::before, .gpg-load-more-btn:active::before {
    content:""; position:absolute; inset:1px; border-radius:inherit; pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.18), transparent 48%); opacity:.5;
}
.gpg-cat-btn.active {
    background:linear-gradient(135deg, var(--gpg-green) 0%, var(--gpg-green-dark) 100%);
    color:var(--gpg-filter-bg);
    border-color:var(--gpg-cyan);
    box-shadow:0 0 20px rgba(0,255,136,.6);
}
.gpg-cat-btn:disabled { cursor:wait; opacity:.58; }
.gpg-gallery-wrapper {
    --gpg-row-gap:calc(var(--gpg-grid-gap) + 10px);
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(var(--gpg-item-size), var(--gpg-item-size)));
    grid-auto-rows:var(--gpg-item-size);
    grid-auto-flow:row;
    justify-content:center;
    align-items:stretch;
    gap:var(--gpg-row-gap) var(--gpg-grid-gap);
    margin-top:10px;
    min-height:var(--gpg-item-size);
    transition:opacity .2s ease;
}
.gpg-gallery-wrapper.is-loading { opacity:.7; }
.gpg-item { position:relative; width:var(--gpg-item-size); min-width:0; contain:layout style; }
.gpg-product-link { display:block; text-decoration:none; color:inherit; outline:none; }
.gpg-img-wrap { position:relative; width:100%; aspect-ratio:1; border-radius:50%; overflow:visible; isolation:isolate; transition:transform .2s ease; }
.gpg-img-wrap::before {
    content:""; position:absolute; inset:-2px; border-radius:50%; padding:2px;
    background:conic-gradient(from 220deg, rgba(0,229,255,.10), rgba(0,229,255,.75), rgba(168,85,247,.75), rgba(255,45,117,.60), rgba(0,229,255,.10));
    mask:radial-gradient(circle at 50% 50%, transparent 61%, #000 63%);
    -webkit-mask:radial-gradient(circle at 50% 50%, transparent 61%, #000 63%);
    opacity:.55; pointer-events:none; z-index:-1;
}
.gpg-base-glow { position:absolute; inset:10% 10% -2%; border-radius:50%; background:radial-gradient(circle at 50% 100%, rgba(0,229,255,.13), transparent 68%); opacity:.42; pointer-events:none; z-index:-1; }
.gpg-img-wrap img {
    display:block; width:100%; height:100%; border-radius:50%; object-fit:cover;
    background:#e7fff4; transition:opacity .36s ease, transform .32s ease;
    opacity:.72;
}
.gpg-img-wrap img:not(.loaded) { transform:scale(1.01); }
.gpg-img-wrap img.loaded { opacity:1; }
.gpg-hover-card { position:absolute; inset:-2px; border-radius:50%; background:radial-gradient(circle at 35% 25%, rgba(0,255,136,.05), rgba(0,229,255,.04) 45%, rgba(22,33,62,.70) 100%); opacity:0; transform:scale(.98); transition:opacity .2s ease,transform .2s ease; pointer-events:none; }
.gpg-title { position:absolute; left:50%; bottom:-18px; max-width:calc(100% + 100px); transform:translateX(-50%) translateY(4px); padding:4px 11px; font-size:12px; line-height:1.35; color:#fff; border-radius:999px; background:rgba(22,33,62,.94); border:1px solid rgba(0,255,136,.55); box-shadow:0 6px 18px rgba(22,33,62,.18),0 0 12px rgba(0,255,136,.14); text-shadow:0 0 5px rgba(0,0,0,.75); opacity:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:opacity .2s ease,transform .2s ease; }
.gpg-price { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; padding:4px 9px; font-size:12px; line-height:1.3; color:#fff; border-radius:999px; background:rgba(22,33,62,.86); border:1px solid rgba(124,92,255,.45); box-shadow:0 0 16px rgba(124,92,255,.12); white-space:nowrap; }
.gpg-price del { opacity:.65; margin-inline-end:4px; }
.gpg-sale-badge { position:absolute; top:-7px; right:-5px; z-index:3; padding:3px 8px; border-radius:999px; background:linear-gradient(135deg,#ff9a3c,#ff6b98); color:#fff; font-size:10px; font-weight:800; box-shadow:0 0 13px rgba(255,154,60,.24); }
.gpg-product-link:hover .gpg-img-wrap img, .gpg-product-link:focus-visible .gpg-img-wrap img { transform:scale(1.012); }
.gpg-mode-full .gpg-product-link:hover .gpg-img-wrap, .gpg-mode-full .gpg-product-link:focus-visible .gpg-img-wrap { transform:translateY(-3px) scale(1.015); }
.gpg-mode-full .gpg-product-link:hover .gpg-img-wrap::before, .gpg-mode-full .gpg-product-link:focus-visible .gpg-img-wrap::before { opacity:.9; }
.gpg-mode-full .gpg-product-link:hover .gpg-hover-card, .gpg-mode-full .gpg-product-link:focus-visible .gpg-hover-card { opacity:1; transform:scale(1); }
.gpg-mode-full .gpg-product-link:hover .gpg-title, .gpg-mode-full .gpg-product-link:focus-visible .gpg-title { opacity:1; transform:translateX(-50%) translateY(0); }
.gpg-mode-balanced .gpg-product-link:hover .gpg-hover-card, .gpg-mode-balanced .gpg-product-link:focus-visible .gpg-hover-card { opacity:.88; transform:scale(1); }
.gpg-mode-balanced .gpg-product-link:hover .gpg-title, .gpg-mode-balanced .gpg-product-link:focus-visible .gpg-title { opacity:1; transform:translateX(-50%) translateY(0); }
.gpg-mode-performance .gpg-product-link:hover .gpg-img-wrap, .gpg-mode-performance .gpg-product-link:focus-visible .gpg-img-wrap { transform:none; }
.gpg-mode-performance .gpg-base-glow { opacity:0; }
.gpg-no-glow .gpg-base-glow, .gpg-no-glow .gpg-img-wrap::before { opacity:0; }
.gpg-no-hover .gpg-hover-card, .gpg-no-hover .gpg-title { display:none; }
.gpg-no-reveal .gpg-img-wrap img { transition:none; opacity:1; }
.gpg-screen-reader-title { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.gpg-load-more-wrapper { display:flex; justify-content:center; margin:38px 0 24px; }
.gpg-load-more-wrapper[hidden] { display:none; }
.gpg-load-more-btn { position:relative; padding:13px 28px; font-size:15px; font-weight:800; overflow:hidden; }
.gpg-load-more-btn:hover:not(:disabled), .gpg-load-more-btn:focus-visible { transform:translateY(-2px); border-color:var(--gpg-cyan); box-shadow:0 0 20px rgba(0,255,136,.5); outline:none; }
.gpg-load-more-btn:disabled { opacity:.62; cursor:wait; }
.gpg-btn-text { position:relative; z-index:2; }
.gpg-btn-glow { position:absolute; inset:0; background:radial-gradient(circle, rgba(0,255,136,.30) 0%, transparent 70%); opacity:0; transition:opacity .2s ease; }
.gpg-load-more-btn:hover .gpg-btn-glow { opacity:1; }
.gpg-empty-message,.gpg-ajax-error { margin:20px auto; padding:12px 16px; text-align:center; border-radius:12px; }
.gpg-empty-message { max-width:480px; color:var(--gpg-muted); }
.gpg-ajax-error { background:rgba(62,18,31,.72); border:1px solid rgba(255,80,120,.55); color:#ffdce4; }
@media (hover:none), (max-width:640px) {
    .gpg-gallery-wrapper {
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-auto-rows:auto;
        gap:calc(var(--gpg-grid-gap) + 6px) max(8px, calc(var(--gpg-grid-gap) - 4px));
    }
    .gpg-item, .gpg-img-wrap { width:100%; max-width:none; }
    .gpg-item { contain:layout style; }
    .gpg-container { padding:10px; }
    .gpg-cat-btn { padding:8px 13px; font-size:12px; }
    .gpg-load-more-btn { padding:12px 24px; font-size:14px; }
    .gpg-mode-full .gpg-base-glow { opacity:.25; }
}
@media (max-width:420px) {
    .gpg-gallery-wrapper { gap:calc(var(--gpg-grid-gap) + 2px) 8px; }
    .gpg-container { padding:8px; }
}
@media (prefers-reduced-motion:reduce) {
    .gpg-container * { scroll-behavior:auto!important; }
    .gpg-cat-btn,.gpg-img-wrap,.gpg-img-wrap img,.gpg-hover-card,.gpg-title,.gpg-load-more-btn { transition:none!important; animation:none!important; }
}
.gpg-item-enter { opacity:0; transform:translateY(8px); }
.gpg-item-enter-active { opacity:1; transform:translateY(0); transition:opacity .22s ease, transform .22s ease; }
@media (prefers-reduced-motion:reduce) { .gpg-item-enter,.gpg-item-enter-active { opacity:1; transform:none; transition:none; } }


.gpg-loading-navigator {
    --gpg-progress: 0%;
    width:100%;
    max-width:980px;
    margin:4px auto 22px;
}
.gpg-loading-navigator[hidden] { display:none !important; }
.gpg-loading-navigator__frame {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(0, 229, 255, .42);
    border-radius:20px;
    padding:18px 20px 15px;
    background:var(--gpg-navigator-bg);
    box-shadow:0 12px 32px rgba(34,65,120,.12), 0 0 0 1px rgba(255,255,255,.05) inset, 0 0 28px rgba(0,229,255,.06);
}
.gpg-loading-navigator__frame::after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(100deg, transparent 0%, rgba(0,229,255,.045) 45%, rgba(255,45,117,.045) 55%, transparent 100%);
}
.gpg-loading-navigator__topline {
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:12px;
}
.gpg-loading-navigator__brand { display:flex; align-items:center; gap:9px; min-width:0; }
.gpg-loading-navigator__brand-mark {
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:50%;
    color:#00e5ff;
    font-weight:900;
    font-size:21px;
    background:rgba(0,229,255,.08);
    box-shadow:0 0 14px rgba(0,229,255,.28);
}
.gpg-loading-navigator__brand-text { color:#fff; font-size:17px; font-weight:800; letter-spacing:.2px; }
.gpg-loading-navigator__status { display:flex; align-items:baseline; gap:10px; direction:rtl; }
.gpg-loading-navigator__percent { color:#00ff88; font-size:26px; line-height:1; text-shadow:0 0 16px rgba(0,255,136,.35); }
.gpg-loading-navigator__message { color:rgba(235,245,255,.86); font-size:13px; }
.gpg-loading-navigator__stage { position:relative; z-index:2; padding:30px 8px 14px; }
.gpg-loading-navigator__rail { position:relative; height:30px; margin:0 10px; }
.gpg-loading-navigator__rail::before {
    content:"";
    position:absolute;
    inset:11px 0;
    border-radius:999px;
    background:rgba(255,255,255,.11);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
}
.gpg-loading-navigator__progress {
    position:absolute;
    inset-inline-start:0;
    top:10px;
    width:100%;
    height:8px;
    border-radius:999px;
    background:linear-gradient(90deg, #00e5ff 0%, #7c5cff 53%, #00ff88 100%);
    box-shadow:0 0 14px rgba(0,229,255,.38), 0 0 18px rgba(124,92,255,.14);
    transform:scaleX(var(--gpg-progress-scale, 0));
    transform-origin:left center;
    transition:none;
    }
.gpg-loading-navigator.is-progress-animating .gpg-loading-navigator__progress { will-change: transform; }
.gpg-loading-navigator__headset {
    position:absolute;
    top:-44px;
    inset-inline-start:calc(100% - var(--gpg-progress));
    width:112px;
    transform:translateX(50%);
    pointer-events:none;
    filter:drop-shadow(0 8px 12px rgba(0,229,255,.12));
    transition:inset-inline-start .22s ease;
}
.gpg-loading-navigator__headset svg { display:block; width:100%; height:auto; }
.gpg-loading-navigator__spark {
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#00e5ff;
    box-shadow:0 0 10px rgba(0,229,255,.78);
    opacity:.75;
    animation:gpg-nav-spark 2s ease-in-out infinite;
}
.gpg-loading-navigator__spark--1 { top:0; inset-inline-start:24%; }
.gpg-loading-navigator__spark--2 { top:-6px; inset-inline-start:61%; background:#ff2d75; box-shadow:0 0 10px rgba(255,45,117,.74); animation-delay:.35s; }
.gpg-loading-navigator__spark--3 { top:4px; inset-inline-start:82%; background:#00ff88; box-shadow:0 0 10px rgba(0,255,136,.74); animation-delay:.7s; }
.gpg-loading-navigator__steps {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:8px;
    margin-top:4px;
}
.gpg-loading-step {
    position:relative;
    min-width:0;
    padding:8px 9px 7px;
    border-radius:10px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.07);
    color:rgba(225,238,252,.58);
    font-size:11px;
    font-weight:700;
    text-align:center;
    transition:background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.gpg-loading-step.is-active {
    color:#fff;
    border-color:rgba(0,229,255,.5);
    background:rgba(0,229,255,.08);
    box-shadow:0 0 13px rgba(0,229,255,.11);
}
.gpg-loading-step.is-done { color:#00ff88; border-color:rgba(0,255,136,.24); }
.gpg-loading-navigator--compact { max-width:640px; margin:14px auto 0; }
.gpg-loading-navigator--compact .gpg-loading-navigator__frame { padding:13px 15px 12px; border-radius:16px; }
.gpg-loading-navigator--compact .gpg-loading-navigator__brand-text { font-size:14px; }
.gpg-loading-navigator--compact .gpg-loading-navigator__percent { font-size:21px; }
.gpg-loading-navigator--compact .gpg-loading-navigator__headset { width:88px; top:-34px; }
.gpg-loading-navigator--compact .gpg-loading-navigator__stage { padding-top:24px; }
.gpg-loading-navigator--compact .gpg-loading-navigator__steps { grid-template-columns:repeat(2, 1fr); }
.gpg-mode-performance .gpg-loading-navigator__frame { box-shadow:0 6px 18px rgba(34,65,120,.08); }
.gpg-mode-performance .gpg-loading-navigator__spark { display:none; }
.gpg-mode-performance .gpg-loading-navigator__progress { box-shadow:none; }
.gpg-mode-performance .gpg-loading-navigator__headset { filter:none; transition:none; }
.gpg-mode-performance .gpg-loading-navigator__progress { transition:none; }
@keyframes gpg-nav-spark {
    0%,100% { transform:translateY(0) scale(.85); opacity:.32; }
    50% { transform:translateY(-6px) scale(1); opacity:.92; }
}
@media (prefers-reduced-motion: reduce) {
    .gpg-loading-navigator__spark { animation:none; }
    .gpg-loading-navigator__progress,
    .gpg-loading-navigator__headset { transition:none; }
}
@media (max-width: 640px) {
    .gpg-loading-navigator { margin:2px auto 18px; }
    .gpg-loading-navigator__frame { padding:14px 13px 12px; border-radius:16px; }
    .gpg-loading-navigator__topline { gap:10px; align-items:flex-start; }
    .gpg-loading-navigator__brand-mark { width:25px; height:25px; font-size:18px; }
    .gpg-loading-navigator__brand-text { font-size:14px; }
    .gpg-loading-navigator__status { display:block; text-align:end; }
    .gpg-loading-navigator__percent { font-size:22px; display:block; }
    .gpg-loading-navigator__message { font-size:10px; }
    .gpg-loading-navigator__stage { padding:25px 3px 11px; }
    .gpg-loading-navigator__headset { width:76px; top:-31px; }
    .gpg-loading-navigator__steps { grid-template-columns:repeat(2, 1fr); gap:6px; }
    .gpg-loading-step { padding:7px 5px; font-size:10px; }
}

/* Category-specific premium styles: lightweight, opt-in and hover-driven. */
.gpg-item--special .gpg-img-wrap {
    box-shadow: 0 0 0 1px rgba(255,255,255,.35), 0 10px 24px rgba(70,90,160,.10);
}
.gpg-item--special .gpg-img-wrap::after {
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:50%;
    pointer-events:none;
    opacity:.35;
    border:1px solid rgba(255,255,255,.55);
}
.gpg-special-badge {
    position:absolute;
    top:-12px;
    left:50%;
    z-index:5;
    max-width:calc(100% - 18px);
    transform:translateX(-50%);
    padding:4px 11px;
    border-radius:999px;
    background:rgba(22,33,62,.94);
    color:#fff;
    border:1px solid rgba(0,229,255,.65);
    box-shadow:0 5px 16px rgba(22,33,62,.16), 0 0 12px rgba(0,229,255,.18);
    font-size:10px;
    font-weight:900;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.gpg-style-glass .gpg-img-wrap {
    background:linear-gradient(145deg, rgba(255,255,255,.72), rgba(242,248,255,.38));
}
.gpg-style-glass .gpg-special-badge {
    border-color:rgba(124,92,255,.68);
    box-shadow:0 5px 16px rgba(22,33,62,.16), 0 0 12px rgba(124,92,255,.20);
}
.gpg-style-aurora .gpg-img-wrap {
    box-shadow:0 0 0 1px rgba(0,229,255,.32), 0 0 26px rgba(0,229,255,.10), 0 12px 28px rgba(70,90,160,.12);
}
.gpg-style-aurora .gpg-img-wrap::after {
    border-color:rgba(0,255,136,.42);
    background:conic-gradient(from 210deg, transparent 0 22%, rgba(0,229,255,.12) 32%, transparent 43%, rgba(168,85,247,.12) 58%, transparent 72%, rgba(0,255,136,.10) 86%, transparent 100%);
}
.gpg-style-aurora .gpg-special-badge {
    background:linear-gradient(135deg, #16213e, #26316a);
    border-color:#00ff88;
    color:#eafff5;
    box-shadow:0 5px 16px rgba(22,33,62,.16), 0 0 15px rgba(0,255,136,.20);
}
.gpg-style-frame .gpg-img-wrap {
    box-shadow:0 0 0 2px rgba(124,92,255,.26), 0 0 24px rgba(124,92,255,.10);
}
.gpg-style-frame .gpg-img-wrap::after {
    inset:-9px;
    border:2px solid rgba(0,229,255,.45);
}
.gpg-style-frame .gpg-special-badge {
    background:#1a1a2e;
    border-color:#7c5cff;
    box-shadow:0 5px 16px rgba(22,33,62,.18), 0 0 14px rgba(124,92,255,.22);
}
.gpg-style-minimal .gpg-img-wrap {
    box-shadow:0 0 0 1px rgba(0,229,255,.24), 0 8px 20px rgba(70,90,160,.08);
}
.gpg-style-minimal .gpg-img-wrap::after {
    inset:-3px;
    border-color:rgba(255,255,255,.72);
}
.gpg-style-minimal .gpg-special-badge {
    top:-8px;
    padding:3px 9px;
    background:rgba(255,255,255,.94);
    color:#17213e;
    border-color:rgba(0,229,255,.48);
    box-shadow:0 4px 12px rgba(70,90,160,.12);
}
.gpg-item--special:hover .gpg-special-badge,
.gpg-item--special .gpg-product-link:focus-visible .gpg-special-badge {
    transform:translateX(-50%) translateY(-2px);
    box-shadow:0 7px 18px rgba(22,33,62,.16), 0 0 15px rgba(0,229,255,.20);
}
.gpg-style-aurora.gpg-item--special:hover .gpg-img-wrap::after,
.gpg-style-aurora.gpg-item--special .gpg-product-link:focus-visible .gpg-img-wrap::after {
    animation:gpg-aurora-spin 3.8s linear infinite;
    opacity:.62;
}
@keyframes gpg-aurora-spin {
    to { transform:rotate(360deg); }
}

/* Neon category: bright yellow treatment with white text and a darkened text treatment for readability. */
.gpg-item--neon {
    --gpg-neon-yellow:#ddff00;
    --gpg-neon-yellow-deep:#b9dc00;
    --gpg-neon-ink:rgba(10,18,30,.90);
}
.gpg-item--neon .gpg-img-wrap {
    background:radial-gradient(circle at 50% 42%, #f3ff75 0%, var(--gpg-neon-yellow) 46%, var(--gpg-neon-yellow-deep) 100%);
    box-shadow:0 0 0 2px rgba(221,255,0,.92), 0 0 22px rgba(221,255,0,.34), 0 12px 24px rgba(91,110,0,.16);
}
.gpg-item--neon .gpg-img-wrap::after {
    border-color:rgba(221,255,0,.92);
    background:conic-gradient(from 210deg, transparent 0 18%, rgba(255,255,255,.34) 28%, transparent 38%, rgba(221,255,0,.30) 58%, transparent 78%, rgba(255,255,255,.20) 88%, transparent 100%);
}
.gpg-item--neon .gpg-special-badge {
    background:linear-gradient(180deg, #ecff3a 0%, #bde000 100%);
    color:#fff;
    border-color:#f5ff8a;
    text-shadow:0 1px 2px rgba(7,12,20,.96), 0 0 6px rgba(7,12,20,.68);
    box-shadow:0 5px 16px rgba(79,94,0,.18), 0 0 16px rgba(221,255,0,.48), inset 0 0 0 999px rgba(8,16,24,.10);
}
.gpg-item--neon .gpg-title,
.gpg-item--neon .gpg-price {
    background:var(--gpg-neon-ink);
    color:#fff;
    border-color:rgba(221,255,0,.68);
    box-shadow:0 7px 18px rgba(10,18,30,.20), 0 0 13px rgba(221,255,0,.20);
    text-shadow:0 1px 2px rgba(0,0,0,.85);
}
.gpg-item--neon .gpg-hover-card {
    background:radial-gradient(circle at 50% 45%, rgba(221,255,0,.16), rgba(221,255,0,.06) 48%, rgba(10,18,30,.18) 100%);
}
.gpg-item--neon:hover .gpg-special-badge,
.gpg-item--neon .gpg-product-link:focus-visible .gpg-special-badge {
    border-color:#fffda2;
    box-shadow:0 7px 18px rgba(79,94,0,.18), 0 0 20px rgba(221,255,0,.56), inset 0 0 0 999px rgba(8,16,24,.12);
}
.gpg-mode-performance .gpg-item--neon .gpg-img-wrap { box-shadow:0 0 0 1px rgba(221,255,0,.62); }
@media (max-width:640px), (hover:none) {
    .gpg-item--neon .gpg-img-wrap { box-shadow:0 0 0 1px rgba(221,255,0,.72); }
}
.gpg-mode-performance .gpg-item--special .gpg-img-wrap,
.gpg-mode-performance .gpg-item--special .gpg-img-wrap::after,
.gpg-mode-performance .gpg-item--special .gpg-special-badge {
    box-shadow:none;
    animation:none!important;
}
.gpg-mode-performance .gpg-item--special .gpg-img-wrap::after { opacity:.2; }
@media (max-width:640px), (hover:none) {
    .gpg-item--special .gpg-img-wrap { box-shadow:0 0 0 1px rgba(255,255,255,.28); }
    .gpg-style-aurora .gpg-img-wrap { box-shadow:0 0 0 1px rgba(0,229,255,.24); }
    .gpg-style-aurora.gpg-item--special:hover .gpg-img-wrap::after,
    .gpg-style-aurora.gpg-item--special .gpg-product-link:focus-visible .gpg-img-wrap::after { animation:none; opacity:.42; }
}
@media (prefers-reduced-motion:reduce) {
    .gpg-item--special .gpg-special-badge,
    .gpg-item--special .gpg-img-wrap::after { transition:none!important; animation:none!important; }
}


/* Selected Game admin preview */
.gpg-game-preview-wrap{margin:18px 0 10px;padding:18px;border:1px solid #d8dee9;border-radius:14px;background:#fff}
.gpg-game-preview{max-width:360px}
.gpg-game-preview__card{position:relative;border-radius:20px;overflow:hidden;padding:0;background:#141d31;color:#fff;box-shadow:0 10px 28px rgba(15,23,42,.14),0 0 18px rgba(0,255,136,.08);border:2px solid rgba(0,255,136,.68)}
.gpg-game-preview__image{aspect-ratio:4/3;background:#0b1322;overflow:hidden;position:relative}
.gpg-game-preview__image img{display:block;width:100%;height:100%;object-fit:cover}
.gpg-game-preview__image::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,rgba(8,12,22,.78));pointer-events:none}
.gpg-game-preview__price{padding:0 12px;font-size:17px;font-weight:900}
.gpg-game-preview__price.is-hidden{display:none}
.gpg-game-preview__cta{display:inline-flex;margin:12px;padding:9px 13px;border-radius:8px;background:linear-gradient(135deg,#00ff88,#00e5c4);border:1px solid rgba(0,229,255,.45);color:#102033;font-weight:900}
.gpg-game-preview__card[data-position="top-left"],.gpg-game-preview__card[data-position="left"]{box-shadow:-4px 10px 28px rgba(0,229,255,.12),10px 10px 28px rgba(15,23,42,.1)}
.gpg-game-preview__card[data-position="top-right"],.gpg-game-preview__card[data-position="right"]{box-shadow:4px 10px 28px rgba(168,85,247,.12),10px 10px 28px rgba(15,23,42,.1)}