/* RepsKingdom seasonal layer: remove rk-halloween from base.html to disable. */
.rk-halloween {
    --border: rgba(219, 67, 76, .28);
    --card-bg: rgba(20, 8, 10, .94);
    background: radial-gradient(ellipse at 80% 0, #380c14, transparent 45%), linear-gradient(#080506, #120709);
}
.rk-halloween-strip { display: none; }
.rk-halloween .rk-halloween-strip {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 46px;
    padding: 6px 16px;
    border-bottom: 1px solid #60222a;
    background: linear-gradient(90deg, #100709, #2c0c12, #100709);
    color: #f2c3c6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
}
.rk-halloween-strip img { object-fit: contain; }
.rk-halloween-strip-note { color: #bb9398; font-weight: 400; letter-spacing: .02em; }
.rk-halloween .rk-hero { position: relative; border-color: #722b35; }
.rk-halloween .rk-hero::after {
    content: "";
    position: absolute;
    top: 45px;
    right: 0;
    width: clamp(85px, 12vw, 160px);
    aspect-ratio: 1;
    background: url("../img/halloween/web.3533d87252d8.svg") right top / contain no-repeat;
    opacity: .38;
    pointer-events: none;
}
.rk-halloween .rk-hero-copy::before {
    content: "";
    display: block;
    width: 165px;
    height: 56px;
    margin-bottom: 12px;
    background: url("../img/halloween/bats.dc4bcb974f20.svg") center / contain no-repeat;
    pointer-events: none;
}
.rk-halloween :is(.product-image, .outfit-image) { position: relative; }
.rk-halloween :is(.product-image, .outfit-image)::before {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 7px;
    z-index: 2;
    width: clamp(30px, 3vw, 43px);
    aspect-ratio: 80 / 90;
    background: url("../img/halloween/king-pumpkin.2d05a4cd6f3b.svg") center / contain no-repeat;
    filter: drop-shadow(0 3px 4px #0008);
    transform: rotate(-9deg);
    pointer-events: none;
}
.rk-halloween :is(.product-card, .outfit-card):nth-child(even) :is(.product-image, .outfit-image)::before { transform: rotate(9deg); }
.rk-halloween :is(.product-card, .outfit-card):hover { border-color: #d9505b; box-shadow: 0 12px 28px #0005, 0 0 20px #a3223026; }
.rk-halloween :is(.details, .outfit-details, .outfits-header) { position: relative; }
.rk-halloween :is(.details, .outfit-details, .outfits-header)::before {
    content: "";
    display: block;
    width: 94px;
    height: 36px;
    margin-bottom: 12px;
    background: url("../img/halloween/bats.dc4bcb974f20.svg") center / contain no-repeat;
    pointer-events: none;
}
.rk-halloween .site-footer { position: relative; }
.rk-halloween .site-footer::before {
    content: "";
    display: block;
    width: 60px;
    height: 68px;
    margin: 0 auto 24px;
    background: url("../img/halloween/king-pumpkin.2d05a4cd6f3b.svg") center / contain no-repeat;
    pointer-events: none;
}
.rk-halloween .site-footer::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 110px;
    opacity: .24;
    background: url("../img/halloween/web.3533d87252d8.svg") center / contain no-repeat;
    pointer-events: none;
}
@keyframes rk-halloween-drift { 50% { transform: translateY(-5px) rotate(-2deg); } }
@media (prefers-reduced-motion: no-preference) {
    .rk-halloween .rk-hero-copy::before { animation: rk-halloween-drift 4s ease-in-out 1; }
    .rk-halloween .rk-halloween-strip img { animation: rk-halloween-drift 3s ease-in-out 1; }
}
@media (max-width: 600px) {
    .rk-halloween .rk-halloween-strip { gap: 9px; font-size: 9px; letter-spacing: .1em; }
    .rk-halloween-strip-note { display: none; }
    .rk-halloween .rk-hero::after { width: 80px; opacity: .25; }
    .rk-halloween .rk-hero-copy::before { width: 120px; height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(.rk-halloween) { scroll-behavior: auto; }
    .rk-halloween *, .rk-halloween *::before, .rk-halloween *::after { animation: none !important; transition: none !important; }
}