.rbn-halloween{--fire:#ff4627;--cream:#f4eee0;position:relative;isolation:isolate;overflow:hidden;color:var(--cream);background:#080808 url('/cdn/shop/files/rbn-halloween-cinematic-background-2026.png?v=1792948396') center/cover no-repeat;font-family:Arial,sans-serif}
.rbn-halloween::before{content:'';position:absolute;z-index:4;top:0;left:0;right:0;height:21px;background:linear-gradient(#f4eee0 0 53%,#ff4325 54% 78%,#f4eee0 79%);clip-path:polygon(0 0,100% 0,100% 60%,97% 80%,94% 45%,91% 75%,87% 52%,84% 90%,80% 55%,76% 72%,72% 45%,68% 90%,63% 55%,60% 75%,55% 50%,51% 85%,46% 60%,42% 88%,38% 55%,34% 70%,30% 45%,26% 83%,22% 55%,18% 90%,14% 52%,10% 80%,6% 55%,2% 90%,0 70%);pointer-events:none}
.rbn-halloween__content{position:relative;z-index:2;width:76%;max-width:1500px;margin:auto;padding:60px 0 55px}
.rbn-halloween__hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:30px;align-items:end;margin-bottom:34px}
.rbn-halloween__heading{min-width:0}.rbn-halloween__label{display:table;position:relative;margin:0 0 22px;padding:9px 20px;background:var(--fire);color:#080808;font-family:var(--font-heading--family,Impact),Impact,sans-serif;font-size:clamp(16px,1.5vw,25px);text-transform:uppercase;line-height:1;transform:rotate(-3deg);box-shadow:0 0 20px #ff200055;clip-path:polygon(0 7%,8% 3%,16% 7%,23% 0,36% 5%,48% 0,58% 4%,75% 0,89% 5%,98% 0,100% 92%,92% 88%,91% 100%,88% 89%,66% 95%,49% 91%,30% 98%,9% 91%,0 98%)}
.rbn-halloween__title{font-family:var(--font-heading--family,Impact),Impact,'Arial Narrow',sans-serif;font-size:clamp(38px,4.55vw,86px);font-weight:400;line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;margin:0;transform:skewX(-9deg);transform-origin:left bottom;color:var(--cream);text-shadow:1px 3px #38140d,0 0 25px #ee281868;white-space:nowrap}
.rbn-halloween__title span,.rbn-halloween__title em{position:relative;display:inline-block;font-style:normal;-webkit-text-fill-color:currentColor}
.rbn-halloween__title em{color:#ed2617;text-shadow:1px 3px #68120e,0 0 26px #ff291aaa}
.rbn-halloween__title span::after,.rbn-halloween__title em::after{content:'';position:absolute;top:80%;left:1%;width:96%;height:.4em;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%2030%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22black%22%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2222%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2213%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2231%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2228%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%2247%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2217%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2262%22%20y%3D%220%22%20width%3D%222%22%20height%3D%229%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%2283%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2224%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%22103%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2214%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22120%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2229%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%22144%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2219%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22161%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2210%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22187%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%22204%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2215%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22231%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2222%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%22255%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2212%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22278%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2230%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%22303%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2217%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22321%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2224%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%22345%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2210%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22369%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%22392%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2218%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22413%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2225%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22438%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2212%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%22461%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2230%22%20rx%3D%221.0%22%2F%3E%3Crect%20x%3D%22487%22%20y%3D%220%22%20width%3D%223%22%20height%3D%2217%22%20rx%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-size:100% 100%;filter:drop-shadow(0 2px 1px #ed311b)}
.rbn-halloween__tagline{font-family:var(--font-heading--family,Impact),Impact,sans-serif;font-size:clamp(13px,1.18vw,20px);text-transform:uppercase;line-height:1.25;margin:0 0 14px}.rbn-halloween__timer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rbn-halloween__timer>span{display:flex;flex-direction:column;align-items:center;background:#090909c9;border:1px solid #ff723e;padding:12px 3px 9px;box-shadow:0 0 9px #fb331a99,inset 0 0 12px #ee301522}.rbn-halloween__timer b{font-family:var(--font-heading--family,Impact),Impact,sans-serif;font-size:clamp(27px,2.8vw,46px);line-height:1;font-weight:400;font-variant-numeric:tabular-nums}.rbn-halloween__timer small{margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rbn-halloween__timer>span:last-child b{color:#f12b18}.rbn-halloween__ends{font-size:12px;line-height:1.4;margin:9px 0 0}
.rbn-halloween__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}.rbn-halloween__frame{position:relative}.rbn-halloween__frame::after{content:'';position:absolute;inset:-3px;pointer-events:none;border:2px solid #ff6a32;filter:drop-shadow(0 0 3px #ff2700);clip-path:polygon(0 0,22% 0,23% 1%,45% 0,71% 1%,100% 0,99% 31%,100% 58%,99% 100%,79% 99%,78% 100%,45% 99%,44% 100%,0 99%,1% 63%,0 42%)}.rbn-halloween__product{display:flex;flex-direction:column;min-width:0}.rbn-halloween__photo{position:relative;display:block;aspect-ratio:1/1;background:#0a0a0a;border:2px solid #ff8454;box-shadow:0 0 2px 1px #ffd6a0,0 0 9px 3px #ff361bc9,0 0 22px #ee281766;overflow:hidden}.rbn-halloween__photo>img{display:block;width:100%;height:100%;object-fit:cover}.rbn-halloween__name{margin:12px 0 0;color:var(--cream);font-family:var(--font-heading--family,Impact),Impact,sans-serif;font-size:clamp(16px,1.4vw,24px);line-height:1.12;text-transform:uppercase;text-decoration:none;min-height:2.25em}.rbn-halloween__price{margin:5px 0 13px;font-size:clamp(12px,1vw,17px);line-height:1.3}
.rbn-halloween__options{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px;box-sizing:border-box;margin-top:auto;border:2px solid #ff643c;color:#ff4b29;background:#080808;box-shadow:0 0 2px #ffc087,0 0 9px #fa321a99,inset 0 0 9px #f9331722;text-decoration:none;font-family:var(--font-heading--family,Impact),Impact,sans-serif;text-transform:uppercase;font-size:clamp(13px,1vw,18px);line-height:1.1;letter-spacing:.025em}.rbn-halloween__options svg{width:22px;height:22px;flex-shrink:0}.rbn-halloween__options::after{content:'';position:absolute;left:3%;right:3%;top:100%;height:13px;background:#ed311b;clip-path:polygon(0 0,100% 0,100% 8%,87% 8%,86.5% 65%,86% 8%,72% 8%,71% 100%,70.4% 8%,29% 8%,28.5% 65%,28% 8%,9% 8%,8.4% 100%,7.8% 8%,0 8%)}.rbn-halloween__options:hover{background:#e73b20;color:#080808}.rbn-halloween a:focus-visible,.rbn-halloween button:focus-visible{outline:3px solid #fff0d5;outline-offset:5px}
.rbn-halloween__foot{margin-top:30px}.rbn-halloween__cta{display:inline-flex;align-items:center;gap:16px;padding:13px 28px;background:#ff4927;color:#090909;font-family:var(--font-heading--family,Impact),Impact,sans-serif;font-size:18px;text-transform:uppercase;text-decoration:none;clip-path:polygon(0 4%,95% 0,96% 7%,100% 6%,99% 54%,100% 92%,97% 92%,96% 100%,94% 93%,0 98%)}.rbn-halloween__cta svg{width:26px;height:28px;fill:currentColor}.rbn-halloween__fine{max-width:57em;margin:13px 0 0;font-size:12px;line-height:1.5;opacity:.87}.rbn-halloween__motion{margin-top:13px;background:#090909a8;color:#c9b9ac;border:1px solid #6a3b30;padding:5px 10px;font-size:11px;cursor:pointer}
.rbn-halloween__atmosphere{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.rbn-halloween__defs{position:absolute}.rbn-halloween__moon{position:absolute;right:3%;top:4%;width:13%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 35%,#ffffff14 0 6%,transparent 7%),radial-gradient(circle at 62% 64%,#9b5f3033 0 10%,transparent 11%),radial-gradient(circle,#ffeec644,#fc822522 65%,transparent 70%)!important;box-shadow:0 0 45px #ff41204d;animation:rbn-hw-moon 9s ease-in-out infinite alternate}
.rbn-halloween__orbit{position:absolute;top:13%;right:9%;width:1px;height:1px;animation:rbn-hw-orbit calc(12s + var(--i)*3s) linear infinite;animation-delay:calc(var(--i)*-3s)}.rbn-halloween__orbit svg{position:absolute;width:calc(30px + var(--i)*7px);height:30px;transform:translateX(calc(20px + var(--i)*13px));fill:#080808;filter:drop-shadow(0 0 1px #e79350)}
.rbn-halloween__ghost{position:absolute;width:clamp(100px,14vw,240px);height:auto;opacity:.7;filter:drop-shadow(0 0 10px #d3d8db22)}.rbn-halloween__ghost--1{left:-3%;top:20%;animation:rbn-hw-ghost-a 28s ease-in-out infinite alternate}.rbn-halloween__ghost--2{right:-2%;top:35%;animation:rbn-hw-ghost-b 33s ease-in-out infinite alternate}.rbn-halloween__ghost--3{left:32%;top:-8%;width:12%;opacity:.35;animation:rbn-hw-ghost-c 37s ease-in-out infinite alternate}.rbn-halloween__ghost--4{left:55%;bottom:-15%;opacity:.4;animation:rbn-hw-ghost-d 42s ease-in-out infinite alternate}
.rbn-halloween__mist{position:absolute;width:140%;height:30%;left:-25%;bottom:-8%;opacity:.37;mask-image:linear-gradient(transparent,#000 60%,transparent);animation:rbn-hw-mist 32s ease-in-out infinite alternate;mix-blend-mode:screen}.rbn-halloween__mist--2{top:0;bottom:auto;opacity:.16;animation-duration:43s;animation-direction:alternate-reverse}.rbn-halloween__mist--3{bottom:12%;left:-20%;height:20%;opacity:.12;animation-duration:51s}.rbn-halloween__spider{position:absolute;left:3%;top:-60px;width:68px;height:170px;filter:drop-shadow(0 0 9px #ff351a);transform-origin:top;animation:rbn-hw-spider 11s ease-in-out infinite alternate}.rbn-halloween__embers{position:absolute;inset:25% 0 -15%;opacity:.5;background:radial-gradient(ellipse at 8% 90%,#ff6a28 0 1px,transparent 3px),radial-gradient(ellipse at 91% 72%,#ff571b 0 1px,transparent 3px),radial-gradient(ellipse at 13% 60%,#ff7a2e 0 1px,transparent 3px),radial-gradient(ellipse at 88% 38%,#ff5a1c 0 1px,transparent 3px);animation:rbn-hw-embers 14s linear infinite}
.rbn-halloween__melt{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.rbn-halloween__drip{position:absolute;top:0;height:100%;overflow:hidden}.rbn-halloween__drip img{position:absolute;top:0;max-width:none;object-fit:cover}
@keyframes rbn-hw-orbit{to{transform:rotate(360deg)}}@keyframes rbn-hw-moon{to{opacity:.65;transform:scale(1.03)}}@keyframes rbn-hw-ghost-a{0%{transform:translate(0,0) rotate(-12deg)}50%{transform:translate(25%,18%) rotate(5deg)}100%{transform:translate(8%,65%) rotate(-5deg)}}@keyframes rbn-hw-ghost-b{0%{transform:translate(0,20%) rotate(10deg)}50%{transform:translate(-24%,-10%) rotate(-8deg)}100%{transform:translate(-5%,-70%) rotate(5deg)}}@keyframes rbn-hw-ghost-c{to{transform:translate(140%,35%) rotate(14deg)}}@keyframes rbn-hw-ghost-d{50%{transform:translate(-70%,-15%) rotate(-12deg)}100%{transform:translate(-160%,5%) rotate(8deg)}}@keyframes rbn-hw-mist{to{transform:translate(18%,-7%)}}@keyframes rbn-hw-spider{0%{transform:translateY(-15px) rotate(-7deg)}100%{transform:translateY(35px) rotate(8deg)}}@keyframes rbn-hw-embers{to{transform:translate(2%,-35%);opacity:.1}}
.rbn-halloween--paused *,.rbn-halloween--offscreen *{animation-play-state:paused!important}
.rbn-fx-on--halloween:has(>.rbn-halloween)>:is(.rbn-street,.rbn-fx,.rbn-ev__texture){display:none}.rbn-hub-card.rbn-fx-on--halloween:has(.rbn-halloween){display:block;background:transparent;box-shadow:none;overflow:visible}.rbn-hub__item:has(.rbn-halloween){grid-column:1/-1}.rbn-hub__grid--1:has(.rbn-halloween){grid-template-columns:minmax(0,1fr)}.rbn-hub-card .rbn-halloween__content{width:90%}.rbn-hub-card .rbn-halloween__title{font-size:clamp(32px,4vw,65px)}
@media(max-width:989px){.rbn-halloween__content{width:88%;padding:42px 0}.rbn-halloween__hero{grid-template-columns:1fr;gap:28px}.rbn-halloween__title{font-size:clamp(32px,7vw,66px);white-space:normal}.rbn-halloween__countdown{max-width:430px}.rbn-halloween__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.rbn-halloween__name{font-size:18px}.rbn-halloween__price{font-size:14px}.rbn-halloween__options{font-size:14px}.rbn-halloween__moon{width:22%;top:3%;background:#f2bc79 url('/cdn/shop/files/rbn-halloween-cinematic-background-2026.png?v=1792948396') 96.3% 6%/892% 510%!important;box-shadow:0 0 24px #ff502a88}.rbn-halloween__orbit{top:6%;right:13%}.rbn-halloween__ghost{width:125px}.rbn-halloween__ghost--3{width:110px}.rbn-halloween__spider{left:-1%;width:45px}.rbn-halloween__tagline{font-size:15px}.rbn-halloween__timer b{font-size:34px}}
@media(max-width:480px){.rbn-halloween__content{width:90%;padding-top:38px}.rbn-halloween__title{font-size:32px;line-height:1.15}.rbn-halloween__title span::after,.rbn-halloween__title em::after{height:12px}.rbn-halloween__label{font-size:17px}.rbn-halloween__name{font-size:15px;min-height:3.4em}.rbn-halloween__options{font-size:12px;gap:5px;padding:8px 3px}.rbn-halloween__options svg{width:17px}.rbn-halloween__ghost{opacity:.35}.rbn-halloween__mist{opacity:.16}}
@media(prefers-reduced-motion:reduce){.rbn-halloween *{animation:none!important}}