/* ==================================================
   فایل home-v1.css - استایل اختصاصی صفحه اصلی
   مسیر: templates/shaper_helixultimate/custom-css-all/home-v1.css
   لود شرطی: فقط در صفحه اصلی (توسط device-detector.php)
   ================================================== */

/* --- پایه --- */
.saya-home{font-size:16px;line-height:1.9;color:#222}
.saya-home *{box-sizing:border-box}

/* --- هدر اصلی --- */
.sh-hero{background:linear-gradient(135deg,#29aeb3 0%,#1f8b94 100%);color:#fff;border-radius:16px;padding:28px 16px;text-align:center;margin-bottom:28px;box-shadow:0 6px 18px rgba(41,174,179,.25)}
.sh-hero-img{width:100%;height:auto;border-radius:12px;margin-bottom:16px}
.sh-hero-sub{margin:6px 0;font-size:clamp(15px,3.5vw,19px);font-weight:800}
.sh-hero-desc{margin:12px auto 0;max-width:720px;font-size:clamp(14px,3vw,17px)}

/* --- دکمه‌های CTA (با آیکون FA) --- */
.sh-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:30px;text-decoration:none;font-weight:700;color:#fff;font-size:clamp(14px,3vw,16px);transition:transform .2s ease,box-shadow .2s ease}
.sh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.2)}
.sh-btn i{font-size:clamp(14px,3vw,16px)}
.sh-btn-green{background:linear-gradient(45deg,#4CAF50,#2e7d32)}
.sh-btn-teal{background:linear-gradient(45deg,#25D366,#128C7E)}

/* --- بخش‌ها --- */
.sh-section{margin-bottom:32px}
.sh-section h2{font-size:clamp(18px,4.5vw,24px);font-weight:800;color:#14213d;border-right:5px solid #29aeb3;padding-right:12px;margin-bottom:14px}
.sh-section-desc{color:#444;margin-bottom:16px}

/* --- گرید کارت‌ها --- */
.sh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sh-card{background:#fff;border:2px solid #29aeb3;border-radius:14px;padding:18px 14px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.sh-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(41,174,179,.18)}
.sh-card h3{margin:0 0 10px;font-size:clamp(16px,3.5vw,19px);font-weight:800;color:#29aeb3;text-align:center}

/* --- آیکون‌های کارت‌ها (Font Awesome) --- */
.sh-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 12px;border-radius:14px;background:linear-gradient(135deg,#e0f7fa 0%,#b2ebf2 100%);color:#00695c;font-size:26px;box-shadow:0 4px 10px rgba(0,105,92,.15)}

/* --- لینک‌های کارت --- */
.sh-card-link{margin-top:auto;display:block;text-align:center;background:#29aeb3;color:#fff;padding:10px;border-radius:8px;text-decoration:none;font-weight:700}
.sh-card-link:hover{background:#1f8b94}

/* --- لیست‌ها --- */
.sh-list{list-style:none;padding:0;margin:0 0 12px}
.sh-list li{padding:5px 0;border-bottom:1px dashed #e0e0e0;font-size:clamp(13px,3vw,15px);color:#333}
.sh-list li:last-child{border-bottom:none}

/* --- چرا ما (با آیکون تیک) --- */
.sh-why{background:#e8f5e9;border-right:5px solid #4CAF50;border-radius:14px;padding:18px 14px}
.sh-list-why li{border-bottom:none;font-weight:600;color:#2e7d32;display:flex;align-items:center;gap:8px}
.sh-list-why i{color:#2e7d32;font-size:clamp(14px,3vw,17px)}

/* --- محدوده خدمات --- */
.sh-area{background:#fff3e0;border-right:5px solid #ff9800;border-radius:14px;padding:18px 14px}
.sh-address{font-style:normal}
.sh-address p{margin:8px 0}

/* --- سوالات متداول (کلاس‌های پلاگین اسکیما) --- */
.saya-faq-box .saya-faq-item{background:#f8f9fa;border-radius:12px;padding:14px 16px;margin-bottom:12px}
.saya-faq-box .saya-faq-item h3{margin:0 0 8px;font-size:clamp(15px,3.5vw,17px);color:#14213d}
.saya-faq-box .saya-faq-item p{margin:0;color:#444}

/* --- دسترس‌پذیری --- */
.saya-home a:focus-visible{outline:3px solid #ff9800;outline-offset:2px;border-radius:6px}

/* --- موبایل --- */
@media (max-width:576px){
  .sh-grid{grid-template-columns:1fr}
  .sh-hero{padding:20px 12px}
  .sh-card-icon{width:48px;height:48px;font-size:22px}
}