.elementor-375 .elementor-element.elementor-element-67ac9a4d{margin-top:35px;margin-bottom:35px;}.elementor-375 .elementor-element.elementor-element-7a9b3bfc .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-375 .elementor-element.elementor-element-7a9b3bfc .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-375 .elementor-element.elementor-element-7a9b3bfc{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(max-width:1024px) and (min-width:768px){.elementor-375 .elementor-element.elementor-element-7bf0f325{width:100%;}}@media(max-width:767px){.elementor-375 .elementor-element.elementor-element-67ac9a4d{padding:10px 10px 10px 10px;}.elementor-375 .elementor-element.elementor-element-6a462c2f{width:70%;}.elementor-375 .elementor-element.elementor-element-73b6e98{width:30%;}.elementor-375 .elementor-element.elementor-element-6be03d57 img{border-radius:15px 15px 15px 15px;}}/* Start custom CSS for html, class: .elementor-element-50355a3e */body{
  margin:0;
  font-family:'Vazirmatn',sans-serif;
  background:#f8f7ff;
  color:#1a1a1a;
}

/* HERO */
.hero-v8{
  padding:15px 20px 5px;
}

.hero-inner-v8{
  max-width:1100px;
  margin:auto;
}

.hero-v8 h1{
  font-size:74px;
  color:#6b2cff;
  margin:5px 0;
  font-weight:900;
}

.hero-v8 h2{
  font-size:26px;
  margin:5px 0;
  font-weight:600;
}

.hero-img-v8{
  width:100%;
  max-width:540px;
  border-radius:26px;
  margin-top:10px;
  box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.badge-v8{
  display:inline-block;
  padding:6px 12px;
  background:#fff;
  border-radius:20px;
  box-shadow:0 5px 15px rgba(0,0,0,.08);
  font-size:13px;
}

.btn-v8{
  display:inline-block;
  margin-top:10px;
  padding:12px 24px;
  background:linear-gradient(135deg,#6b2cff,#9b6bff);
  color:#fff;
  border-radius:30px;
  text-decoration:none;
  font-weight:700;
  transition:.3s;
}

.btn-v8:hover{
  transform:scale(1.05);
}

/* SERVICES GRID */
.services-v8{
  max-width:1100px;
  margin:20px auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  padding:0 15px;
}

/* CARD */
.card-v8{
  background:#fff;
  border-radius:18px;
  padding:14px;
  box-shadow:0 8px 25px rgba(0,0,0,.06);
  cursor:pointer;
  transition:.3s;
}

.card-v8:hover{
  transform:translateY(-6px);
}

/* TEXT */
.card-v8 small{
  display:block;
  color:#666;
  font-size:12px;
  margin-top:6px;
}

/* THUMB GALLERY INSIDE CARD */
.thumbs{
  display:flex;
  gap:5px;
  margin-top:10px;
}

.thumbs img{
  width:32%;
  height:55px;
  object-fit:cover;
  border-radius:10px;
}

/* INSURANCE */
.insurance{
  cursor:default;
  opacity:.9;
}

/* MODAL */
.modal-v8{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.7);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
}

.modal-box-v8{
  width:92%;
  max-width:800px;
  background:#fff;
  border-radius:18px;
  padding:15px;
}

/* SLIDER */
.slider-v8{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

.slider-v8 img{
  width:100%;
  max-height:60vh;
  object-fit:cover;
  border-radius:18px;
}

/* dots */
.dots-v8{
  text-align:center;
  margin-top:8px;
}

.dots-v8 span{
  width:7px;
  height:7px;
  background:#ccc;
  display:inline-block;
  margin:3px;
  border-radius:50%;
}

.dots-v8 .active{
  background:#6b2cff;
}

/* MOBILE */
@media(max-width:768px){
  .services-v8{
    grid-template-columns:1fr;
  }

  .hero-v8 h1{
    font-size:52px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-210394c *//* جلوگیری از خرابکاری المنتور */
.kaarin-zone,
.kaarin-zone *{
    box-sizing:border-box;
}

/* کارت */
.kaarin-card{
    background:#fff;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* 🔥 مهم‌ترین بخش (FIX عکس) */
.kaarin-img{
    width:100%;
    line-height:0;
}

.kaarin-img img{
    width:100% !important;
    height:auto !important;
    display:block !important;
    object-fit:cover;
}

/* بدنه */
.kaarin-body{
    padding:20px;
}

.kaarin-badge{
    display:inline-block;
    background:#f3eeff;
    color:#6b46ff;
    padding:6px 12px;
    border-radius:20px;
    font-weight:800;
    font-size:13px;
    margin-bottom:10px;
}

.kaarin-body h3{
    margin:10px 0;
    font-size:22px;
    font-weight:900;
}

.kaarin-body p{
    color:#666;
    line-height:2;
    font-size:14px;
}

/* دکمه تماس */
.kaarin-call{
    display:block;
    text-align:center;
    padding:14px;
    margin:15px 0;
    border-radius:14px;
    font-weight:800;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#6b46ff,#8c72ff);
}

/* کشو */
.kaarin-details summary{
    cursor:pointer;
    list-style:none;
    padding:14px;
    text-align:center;
    background:#f7f5ff;
    border-radius:14px;
    font-weight:800;
    color:#6b46ff;
}

.kaarin-details summary::-webkit-details-marker{
    display:none;
}

/* تگ‌ها */
.kaarin-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.kaarin-tags a{
    background:linear-gradient(135deg,#6b46ff,#8c72ff);
    color:#fff;
    padding:10px 12px;
    border-radius:10px;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    display:inline-block;
}

/* موبایل */
@media(max-width:768px){

    .kaarin-tags a{
        flex:1 1 calc(50% - 6px);
        text-align:center;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1054161e *//* جلوگیری از بهم‌ریختگی المنتور */
.kaarin-zone,
.kaarin-zone *{
    box-sizing:border-box;
}

/* کارت اصلی */
.kaarin-card{
    background:#fff;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* تصویر (کاملاً FIX) */
.kaarin-img{
    width:100%;
    line-height:0;
    overflow:hidden;
    border-top-left-radius:26px;
    border-top-right-radius:26px;
}

.kaarin-img img{
    width:100% !important;
    height:auto !important;
    max-height:280px;
    object-fit:cover;
    object-position:center;
    display:block !important;
    transition: transform .5s ease;
}

.kaarin-card:hover .kaarin-img img{
    transform:scale(1.05);
}

/* محتوا */
.kaarin-body{
    padding:22px;
}

.kaarin-badge{
    display:inline-block;
    background:#f3eeff;
    color:#6b46ff;
    padding:6px 12px;
    border-radius:20px;
    font-weight:800;
    font-size:13px;
    margin-bottom:10px;
}

.kaarin-body h2{
    font-size:22px;
    font-weight:900;
    margin:10px 0;
}

.kaarin-body p{
    color:#666;
    line-height:2;
    font-size:14px;
}

/* دکمه تماس */
.kaarin-call{
    display:block;
    text-align:center;
    padding:14px;
    margin:15px 0;
    border-radius:14px;
    font-weight:800;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#6b46ff,#8c72ff);
}

/* کشوی مناطق */
.kaarin-details summary{
    cursor:pointer;
    list-style:none;
    padding:14px;
    text-align:center;
    background:#f7f5ff;
    border-radius:14px;
    font-weight:800;
    color:#6b46ff;
}

.kaarin-details summary::-webkit-details-marker{
    display:none;
}

/* لیست مناطق */
.kaarin-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.kaarin-tags a{
    text-decoration:none;
    background:linear-gradient(135deg,#6b46ff,#8c72ff);
    color:#fff;
    padding:10px 12px;
    border-radius:10px;
    font-size:12px;
    font-weight:700;
    display:inline-block;
}

/* موبایل */
@media (max-width:768px){
    .kaarin-img img{
        max-height:220px !important;
    }

    .kaarin-tags a{
        flex:1 1 calc(50% - 6px);
        text-align:center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-650f6c32 */<section class="kaarin-zone">

    <div class="kaarin-card">

        <div class="kaarin-img">
            <img src="https://kaarinbar.com/wp-content/uploads/2026/06/gharb-2.jpg" alt="غرب تهران">
        </div>

        <div class="kaarin-body">

            <span class="kaarin-badge">🚛 غرب تهران</span>

            <h2>اسباب‌کشی در مناطق غرب تهران</h2>

            <p>از صادقیه تا چیتگر، در تمام مناطق غرب تهران همراه شما هستیم.</p>

            <a class="kaarin-call" href="tel:02144159322">📞 تماس غرب تهران</a>

            <details class="kaarin-details">
                <summary>📍 مشاهده همه مناطق غرب تهران</summary>

                <div class="kaarin-tags">
                    <a href="tel:02144159322">صادقیه</a>
                    <a href="tel:02144159322">پونک</a>
                    <a href="tel:02144159322">جنت‌آباد</a>
                    <a href="tel:02144159322">ستارخان</a>
                    <a href="tel:02144159322">گیشا</a>
                    <a href="tel:02144159322">مرزداران</a>
                    <a href="tel:02144159322">طرشت</a>
                    <a href="tel:02144159322">چیتگر</a>
                    <a href="tel:02144159322">شهرک غرب</a>
                    <a href="tel:02144159322">اکباتان</a>
                    <a href="tel:02144159322">آزادی</a>
                    <a href="tel:02144159322">فردوس</a>
                    <a href="tel:02144159322">تهران‌ویلا</a>
                    <a href="tel:02144159322">دهکده المپیک</a>
                    <a href="tel:02144159322">شهران</a>
                    <a href="tel:02144159322">کن</a>
                    <a href="tel:02144159322">وردآورد</a>
                    <a href="tel:02144159322">سازمان برنامه</a>
                    <a href="tel:02144159322">بهاران</a>
                    <a href="tel:02144159322">کوهسار</a>
                    <a href="tel:02144159322">شهرزیبا</a>
                </div>

            </details>

        </div>

    </div>

</section>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39e31b8e */.kaarin-zone,
.kaarin-zone *{
    box-sizing:border-box;
}

.kaarin-card{
    background:#fff;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    margin-bottom:30px;
}

.kaarin-img{
    width:100%;
    line-height:0;
    overflow:hidden;
    border-top-left-radius:26px;
    border-top-right-radius:26px;
}

.kaarin-img img{
    width:100% !important;
    height:auto !important;
    max-height:280px;
    object-fit:cover;
    object-position:center;
    display:block !important;
    transition:transform .5s ease;
}

.kaarin-card:hover .kaarin-img img{
    transform:scale(1.05);
}

.kaarin-body{
    padding:22px;
}

.kaarin-badge{
    display:inline-block;
    background:#f3eeff;
    color:#6b46ff;
    padding:6px 12px;
    border-radius:20px;
    font-weight:800;
    font-size:13px;
    margin-bottom:10px;
}

.kaarin-body h2{
    font-size:22px;
    font-weight:900;
    margin:10px 0;
}

.kaarin-body p{
    color:#666;
    line-height:2;
    font-size:14px;
}

.kaarin-call{
    display:block;
    text-align:center;
    padding:14px;
    margin:15px 0;
    border-radius:14px;
    font-weight:800;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#6b46ff,#8c72ff);
}

.kaarin-details summary{
    cursor:pointer;
    list-style:none;
    padding:14px;
    text-align:center;
    background:#f7f5ff;
    border-radius:14px;
    font-weight:800;
    color:#6b46ff;
}

.kaarin-details summary::-webkit-details-marker{
    display:none;
}

.kaarin-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.kaarin-tags a{
    text-decoration:none;
    background:linear-gradient(135deg,#6b46ff,#8c72ff);
    color:#fff;
    padding:10px 12px;
    border-radius:10px;
    font-size:12px;
    font-weight:700;
    display:inline-block;
}

@media(max-width:768px){
    .kaarin-img img{
        max-height:220px !important;
    }

    .kaarin-tags a{
        flex:1 1 calc(50% - 6px);
        text-align:center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c9c3465 *//* لوگو بزرگ‌تر */
.mobile-logo img{
    width: 130px !important; /* حدود 30٪ بزرگ‌تر */
    height: auto;
}

/* جابجایی تماس و منو */
.mobile-header-custom{
    flex-direction: row-reverse;
}

/* تماس سمت راست */
.mobile-call-btn{
    order: 3;
}

/* منو سمت چپ */
.mobile-menu-toggle{
    order: 1;
    margin-left: 5px;
}

/* لوگو وسط */
.mobile-logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}/* غیرفعال کردن باز شدن منوی همبرگری */
.mobile-menu-toggle{
    pointer-events: none !important;
    opacity: 0.5; /* اختیاری برای حالت غیرفعال */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-354c651 */.services-section{
    padding:60px 20px;
    max-width:1200px;
    margin:0 auto;
}

.section-header{
    text-align:center;
    margin-bottom:40px;
}

.section-badge{
    display:inline-block;
    background:#f3eeff;
    color:#6b46ff;
    font-weight:800;
    padding:6px 12px;
    border-radius:20px;
    margin-bottom:10px;
}

.section-header h2{
    font-size:28px;
    font-weight:900;
    margin-bottom:12px;
}

.section-header p{
    font-size:16px;
    color:#666;
    line-height:1.8;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.service-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s ease;
}

.service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 60px rgba(107,70,255,.18);
}

.service-image{
    position:relative;
    width:100%;
    line-height:0;
}

.service-image img{
    width:100%;
    display:block;
    border-top-left-radius:28px;
    border-top-right-radius:28px;
    object-fit:cover;
    transition:transform .4s ease;
}

.service-image:hover img{
    transform:scale(1.05);
}

.service-icon{
    font-size:28px;
    margin-bottom:12px;
}

.service-content{
    padding:22px;
}

.service-content h3{
    font-size:20px;
    font-weight:900;
    margin-bottom:12px;
}

.service-content p{
    font-size:14px;
    color:#666;
    line-height:1.8;
    margin-bottom:12px;
}

.service-content ul{
    padding-left:18px;
    color:#666;
    font-size:14px;
}

.vip-badge{
    position:absolute;
    top:12px;
    left:12px;
    background:gold;
    color:#000;
    font-weight:800;
    padding:6px 12px;
    border-radius:20px;
}

.pack-trigger{
    position:relative;
    cursor:pointer;
}

.pack-hint{
    position:absolute;
    bottom:10px;
    left:10px;
    background:rgba(0,0,0,0.6);
    color:#fff;
    padding:6px 10px;
    font-size:12px;
    border-radius:10px;
}

/* گالری تصاویر بسته‌بندی */
.pack-gallery{
    display:none;
    flex-wrap:wrap;
    gap:10px;
    padding:12px;
    background:#f8f8ff;
}

.pack-gallery img{
    width:48%;
    border-radius:12px;
    object-fit:cover;
}

/* وقتی چک باکس فعال شد */
#pack-toggle:checked ~ .pack-gallery{
    display:flex;
}

/* موبایل */
@media(max-width:1024px){
    .services-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:768px){
    .services-grid{
        grid-template-columns:1fr;
    }
    .pack-gallery img{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f27be47 */.kaarin-widget-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    direction: rtl;
    font-family: Tahoma, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* اعلان متنی با نقطه وضعیت */
.kaarin-notify {
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 13px;
    margin-bottom: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #eee;
}

.status-dot {
    width: 10px;
    height: 10px;
    background: #10b981; /* سبز */
    border-radius: 50%;
    position: relative;
    box-shadow: 0 0 0 rgba(16, 185, 129, 0.4);
    animation: pulse-green 2s infinite;
}

.status-dot::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50%;
    background: #3b82f6; /* آبی */
    animation: pulse-blue 2s infinite 1s;
}

/* تنظیمات موبایل */
@media (max-width: 768px) {
    .kaarin-widget-wrapper { bottom: 80px; } /* ارتفاع بالاتر برای موبایل */
}

/* ... سایر استایل‌های منو و دکمه همانند قبل ... */
.kaarin-menu { display: none; background: #fff; width: 260px; border-radius: 20px; padding: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); margin-bottom: 15px; border: 2px solid #6d28d9; }
.kaarin-menu.active { display: block; animation: slideUp 0.3s ease; }
.menu-header { font-weight: bold; margin-bottom: 10px; text-align: center; color: #333; }
.menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.branch-btn { background: #f3f4f6; padding: 10px 5px; border-radius: 8px; text-align: center; text-decoration: none; color: #4b5563; font-size: 13px; transition: 0.3s; }
.branch-btn:hover { background: #6d28d9; color: white; }
.kaarin-main-btn { background: #6d28d9; color: white; border: none; padding: 12px 25px; border-radius: 50px; cursor: pointer; box-shadow: 0 5px 15px rgba(109, 40, 217, 0.3); font-weight: bold; }

@keyframes pulse-green { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } }
@keyframes pulse-blue { 0% { transform: scale(0.95); opacity: 1; } 70% { transform: scale(1.5); opacity: 0; } 100% { transform: scale(0.95); opacity: 0; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }/* End custom CSS */