/*
Theme Name: Meezan Lights
Description: Meezan Lights website theme. Separate editable pages, a Products section with photos, and a working contact form.
Version: 1.0.0
Author: Meezan Lights
Text Domain: meezan-lights
*/
:root{--navy:#071a52;--blue:#1257d6;--sky:#18a0f0;--ice:#eef5ff;--ink:#0d1b3d;--bg:#fff;--glow:#cfe6ff;--lite:#f4f9ff;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 18px rgba(18,87,214,.12);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 5vw;flex-wrap:wrap}
.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}
.site-header img{height:52px;display:block}
.main-nav ul{display:flex;gap:4px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.main-nav a{display:block;padding:8px 12px;border-radius:8px;font-size:.88rem;font-weight:600;color:var(--navy)}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:var(--ice);color:var(--blue)}
.hero{background:radial-gradient(ellipse at 70% 40%,#1b4fc4 0,var(--navy) 65%);color:#fff;padding:56px 5vw 72px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:620px}
.hero h1{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.1;margin:0 0 16px;font-weight:800}
.hero p{max-width:46ch;color:#cfe0ff;margin:0 0 26px}
.hero small{display:block;color:#7fc4ff;font-weight:600;margin-bottom:10px;font-size:1rem}
.btn{display:inline-block;background:#fff;color:var(--blue);font-weight:800;padding:13px 26px;border-radius:999px;border:0;font:inherit;font-weight:800;cursor:pointer}
.btn.o{background:transparent;color:#fff;border:2px solid #ffffff80;margin-left:10px}
.stage{display:flex;flex-direction:column;align-items:center;gap:22px}
.persp{perspective:900px}
#light{width:min(340px,70vw);aspect-ratio:1;transform-style:preserve-3d;transition:transform .15s ease-out;cursor:pointer;filter:drop-shadow(0 0 40px var(--glow)) drop-shadow(0 0 90px var(--glow));animation:breathe 4s ease-in-out infinite}
@keyframes breathe{50%{filter:drop-shadow(0 0 60px var(--glow)) drop-shadow(0 0 130px var(--glow))}}
#light svg{width:100%;height:100%;overflow:visible}
#cover{transition:opacity .6s,transform .6s;transform-origin:160px 160px}
#light:hover #cover,#light.open #cover{opacity:0;transform:scale(1.06)}
#light .chip{transition:opacity .6s}.lens-in{opacity:.0;transition:opacity .6s}#light:hover .lens-in,#light.open .lens-in{opacity:1}
.hint{font-size:.8rem;color:#9cc6ff;margin:-8px 0 0}
.temps{display:flex;gap:10px}.temps button{font:inherit;font-weight:600;padding:10px 18px;border-radius:999px;border:2px solid #ffffff55;background:#ffffff14;color:#fff;cursor:pointer;transition:.2s}
.temps button[aria-pressed=true]{background:#fff;color:var(--navy);border-color:#fff}
.sec{padding:72px 5vw}h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 8px;color:var(--navy)}.sub{color:#51608a;margin:0 0 34px;max-width:60ch}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.card{display:block;background:#fff;border:1px solid #dbe6fb;border-radius:18px;padding:22px;transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .3s;box-shadow:0 10px 30px rgba(18,87,214,.08)}
.card:hover{box-shadow:0 22px 50px rgba(18,87,214,.2)}
.card .pic{height:150px;border-radius:12px;background:linear-gradient(160deg,#eef5ff,#cfe1ff);display:grid;place-items:center;transform:translateZ(30px);overflow:hidden}
.card .pic img{width:100%;height:100%;object-fit:cover;display:block}
.card svg{width:96px;height:96px}.card h3{margin:16px 0 4px;font-size:1.05rem;transform:translateZ(20px)}.card p{margin:0;color:#51608a;font-size:.88rem}
.tag{display:inline-block;background:var(--blue);color:#fff;font-size:.72rem;font-weight:600;padding:2px 10px;border-radius:99px;margin-bottom:8px}
.alt{background:var(--ice)}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.cat{border-radius:22px;padding:34px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--navy));min-height:200px}.cat.b{background:linear-gradient(135deg,var(--sky),var(--blue))}
.cat h3{font-size:1.5rem;margin:0 0 8px}.cat p{margin:0 0 18px;color:#dce9ff}
.mz-form{display:grid;gap:12px;max-width:520px}.mz-form input,.mz-form textarea{font:inherit;padding:13px 14px;border:1.5px solid #c5d6f5;border-radius:12px;width:100%}
.site-footer{background:var(--navy);color:#9fb7ea;text-align:center;padding:26px 5vw;font-size:.88rem}
@media(max-width:820px){.hero{grid-template-columns:1fr;text-align:center;padding-top:36px}.hero p{margin-inline:auto}.stage{order:-1}.btn.o{margin:10px 0 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#lensimg{filter:brightness(1.05) saturate(1.05);transition:filter .5s}#leds{opacity:.35;mix-blend-mode:screen;transition:opacity .5s}
#light:hover #lensimg,#light.open #lensimg{filter:brightness(1.2) saturate(1.25)}#light:hover #leds,#light.open #leds{opacity:1;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.65}}
.ct{align-items:start}.info{background:#fff;border:1px solid #dbe6fb;border-radius:18px;padding:26px;text-align:center}.info img{width:min(300px,100%);height:auto;display:block;margin:0 auto 18px}.info a.ph{display:block;font-size:1.5rem;font-weight:800;color:var(--blue)}.info p{margin:6px 0 14px;color:#51608a}
.brand{display:flex;align-items:center;gap:18px}.brand .sep{width:2px;height:40px;background:#cfe0ff;border-radius:2px}.site-header .brand img.ng{height:56px}
@media(max-width:520px){.brand{gap:10px}.site-header img{height:40px}.site-header .brand img.ng{height:44px}.brand .sep{height:30px}}

/* ---- Inner pages ---- */
.page-head{background:radial-gradient(ellipse at 70% 40%,#1b4fc4 0,var(--navy) 65%);color:#fff;padding:54px 5vw}
.page-head h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}
.page-head p{margin:8px 0 0;color:#cfe0ff;max-width:60ch}
.entry{max-width:1100px;margin:0 auto}
.entry>p,.entry>ul,.entry>ol,.entry>h2,.entry>h3{max-width:75ch}
.entry h2,.entry h3{margin:1.4em 0 .4em;color:var(--navy)}
.entry img{max-width:100%;height:auto;border-radius:14px}
.entry a{color:var(--blue);text-decoration:underline}
.entry .wp-block-button__link{background:var(--blue);color:#fff;border-radius:999px;text-decoration:none;font-weight:800}
.prod{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;max-width:1100px;margin:0 auto}
.prod .pimg{background:linear-gradient(160deg,#eef5ff,#cfe1ff);border-radius:22px;display:grid;place-items:center;min-height:320px;overflow:hidden}
.prod .pimg img{width:100%;height:auto;display:block}.prod .pimg svg{width:160px;height:160px}
.prod h2{margin:10px 0 6px}.price{font-size:1.6rem;font-weight:800;color:var(--blue);margin:0 0 14px}
.prod .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
@media(max-width:820px){.prod{grid-template-columns:1fr}}
.post-item{border-bottom:1px solid #dbe6fb;padding:18px 0;max-width:75ch}.post-item h2{font-size:1.4rem}
.navigation.pagination{margin-top:24px}.navigation .page-numbers{padding:6px 12px}