/*
Theme Name: SK Global Lens
Theme URI: https://skgloballens.com
Author: Salim Kureshi
Description: Fast, mobile-first light video theme for SK Global Lens (works with the SK Global Lens Core plugin).
Version: 1.1.0
Requires PHP: 8.0
Text Domain: sk-global-lens
*/
:root{--bg:#f6f7fb;--card:#fff;--tx:#161a2b;--tx2:#3b4256;--mu:#667085;--ac:#e8283a;--ac2:#ff7a3d;--bd:#e5e8f0;--r:14px;--sh:0 6px 22px rgba(22,26,43,.08)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:16px/1.65 'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--tx);-webkit-text-size-adjust:100%}
h1,h2,h3,h4{line-height:1.25;font-weight:700;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{width:min(1180px,100% - 24px);margin-inline:auto}.narrow{max-width:760px}
.sec{padding:22px 0}.sec h1{font-size:clamp(1.6rem,5vw,2.2rem);margin-bottom:12px}
.sec h2{font-size:1.25rem;margin-bottom:14px;padding-left:12px;border-left:4px solid var(--ac)}
.sec p{color:var(--tx2);margin-bottom:14px}
.btn{display:inline-block;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;border:0;border-radius:999px;padding:11px 24px;font:600 1rem 'Poppins',sans-serif;cursor:pointer;box-shadow:0 6px 16px rgba(232,40,58,.25);transition:transform .15s}
.btn:hover{transform:translateY(-1px)}.btn.sm{padding:8px 18px;font-size:.9rem}.btn:disabled{opacity:.6}
/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-weight:800;font-size:1.25rem;color:var(--tx)}.logo b{color:var(--ac)}.logo img{max-height:40px;width:auto}
.nav{display:flex;align-items:center;gap:26px}
.nav-list{list-style:none;padding:0;display:flex;align-items:center;gap:26px}
.nav-list a{font-weight:500;color:var(--tx2);padding:6px 0;border-bottom:2px solid transparent}
.nav-list a:hover,.nav-list .current-menu-item>a{color:var(--ac);border-color:var(--ac)}
.burger{display:none;width:44px;height:44px;padding:0;border:1px solid var(--bd);border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:.2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:760px){
 .burger{display:flex}
 .nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--bd);box-shadow:var(--sh);padding:6px 16px 18px}
 .nav.open{display:flex}
 .nav-list{flex-direction:column;align-items:stretch;gap:0}
 .nav-list a{display:block;padding:14px 2px;border-bottom:1px solid var(--bd);font-size:1.02rem}
 .nav .btn{margin-top:14px;text-align:center}
}
/* hero (chhota, centered) */
.hero{padding:16px 0 4px}
.slider{position:relative;overflow:hidden;width:min(760px,100% - 24px);margin-inline:auto;border-radius:var(--r);box-shadow:var(--sh);background:#000}
.track{display:flex;transition:transform .5s ease}.slide{min-width:100%}
.slide.banner{aspect-ratio:16/9;min-height:190px;display:grid;place-items:center;text-align:center;padding:16px;color:#fff;background:linear-gradient(135deg,#e8283a,#6a3de8) center/cover}
.banner h1{font-size:clamp(1.5rem,5vw,2.4rem);line-height:1.15;color:#fff}.banner p{margin:8px 0 16px;opacity:.95;font-size:clamp(.9rem,2.6vw,1.05rem)}
.nv{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--tx);font-size:22px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.2)}.prev{left:8px}.next{right:8px}
/* youtube cards */
.yt,.ytf{position:relative;display:block;width:100%;border:0;padding:0;border-radius:12px;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 3px 10px rgba(22,26,43,.12)}
.v169{aspect-ratio:16/9}.v916{aspect-ratio:9/16}.yt img{width:100%;height:100%;object-fit:cover}
.ytf iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:rgba(232,40,58,.94)}
.play::after{content:"";position:absolute;left:18px;top:14px;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.cap{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;text-align:left;font-weight:500;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid{display:grid;gap:12px}
.gw{grid-template-columns:repeat(4,1fr)}.gs{grid-template-columns:repeat(6,1fr);gap:10px}
.gs .play{width:34px;height:34px}.gs .play::after{left:13px;top:9px;border-left:11px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.gs .cap{font-size:.7rem;padding:18px 7px 6px}
@media(max-width:1000px){.gw{grid-template-columns:repeat(3,1fr)}.gs{grid-template-columns:repeat(5,1fr)}}
@media(max-width:700px){.gw{grid-template-columns:repeat(2,1fr);gap:10px}.gs{grid-template-columns:repeat(3,1fr);gap:8px}.cap{font-size:.72rem}.gs .play{width:30px;height:30px}.gs .play::after{left:11px;top:8px;border-left:10px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.gs .cap{font-size:.64rem}}
/* ads */
.ad{margin:16px auto;min-height:90px;text-align:center;overflow:hidden}
.ad-ph{display:grid;place-items:center;border:1px dashed #c5cbdb;border-radius:12px;color:#8a93a8;font-size:.82rem;background:#fff;padding:8px}
/* forms */
input,select,textarea{width:100%;background:#fff;border:1px solid #d6dbe8;color:var(--tx);border-radius:12px;padding:12px 14px;font:inherit;margin-bottom:10px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);border-color:transparent}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.msg{min-height:1.2em;font-size:.9rem;margin:6px 0 0!important;color:var(--mu)}.msg.ok{color:#16a34a!important}.msg.err{color:#dc2626!important}
.row{display:flex;gap:8px}.row input{margin:0}.row .btn{padding:10px 18px}
/* footer */
.ft{margin-top:30px;background:#fff;border-top:1px solid var(--bd);padding:28px 0 18px}
.soc{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.soc a{width:44px;height:44px;border-radius:50%;background:#f0f2f8;color:var(--tx);display:grid;place-items:center;transition:.2s}.soc a:hover{background:var(--ac);color:#fff}
.fl{margin-bottom:20px}.fl-list{list-style:none;padding:0;display:flex;gap:8px 22px;flex-wrap:wrap}.fl-list a{color:var(--tx2);font-weight:500}.fl-list a:hover{color:var(--ac)}
.fi{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.fi h4{margin-bottom:8px}.fi p{color:var(--mu);font-size:.92rem}.fi a{color:var(--tx2)}
@media(max-width:800px){.fi{grid-template-columns:1fr}}
.copy{margin-top:22px;text-align:center;color:var(--mu);font-size:.85rem}
/* modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(15,20,40,.55);display:grid;place-items:center;padding:16px}.modal[hidden]{display:none}
.box{position:relative;background:#fff;border-radius:20px;padding:26px 22px;width:min(420px,100%);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.box h3{font-size:1.35rem;margin-bottom:6px}.box p{color:var(--tx2);margin-bottom:14px;font-size:.95rem}.box .btn{width:100%}
.x{position:absolute;right:12px;top:8px;background:0;border:0;color:var(--tx);font-size:28px;cursor:pointer}
/* pages */
.entry h2{font-size:1.2rem;margin:24px 0 8px;border:0;padding:0}.entry p,.entry li{color:var(--tx2);margin-bottom:12px}.entry a{color:var(--ac)}.entry ul{padding-left:20px}
.admin-bar .hd{top:32px}@media(max-width:782px){.admin-bar .hd{top:46px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}