/* HouseCallDoctor.ir - Optimized CSS v2.0 */
:root{
--bg:#fff;--bg-soft:#f8fafc;--text:#0f172a;--text-muted:#475569;
--primary:#0ea5e9;--primary-hover:#0284c7;--primary-light:#e0f2fe;--primary-dark:#0c4a6e;
--secondary:#10b981;--secondary-hover:#059669;--secondary-light:#ecfdf5;
--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-light:#f3e8ff;
--success:#22c55e;--success-light:#f0fdf4;
--warning:#f59e0b;--warning-light:#fffbeb;
--danger:#ef4444;--danger-light:#fef2f2;
--featured:#06b6d4;--featured-light:#cffafe;
--border:#e5e7eb;--border-light:#f1f5f9;
--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);
--radius:12px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;
--container-width:1200px;--header-height:100px;
--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-6xl:3.75rem;
--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;
--transition:.3s cubic-bezier(.4,0,.2,1)
}

@font-face{font-family:'Vazirmatn';src:url('./vazirmatn-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('./vazirmatn-bold.woff2') format('woff2');font-weight:700;font-display:swap}

*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:var(--header-height)}
html[dir=rtl]{direction:rtl;text-align:right}

body{font-family:'Vazirmatn','Tahoma',sans-serif;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f8fafc 100%);direction:rtl;text-align:right;padding-bottom:80px;min-height:100vh}

h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-4);color:var(--text)}

h1{font-size:var(--text-4xl);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
@media (min-width:768px){h1{font-size:var(--text-6xl)}}

h2{font-size:var(--text-3xl);margin-bottom:var(--space-5);position:relative;padding-bottom:var(--space-3)}
h2::after{content:'';position:absolute;bottom:0;right:0;width:80px;height:4px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border-radius:var(--radius)}

h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--primary-dark);font-weight:600}
h4{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:600}

p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}

a{color:var(--primary);text-decoration:none;transition:all var(--transition)}
a:hover{color:var(--primary-hover);transform:translateY(-1px)}

.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}
@media (min-width:768px){.container{padding:0 1.5rem}}
@media (min-width:1024px){.container{padding:0 2rem}}

.header{background:rgba(248,250,252,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.5);position:sticky;top:0;z-index:50;height:var(--header-height);box-shadow:var(--shadow-lg)}

.header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%)}

.header-content{display:flex;align-items:center;justify-content:space-between;height:100%}

.logo{display:flex;align-items:center;font-size:var(--text-2xl);font-weight:800;transition:all var(--transition)}
.logo:hover{transform:scale(1.05)}
.logo img{height:56px;margin-left:var(--space-3);transition:all var(--transition)}

.nav{display:flex;gap:var(--space-6);align-items:center}
.nav a{font-weight:600;transition:all var(--transition);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg)}
.nav a:hover{color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}

@media (max-width:768px){
.nav{display:none}
.header-content{justify-content:center}
}

.grid{display:grid;gap:var(--space-6)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

@media (max-width:768px){
.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
}
@media (min-width:769px) and (max-width:1024px){
.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;text-decoration:none;transition:all var(--transition);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);min-height:48px;box-shadow:var(--shadow-md)}

.btn:focus{outline:3px solid rgba(14,165,233,.15);outline-offset:2px}

.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:40px;border-radius:var(--radius)}
.btn-lg{padding:var(--space-5) var(--space-8);font-size:var(--text-lg);min-height:56px;font-weight:700;border-radius:var(--radius-xl)}

.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:white;box-shadow:0 10px 25px -5px rgba(14,165,233,.2)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);filter:brightness(1.1)}

.btn-secondary{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-hover) 100%);color:white;box-shadow:0 10px 25px -5px rgba(16,185,129,.2)}
.btn-secondary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);filter:brightness(1.1)}

.btn-outline{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:2px solid var(--primary);color:var(--primary);box-shadow:var(--shadow-md)}
.btn-outline:hover{background:var(--primary);color:white;transform:translateY(-3px);box-shadow:0 10px 25px -5px rgba(14,165,233,.2)}

.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:white;box-shadow:0 10px 25px -5px rgba(239,68,68,.2);animation:pulse-danger 3s infinite}
.btn-danger:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);animation:none;filter:brightness(1.1)}

@keyframes pulse-danger{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4),0 10px 25px -5px rgba(239,68,68,.2)}50%{box-shadow:0 0 0 15px rgba(239,68,68,0),0 10px 25px -5px rgba(239,68,68,.2)}}

.card{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.5);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);transition:all var(--transition);position:relative;overflow:hidden}

.card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);opacity:0;transition:all var(--transition)}

.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02);border-color:var(--primary-light)}
.card:hover::before{opacity:1}

.doc.featured{border:3px solid transparent;background:linear-gradient(135deg,rgba(6,182,212,.1) 0%,rgba(255,255,255,.95) 50%,rgba(16,185,129,.1) 100%);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);overflow:hidden}

.doc.featured::before{content:"⭐ ویژه";position:absolute;top:-3px;right:-3px;background:linear-gradient(135deg,var(--featured) 0%,#0891b2 100%);color:white;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:700;border-radius:0 var(--radius-xl) 0 var(--radius-xl);box-shadow:var(--shadow-lg);z-index:2}

.doc.featured:hover{transform:translateY(-10px) scale(1.03);box-shadow:var(--shadow-xl)}

.specialty-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);box-shadow:var(--shadow);border:1px solid rgba(14,165,233,.2);transition:all var(--transition)}

.specialty-badge:hover{background:var(--primary);color:white;transform:scale(1.05);box-shadow:0 10px 25px -5px rgba(14,165,233,.2)}

.trust-indicators{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-4);background:rgba(34,197,94,.1);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border-right:4px solid var(--success);box-shadow:0 10px 25px -5px rgba(34,197,94,.2)}

.availability-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow)}

.availability-status.available{background:rgba(34,197,94,.1);color:var(--success);animation:available-pulse 2s ease-in-out infinite}

@keyframes available-pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4),var(--shadow)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0),var(--shadow)}}

.city-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin:var(--space-12) 0}

.city-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:2px solid transparent;border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;transition:all var(--transition);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}

.city-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);opacity:0;transition:all var(--transition)}

.city-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-10px) scale(1.03)}
.city-card:hover::before{opacity:1}

.city-card h3{color:var(--primary-dark);margin-bottom:var(--space-4);font-size:var(--text-2xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.city-card h3::before{content:'🏥';display:block;font-size:var(--text-4xl);margin-bottom:var(--space-3)}

.city-card p{color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}

.services-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}

.services-list li{padding:var(--space-4) var(--space-6);background:rgba(255,255,255,.8);backdrop-filter:blur(15px);border-radius:var(--radius-lg);position:relative;padding-right:var(--space-16);transition:all var(--transition);border-right:4px solid transparent;box-shadow:var(--shadow);border:1px solid rgba(226,232,240,.5)}

.services-list li:hover{background:rgba(34,197,94,.1);border-right-color:var(--success);transform:translateX(-8px) scale(1.02);box-shadow:0 10px 25px -5px rgba(34,197,94,.2)}

.services-list li::before{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-2xl);transition:all var(--transition)}

.services-list li:hover::before{transform:translateY(-50%) scale(1.2)}

.services-list li[data-service="general"]::before{content:'🩺'}
.services-list li[data-service="pediatric"]::before{content:'👶'}
.services-list li[data-service="injection"]::before{content:'💉'}
.services-list li[data-service="nursing"]::before{content:'👩‍⚕️'}
.services-list li[data-service="lab"]::before{content:'🧪'}
.services-list li[data-service="physio"]::before{content:'🏃‍♂️'}
.services-list li[data-service="elderly"]::before{content:'👴'}
.services-list li[data-service="emergency"]::before{content:'🚨'}

.faq{margin:var(--space-12) 0}

.faq-item{border:1px solid rgba(226,232,240,.5);border-radius:var(--radius-xl);margin-bottom:var(--space-6);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition);background:rgba(255,255,255,.9);backdrop-filter:blur(15px)}

.faq-item:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-light);transform:translateY(-2px)}

.faq-question{background:rgba(14,165,233,.05);padding:var(--space-6);font-weight:600;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-lg)}

.faq-question:hover{background:rgba(14,165,233,.1);color:var(--primary-dark)}

.faq-question::after{content:'+';font-size:var(--text-2xl);font-weight:700;color:var(--primary);transition:all var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(14,165,233,.1);border-radius:50%}

.faq-item.active .faq-question::after{transform:rotate(45deg);background:var(--primary);color:white}

.faq-answer{padding:var(--space-6);background:rgba(255,255,255,.95);border-top:1px solid rgba(226,232,240,.5);line-height:var(--leading-relaxed);color:var(--text-muted);font-size:var(--text-base)}

.emergency-notice{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(255,255,255,.95) 50%,rgba(239,68,68,.1) 100%);backdrop-filter:blur(20px);border:3px solid var(--danger);border-radius:var(--radius-2xl);padding:var(--space-10);margin:var(--space-12) 0;text-align:center;position:relative;overflow:hidden;animation:emergency-pulse 4s infinite;box-shadow:0 10px 25px -5px rgba(239,68,68,.2)}

.emergency-notice::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%)}

.emergency-notice h3{color:var(--danger);margin-bottom:var(--space-4);font-size:var(--text-3xl);display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.emergency-notice h3::before{content:'🚨';font-size:var(--text-4xl);animation:rotate 3s linear infinite}

@keyframes emergency-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4),0 10px 25px -5px rgba(239,68,68,.2)}50%{box-shadow:0 0 0 20px rgba(239,68,68,0),0 10px 25px -5px rgba(239,68,68,.2)}}

@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(226,232,240,.5);padding:var(--space-5);display:flex;gap:var(--space-4);box-shadow:0 -8px 32px rgba(0,0,0,.15);z-index:40}

.sticky-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%)}

.sticky-cta .btn{flex:1;padding:var(--space-4) var(--space-3);font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}

.banner-ad{background:linear-gradient(135deg,rgba(248,250,252,.8) 0%,rgba(226,232,240,.8) 100%);backdrop-filter:blur(15px);border:3px dashed rgba(14,165,233,.3);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-base);margin:var(--space-12) 0;transition:all var(--transition);box-shadow:var(--shadow-lg)}

.banner-ad:hover{border-color:var(--primary);background:linear-gradient(135deg,rgba(14,165,233,.1) 0%,rgba(255,255,255,.9) 100%);color:var(--primary);transform:scale(1.02)}

.banner-header{height:100px;width:728px;max-width:100%}
.banner-sidebar{height:280px;width:320px;max-width:100%}

.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}

.mt-4{margin-top:var(--space-4)}
.mb-4{margin-bottom:var(--space-4)}
.p-4{padding:var(--space-4)}
.hidden{display:none}

@media (max-width:768px){
.hidden-mobile{display:none}
.sticky-cta{padding:var(--space-4)}
.city-grid{grid-template-columns:1fr;gap:var(--space-6)}
.card{padding:var(--space-6)}
}

@media (min-width:769px){
.hidden-desktop{display:none}
.sticky-cta{display:none}
body{padding-bottom:0}
}

img{max-width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

button:focus,a:focus,input:focus{outline:3px solid rgba(14,165,233,.15);outline-offset:3px}

@media print{
.no-print,.sticky-cta{display:none!important}
body{padding-bottom:0;background:white}
.card,.city-card{background:white;box-shadow:none;border:1px solid #cbd5e1}
}