/* ستایلی کارتە گشتییەکان — ٥ تیمپڵێت */
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{font-family:'Noto Kufi Arabic','Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.card{max-width:480px;min-height:100vh;margin:0 auto;padding:0 0 28px;text-align:center;position:relative}
.card h1{font-size:22px;font-weight:700;line-height:1.4}
.card .desc{font-size:14px;line-height:1.8;margin:6px 22px 0;opacity:.8}
.card .addr{font-size:12.5px;opacity:.7;margin-top:4px;display:flex;gap:4px;align-items:center;justify-content:center}
.logo{width:96px;height:96px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;margin:0 auto}
.save{display:flex;gap:8px;align-items:center;justify-content:center;margin:22px 22px 0;padding:13px;border-radius:14px;font-size:14px;font-weight:600}
.save.solid{background:var(--c);color:#fff}
.save.ghost{border:1.5px solid #e5e7eb;color:#111}
.brand{display:block;font-size:11.5px;opacity:.55;margin-top:22px}
.brand b{font-weight:700}
.card i.ti{font-size:20px}

/* ١ کلاسیک */
body.b1{background:#F4F2FF}
.t1{background:#F4F2FF;color:#1e1b4b}
.t1 .head{height:150px;background:var(--c);border-radius:0 0 28px 28px}
.t1 .logo{margin-top:-56px;border:5px solid #F4F2FF;background:#fff;color:var(--c);width:112px;height:112px}
.t1 h1{margin-top:10px}
.t1 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px;padding:26px 18px 0}
.t1 .grid a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12.5px;font-weight:600}
.t1 .ic{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s}
.t1 .ic i.ti{font-size:27px}
.t1 .grid a:active .ic{transform:scale(.92)}

/* ٢ شەوی زێڕین */
body.b2{background:#0f0f0f}
.t2{background:#0f0f0f;color:#f3e9cf;padding-top:46px}
.t2 .logo{border:2px solid var(--c);background:#161616;color:var(--c)}
.t2 h1{color:#fff;margin-top:14px}
.t2 .desc{color:#a3a3a3;opacity:1}
.t2 .list{padding:24px 22px 0;display:flex;flex-direction:column;gap:11px}
.t2 .list a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--c);border-radius:14px;font-size:14.5px;color:#f3e9cf;transition:background .15s}
.t2 .list a:hover{background:rgba(201,166,70,.1)}
.t2 .list a i{color:var(--c)}
.t2 .addr{margin-top:16px;color:#a3a3a3}
.t2 .save.solid{color:#111}

/* ٣ وێنەی کاڤەر */
body.b3{background:#fff}
.t3{background:#fff;color:#111;text-align:start}
.t3 .cover{height:190px;background:var(--c) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55)}
.t3 .cover i.ti{font-size:64px}
.t3 .who{display:flex;align-items:flex-end;gap:12px;padding:0 20px;margin-top:-40px}
.t3 .logo{width:84px;height:84px;border-radius:20px;border:4px solid #fff;background:var(--c);color:#fff;margin:0;flex-shrink:0;font-size:32px}
.t3 .who h1{font-size:19px}
.t3 .who .addr{justify-content:flex-start;margin-top:0}
.t3 .desc{margin:14px 20px 0}
.t3 .list{padding:18px 20px 0;display:flex;flex-direction:column;gap:10px}
.t3 .list a{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:14px;color:#fff;font-size:14.5px;font-weight:600}
.t3 .list a[style*="#F7D100"]{color:#111}
.t3 .brand{text-align:center}

/* ٤ سادە */
body.b4{background:#FAFAF7}
.t4{background:#FAFAF7;color:#111;padding-top:48px}
.t4 .logo{background:var(--c);color:#fff;width:88px;height:88px}
.t4 h1{margin-top:14px;font-size:20px}
.t4 .desc{font-size:13px;color:#777;opacity:1}
.t4 .list{padding:26px 20px 0;display:flex;flex-direction:column;gap:10px}
.t4 .list a{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e7e7e2;border-radius:14px;font-size:14.5px;transition:border-color .15s}
.t4 .list a:hover{border-color:#bbb}
.t4 .list a span{flex:1;text-align:start}
.t4 .arr{color:#c4c4c4;font-size:18px!important}

/* ٥ کاشی */
body.b5{background:#ECFDF5}
.t5{background:#ECFDF5;color:#064e3b;padding:36px 16px 28px;text-align:start}
.t5 .who{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.t5 .logo{width:62px;height:62px;border-radius:18px;background:var(--c);color:#fff;margin:0;font-size:26px}
.t5 .who h1{font-size:19px}
.t5 .who .addr{justify-content:flex-start;margin:0;color:var(--c);opacity:1}
.t5 .bento{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.t5 .hero{grid-column:span 2;background:var(--c);color:#fff;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:6px}
.t5 .hero b{font-size:16px;line-height:1.6}
.t5 .hero span{font-size:12.5px;opacity:.85;display:flex;gap:4px;align-items:center}
.t5 .bento a{border-radius:20px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:13px;font-weight:600;transition:transform .15s}
.t5 .bento a:active{transform:scale(.96)}
.t5 .bento a i.ti{font-size:28px}
.t5 .bento a[style*="#F7D100"]{color:#111}
.t5 .save{margin:16px 0 0}
.t5 .brand{text-align:center}

/* پەڕەی نەدۆزرایەوە */
.nf{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0B0B12;color:#fff;text-align:center;padding:20px}
.nf a{background:#22D3EE;color:#0B0B12;padding:10px 20px;border-radius:10px;font-weight:600}