/* Seasonal campaign: remove the master-page link to retire the theme. */
.halloween-strip { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 18px; padding:9px 16px; background:#281b38; color:#fff5e8; font-size:13px; line-height:1.5; text-align:center; }
.halloween-strip strong { color:#ffb460; }
.halloween-strip code { background:#fff1d8; color:#38213c; border:1px dashed #ff9940; border-radius:5px; padding:2px 10px; font-size:14px; font-weight:700; user-select:all; }
.halloween-strip .season-icon { width:24px; height:24px; flex-shrink:0; }
.header .h-box { border-bottom:2px solid #f3a04c; }
.header-logo { position:relative; }
.header-logo:after { content:''; position:absolute; width:23px; height:23px; right:-20px; top:-6px; background:url('/assets/svg/halloween-pumpkin.svg') center/contain no-repeat; pointer-events:none; }
.banner.halloween-banner { background:#faf9f6; border-bottom:1px solid #efdcc5; isolation:isolate; overflow:hidden; }
.halloween-banner .banner-all { padding:58px 0 48px; }
.halloween-banner .banner-txt { z-index:0; min-height:475px; background:#faf9f6; }
.halloween-banner .banner-txt > img { width:64%; height:auto; max-height:none; right:0; mix-blend-mode:multiply; z-index:-2; }
.halloween-banner .bg { z-index:-1; filter:none; background:linear-gradient(90deg,#faf9f6 0%,#faf9f6 30%,rgba(250,249,246,.92) 40%,transparent 65%); }
.halloween-banner .banner-txt .satellite-title { color:#9b4b15; font-size:12px; letter-spacing:.22em; font-weight:700; margin-bottom:18px; }
.halloween-banner .banner-txt h1 { color:#30203f; font-size:clamp(36px,4.2vw,64px); line-height:1.08; max-width:650px; letter-spacing:-.035em; margin:0; }
.halloween-banner .banner-txt h1 span { color:#c95312; }
.halloween-banner .banner-txt .sub-title { color:#64576a; max-width:480px; font-size:17px; }
.halloween-offer { display:flex; align-items:center; gap:20px; margin-top:24px; width:fit-content; max-width:100%; padding:14px 22px; border:1px solid #edbe89; border-radius:12px; background:#fffaf2; box-shadow:0 8px 24px #7f43100a; }
.halloween-offer > strong { color:#b9470c; font-size:36px; line-height:1.1; white-space:nowrap; }
.halloween-offer > div { border-left:1px dashed #d8ac7e; padding-left:20px; }
.halloween-offer small { display:block; color:#756477; font-size:12px; margin-bottom:3px; }
.halloween-offer code { color:#35203f; background:none; padding:0; font-size:21px; letter-spacing:.04em; font-weight:700; user-select:all; }
.halloween-banner .banner-txt .banner-buy { margin-top:24px; }
.halloween-banner .banner-buy .search { border-color:#e8c6a3; box-shadow:0 4px 18px #5b302008; }
.halloween-banner .banner-txt .banner-buy .search i { background:#b94b13 !important; }
.halloween-banner .banner-txt .services { margin-top:24px; }
.halloween-banner .banner-txt .services div { color:#66546a; }
.halloween-banner .banner-all .banner-txt .services svg { color:#b94b13 !important; }
.halloween-art { position:absolute; right:1%; bottom:8px; width:125px; height:125px; background:url('/assets/svg/halloween-pumpkin.svg') center/contain no-repeat; pointer-events:none; filter:drop-shadow(0 12px 12px #74351322); }
.halloween-bats { position:absolute; top:5px; right:8%; width:145px; height:62px; color:#382441; pointer-events:none; transform:rotate(-8deg); }
.halloween-web { position:absolute; top:0; right:0; width:160px; height:160px; color:#887393; opacity:.65; pointer-events:none; }
.halloween-ghost { position:absolute; top:-32px; right:29%; width:85px; height:102px; transform:rotate(-12deg); pointer-events:none; }
.halloween-bat-swarm { position:absolute; bottom:10px; right:23%; width:210px; height:96px; pointer-events:none; opacity:.85; }
.halloween-art { right:3%; bottom:-22px; width:145px; height:145px; }
.halloween-art:before,.halloween-art:after { content:''; position:absolute; background:url('/assets/svg/halloween-pumpkin.svg') center/contain no-repeat; }
.halloween-art:before { width:92px; height:92px; bottom:0; left:-65px; transform:rotate(-13deg); }
.halloween-art:after { width:70px; height:70px; bottom:0; right:-42px; transform:rotate(12deg); }
.halloween-banner .banner-txt .satellite-title { display:flex; align-items:center; gap:10px; }
.halloween-banner .satellite-title:before { content:''; display:inline-block; width:30px; height:30px; background:url('/assets/svg/halloween-pumpkin.svg') center/contain no-repeat; flex-shrink:0; }
.halloween-strip:before,.halloween-strip:after { content:'✦'; color:#ffb460; font-size:17px; }
@media(max-width:992px) {
 .halloween-banner .banner-all { padding:30px 0; }
 .halloween-banner .banner-txt { min-height:0; }
 .halloween-banner .banner-txt > img { position:relative; order:10; width:100%; right:auto; top:auto; bottom:auto; transform:none; margin-top:20px; max-height:260px; object-fit:contain; }
 .halloween-banner .bg { display:none; }
 .halloween-banner .banner-txt h1 { font-size:42px; max-width:85%; }
 .halloween-banner .banner-txt .sub-title { max-width:90%; }
 .halloween-art { width:80px; height:80px; bottom:5px; }
 .halloween-bats { right:0; top:0; width:85px; }
 .halloween-web { width:100px; height:100px; opacity:.4; }
 .halloween-ghost { top:auto; bottom:155px; right:0; width:60px; height:72px; }
 .halloween-bat-swarm { bottom:-10px; right:36%; width:130px; height:60px; }
 .halloween-art:before { width:55px; height:55px; left:-35px; }
 .halloween-art:after { width:45px; height:45px; right:-22px; }
}
@media(max-width:480px) {
 .halloween-strip { gap:4px 10px; font-size:12px; }
 .halloween-strip .season-icon { width:20px; height:20px; }
 .halloween-banner .banner-txt h1 { font-size:36px; }
 .halloween-banner .banner-txt .satellite-title { max-width:75%; font-size:11px; }
 .halloween-offer { padding:12px 16px; gap:14px; }
 .halloween-offer > strong { font-size:30px; }
 .halloween-offer > div { padding-left:14px; }
 .halloween-offer code { font-size:18px; }
 .header-logo:after { width:18px; height:18px; right:-14px; }
}

.halloween-web { background:url('/assets/svg/halloween-web.svg') center/contain no-repeat; }
.halloween-ghost { background:url('/assets/svg/halloween-ghost.svg') center/contain no-repeat; }
.halloween-bat-swarm { background:url('/assets/svg/halloween-bat-swarm.svg') center/contain no-repeat; }
.halloween-bats { background:url('/assets/svg/halloween-bats.svg') center/contain no-repeat; }