/* Visual natalino compartilhado (checkout e demais páginas): cabeçalho com luzes, banner do Papai Noel e botão de música */
:root{--ouro:#b88c34;--verde:#1c5434;--verm:#a01c24}
@keyframes pisca{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
header.hd{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:26px 16px 10px;background:radial-gradient(ellipse at 50% 0%,#fffdf6 0%,#fbf0d8 70%,#f4e2b8 100%);border-bottom:3px solid var(--ouro)}
header.hd .lg img{height:62px;width:auto;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
header.hd .enf{font-size:32px;animation:balanco 3s ease-in-out infinite;transform-origin:50% 0}
header.hd .enf.r{animation-delay:1.2s}
@keyframes balanco{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
header.hd .sub{flex-basis:100%;text-align:center;font:italic 600 13px Georgia,serif;color:var(--verde);letter-spacing:.5px}
header.hd .sub:before,header.hd .sub:after{content:"✦";color:var(--ouro);margin:0 8px}
.luzes{position:absolute;top:0;left:0;right:0;height:16px;display:flex;justify-content:space-around;border-top:3px solid #2a6b45;border-radius:0 0 60% 60%/0 0 100% 100%}
.luzes i{display:block;width:9px;height:12px;margin-top:5px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#e02b35;box-shadow:0 0 8px 2px rgba(255,80,80,.6);animation:luz 1.6s ease-in-out infinite}
.luzes i:nth-child(4n+2){background:#f4c542;box-shadow:0 0 8px 2px rgba(255,210,70,.65)}
.luzes i:nth-child(4n+3){background:#2fa05a;box-shadow:0 0 8px 2px rgba(60,200,110,.6)}
.luzes i:nth-child(4n){background:#3d8bff;box-shadow:0 0 8px 2px rgba(80,150,255,.6)}
@keyframes luz{0%,100%{opacity:1}50%{opacity:.35}}
.ceu{position:relative;overflow:hidden;height:104px;background:linear-gradient(180deg,#0f2a1c 0%,#1c5434 70%,#2a6b45 100%);border-bottom:4px solid var(--verm)}
.ceu .titulo{position:absolute;left:0;right:0;bottom:7px;text-align:center;color:#f3e3b8;font:italic 600 15px Georgia,serif;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:3}
.ceu .titulo b{color:#fff;font-style:normal}
.ceu .vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%;opacity:0;transition:opacity .6s}
.ceu.vok .vbg{opacity:1}
.ceu.vok::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(8,30,20,.55));z-index:2}
.estrela{position:absolute;color:#ffe9a8;font-size:14px;animation:pisca 2.4s ease-in-out infinite}
.som{position:fixed;right:12px;bottom:14px;z-index:9;width:44px;height:44px;border-radius:50%;border:2px solid var(--ouro);background:#fff;font-size:20px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.25)}
@media (prefers-reduced-motion:reduce){.luzes i,header.hd .enf,.estrela{animation:none}}