
/* ردیف تصاویر مزایای فروشگاه */
.about-features {
    display: flex;
    gap: 16px;
    width: 100%;
    height: 360px;
    direction: rtl;
}

.jet-image-accordion .jet-image-accordion__list { display: flex; gap: 0; height: 320px; }
.jet-image-accordion .jet-image-accordion__item { position: relative; flex: 1; min-width: 0; height: calc(100% - 15px); overflow: hidden; border-radius: 12px !important; opacity: 1; visibility: visible; transition: flex .7s ease; }
.jet-image-accordion .jet-image-accordion__image-instance { width: 100%; height: 100%; object-fit: cover; opacity: 1; border-radius: inherit; }
.jet-image-accordion .jet-image-accordion__content { opacity: 0; visibility: hidden; }
.jet-image-accordion .jet-image-accordion__item-loader { display: none; }
.jet-image-accordion .jet-image-accordion__item.is-active { flex: 2.35; }
.jet-image-accordion .jet-image-accordion__item.is-active .jet-image-accordion__content { opacity: 1; visibility: visible; }
.jet-listing-grid__slider { display: block; overflow: hidden; }
.jet-listing-grid__slider > .jet-listing-grid__items { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.jet-listing-grid__slider > .jet-listing-grid__items::-webkit-scrollbar { display: none; }
.jet-listing-grid__slider .jet-listing-grid__item { display: block !important; flex: 0 0 50%; min-width: 0; max-width: none; scroll-snap-align: start; }
.jet-listing-grid__slider .jet-listing-grid--2333 > .jet-listing-grid__item { flex-basis: 25%; }
.elementor-location-popup { display: none; }
.elementor-location-popup.is-open { display: block; position: fixed; inset: 95px 15px auto auto; width: min(320px, calc(100vw - 30px)); max-height: calc(100vh - 110px); overflow-y: auto; z-index: 1000; background: white; border-radius: 15px; box-shadow: 0 8px 30px #0003; }
.elementor-location-popup.is-open .elementor-nav-menu--dropdown { display: block !important; max-height: none !important; visibility: visible !important; }
@font-face { font-family: eicons; src: url('/static/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
.elementor-star-rating, .elementor-star-rating i { font-family: eicons !important; }
.elementor-nav-menu--dropdown.is-open { display: block !important; max-height: none !important; visibility: visible !important; }
@media (max-width: 767px) {
  .jet-image-accordion .jet-image-accordion__list { flex-direction: row; height: 210px; }
  .jet-image-accordion .jet-image-accordion__item { flex: 1; height: calc(100% - 15px); }
  .jet-listing-grid__slider .jet-listing-grid__item,
  .jet-listing-grid__slider .jet-listing-grid--2333 > .jet-listing-grid__item { flex-basis: 100%; }
  .elementor-nav-menu--dropdown:not(.is-open) { display: none; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .jet-listing-grid__slider .jet-listing-grid--2333 > .jet-listing-grid__item { flex-basis: 50%; }
}

/* کارت‌ها در حالت عادی هم‌اندازه‌اند */
.about-feature {
    position: relative;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    border-radius: 18px;
    isolation: isolate;
    transition: flex 0.55s cubic-bezier(.22, 1, .36, 1);
}

/* تصویر داخل کارت */
.about-feature img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.55s ease;
}

/* بزرگ شدن کارت مورد اشاره */
.about-feature:hover,
.about-feature:focus-within {
    flex: 3;
}

/* بزرگ‌نمایی ملایم خود تصویر */
.about-feature:hover img,
.about-feature:focus-within img {
    transform: scale(1.06);
}

/* لایه تیره برای خوانایی نوشته */
.about-feature::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.78),
        transparent 70%
    );
    pointer-events: none;
}

/* عنوان و توضیحات */
.about-feature__content {
    position: absolute;
    z-index: 1;
    right: 20px;
    left: 20px;
    bottom: 22px;
    color: #fff;
}

.about-feature__content h3 {
    margin: 0 0 10px;
    font-size: 21px;
    font-weight: 700;
}

.about-feature__content p {
    margin: 0;
    line-height: 1.9;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.4s ease;
}

.about-feature:hover .about-feature__content p,
.about-feature:focus-within .about-feature__content p {
    opacity: 1;
    max-height: 100px;
}

/* تبلت و موبایل */
@media (max-width: 768px) {
    .about-features {
        height: auto;
        flex-direction: column;
    }

    .about-feature,
    .about-feature:hover,
    .about-feature:focus-within {
        flex: none;
        height: 250px;
    }

    .about-feature__content p {
        opacity: 1;
        max-height: 100px;
    }
}

/* احترام به تنظیم کاهش حرکت سیستم‌عامل */
@media (prefers-reduced-motion: reduce) {
    .about-feature,
    .about-feature img,
    .about-feature__content p {
        transition: none;
    }
}
