:root{--bg:#0c1210;--panel:#131c18;--line:#24342c;--txt:#eef2ea;--mut:#9fb0a5;--gold:#d9b36a;--gold2:#f0d49a;--wa:#25d366}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:Manrope,'Noto Sans Thai','Noto Sans SC','Noto Sans KR',sans-serif;line-height:1.75}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}a{color:var(--gold2)}
.top{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.top img{height:44px;width:auto}.top b{letter-spacing:1px}
.vlangs{margin-left:auto;display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px}
.back{display:inline-block;margin:10px 0;font-size:14px;text-decoration:none;color:var(--mut)}
.hero-img{width:100%;height:420px;object-fit:cover;border-radius:16px;margin:12px 0 12px}
.vthumbs{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}
.vthumbs img{width:74px;height:52px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.55;border:2px solid transparent;flex:0 0 auto;transition:.2s}
.vthumbs img:hover,.vthumbs img.on{opacity:1;border-color:var(--gold)}
.kick{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}
h1{font-size:clamp(28px,5vw,44px);line-height:1.2;margin:10px 0 14px}
h2{font-size:clamp(22px,3.5vw,30px);margin:40px 0 12px;color:var(--gold2)}
p{margin:0 0 14px;color:#d9e2d8}ul{margin:0 0 16px 22px;color:#d9e2d8}li{margin-bottom:8px}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--panel);color:var(--gold2)}td:first-child{font-weight:700}
.cta{background:linear-gradient(135deg,#1b2a22,#131c18);border:1px solid var(--gold);border-radius:18px;padding:26px;margin:40px 0;text-align:center}.cta h3{margin:0 0 8px;color:var(--gold2)}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;text-decoration:none;border-radius:14px;padding:13px 24px;font-weight:800;font-family:inherit;font-size:15px;margin-top:10px}
.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#231a08}.wa{background:var(--wa);color:#fff}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--mut);font-size:13px;text-align:center}
.hl{color:var(--gold2);font-weight:700}.note{background:#1b2a22;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:14px 0;font-size:14px;color:#d9e2d8}
/* Галерея блогів */
.bgal{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:18px 0}
.bgal img{width:100%;height:190px;object-fit:cover;border-radius:12px;transition:.25s;border:2px solid transparent}
.bgal img:hover{transform:scale(1.02);border-color:var(--gold)}
@media(max-width:600px){.bgal img{height:140px}}