:root{--bg:#0d1218;--header:#090e13;--panel:#10171e;--line:#25313a;--text:#f2f5f7;--muted:#9fb0bf;--green:#a6f34d}
html{overflow-y:scroll;scrollbar-gutter:stable}
body{background:var(--bg)}
.site-header{position:sticky;top:0;z-index:10;width:100%;height:68px;background:var(--header);border-bottom:1px solid #2a3946}
.site-header>header,body>main,body>footer{width:min(1240px,100%);margin-inline:auto;padding-left:28px;padding-right:28px}
.site-header>header{height:68px;display:flex;align-items:center}
.header-guide{margin-left:28px;color:#bcd0de!important;font-size:15px!important;font-weight:800!important;text-decoration:none;white-space:nowrap}.header-guide:hover{color:var(--green)!important}.header-links{display:flex;align-items:center;gap:9px;margin-left:auto}.header-link{padding:9px 12px;border-radius:9px;background:#151e27;color:#c9d8e3;font-size:13px!important;text-decoration:none}.header-link.primary{background:var(--green);color:#10160a}
body>main{padding-top:24px;padding-bottom:54px}
.breadcrumb{margin-top:0}
h1{margin-top:18px;font-size:clamp(28px,4vw,38px)}
.lead{max-width:820px;margin-bottom:24px;line-height:1.65}
.grid{gap:18px 16px}
.deal{display:block;position:relative;height:190px;min-height:0;isolation:isolate;background:var(--panel);border-color:var(--line);border-radius:12px;box-shadow:0 5px 14px rgba(0,0,0,.14);transition:transform .2s,border-color .2s,box-shadow .2s}
.deal:hover{transform:translateY(-1px);border-color:#3c4b58;box-shadow:0 9px 22px rgba(0,0,0,.24)}
.deal-art{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;background:#0b1117}
.deal-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,18,.08) 0%,rgba(8,13,18,.3) 27%,rgba(8,13,18,.9) 53%,#0b1117 78%,#0b1117 100%);pointer-events:none}
.deal-art img{position:absolute;inset:0;width:82%;height:100%;object-fit:contain;object-position:left center;filter:saturate(.84) brightness(.94);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 64%,rgba(0,0,0,.75) 80%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 64%,rgba(0,0,0,.75) 80%,transparent 100%)}
.deal-copy{position:relative;z-index:2;width:55%;height:100%;margin-left:auto;padding:16px 10px 13px 8px;justify-content:flex-start;background:transparent;text-shadow:0 2px 5px #000}
.deal-title{font-size:19px;line-height:1.28;text-shadow:0 2px 4px #000,0 0 12px rgba(0,0,0,.72)}
.deal-title:hover{color:var(--green);text-decoration:underline}
.shop{margin-top:4px;color:#7fd1ff;font-size:13px}
.deal-facts{margin-top:auto;gap:6px;flex-wrap:wrap}
.deal-facts strong{order:0;color:#a8ff43;font-size:28px;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.9)}
.deal-facts span{padding:4px 7px;border:1px solid #45662d;background:#1d3515;color:#cfff9b;border-radius:6px;font-size:11px;font-weight:900;text-shadow:none}
body>footer{padding-top:24px;padding-bottom:34px;border-top:1px solid #26343f}.footer-links{display:flex;flex-wrap:wrap;gap:12px;margin:9px 0}.footer-links a{color:#8fa7ba;text-decoration:none}.footer-links a:hover{color:var(--green);text-decoration:underline}
@media(max-width:900px){body{min-width:600px}.deal{height:176px}.deal-copy{width:66%;padding:12px 8px 10px 7px}.deal-title{font-size:15px}.shop{font-size:11px}.deal-facts strong{font-size:22px}}
@media(max-width:650px){body{min-width:0}.site-header>header,body>main,body>footer{width:100%;padding-left:14px;padding-right:14px}.header-guide{margin-left:14px;font-size:13px!important}.header-link{padding:8px 10px;font-size:12px!important}.site-brand img{width:34px;height:34px;max-width:34px;max-height:34px;flex-basis:34px}.brand-copy small{display:none}.grid{grid-template-columns:1fr;gap:12px}.deal{height:160px}.deal-copy{width:64%}.deal-art img{width:90%}}