:root {
    --lime: #e90019;
    --orange: #e90019;
    --navy: #090909;
    --paper: #f3f1ec;
}

body {
    background-color: #f7f5f0;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, .018) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .018) 75%);
    background-size: 28px 28px;
}

.announcement { background: #e90019; color: #fff; font-weight: 700; }
.announcement span { color: #fff; }

.site-header {
    color: #fff;
    background: #050505;
    border-bottom: 3px solid #e90019;
}

.brand { display: flex; align-items: center; gap: 0; font-size: 0; }
.brand img { display: block; width: 150px; height: 60px; object-fit: contain; }
.footer-brand { width: max-content; }
.footer-brand img { width: 180px; height: 87px; }

.desktop-nav a { border-color: transparent; }
.desktop-nav a.active, .desktop-nav a:hover { color: #fff; border-color: #e90019; }
.icon-button, .cart-button { color: #fff; border-color: #3b3b3b; background: #111; }
.cart-button span { color: #fff; background: #e90019; }
.eyebrow { color: #c90016; }
.hero h1 em { color: #e90019; }

.button, .category, .product-card, .filters, .summary, .sell-form { border-radius: 0; }
.button.primary {
    color: #fff;
    background: #e90019;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}
.button.primary:hover { background: #111; }
.button.ghost { border-color: #111; box-shadow: inset 4px 0 #e90019; }

.hero-art .orb {
    background: repeating-radial-gradient(circle, #e90019 0 45px, #b70014 46px 88px, #111 89px 92px);
    box-shadow: 18px 18px 0 rgba(0, 0, 0, .12);
}
.floating-note { background: #050505; border-bottom: 5px solid #e90019; }

.section-head h2::after, .page-hero h1::after {
    content: "";
    display: block;
    width: 64px;
    height: 5px;
    margin-top: 10px;
    background: #e90019;
    transform: skewX(-28deg);
}

.category {
    border-bottom: 5px solid #e90019;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}
.category.pokemon { color: #fff; background: #151515; }
.category.onepiece { color: #fff; background: #e90019; border-color: #111; }
.category.rift { color: #fff; background: #333; }
.category.models { color: #111; background: #dfdcd5; }

.products-section { background: #e6e3dd; border-top: 1px solid #cbc6bc; border-bottom: 1px solid #cbc6bc; }
.product-card {
    border-top: 4px solid #111;
    box-shadow: 0 8px 0 rgba(0, 0, 0, .06);
    transition: transform .2s, border-color .2s;
}
.product-card:hover { border-color: #e90019; transform: translateY(-5px); }
.badge-label, .price-row button { color: #fff; background: #e90019; }

.sell-banner { position: relative; background: #080808; border-left: 10px solid #e90019; }
.sell-banner::after {
    content: "";
    position: absolute;
    inset: 0 0 0 60%;
    opacity: .12;
    background: repeating-linear-gradient(125deg, transparent 0 28px, #e90019 29px 48px);
    pointer-events: none;
}
.sell-banner > * { position: relative; z-index: 1; }
.sell-banner .eyebrow, .sell-page .eyebrow { color: #ff263d; }

.news-image {
    border-bottom: 6px solid #e90019;
    clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}
.miniatures { color: #fff; background: linear-gradient(145deg, #333, #090909); }
.cards-news { color: #fff; background: linear-gradient(145deg, #ff233b, #8d0010); }
.sell-page { background: #090909; }
.filters, .summary { border-top: 5px solid #e90019; }
.filters button.active { color: #e90019; }
footer { border-top: 6px solid #e90019; }

@media (max-width: 500px) {
    .brand img { width: 118px; height: 57px; }
    .footer-brand img { width: 160px; height: 77px; }
}