:root{--p:#664299;--pd:#412E66;--g:#F9D232;--ink:#1F1A2B;--mute:#756E80;--line:#ECE6F3;--bg:#FAF8FD}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.8}
a{color:var(--p)}
h1,h2,.h1{font-family:'Changa',sans-serif;line-height:1.35}
.w{max-width:1080px;margin:0 auto;padding:0 16px}
.sh{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.sh-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.brand b{display:block;font-family:'Changa';font-size:18px;line-height:1.1}.brand small{color:#8A6410;font-weight:700;font-size:11px}
.nav{display:flex;gap:6px;align-items:center}
.nav a{text-decoration:none;font-weight:600;font-size:13.5px;padding:7px 12px;border-radius:99px;color:var(--pd)}
.nav a.cta{background:var(--p);color:#fff}
@media(max-width:560px){.nav a:not(.cta){display:none}}
.bc{font-size:12.5px;color:var(--mute);margin:18px 0 14px;display:flex;flex-wrap:wrap;gap:6px}
.bc a{color:var(--mute);text-decoration:none}.bc a:hover{color:var(--p)}
.h1{font-size:clamp(24px,4vw,32px);margin:6px 0 8px}
.lead{color:#4C4459;max-width:760px;margin-bottom:18px}
.sec{margin:34px 0}.sec h2{font-size:20px;margin-bottom:14px}.sec h2 small{font-size:13px;color:var(--mute);font-family:'IBM Plex Sans Arabic'}.sec h2 a{color:inherit;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.pc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:.15s}
.pc:hover{border-color:#D5C6EA;transform:translateY(-2px)}
.pc-i{position:relative;aspect-ratio:1;background:#F4F1F8;display:block}.pc-i img{width:100%;height:100%;object-fit:cover;display:block}
.pc-o{position:absolute;inset:auto 8px 8px;background:#fff;font-style:normal;font-size:11px;font-weight:700;text-align:center;border-radius:99px;padding:2px}
.pc-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px}.pc-b small{color:var(--mute);font-size:11.5px}.pc-b b{font-size:14px;font-weight:600;line-height:1.45}
.money b{font-family:'Changa';font-size:18px;font-weight:700}.money small{font-size:.7em}.money span{font-size:12px;color:var(--mute)}
.pp{display:grid;grid-template-columns:1fr 1fr;gap:34px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
@media(max-width:780px){.pp{grid-template-columns:1fr;padding:14px;gap:18px}}
.pp-img img{width:100%;height:auto;border-radius:14px;display:block;background:#F4F1F8}
.noimg{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:80px;color:#E2D9C3;background:#F4F1F8;border-radius:14px}
.pp-info h1{font-size:clamp(22px,3.4vw,30px);margin:6px 0 10px}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:3px 12px;border-radius:99px}.tag.scouts{background:#EEF1FA;color:#3F4F86}.tag.guides{background:#FBEFF5;color:#8A2D5C}
.pp-price{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.pp-price .money b{font-size:30px}.pp-price s{color:#A39B8A;font-size:14px}
.st{font-size:12.5px;font-weight:700;padding:3px 11px;border-radius:99px}.st.ok{background:#E6F4EA;color:#2E7D4F}.st.no{background:#F6DDD6;color:#C24428}
.pp-desc{color:#3E3650;font-size:15px}.pp-desc p{margin-bottom:8px}.pp-desc ul{padding-inline-start:20px}
.pp-cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:12px;font-weight:700;text-decoration:none;font-size:15px}
.btn.buy{background:var(--g);color:#1E1530;flex:1}.btn.wa{background:#16A34A;color:#fff}
.h2s{font-size:17px;margin:8px 0 10px}
.facts{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.facts div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--line)}.facts div:last-child{border-bottom:none}
.facts dt{background:#F7F4FB;padding:9px 12px;font-weight:600;font-size:13.5px;color:#4C4459}.facts dd{padding:9px 12px;font-size:14px}
.note{font-size:13px;color:var(--mute);margin-top:14px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:4px 16px}
.faq summary{cursor:pointer;list-style:none;padding:10px 0}.faq summary::-webkit-details-marker{display:none}
.faq summary h2{display:inline;font-size:16.5px}.faq summary::after{content:"+";float:left;font-size:20px;color:var(--p)}.faq details[open] summary::after{content:"−"}
.faq p{padding:0 0 12px;color:#3E3650}
.art{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:10px}.art p{margin-bottom:12px}.art .meta{color:var(--mute);font-size:13px}
.alist{list-style:none;display:grid;gap:10px}.alist a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink)}.alist span{display:block;color:var(--mute);font-size:13.5px}
.sf{background:#2A1D45;color:rgba(255,255,255,.75);margin-top:50px;padding:36px 0 18px;font-size:13.5px}
.sf a{color:rgba(255,255,255,.85);text-decoration:none;display:block;padding:2px 0}.sf a:hover{color:#fff}
.sf-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}@media(max-width:700px){.sf-cols{grid-template-columns:1fr 1fr}.sf-cols>div:first-child{grid-column:1/-1}}
.sf-t{display:block;color:var(--g);font-family:'Changa';font-size:15px;margin-bottom:8px}
.sf p a{display:inline}.sf-c{border-top:1px solid rgba(255,255,255,.1);margin-top:22px;padding-top:14px;font-size:12px;color:rgba(255,255,255,.5)}
