/* Approved Halloween homepage extension. Only decorative CSS; original content and commerce remain untouched. */
.hpa-theme-halloween .why-section{position:relative;isolation:isolate;background:linear-gradient(180deg,#030910b0,#030910a0),url('/assets/halloween-2026/product-strip-background-v1.jpg') center 72%/cover;box-shadow:inset 0 1px #e58c4738,inset 0 -1px #e58c4738}
.hpa-theme-halloween .why-card{position:relative;isolation:isolate}
.hpa-theme-halloween .why-card::after{content:'';position:absolute;inset:-14px;z-index:-1;background:linear-gradient(140deg,#061324ed,#030912ef);box-shadow:inset 0 0 0 1px #bc773d90,inset 0 0 24px #ff7d0014,0 14px 32px #0008;border-radius:12px;pointer-events:none}
.hpa-theme-halloween .why-card::before{content:'';position:absolute;right:-14px;top:-14px;width:65px;height:65px;background:url('/assets/halloween-2026/cobweb-web.png') right top/contain no-repeat;opacity:.35;pointer-events:none}
.hpa-theme-halloween .why-icon{color:#ffb766;filter:drop-shadow(0 0 8px #ff75005c)}
.hpa-theme-halloween .why-icon svg{stroke:#ffb766}
.hpa-theme-halloween .why-line{background:linear-gradient(90deg,#ffa74c,#bf4e1f);box-shadow:0 0 12px #ff75004d}
.hpa-theme-halloween .why-card h3{color:#fff0df;text-shadow:0 2px 8px #000}
.hpa-theme-halloween .why-section::after{content:'';position:absolute;left:18px;bottom:2px;width:170px;height:110px;background:url('/assets/halloween-2026/pumpkins-web.png') center/contain no-repeat;pointer-events:none;z-index:1}
.hpa-theme-halloween .custom-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 100%,#bd471b2e,transparent 48%),linear-gradient(90deg,#04101bef,#071322de),url('/assets/halloween-2026/product-strip-background-v1.jpg') center bottom/cover;box-shadow:inset 0 -1px #dc88454d}
.hpa-theme-halloween .custom-section::after{content:'';position:absolute;right:30px;top:0;width:110px;height:110px;background:url('/assets/halloween-2026/cobweb-web.png') top left/contain no-repeat;transform:scaleX(-1);opacity:.45;pointer-events:none}
.hpa-theme-halloween .custom-copy h2{color:#fff0dc;text-shadow:0 0 18px #ff65001f}
.hpa-theme-halloween .custom-row .cyan-line{background:linear-gradient(90deg,#ffb364,#f67639,#72dcff);box-shadow:0 0 12px #ff730038}
.hpa-theme-halloween .custom-action{color:#140a02!important;background:linear-gradient(110deg,#ff983a,#ffd591)!important;border:1px solid #ffbd73;box-shadow:0 0 20px #ff760039!important}
.hpa-theme-halloween .commerce-vouchers{border-color:#ff9b514d;background-image:radial-gradient(ellipse at 45% 100%,#ef742434,transparent 42%),url('/assets/images/commerce-vouchers-background-v1.jpg')}
.hpa-theme-halloween .commerce-vouchers::before{content:'';position:absolute;inset:0;background:url('/assets/halloween-2026/cobweb-web.png') left top/180px 180px no-repeat,url('/assets/halloween-2026/pumpkins-web.png') left 40px bottom 15px/190px 145px no-repeat;pointer-events:none;z-index:0}
.hpa-theme-halloween .commerce-vouchers::after{content:'';position:absolute;right:0;top:0;width:145px;height:145px;background:url('/assets/halloween-2026/cobweb-web.png') top left/contain no-repeat;transform:scaleX(-1);opacity:.5;pointer-events:none}
.hpa-theme-halloween .commerce-eyebrow{color:#ffd2a1}
.hpa-theme-halloween .commerce-eyebrow span{background:#ffaa57;box-shadow:0 0 13px #ff690052}
.hpa-theme-halloween .commerce-vouchers h2 span,.hpa-theme-halloween .commerce-service h2 span{color:#ffad61;text-shadow:0 0 22px #ff791b25}
.hpa-theme-halloween .commerce-gift-face{border-color:#efa15a;box-shadow:0 12px 24px #0009,inset 0 0 30px #030b1dcc,0 0 18px #ff741d35}
.hpa-theme-halloween .commerce-gift-face::after{content:'';position:absolute;inset:0;background:url('/assets/halloween-2026/cobweb-web.png') right top/74px 74px no-repeat;opacity:.55;pointer-events:none}
.hpa-theme-halloween .commerce-gift-select{border-color:#ffb66b;background:linear-gradient(110deg,#ff9b3e,#ffcf82);color:#170a02;box-shadow:0 0 18px #ff750038}
.hpa-theme-halloween .commerce-gift-select span{color:#170a02}
.hpa-theme-halloween .commerce-voucher-benefits li{border-color:#9c6337}
.hpa-theme-halloween .commerce-voucher-benefits li>span{color:#ffa75e}
.hpa-theme-halloween .commerce-service{border-color:#ffa05466;background-image:radial-gradient(ellipse at 93% 70%,#e765192e,transparent 42%),linear-gradient(90deg,#02080eed 0%,#02080e91 46%,transparent 74%),url('/assets/images/commerce-service-background-v1.jpg')}
.hpa-theme-halloween .commerce-service::before{content:'';position:absolute;right:0;top:0;width:155px;height:155px;background:url('/assets/halloween-2026/cobweb-web.png') top left/contain no-repeat;transform:scaleX(-1);opacity:.5;pointer-events:none}
.hpa-theme-halloween .commerce-service::after{content:'';position:absolute;right:15px;bottom:6px;width:155px;height:110px;background:url('/assets/halloween-2026/pumpkins-web.png') center/contain no-repeat;filter:drop-shadow(0 0 22px #ff730032);pointer-events:none;z-index:0}
.hpa-theme-halloween .commerce-service-steps li::before{background:linear-gradient(90deg,#ffab64,#ba5a2e)}
.hpa-theme-halloween .commerce-service-steps li>span{border-color:#ffaa61;background:#140e0b;box-shadow:0 0 12px #ff750025;color:#ffc48b}
.hpa-theme-halloween .commerce-service-action>a{background:linear-gradient(110deg,#ff9b3e,#ffd18c);color:#170a02;box-shadow:0 0 18px #ff790038}
.hpa-theme-halloween .site-footer::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#030a12c9,#030a1240 65%,transparent);pointer-events:none}
.hpa-theme-halloween .site-footer .shell{position:relative;z-index:1}
.hpa-theme-halloween .site-footer h3{color:#ffd1a5;text-shadow:0 0 16px #ff720022}
.hpa-theme-halloween .site-footer .social-links a{border-color:#eba462;color:#ffbd7d}
@media(max-width:820px){
 .hpa-theme-halloween .why-section::after{display:none}
 .hpa-theme-halloween .commerce-vouchers::before{background-size:80px 80px,100px 75px;background-position:left top,left 10px top 155px}
 .hpa-theme-halloween .commerce-vouchers::after,.hpa-theme-halloween .commerce-service::before{width:70px;height:70px}
 .hpa-theme-halloween .commerce-service::after{width:90px;height:65px;opacity:.7}
}

/* Seamless mist bridge: the existing street fades into the darker benefits scene. */
.hpa-theme-halloween .hw-home-bridge{position:relative;isolation:isolate}
.hpa-theme-halloween .hw-home-bridge::after{content:'';position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,#040b12);pointer-events:none;z-index:0}
.hpa-theme-halloween .hw-home-bridge>.path-section{position:relative;z-index:1}
.hpa-theme-halloween .why-section{background-image:linear-gradient(180deg,#040b12 0,rgba(4,11,18,.65) 100px,rgba(3,9,16,.63) 100%),url('/assets/halloween-2026/product-strip-background-v1.jpg');box-shadow:none}
@media(max-width:820px){.hpa-theme-halloween .hw-home-bridge::after{height:100px}}