/* skyfair9.in · YULE LANTERN SKY LOBBY — shared shell (yl-)
   charcoal lobby bar + gold sport strip (lobby replica) · night-pine sky with snowfall/fairy-light canvas ·
   gift-tag CTAs · garland steps · advent-door FAQ. Page-unique rules live in each page's inline <style>. */
@font-face{font-family:"Chivo";src:url(/fonts/chivo-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chivo";src:url(/fonts/chivo-latinext.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:optional;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito Sans";src:url(/fonts/nunito-latin.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito Sans";src:url(/fonts/nunito-latinext.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:optional;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--yl-red:#E3263A;--yl-pine:#0F6B3A;--yl-gold:#F9D35B;--yl-night:#0B2418;--yl-ink:#0E1512;--yl-snow:#F4F7F2;--yl-char:#1B1F1D;
--yl-h:"Chivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--yl-b:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:clip;max-width:100%;background:#0B2418;color:#F4F7F2;font:400 17px/1.65 var(--yl-b)}
:where(body *){min-width:0;overflow-wrap:break-word}
img{max-width:100%;height:auto}
main{display:block;max-width:100%;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--yl-h);line-height:1.18;margin:0 0 .55em;letter-spacing:-.01em}
h1{font-size:clamp(28px,4.4vw,46px);font-weight:900}
h2{font-size:clamp(23px,3vw,32px);font-weight:900}
h3{font-size:clamp(18px,2.2vw,22px);font-weight:800}
p{margin:0 0 1em}
a:not([class]){color:#F9D35B;text-decoration:underline;text-underline-offset:3px}
a:not([class]):hover{color:#FFFFFF}
:focus-visible{outline:3px solid #F9D35B;outline-offset:2px}
.skip-link{position:absolute;left:8px;top:8px;z-index:200;background:#F9D35B;color:#0E1512;padding:10px 14px;font-weight:800;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;overflow:visible}
#yl-sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
body>main,body>footer.yl-ftr{position:relative;z-index:1}
body>header.yl-hdr{position:sticky;top:0;z-index:60}

/* ---------- header: lobby replica ---------- */
.yl-hdr{width:100%;max-width:100vw;background:#1B1F1D;color:#F4F7F2;box-shadow:0 2px 0 #0A0D0C}
.yl-hdr:has(.yl-mnav.open){z-index:90}
.yl-top{position:relative;z-index:2;display:flex;align-items:center;gap:8px;max-width:1320px;margin:0 auto;padding:8px 16px;flex-wrap:wrap}
.yl-logo{display:inline-flex;flex:0 0 auto}
.yl-logo img{display:block;width:auto;height:36px;flex:0 0 auto}
.yl-mock{display:none;align-items:center;gap:6px;margin-left:auto;flex:0 1 auto}
.yl-mock label{display:block;flex:0 1 auto}
.yl-mock input{width:118px;height:32px;border:1px solid #3A403D;border-radius:4px;background:#FFFFFF;color:#0E1512;font:600 13px var(--yl-b);padding:0 8px}
.yl-mock .yl-vcode{display:inline-flex;align-items:center;height:32px;padding:0 8px;border-radius:4px;background:#F9D35B;color:#0E1512;font:900 14px var(--yl-h);letter-spacing:.12em;flex:0 0 auto}
.yl-acts{display:flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto}
.yl-pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:6px;font:800 14px/1.15 var(--yl-h);text-decoration:none;background:#F9D35B !important;color:#0E1512 !important;white-space:normal;text-align:center;max-width:100%}
.yl-pill.yl-join{background:#25D366 !important;color:#0E1512 !important}
.yl-pill svg{width:16px;height:16px;flex:0 0 auto;fill:currentColor}
.yl-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:6px;background:#2A302D;color:#F4F7F2;cursor:pointer;flex:0 0 auto}
.yl-burger span,.yl-burger span::before,.yl-burger span::after{display:block;width:20px;height:2px;background:#F4F7F2;position:relative;content:""}
.yl-burger span::before{position:absolute;top:-6px}
.yl-burger span::after{position:absolute;top:6px}
.yl-burger[aria-expanded="true"] span{background:transparent}
.yl-burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.yl-burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.yl-strip{position:relative;z-index:1;background:#F9D35B;color:#0E1512}
.yl-strip ul{display:flex;gap:2px;list-style:none;margin:0 auto;padding:0 10px;max-width:1320px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
.yl-strip li{flex:0 0 auto}
.yl-strip a{display:flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;color:#0E1512;font:800 14px/1.1 var(--yl-h);text-decoration:none;white-space:nowrap;border-radius:4px}
.yl-strip a[aria-current="page"]{background:#1B1F1D;color:#F9D35B}
.yl-strip b{display:inline-block;padding:1px 6px;border-radius:3px;background:#E3263A;color:#FFFFFF;font:900 11px/1.5 var(--yl-h)}
.yl-strip::after{content:"";position:absolute;right:0;top:0;bottom:0;width:34px;background:linear-gradient(90deg,rgba(249,211,91,0),#F9D35B);pointer-events:none}
.yl-tick{display:flex;overflow:hidden;background:#7A1220;color:#FFF3F4;font:700 13px/26px var(--yl-b)}
.yl-tick>div{display:flex;flex:0 0 auto;gap:42px;padding-left:20px;animation:yl-tick 38s linear infinite;white-space:nowrap}
.yl-tick span{flex:0 0 auto}
@keyframes yl-tick{to{transform:translateX(-50%)}}
.yl-mnav{position:absolute;left:0;right:0;top:100%;z-index:5;display:none;background:#10291D;color:#F4F7F2;border-top:3px solid #E3263A;box-shadow:0 14px 30px #050C08;max-height:calc(100vh - 110px);overflow-y:auto}
.yl-mnav.open{display:block}
.yl-mnav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;list-style:none;margin:0 auto;padding:12px 16px 16px;max-width:900px}
.yl-mnav a{display:flex;align-items:center;min-height:44px;padding:6px 10px;border-radius:6px;color:#F4F7F2;font:700 13.5px/1.2 var(--yl-b);text-decoration:none;background:#173826}
.yl-mnav a[aria-current="page"]{background:#F9D35B;color:#0E1512}
@media(min-width:1000px){
 .yl-acts{margin-left:auto}
 .yl-strip ul{flex-wrap:wrap;overflow:visible}
 .yl-strip::after{display:none}
}
@media(min-width:1240px){.yl-mock{display:flex}.yl-acts{margin-left:0}}
@media(max-width:999px){.yl-pill.yl-join{display:none}}
@media(max-width:599px){.yl-tick{display:none}}
@media(max-width:479px){.yl-logo img{height:30px}.yl-pill{padding:8px 10px;font-size:13px}}

/* ---------- gift-tag CTA ---------- */
.yl-tag{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 22px 11px 34px;background:#F9D35B !important;color:#0E1512 !important;font:800 15.5px/1.2 var(--yl-h);text-decoration:none;text-align:center;white-space:normal;max-width:100%;min-width:0;overflow-wrap:anywhere;clip-path:polygon(16px 0,100% 0,100% 100%,16px 100%,0 50%);border-radius:0 8px 8px 0}
.yl-tag::before{content:"";position:absolute;left:14px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#0B2418;pointer-events:none}
.yl-tag.wa{background:#25D366 !important;color:#0E1512 !important}
.yl-tag.snow{background:#F4F7F2 !important;color:#0E1512 !important}
.yl-tag svg{width:18px;height:18px;flex:0 0 auto;fill:currentColor}
.yl-tag:hover{filter:brightness(1.06)}
.yl-ctas{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}

/* ---------- hero: snow-globe stage ---------- */
.yl-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center;max-width:1240px;margin:0 auto;padding:30px 16px 22px}
.yl-stxt{min-width:0}
.yl-kick{display:inline-block;margin:0 0 10px;padding:3px 12px;border-radius:999px;background:#E3263A;color:#FFFFFF;font:800 13px/1.6 var(--yl-h);letter-spacing:.04em;text-transform:uppercase}
.yl-lead{font-size:18.5px;color:#E3ECE5}
.yl-globe{margin:0;padding:8px;border-radius:20px;background:#E3263A linear-gradient(135deg,#F9D35B,#E3263A 45%,#0F6B3A);box-shadow:0 18px 40px #04100A}
.yl-globe img{display:block;width:100%;height:auto;border-radius:14px}
.yl-crumb ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 10px;padding:0;font-size:13.5px;color:#C9D8CE}
.yl-crumb li+li::before{content:"\2744";margin-right:6px;color:#F9D35B}
.yl-crumb a{color:#F9D35B}
@media(max-width:860px){.yl-stage{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:20px}}
@media(max-width:600px){.yl-ctas{padding-right:70px}}

/* ---------- first-screen card band (gift box) ---------- */
.yl-band{max-width:1240px;margin:0 auto;padding:6px 16px 26px}
.yl-gift{position:relative;max-width:780px;margin:0 auto;background:#F4F7F2;color:#0E1512;border-radius:16px;overflow:hidden;box-shadow:0 16px 36px #04100A}
.yl-gift::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 9px);width:18px;background:#E3263A;opacity:.14;pointer-events:none}
.yl-ghead{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#1B1F1D;color:#F4F7F2}
.yl-ghead img{display:block;width:auto;height:28px;flex:0 0 auto}
.yl-ghead p{margin:0 0 0 auto;font:800 13px/1.3 var(--yl-h);color:#F9D35B;text-align:right}
.yl-gbody{position:relative;padding:18px 18px 20px}
.yl-gbody h2{font-size:clamp(20px,2.6vw,26px);color:#0E1512}
.yl-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 14px}
.yl-fld{margin:0;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 10px;border:1px solid #BFCFC5;border-radius:8px;background:#FFFFFF;color:#0E1512}
.yl-fld svg{width:18px;height:18px;flex:0 0 auto;fill:#0F6B3A}
.yl-fld input{flex:1 1 auto;width:100%;min-width:0;border:0;background:transparent;color:#0E1512;font:600 15px var(--yl-b);padding:10px 0}
.yl-fld input::placeholder{color:#55635A}
.yl-fld .yl-vno{flex:0 0 auto;padding:3px 8px;border-radius:5px;background:#0E1512;color:#F9D35B;font:900 15px var(--yl-h);letter-spacing:.14em}
.yl-gbtns{display:flex;flex-wrap:wrap;gap:10px}
.yl-gnote{margin:12px 0 0;font-size:14px;color:#33413A}
.yl-rules{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;margin:12px 0 0;padding:0;font-size:13px;color:#33413A}
.yl-rules a{color:#0F6B3A}
@media(max-width:480px){.yl-gbtns .yl-tag{display:flex;width:calc(100% - 76px);margin-left:0;margin-right:auto}}

/* ---------- sections + paragraph presentation ---------- */
.yl-sec{max-width:1120px;margin:0 auto;padding:34px 16px}
.yl-paper{max-width:1120px;margin:22px auto;padding:30px 22px;background:#F4F7F2;color:#0E1512;border-radius:18px}
.yl-paper h2,.yl-paper h3{color:#0E1512}
.yl-paper a:not([class]){color:#0F6B3A}
.yl-paper a:not([class]):hover{color:#7A1220}
.yl-sec>h2::after,.yl-paper>h2::after{content:"";display:block;width:74px;height:4px;margin-top:10px;border-radius:2px;background:#E3263A linear-gradient(90deg,#E3263A 0 33%,#F9D35B 33% 66%,#0F6B3A 66%)}
.yl-garland{list-style:none;counter-reset:yg;margin:0 0 1.2em;padding:0 0 0 46px;position:relative}
.yl-garland::before{content:"";position:absolute;left:17px;top:6px;bottom:6px;border-left:2px dashed #6F8F7B;pointer-events:none}
.yl-garland>li{counter-increment:yg;position:relative;margin:0 0 14px}
.yl-garland>li::before{content:counter(yg);position:absolute;left:-46px;top:0;width:36px;height:36px;border-radius:50% 50% 46% 46%;display:flex;align-items:center;justify-content:center;font:900 15px var(--yl-h);background:#E3263A;color:#FFFFFF;box-shadow:0 0 14px #E3263A}
.yl-garland>li:nth-child(3n+2)::before{background:#F9D35B;color:#0E1512;box-shadow:0 0 14px #F9D35B}
.yl-garland>li:nth-child(3n)::before{background:#2FA35F;color:#0E1512;box-shadow:0 0 14px #2FA35F}
.yl-frost{position:relative;margin:0 0 1.2em;padding:16px 18px 16px 52px;border-radius:14px;background:#E3EEE7;color:#0E1512;box-shadow:inset 0 0 0 1px #C3D7CB}
.yl-frost::before{content:"\2746";position:absolute;left:16px;top:12px;font-size:24px;line-height:1;color:#0F6B3A;pointer-events:none}
.yl-frost p:last-child{margin-bottom:0}
.yl-frost a:not([class]){color:#0F6B3A}
.yl-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 1.2em}
.yl-pair>article{padding:16px 18px;border-radius:12px;background:#12301F;color:#F4F7F2;border-top:4px solid #E3263A}
.yl-pair>article:nth-child(even){border-top-color:#F9D35B}
.yl-pair>article p:last-child{margin-bottom:0}
.yl-paper .yl-pair>article{background:#FFFFFF;color:#0E1512;box-shadow:0 0 0 1px #D3E0D7}
.yl-odds{margin:0 0 1.2em;border-radius:12px;overflow:hidden;background:#FFFFFF;color:#0E1512;box-shadow:0 0 0 1px #C9D6CE}
.yl-ohead,.yl-orow{display:grid;grid-template-columns:minmax(0,1fr) 76px 76px;gap:6px;align-items:center;padding:8px 10px}
.yl-ohead{background:#1B1F1D;color:#F4F7F2;font:800 13px var(--yl-h)}
.yl-orow+.yl-orow{border-top:1px solid #E1E8E3}
.yl-back,.yl-lay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;border-radius:5px;color:#0E1512;font:900 15px/1.1 var(--yl-h)}
.yl-back{background:#72BBEF}
.yl-lay{background:#FAA9BA}
.yl-back small,.yl-lay small{font:600 11px var(--yl-b)}
.yl-onote{margin:0;padding:8px 10px;font-size:13px;color:#33413A;background:#F4F7F2}
.tbl-wrap{position:relative;margin:0 0 1.2em;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:12px;scrollbar-width:thin}
.tbl-wrap>table{min-width:430px}
table{width:100%;border-collapse:collapse;background:#FFFFFF;color:#0E1512;font-size:15px}
th,td{padding:9px 11px;text-align:left;vertical-align:top;border-bottom:1px solid #DCE5DF}
th{background:#0F6B3A;color:#FFFFFF;font:800 14px var(--yl-h)}
caption{caption-side:bottom;padding:6px;font-size:13px;color:#C9D8CE;text-align:left}
.yl-paper caption{color:#33413A}
@media(max-width:700px){.yl-pair{grid-template-columns:minmax(0,1fr)}}

/* ---------- figures ---------- */
.yl-post{position:relative;max-width:min(580px,calc(100% - 16px));margin:34px auto 26px;padding:12px 12px 14px;background:#FFFFFF;color:#0E1512;transform:rotate(-1.4deg);box-shadow:0 14px 28px #04100A}
.yl-post:nth-of-type(even){transform:rotate(1.2deg)}
.yl-post::before{content:"";position:absolute;left:50%;top:-22px;width:2px;height:24px;background:#C9A64A;pointer-events:none}
.yl-post::after{content:"";position:absolute;left:calc(50% - 7px);top:-8px;width:16px;height:16px;border-radius:3px;background:#E3263A;pointer-events:none}
.yl-post img{display:block;width:100%;height:auto}
.yl-post figcaption,.yl-pano figcaption{margin-top:8px;font-size:14px;line-height:1.45}
.yl-pano{margin:30px 0;padding:18px 0;background:#0F6B3A;color:#F4F7F2;box-shadow:0 0 0 100vmax #0F6B3A;clip-path:inset(0 -100vmax)}
.yl-pano img{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto;border-radius:10px}
.yl-pano figcaption{max-width:1100px;margin:8px auto 0;color:#E6F2EA}

/* ---------- lobby replica (home) + game tiles ---------- */
.yl-lobby{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;margin:0 0 1.2em}
.yl-rail{list-style:none;margin:0;padding:8px;border-radius:12px;background:#1B1F1D;color:#F4F7F2;align-self:start}
.yl-rail a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 10px;border-radius:6px;color:#F4F7F2;text-decoration:none;font:700 14px/1.2 var(--yl-b)}
.yl-rail a:hover{background:#2A302D}
.yl-rail b{flex:0 0 auto;padding:1px 6px;border-radius:3px;background:#E3263A;color:#FFFFFF;font:900 11px/1.5 var(--yl-h)}
.yl-rail small{display:block;padding:6px 10px;color:#AEBBB3;font-size:12px}
.yl-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.yl-tile{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:#1B1F1D;color:#F4F7F2;text-decoration:none;box-shadow:0 0 0 1px #2E3532}
.yl-tile img{display:block;width:100%;height:auto;aspect-ratio:5/3}
.yl-tname{display:block;padding:8px 10px 0;font:800 14.5px/1.2 var(--yl-h);color:#F9D35B}
.yl-tfact{display:block;padding:2px 10px 10px;font-size:13px;line-height:1.35;color:#D6E0DA}
@media(max-width:760px){.yl-lobby{grid-template-columns:minmax(0,1fr)}}

/* ---------- FAQ: advent doors ---------- */
.yl-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:yd}
.yl-doors>details{counter-increment:yd;border-radius:12px;background:#F4F7F2;color:#0E1512;box-shadow:0 0 0 2px #C9A64A inset;overflow:hidden}
.yl-doors>details>summary{display:flex;gap:12px;align-items:flex-start;min-height:52px;padding:12px 14px;cursor:pointer;list-style:none;font:800 16px/1.35 var(--yl-h)}
.yl-doors>details>summary::-webkit-details-marker{display:none}
.yl-doors>details>summary::before{content:counter(yd,decimal-leading-zero);flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:#E3263A;color:#FFFFFF;font:900 14px var(--yl-h)}
.yl-doors>details[open]>summary::before{background:#F9D35B;color:#0E1512}
.yl-doors>details>div{padding:0 16px 14px 60px}
.yl-doors>details>div p:last-child{margin-bottom:0}
@media(max-width:760px){.yl-doors{grid-template-columns:minmax(0,1fr)}.yl-doors>details>div{padding-left:16px}}

/* ---------- seo-box base (variant layout rules are inline per page) ---------- */
.seo-box{max-width:1120px;margin:26px auto;padding:24px 20px;border-radius:18px;background:#10291D;color:#F4F7F2}
.seo-box h2,.seo-box h3{color:inherit}
.seo-box h3{font-size:18px}
.seo-box p,.seo-box li{font-size:15.5px}
.seo-box th,.seo-box td{overflow-wrap:anywhere;word-break:break-word}
.seo-box table{table-layout:fixed}

/* ---------- chips + sleigh route ---------- */
.also-search{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}
.also-search>li{flex:0 1 auto;max-width:100%;white-space:normal;padding:6px 12px;border-radius:999px;background:#173826;color:#E8F1EB;font-size:14px;box-shadow:inset 0 0 0 1px #2F5A40}
.yl-paper .also-search>li{background:#FFFFFF;color:#0E1512;box-shadow:inset 0 0 0 1px #C3D7CB}
.yl-route{max-width:1120px;margin:10px auto 40px;padding:0 16px}
.yl-route>p{margin:0 0 10px;font:900 15px var(--yl-h);color:#F9D35B;letter-spacing:.04em;text-transform:uppercase}
.yl-route ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.yl-route li{flex:0 1 auto;max-width:100%}
.yl-route a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border-radius:10px;background:#F4F7F2;color:#0E1512;font:800 14.5px/1.25 var(--yl-h);text-decoration:none}
.yl-route a span{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:#E3263A;color:#FFFFFF;font:800 11px/1.5 var(--yl-h)}

/* ---------- footer ---------- */
.yl-ftr{background:#07170F;color:#E3ECE5;padding:36px 16px 24px;font-size:15px;border-top:4px solid #E3263A}
.yl-fgrid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:22px;max-width:1240px;margin:0 auto}
.yl-flab{margin:0 0 10px;font:900 14px var(--yl-h);color:#F9D35B;letter-spacing:.05em;text-transform:uppercase}
.yl-ftr ul{list-style:none;margin:0;padding:0}
.yl-ftr li{margin:0 0 6px}
.yl-ftr a{color:#E3ECE5;text-decoration:none}
.yl-ftr a:hover{color:#F9D35B;text-decoration:underline}
.yl-follow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:1240px;margin:26px auto 0;padding:16px 0;border-top:1px solid #1E3A2A;border-bottom:1px solid #1E3A2A}
.yl-follow .yl-flab{margin:0 8px 0 0}
.yl-follow ul{display:flex;flex-wrap:wrap;gap:8px}
.yl-follow li{margin:0}
.yl-follow ul a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#173826;color:#F4F7F2}
.yl-follow svg{width:20px;height:20px;fill:currentColor}
.yl-tp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:8px;background:#F4F7F2;color:#0E1512 !important;font-weight:800}
.yl-tp svg{width:18px;height:18px;fill:#00B67A}
.yl-legal{max-width:1240px;margin:18px auto 0;font-size:14px;color:#BFCDC4}
.yl-partner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
.yl-plate{display:inline-flex;flex:0 0 auto;align-items:center;padding:6px 10px;border-radius:8px;background:#FFFFFF}
.yl-plate img{display:block;width:109px;height:26px;flex:0 0 auto}
@media(max-width:1000px){.yl-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.yl-fgrid>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.yl-fgrid{grid-template-columns:minmax(0,1fr)}}

/* ---------- WhatsApp float ---------- */
.yl-wa{position:fixed;right:16px;bottom:18px;z-index:70;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25D366;color:#FFFFFF;box-shadow:0 8px 20px #04100A}
.yl-wa svg{width:32px;height:32px;fill:#FFFFFF}
.yl-wa::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 #25D366;animation:yl-pulse 2.2s infinite;pointer-events:none}
@keyframes yl-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}80%,100%{box-shadow:0 0 0 18px rgba(37,211,102,0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

/* ---------- FAQ summary heading ---------- */
.yl-doors>details>summary h3{margin:0;font:inherit;color:inherit}

/* ---------- login / sign-up replica dialog (lives inside footer) ---------- */
.yl-dlg{width:min(420px,calc(100% - 32px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:14px;background:#F4F7F2;color:#0E1512;box-shadow:0 0 0 3px #F9D35B,0 24px 60px #020805;overflow:auto}
.yl-dlg::backdrop{background:rgba(4,14,9,.72)}
.yl-dlg[open]{display:block}
.yl-dlh{margin:0;padding:16px 56px 14px 18px;background:#0F6B3A;color:#F9D35B;font:900 19px/1.2 var(--yl-h)}
.yl-dlx{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;border-radius:50%;background:#E3263A;color:#FFFFFF;font:900 24px/1 var(--yl-h);cursor:pointer}
.yl-dltabs{display:flex;gap:0;margin:0;border-bottom:2px solid #C9D7CD}
.yl-dltabs button{flex:1 1 50%;min-height:46px;border:0;background:#E4ECE6;color:#0E1512;font:800 15px var(--yl-h);cursor:pointer}
.yl-dltabs button[aria-selected="true"]{background:#F4F7F2;color:#7A1220;box-shadow:inset 0 -3px 0 #E3263A}
.yl-dlp{display:none;padding:16px 18px 6px}
.yl-dlp.on{display:grid;gap:10px}
.yl-dlp input{min-height:46px;padding:0 12px;border:1px solid #BFCFC5;border-radius:8px;background:#FFFFFF;color:#0E1512;font:600 15px var(--yl-b)}
.yl-dlp .yl-tag{width:100%;margin:4px 0 0}
.yl-dlnote{margin:0;padding:8px 18px 16px;font-size:13.5px;color:#3B4A41}
.yl-ftr .yl-dlg a{color:#0E1512}