/* One viewport backdrop follows the active catalog section; card art stays independent. */
#shopContent.catalog-scene-enabled{position:relative;isolation:isolate}
.catalog-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.catalog-scene-layer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .65s ease}
.catalog-scene-layer.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.catalog-scene-layer{transition:none}}
/* Keep the original card presentation; change only layout and catalog colors. */
.category-section{position:relative;isolation:isolate}
.category-section[style]:before{content:none}
.category-items,.items-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row dense!important;align-items:stretch}
.fortnite-card{min-width:0;background:linear-gradient(150deg,var(--catalog-top),var(--catalog-middle) 45%,var(--catalog-bottom))!important}
.fortnite-card-wide,.category-items>.fortnite-card:only-child,.category-items>.bundle-card,.items-grid>.bundle-card{grid-column:span 2}
.fortnite-card .item-image{flex-shrink:0;background:linear-gradient(150deg,var(--catalog-top),var(--catalog-middle) 45%,var(--catalog-bottom))!important}
.fortnite-card-bundle .item-image{aspect-ratio:2}
.fortnite-card .item-info{background:var(--catalog-footer)!important}
.fortnite-card .item-name,.fortnite-card .item-description{color:var(--catalog-ink)!important}
@media(min-width:1400px){.category-items,.items-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:900px){.category-items,.items-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){.category-items,.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.fortnite-card-bundle .item-image img{object-position:center top}
/* Reference: saved Fortnite shop tiles use a low background and floating art. */
.category-items,.items-grid{row-gap:var(--catalog-row-gap,28px)!important}
.fortnite-card{position:relative;isolation:isolate;aspect-ratio:.627;height:auto!important;display:block!important;background:transparent!important;border:0!important;border-radius:12px;overflow:visible!important;backdrop-filter:none!important;box-shadow:none!important;transform:none!important;transition:filter .2s}
.fortnite-card-wide{aspect-ratio:1.254}
.fortnite-card:before{content:'';position:absolute;inset:15% 0 0;display:block!important;border-radius:12px;background:linear-gradient(165deg,var(--catalog-top),var(--catalog-middle) 45%,var(--catalog-bottom));opacity:1!important;z-index:-1;transition:box-shadow .2s;pointer-events:none}
.fortnite-card:hover{transform:none!important;box-shadow:none!important}.fortnite-card:hover:before{box-shadow:0 0 0 2px #ffffffb3}
.fortnite-card .item-image{position:absolute;inset:15% 0 0;width:100%;height:85%;aspect-ratio:auto!important;background:none!important;overflow:hidden;border-radius:12px;z-index:1}
.fortnite-card .item-image .shop-preview-shell{height:100%;overflow:hidden}
.fortnite-card .item-image img{width:100%;height:100%;object-fit:contain;object-position:center top;transition:transform .2s!important}
.fortnite-card.catalog-raised-art .item-image{inset:0;height:100%;overflow:visible}
.fortnite-card.catalog-raised-art .shop-preview-shell{overflow:visible}
.fortnite-card.catalog-raised-art .item-image img{height:92%;object-fit:contain!important;object-position:center top;transform:translateY(-2%)!important;filter:drop-shadow(0 4px 5px #0002)}
.fortnite-card.catalog-raised-art:hover .item-image img{transform:translateY(-3%) scale(1.025)!important}
.fortnite-card.catalog-music .item-image img{position:absolute;top:0;left:6%;width:88%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;transform:rotate(-2deg)!important;box-shadow:0 6px 20px #0004}
.fortnite-card.catalog-music:hover .item-image img{transform:translateY(-4px) rotate(-4deg)!important}
.fortnite-card .item-info{position:absolute;z-index:5;bottom:0;left:0;right:0;min-height:0;display:flex;flex-direction:column;gap:5px;padding:36px 12px 14px!important;border-radius:0 0 12px 12px;background:linear-gradient(0deg,var(--catalog-footer) 5%,var(--catalog-footer) 40%,transparent)!important;pointer-events:none}
.fortnite-card .item-name{font-family:Arial,'Segoe UI',sans-serif;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;white-space:normal;color:#fff!important;text-shadow:0 1px 3px #0004}
.fortnite-card .item-description{display:none!important}
.fortnite-card .item-price{margin:0!important;gap:5px;font-family:Arial,'Segoe UI',sans-serif;font-size:15px;font-weight:550;line-height:1;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff;flex-wrap:nowrap}
.catalog-vbucks{width:21px;height:21px;flex-shrink:0}.catalog-original-price{margin-left:7px;opacity:.7;font-size:13px;text-decoration-thickness:2px;white-space:nowrap}
.fortnite-card .bundle-badge{top:17%;bottom:auto;left:10px;padding:4px 8px;border-radius:4px;background:#fff;color:#101015;font-size:10px;box-shadow:none;transform:skewX(-8deg);max-width:calc(100% - 20px)}
.fortnite-card .item-owned-badge{top:17%;font-size:9px}
.fortnite-card .shop-preview-skeleton{border-radius:12px;background:linear-gradient(135deg,#ffffff12,transparent)!important}
@media(max-width:600px){.fortnite-card .item-name{font-size:14px;line-height:1.3}.fortnite-card .item-price{font-size:13px}.fortnite-card .item-info{padding:30px 9px 11px!important;gap:4px}.catalog-vbucks{width:19px;height:19px}.catalog-original-price{font-size:11px;margin-left:4px}}
.fortnite-card{width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box;align-self:stretch;justify-self:stretch}
.fortnite-card{height:320px!important;aspect-ratio:auto!important}.fortnite-card-wide{aspect-ratio:auto!important}@media(max-width:600px){.fortnite-card{height:270px!important}}
.fortnite-card .item-image .shop-preview-img{transition:opacity .6s ease,transform .25s ease!important}
.fortnite-card .catalog-slide-in{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.fortnite-card-bundle .item-image{overflow:visible!important}
.fortnite-card-bundle .shop-preview-shell{overflow:visible!important}
.fortnite-card-bundle .item-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 20%!important}
.fortnite-card-bundle .item-image{height:90%!important}
@media(prefers-reduced-motion:reduce){.fortnite-card .item-image .shop-preview-img{transition:none!important}}
.fortnite-card.catalog-music .catalog-slide-in{inset:auto!important;top:0!important;left:6%!important;width:88%!important;height:auto!important}
/* Fade the artwork itself into the tile, never a black panel over the text. */
.fortnite-card .item-info{background:none!important;padding-top:12px!important}
.fortnite-card .item-image{clip-path:inset(-15% 0 0 0);overflow:visible!important;isolation:isolate}
.fortnite-card .shop-preview-shell{position:relative;overflow:visible!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 92%)}
.fortnite-card:before{background:linear-gradient(165deg,var(--catalog-top),var(--catalog-middle) 45%,var(--catalog-bottom))!important}
.fortnite-card-bundle .item-image{inset:0!important;height:100%!important}
.fortnite-card-bundle .item-image img{object-fit:cover!important;object-position:50% 0%!important}
.fortnite-card-bundle .item-image .shop-preview-img{--art-fit:1.4!important;transform-origin:50% 5%!important}
.fortnite-card .item-image img.catalog-cut-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 100%);filter:drop-shadow(0 0 3px #ffffff08)}
/* Shared image geometry prevents style changes from shifting between renders. */
.fortnite-card .item-image .shop-preview-img,.fortnite-card .item-image .catalog-slide-in{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transition:transform .25s ease!important}
.fortnite-card.catalog-raised-art:not(.fortnite-card-bundle):not(.catalog-music) .shop-preview-img{height:92%!important}
.fortnite-card.catalog-music .item-image{clip-path:none!important;inset:0!important;height:100%!important}
.fortnite-card.catalog-music .shop-preview-shell{mask-image:none!important;-webkit-mask-image:none!important;overflow:visible!important}
.fortnite-card.catalog-music .item-image .shop-preview-img{inset:auto!important;top:8%!important;left:9%!important;width:82%!important;height:auto!important;aspect-ratio:1;object-fit:contain!important;transform-origin:center!important}
.fortnite-card.catalog-music .item-info{padding-top:12px!important}
/* No reserved space for the removed legacy banners. */
body:has(#shopContent) #loadingState[style*="none"]{display:none!important}
body:has(#shopContent) #shopContent{padding-top:0!important}
body:has(#shopContent) .container{padding-top:0!important;margin-top:0!important}
#topTechProducts:empty{display:none!important;margin:0!important;padding:0!important}
#itemsContainer>.category-section:first-child{margin-top:0!important}
.fortnite-card.catalog-character .item-image{top:6%!important;height:100%!important}
.fortnite-card.catalog-character .item-image .shop-preview-img{height:100%!important;transform-origin:50% 15%!important;--art-fit:1.15!important}
body:has(#shopContent) main.wrap{padding-top:0!important}

.category-section[data-custom-title-gap]>.category-header{margin-bottom:var(--catalog-title-gap)!important}

/* Ruble packs are compact product tiles, independent of Fortnite bundle art. */
.category-items>.bundle-card:not(.fortnite-card),.items-grid>.bundle-card:not(.fortnite-card){grid-column:span 1!important;display:flex!important;flex-direction:column;height:auto!important;min-width:0;border:1px solid var(--shop-accent-border,#ffffff22);border-radius:16px;overflow:hidden;background:linear-gradient(150deg,#ffffff0d,#ffffff03);backdrop-filter:blur(12px);box-shadow:none}
.bundle-card:not(.fortnite-card):hover{transform:translateY(-3px);box-shadow:0 8px 22px #0002}
.bundle-card:not(.fortnite-card)>.item-image{height:160px!important;min-height:0!important;aspect-ratio:auto!important;background:#ffffff05;overflow:hidden;flex-shrink:0}
.bundle-card:not(.fortnite-card) .shop-preview-shell{width:100%;height:100%}
.bundle-card:not(.fortnite-card) .item-image img{width:100%;height:100%;object-fit:contain!important;transform:none!important}
.bundle-card:not(.fortnite-card)>.item-info{padding:12px!important;flex:1;display:flex;flex-direction:column;gap:7px;background:none}
.bundle-card:not(.fortnite-card) .item-name{font-size:14px;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bundle-card:not(.fortnite-card) .item-description{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.bundle-card:not(.fortnite-card) .bundle-price-rub{font-size:15px;color:var(--shop-accent,#bad9fa);margin-top:auto;padding-top:4px}
@media(max-width:600px){.bundle-card:not(.fortnite-card)>.item-image{height:125px!important}.bundle-card:not(.fortnite-card)>.item-info{padding:10px!important}}

/* Negative vertical spacing uses margins: CSS grid gaps cannot be negative. */
.category-items[data-card-overlap]>.fortnite-card,.items-grid[data-card-overlap]>.fortnite-card{margin-bottom:var(--catalog-row-overlap)!important}

/* Use the material's color order and retain an opaque fallback below artwork. */
.fortnite-card:before{background:var(--catalog-background,linear-gradient(to bottom,var(--catalog-top,#263e63),var(--catalog-bottom,#13233c)))!important;background-color:var(--catalog-base,#263e63)!important}
html:not([data-card-shape="square"]):not([data-card-shape="fixed"]) .fortnite-card{height:auto!important;aspect-ratio:.627!important}
html:not([data-card-shape="square"]):not([data-card-shape="fixed"]) :is(.fortnite-card-wide,.category-items>.fortnite-card:only-child){aspect-ratio:1 / .76!important}
html[data-card-shape="square"] .fortnite-card{height:auto!important;aspect-ratio:1!important}
html[data-card-shape="square"] :is(.fortnite-card-wide,.category-items>.fortnite-card:only-child){aspect-ratio:2!important}

/* Official callouts: 12-degree parallelograms and original Fortnite colors. */
.fortnite-card .catalog-callouts{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;margin:0 0 7px;position:relative;z-index:5;pointer-events:none}.fortnite-card .catalog-callout{display:block;min-width:0;width:max-content;max-width:100%;padding:4px 8px;border:0;border-radius:2px;background:#f7ff19;color:#000;font-family:'HeadingNowVariable',Arial,sans-serif;font-variation-settings:'wdth' 825,'wght' 700;font-size:12px;font-weight:800;line-height:16px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:skewX(-12deg);text-shadow:none;-webkit-text-fill-color:currentColor}.fortnite-card .catalog-callout-leaving{background:#000;color:#a1ff00}.fortnite-card .catalog-callout-discount{background:#fff;color:#000}@media(max-width:600px){.fortnite-card .catalog-callouts{gap:5px;margin-bottom:5px}.fortnite-card .catalog-callout{font-size:10px;line-height:13px;padding:3px 6px}}