/*
Theme Name: APK Single Page
Description: Home page (hero, Key Features, FAQs) Customize se edit hota hai. Jaise hi nayi page publish karein, wo home par Key Features ke neeche automatically show hoti hai aur uska apna URL bhi hota hai (Google index kar sakta hai).
Version: 3.0
Author: You
Text Domain: apk-single
*/
:root{--main:#0b8a0b;--main-dark:#066606;--bg:#fff;--soft:#f2f7f2;--text:#1f2421;--muted:#5b655e;--line:#222}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--text);line-height:1.6}
img{max-width:100%;display:block}
a{color:var(--main)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.narrow{max-width:900px}
header.site{background:var(--main);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:60px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:20px}
.logo svg{width:40px;height:40px;border-radius:8px}
.logo .logo-img{height:var(--logo-h,40px);width:auto;max-width:220px;object-fit:contain;display:block}
.nav ul{list-style:none;display:flex;gap:22px}
.nav ul a{color:#fff;text-decoration:none;font-weight:700;font-size:15px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:50px 0}
h1{font-size:40px;line-height:1.2;margin-bottom:16px}
.intro{color:var(--muted);margin-bottom:22px}
table{width:100%;border-collapse:collapse;margin-bottom:26px}
td,th{border:1px solid var(--line);padding:11px 12px;font-size:15px;text-align:left}
.hero td{font-weight:700;width:50%}
.btn{--b:var(--main);display:flex;align-items:center;justify-content:center;gap:10px;background:var(--b);color:#fff;text-decoration:none;font-weight:700;font-size:19px;padding:14px 28px;border-radius:40px;border:3px solid rgba(255,255,255,.35);outline:2px solid var(--b);transition:filter .2s}
.btn:hover{filter:brightness(.85)}
.phone{width:240px;margin:0 auto;background:#111;border-radius:26px;padding:12px 8px;box-shadow:0 18px 30px rgba(0,0,0,.25)}
.phone img,.phone .ph{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px;background:#ddd;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}
section.block{padding:50px 0}
.soft{background:var(--soft)}
h2{font-size:30px;text-align:center;margin-bottom:8px}
.sub{text-align:center;color:var(--muted);margin-bottom:30px}
.intro-sec{text-align:center}
.intro-sec h3{font-size:24px;margin:6px 0 14px}
.intro-sec p{margin-bottom:14px;color:var(--muted)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}
.box{background:var(--c);color:#fff;padding:26px 20px;border-radius:14px}
.box .ic{font-size:32px;margin-bottom:8px}
.box h3{font-size:19px;margin-bottom:6px}
.box p{font-size:15px;opacity:.95}
.faq{max-width:760px;margin:0 auto}
details{background:#fff;border:1px solid #d6ded6;border-radius:10px;margin-bottom:12px}
summary{cursor:pointer;font-weight:700;padding:16px 18px;list-style:none;display:flex;justify-content:space-between;gap:10px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--main);font-size:22px;line-height:1}
details[open] summary::after{content:"\2212"}
details p{padding:0 18px 16px;color:var(--muted)}
footer.site{background:var(--main);color:#fff;text-align:center;padding:22px 20px;font-size:14px}
.dl h1{font-size:34px;font-weight:400;margin:40px 0 24px}
.big-logo{width:170px;height:170px;margin:0 auto 30px;object-fit:contain}
.dl table td{font-weight:700;width:50%}
.buttons{display:flex;flex-direction:column;align-items:center;gap:22px;margin:34px 0 60px}
.buttons .btn{display:inline-flex;font-size:18px;padding:13px 30px}
.article{font-size:17px}
.article h1{font-size:36px;margin:0 0 18px}
.article h2{text-align:left;font-size:28px;margin:34px 0 12px}
.article h2:first-child{margin-top:0}
.article h3{font-size:22px;margin:26px 0 10px}
.article p{margin-bottom:16px}
.article ul,.article ol{margin:0 0 16px 24px}
.article li{margin-bottom:6px}
.article img{height:auto;margin:20px auto;border-radius:10px}
.article a{font-weight:700}
.article table td,.article table th{font-weight:400}
.article table th{font-weight:700;background:var(--soft)}
.page-wrap{padding:40px 0}
@media(max-width:800px){
 .hero{grid-template-columns:1fr;padding:30px 0}
 h1{font-size:30px}
 .phone{order:-1;width:200px}
 .nav{flex-wrap:wrap;padding:8px 0}
 .nav ul{gap:14px}
 .dl h1{font-size:26px}
 .buttons{align-items:stretch}
 .buttons .btn{width:100%;font-size:16px}
 .article h1{font-size:28px}
}