/* Azhari Online Course store. Deep green, gold and crimson from the logo; Nastaliq for Urdu. */
:root{--g9:#052e1a;--g8:#073d24;--g7:#0b5a31;--g5:#16874f;--gold:#c9971c;--goldl:#f0d98b;--crim:#9c1b30;--ink:#13261b;--mut:#587064;--line:#dbe6df;--bg:#f4f8f5;--card:#fff;--r:18px;--pf-p:#0b5a31;--pf-r:16px}
*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
img{max-width:100%;display:block}a{color:inherit}
.az-wrap{width:min(1180px,100% - 32px);margin:0 auto}
.az-ur{font-family:"Noto Nastaliq Urdu","Amiri",serif;line-height:2.1;font-weight:600}
h1,h2{font-family:"Cormorant Garamond",Georgia,serif;margin:0;font-weight:700}
/* buttons */
.az-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid transparent;border-radius:999px;padding:12px 22px;font:600 .95rem Inter,sans-serif;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.az-btn:hover{transform:translateY(-1px)}.az-btn.sm{padding:9px 16px;font-size:.85rem}.az-btn.wide{width:100%}
.az-btn.gold{background:linear-gradient(135deg,#e3b84a,#c9971c);color:#2a1d00;box-shadow:0 6px 18px rgba(201,151,28,.35)}
.az-btn.ghost{border-color:rgba(255,255,255,.55);color:#fff}.az-btn.solid{background:var(--g7);color:#fff}.az-btn.line{border-color:var(--g7);color:var(--g7);background:#fff}
.az-btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* top bar */
.az-top{position:sticky;top:0;z-index:40;background:rgba(5,46,26,.94);backdrop-filter:blur(8px);color:#fff;border-bottom:1px solid rgba(240,217,139,.25)}
.az-top-in{display:flex;align-items:center;gap:18px;padding:10px 0}
.az-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.az-brand img{border-radius:10px}.az-brand span{display:grid;line-height:1.15}.az-brand small{color:var(--goldl);font-size:.72rem}
.az-nav{margin-left:auto;display:flex;gap:18px}.az-nav a{text-decoration:none;font-size:.9rem;opacity:.9}.az-nav a:hover{color:var(--goldl)}
/* hero */
.az-hero{color:#fff;background:radial-gradient(900px 400px at 85% 0,#12663b,transparent 60%),var(--g9);position:relative;overflow:hidden}
.az-hero::before{content:"";position:absolute;inset:0;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 60 60'%3E%3Cpath d='M30 4l6 14 14-6-6 14 14 6-14 6 6 14-14-6-6 14-6-14-14 6 6-14-14-6 14-6-6-14 14 6z' fill='none' stroke='%23c9971c' stroke-opacity='.2'/%3E%3C/svg%3E")}
.az-hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:52px 0 60px}
.az-tag{display:inline-block;margin:0 0 10px;padding:6px 14px;border:1px solid var(--goldl);border-radius:999px;color:var(--goldl);font-size:.82rem}
.az-hero h1{font-size:clamp(2rem,5vw,3.4rem);color:var(--goldl);line-height:1.9}
.az-h1en{font:700 clamp(1.6rem,3.4vw,2.4rem) "Cormorant Garamond",serif;margin:0 0 8px}
.az-lead{max-width:34em;color:#dcebe2;font-size:1.05rem}
.az-cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.az-trust{display:flex;gap:8px 18px;flex-wrap:wrap;list-style:none;padding:0;margin:0;color:var(--goldl);font-size:.88rem}.az-trust li::before{content:"✦ ";color:var(--gold)}
.az-poster{margin:0;justify-self:center;max-width:340px;padding:8px;border-radius:22px;background:linear-gradient(135deg,#f0d98b,#b8860b);box-shadow:0 24px 50px rgba(0,0,0,.45);transform:rotate(2deg)}
.az-poster img{border-radius:16px;width:100%;height:auto}.az-poster figcaption{text-align:center;color:#2a1d00;font-weight:700;font-size:.82rem;padding:8px 0 2px}
/* sections */
.az-sec{padding:56px 0}.az-sec.alt{background:#fff;border-block:1px solid var(--line)}
.az-head{margin-bottom:22px}.az-head h2{font-size:2.2rem;color:var(--g8)}.az-head p{margin:2px 0 0;color:var(--mut)}
/* toolbar */
.az-bar{position:sticky;top:66px;z-index:20;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px;margin:0 -10px 6px;background:rgba(244,248,245,.96);backdrop-filter:blur(6px);border-radius:16px}
.az-chips{display:flex;gap:6px;flex-wrap:wrap}.az-chips button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font:600 .88rem Inter,sans-serif;cursor:pointer;color:var(--g8)}
.az-chips button.on{background:var(--g7);border-color:var(--g7);color:#fff}
.az-bar input,.az-bar select{font:inherit;padding:10px 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff}.az-bar input{flex:1;min-width:180px}
.az-count{margin:6px 0 14px;color:var(--mut);font-size:.88rem}
/* cards */
.az-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.az-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.az-card:hover{border-color:var(--gold);box-shadow:0 14px 34px rgba(6,56,31,.14)}
.az-img{position:relative;aspect-ratio:16/9;background:#e7f0ea;display:grid;place-items:center;overflow:hidden}.az-img img{width:100%;height:100%;object-fit:cover}
.az-img.fee img{object-fit:contain;padding:18px;background:radial-gradient(circle,#fff,#e7f0ea)}.az-img.free img{object-fit:contain;padding:10px}.az-big{font-size:3rem}
.az-pill{position:absolute;left:10px;top:10px;background:rgba(5,46,26,.88);color:var(--goldl);border-radius:999px;padding:4px 12px;font-size:.76rem;font-weight:600}.az-pill.free{background:var(--g5);color:#fff;left:auto;right:10px}
.az-body{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px;flex:1}
.az-body h3{margin:0;font-size:1.2rem;color:var(--g8)}.az-en{margin:0;font-weight:600;color:var(--mut);font-size:.9rem}.az-desc{margin:8px 0 12px;font-size:.9rem;color:#3b5246}
.az-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.az-acts{display:flex;gap:6px}
.az-price{font:700 1.7rem "Cormorant Garamond",serif;color:var(--g7)}.az-price.free{color:var(--g5)}.az-price.note{font:600 .85rem Inter,sans-serif;color:var(--mut)}
.az-card.prog{background:linear-gradient(180deg,#fff,#f4f8f5)}
.az-arch{margin:16px 16px 0;height:92px;border-radius:70px 70px 12px 12px;background:var(--g8);color:var(--goldl);display:grid;align-content:center;justify-items:center;border-bottom:4px solid var(--gold)}
.az-arch b{font:700 2.3rem/1 "Cormorant Garamond",serif}.az-arch span{font-size:.8rem}
.az-empty{text-align:center;color:var(--mut);padding:28px 0}
/* services, about, steps, faq */
.az-svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.az-s{padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);border-top:4px solid var(--gold)}.az-s h3{margin:8px 0 4px;font-size:1.05rem;color:var(--g8)}.az-s p{margin:0 0 10px;font-size:.9rem;color:#3b5246}
.az-sic{font-size:1.8rem}.az-link{color:var(--g7);font-weight:700;text-decoration:none;border-bottom:2px solid var(--gold)}
.az-about{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center}.az-badge{border-radius:30px;box-shadow:0 14px 34px rgba(6,56,31,.3)}
.az-about h2{font-size:2.2rem;color:var(--g8);margin-bottom:8px}.az-dir{display:grid;gap:0;margin:16px 0;padding:12px 16px;border-inline-start:4px solid var(--gold);background:#fff;border-radius:10px}.az-dir .az-ur{font-size:1.3rem}.az-dir small{color:var(--mut)}
.az-about blockquote{margin:0;font:italic 600 1.35rem "Cormorant Garamond",serif;color:var(--g7)}
.az-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:0;margin:0}
.az-steps li{counter-increment:s;display:grid;gap:4px;padding:18px 18px 18px 64px;position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.az-steps li::before{content:counter(s);position:absolute;left:16px;top:16px;width:36px;height:36px;border-radius:50%;background:var(--g7);color:var(--goldl);display:grid;place-items:center;font:700 1.2rem "Cormorant Garamond",serif}
.az-narrow{max-width:780px}.az-q{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px;padding:0 16px}.az-q summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none}.az-q summary::after{content:"+";float:right;color:var(--gold);font-size:1.3rem}.az-q[open] summary::after{content:"–"}.az-q p{margin:0 0 14px;color:#3b5246}
/* footer */
.az-foot-main{background:var(--g9);color:#cfe5d8;padding:38px 0 22px;font-size:.92rem}.az-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.az-fb{color:var(--goldl);display:block;margin-bottom:6px}.az-foot-main p{margin:0}.az-foot-main a{color:#fff}
.az-safe{text-align:center;margin:22px 0 0;font-size:.8rem;color:#9fc3af}
/* checkout pop-up (ids and classes used by shop.js) */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.pf-modal{position:fixed;inset:0;background:rgba(5,12,8,.62);display:grid;place-items:center;z-index:80;padding:16px}
.pf-mbox{position:relative;background:#fff;border-radius:22px;padding:24px;width:min(440px,100%);max-height:92vh;overflow:auto}
.pf-mbox h3{margin:0 40px 2px 0;font:700 1.5rem "Cormorant Garamond",serif;color:var(--g8)}.pf-sub{margin:0 0 8px;color:var(--mut)}
.pf-mbox form{display:grid;gap:12px}.pf-mbox label{display:grid;gap:5px;font-weight:600;font-size:.88rem}
.pf-mbox input,.pf-mbox textarea{font:inherit;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;width:100%}
.pf-x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;cursor:pointer;color:var(--mut)}
.pf-msg{margin:0;padding:10px;border-radius:10px;font-weight:600;font-size:.88rem}.pf-msg.err{background:#fde8e8;color:#9b1c1c}.pf-msg.ok{background:#e6f7ee;color:#116b3b}.pf-msg.info{background:#fff6dc;color:#6b4a00}
.pf-safe{font-size:.76rem;color:var(--mut);margin:0;text-align:center}
@media(max-width:860px){.az-nav{display:none}.az-top .az-btn{margin-left:auto}.az-hero-in{grid-template-columns:1fr;padding:34px 0 44px}.az-poster{max-width:260px;transform:none}.az-about{grid-template-columns:1fr;text-align:center}.az-badge{margin:auto;width:150px}.az-dir{text-align:start}.az-bar{top:64px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* v2: poster, specialities, gallery, lightbox */
.az-hero-ur{margin:0 0 6px;font-size:clamp(1.3rem,3vw,1.9rem);color:#f0d98b}
.az-poster{max-width:380px}.az-pb{display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:zoom-in;background:none}
.az-posters{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.az-pimg{padding:8px;border:1px solid var(--line);border-radius:20px;background:#fff;cursor:zoom-in;transition:box-shadow .2s,border-color .2s}.az-pimg:hover{border-color:var(--gold);box-shadow:0 14px 34px rgba(6,56,31,.14)}.az-pimg img{width:100%;height:auto;border-radius:14px}
.az-dir small{display:block}
.az-lb{position:fixed;inset:0;z-index:100;background:rgba(2,12,7,.92);display:grid;place-items:center;padding:16px;cursor:zoom-out}.az-lb img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.az-lb-x{position:absolute;right:16px;top:12px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#06381f;font-size:1.8rem;line-height:1;cursor:pointer}

.az-posters{align-items:start}