/*
Theme Name: VialkenZ Light App Style
Description: Mobile-first WordPress theme styled like the light VialkenZ app reference. Elementor-friendly.
Version: 1.0
*/
:root{--gold:#e7c457;--ink:#171717;--muted:#666;--line:#ececec;--panel:#fff;--bg:#fafafa}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-size:16px}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
.vk-wrap{width:min(100%,720px);margin:0 auto;background:#fff;min-height:100vh;border:1px solid #eee;border-radius:34px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.04)}
.vk-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:rgba(255,255,255,.96);border-bottom:1px solid #f0f0f0}
.vk-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px}.vk-brand-mark{width:48px;height:48px;border-radius:15px;background:#fff;border:1px solid #eee;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px;font-weight:700;box-shadow:0 3px 12px #0000000b}
.vk-brand span:last-child{color:#222}.vk-brand strong{color:var(--gold)}
.vk-lang{border:1px solid #ddd;border-radius:999px;padding:10px 16px;display:flex;gap:9px;align-items:center;font-size:17px}.vk-lang b{color:#d0ae45}
.vk-main{padding:10px 32px 32px}.vk-kicker{font-size:14px;letter-spacing:4px;color:#c7ad5d;font-weight:700;margin:0 0 18px}
.vk-title{font-size:58px;line-height:1.02;letter-spacing:-2.5px;margin:0 0 24px;font-weight:850}.vk-lead{font-size:26px;line-height:1.55;color:#6c6c6c;margin:0 0 34px}
.vk-search{height:74px;border:2px solid #e8e8e8;border-radius:999px;display:flex;align-items:center;padding:7px 9px 7px 25px;margin-bottom:38px}.vk-search-icon{font-size:32px;color:#777;margin-right:14px}.vk-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:22px;color:#333}.vk-search button{border:0;border-radius:999px;background:var(--gold);padding:17px 30px;font-size:20px;font-weight:700;cursor:pointer}
.vk-section-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.vk-section-head h2{font-size:29px;margin:0;letter-spacing:-.8px}.vk-rule{height:1px;background:#ddd;flex:1}
.vk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vk-card{border:1px solid #eee;border-radius:22px;background:#242424;overflow:hidden;padding:14px;box-shadow:0 4px 14px #0000000a}.vk-card-media{position:relative}.vk-card img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:16px}.vk-pill{position:absolute;left:12px;top:12px;background:var(--gold);padding:9px 14px;border-radius:18px;font-weight:700;font-size:15px;line-height:1.2;max-width:82%}.vk-card h3{font-size:23px;margin:14px 3px 5px;color:#111}.vk-card p{font-size:17px;color:#999;margin:0 3px 8px}
.vk-topup{margin-top:22px;background:#242424;border-radius:20px;padding:22px 24px;color:#fff}.vk-topup h3{margin:0 0 8px;color:var(--gold);font-size:24px}.vk-topup p{margin:0;color:#ddd;font-size:18px}
.vk-footer{border-top:1px solid #eee;margin-top:38px;padding:25px 0 8px;display:flex;justify-content:space-between;color:#666}.vk-footer nav{display:flex;gap:20px}
@media(max-width:600px){.vk-wrap{width:calc(100% - 18px);border-radius:30px}.vk-header{height:86px;padding:15px 20px}.vk-brand{font-size:18px}.vk-brand-mark{width:42px;height:42px;font-size:22px}.vk-lang{font-size:15px;padding:8px 13px}.vk-main{padding:12px 20px 25px}.vk-kicker{font-size:12px;letter-spacing:3px;margin-bottom:17px}.vk-title{font-size:42px;letter-spacing:-1.8px}.vk-lead{font-size:21px;line-height:1.5}.vk-search{height:66px;padding-left:17px}.vk-search input{font-size:18px}.vk-search button{font-size:18px;padding:15px 23px}.vk-section-head h2{font-size:25px}.vk-grid{gap:12px}.vk-card{padding:9px;border-radius:18px}.vk-card img{border-radius:13px}.vk-card h3{font-size:19px}.vk-card p{font-size:15px}.vk-pill{font-size:13px;padding:8px 11px}.vk-footer{font-size:14px;gap:10px}.vk-footer nav{gap:10px}}
@media(max-width:390px){.vk-grid{grid-template-columns:1fr}.vk-title{font-size:38px}}
/* Elementor: remove theme chrome around Elementor pages */
.elementor-page .vk-wrap{width:100%;max-width:none;border:0;border-radius:0;box-shadow:none}.elementor-page .vk-main{padding:0}