/* Bukies shared: loader + cta + microwave */
:root{--red:#c0241f;--cream:#f4ebdd;--ink:#14110f;--led:#f5d93a}
#bkl{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0b0b0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23232329'/%3E%3Cstop offset='.45' stop-color='%23101013'/%3E%3Cstop offset='1' stop-color='%23060607'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='160' height='100' fill='%23030304'/%3E%3Cg fill='url(%23g)'%3E%3Crect x='2' y='2' width='76' height='46' rx='3'/%3E%3Crect x='82' y='2' width='76' height='46' rx='3'/%3E%3Crect x='-38' y='52' width='76' height='46' rx='3'/%3E%3Crect x='42' y='52' width='76' height='46' rx='3'/%3E%3Crect x='122' y='52' width='76' height='46' rx='3'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.15' stroke-width='1.5'%3E%3Cpath d='M5 46V5h70M85 46V5h70M-35 96V55h70M45 96V55h70M125 96V55h70'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 75px;clip-path:circle(150% at 50% 50%);transition:clip-path .6s cubic-bezier(.7,0,.2,1);pointer-events:all;overflow:hidden}
#bkl:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#0000 0,#0b0b0dd9 80%);pointer-events:none}
html:not(.bk-load) #bkl{display:none}
html.bk-pre #bkl,html.bk-out #bkl{clip-path:circle(0 at 50% 50%)}
html.bk-pre #bkl{transition:none}
html.bk-load{overflow:hidden}
.bkl-st{position:relative;z-index:1;display:grid;place-items:center;width:min(70vw,300px);height:190px}
.bkl-logo{width:min(62vw,240px);height:auto;transform-origin:50% 100%;animation:bkdrop 1.05s cubic-bezier(.5,0,.6,1) infinite;filter:drop-shadow(0 6px 18px #000a);will-change:transform}
.bkl-sh{position:absolute;bottom:8px;left:50%;width:56%;height:12px;margin-left:-28%;border-radius:50%;background:#000;opacity:.5;filter:blur(5px);animation:bksh 1.05s cubic-bezier(.5,0,.6,1) infinite}
.bkl-sm{position:absolute;right:-6%;top:6%;font:400 38px/1 Anton,Impact,sans-serif;text-transform:uppercase;color:var(--led);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--red);opacity:0;rotate:-10deg;animation:bksm 1.05s linear infinite}
@keyframes bkdrop{0%{transform:translateY(-70px) scale(.96,1.06)}42%{transform:translateY(0) scale(.98,1.04)}52%{transform:translateY(0) scale(1.32,.5)}66%{transform:translateY(-16px) scale(.94,1.1)}82%{transform:translateY(0) scale(1.04,.96)}100%{transform:translateY(-70px) scale(.96,1.06)}}
@keyframes bksh{0%,100%{transform:scale(.5);opacity:.2}50%{transform:scale(1.4);opacity:.6}}
@keyframes bksm{0%,48%{opacity:0;scale:.3}52%{opacity:1;scale:1.25}70%{opacity:1;scale:1}85%,100%{opacity:0;scale:1}}
.bkl-bar{position:relative;z-index:1;width:min(64vw,260px);height:12px;border:2px solid var(--cream);border-radius:99px;padding:2px;background:#0b0b0d}
.bkl-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--led));animation:bkbar 1.6s cubic-bezier(.3,.7,.3,1) forwards}
html.bk-fin .bkl-bar i{animation:none;width:100%;transition:width .2s}
@keyframes bkbar{to{width:88%}}
.bkl-tx{position:relative;z-index:1;font:800 italic 13px Montserrat,sans-serif;color:var(--led);letter-spacing:.08em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.bkl-logo,.bkl-sh,.bkl-sm{animation:none}#bkl{transition:none}}

/* CTA menu */
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:10px 22px;border-radius:12px;text-decoration:none;font:400 22px Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;border:2px solid var(--ink);color:var(--ink);transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s;cursor:pointer;background:none}
.cta.rd{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 24px #c0241f66}
.cta:hover{transform:translateY(-3px) rotate(-1.5deg)}.cta:active{transform:scale(.96)}
.cta.dk{border-color:var(--cream);color:var(--cream)}
.cta b{font:inherit;display:inline-block;transition:transform .3s}.cta:hover b{transform:translateX(5px)}
.nav a.cur,nav a.cur{color:var(--led)}

/* microwave sketch */
.mw{margin:34px 0 6px;padding:22px 16px 20px;border-radius:20px;background:#0b0b0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23232329'/%3E%3Cstop offset='.45' stop-color='%23101013'/%3E%3Cstop offset='1' stop-color='%23060607'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='160' height='100' fill='%23030304'/%3E%3Cg fill='url(%23g)'%3E%3Crect x='2' y='2' width='76' height='46' rx='3'/%3E%3Crect x='82' y='2' width='76' height='46' rx='3'/%3E%3Crect x='-38' y='52' width='76' height='46' rx='3'/%3E%3Crect x='42' y='52' width='76' height='46' rx='3'/%3E%3Crect x='122' y='52' width='76' height='46' rx='3'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.15' stroke-width='1.5'%3E%3Cpath d='M5 46V5h70M85 46V5h70M-35 96V55h70M45 96V55h70M125 96V55h70'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 75px;color:var(--cream);position:relative;overflow:hidden;text-align:center;border:2px solid var(--ink)}
.mw h3{font-size:clamp(28px,8vw,40px);color:var(--led);margin-bottom:4px}
.mw p.t{font-size:19px;margin-bottom:12px}
.mw p.t b{color:var(--led);font-weight:700}
.mwb{position:relative;width:min(100%,330px);margin:0 auto}
.mwb svg{width:100%;height:auto;overflow:visible}
.mw .lt{opacity:0;transition:opacity .3s}.mw.run .lt{opacity:1;animation:mwf .5s steps(2) infinite}
@keyframes mwf{50%{opacity:.75}}
.mw .pl{transform-box:fill-box;transform-origin:50% 50%}
.mw.run .pl{animation:mws 2s linear infinite}
@keyframes mws{to{rotate:360deg}}
.mw .ck2{transform-box:fill-box;transform-origin:50% 50%;transition:scale .5s}
.mw.done .ck2{animation:mwp .6s cubic-bezier(.3,2,.5,1)}
@keyframes mwp{40%{scale:1.2}}
.mw .st path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;opacity:0}
.mw.done .st path{animation:mst 1.6s ease-out infinite}.mw.done .st path:nth-child(2){animation-delay:.5s}.mw.done .st path:nth-child(3){animation-delay:1s}
@keyframes mst{0%{opacity:0;translate:0 14px}30%{opacity:.8}100%{opacity:0;translate:0 -34px}}
.mw .dg{font:400 34px Anton,Impact,sans-serif;fill:var(--led);letter-spacing:.06em}
.mw .ding{position:absolute;right:-2%;top:-6%;font:400 38px Anton,Impact,sans-serif;color:var(--led);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--red);rotate:-10deg;scale:0;transition:scale .35s cubic-bezier(.3,2,.5,1);pointer-events:none}
.mw.done .ding{scale:1}
.mw .mdr{transform-box:fill-box;transform-origin:0 50%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.mw.done .mdr{transform:perspective(300px) rotateY(-55deg) scaleX(.9)}
.mw button{margin-top:14px;font:400 20px Anton,Impact,sans-serif;text-transform:uppercase;background:var(--red);color:#fff;border:0;border-radius:10px;padding:10px 20px;cursor:pointer}