/* ==============================
           تنظیمات عمومی صفحه اصلی
           ============================== */
/* =========================================
   فونت وزیرمتن - لوتوس گالری
========================================= */

@font-face {
    font-family: 'Vazirmatn';
    src: url('/font/vazirmatn/Vazirmatn%5Bwght%5D.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


.rg-home {
    --rg-pink: #ebacb6;
    --rg-pink-light: #f9e8eb;
    --rg-pink-soft: #fff5f6;
    --rg-ink: #333038;
    --rg-muted: #77717a;
    --rg-border: #f0e3e6;
    direction: rtl;
    color: var(--rg-ink);
    background: #fffafa;
    padding: 22px 0 40px;
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

    /* اعمال فونت وزیرمتن به تمام اجزای صفحه اصلی */
    .rg-home,
    .rg-home *,
    .rg-home button,
    .rg-home input,
    .rg-home textarea,
    .rg-home select {
        font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    }

    .rg-home * {
        box-sizing: border-box;
    }

    .rg-home .rg-container {
        width: min(1440px, calc(100% - 32px));
        margin: 0 auto;
    }

    .rg-home .rg-section {
        margin-bottom: 26px;
    }

    .rg-home a {
        color: inherit;
        text-decoration: none;
    }

        .rg-home a:hover {
            text-decoration: none;
        }

    /* ==============================
           اسلایدر اصلی
           ============================== */

    .rg-home .rg-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(230px, .9fr);
        gap: 16px;
        align-items: stretch;
    }

    .rg-home .rg-slider,
    .rg-home .rg-ad-card,
    .rg-home .rg-product-section,
    .rg-home .rg-promo {
        background: #fff;
        border: 1px solid var(--rg-border);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 5px 22px rgba(104, 51, 64, .055);
    }

    .rg-home .rg-slider {
        position: relative;
        min-width: 0;
    }

        .rg-home .rg-slider .carousel,
        .rg-home .rg-slider .carousel-inner,
        .rg-home .rg-slider .carousel-item {
            height: 100%;
        }

            .rg-home .rg-slider .carousel-item a {
                display: block;
                height: 100%;
            }

    .rg-home .rg-slider-image {
        display: block;
        width: 100%;
        height: 410px;
        object-fit: cover;
        background: var(--rg-pink-light);
    }

    .rg-home .carousel-indicators {
        margin-bottom: 12px;
        z-index: 3;
    }

        .rg-home .carousel-indicators li {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 0;
            background: #fff;
            opacity: .65;
            margin: 0 4px;
        }

            .rg-home .carousel-indicators li.active {
                width: 22px;
                border-radius: 8px;
                opacity: 1;
                background: var(--rg-pink);
            }

    /* =========================================
   دکمه‌های اسلایدر اصلی لوتوس گالری
========================================= */

    .rg-home #carouselExampleIndicators {
        position: relative;
        overflow: hidden;
    }

        /* تنظیم جایگاه و ظاهر هر دو دکمه */
        .rg-home #carouselExampleIndicators .carousel-control-prev,
        .rg-home #carouselExampleIndicators .carousel-control-next {
            position: absolute !important;
            top: 50% !important;
            bottom: auto !important;
            width: 44px !important;
            height: 44px !important;
            margin: 0 !important;
            padding: 0 !important;
            transform: translateY(-50%) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            border: 1px solid rgba(201, 117, 135, 0.25) !important;
            border-radius: 50% !important;
            background: rgba(255, 255, 255, 0.95) !important;
            opacity: 1 !important;
            z-index: 10 !important;
            color: #9e5264 !important;
            text-decoration: none !important;
            transition: background 0.2s ease, box-shadow 0.2s ease;
        }

        /* دکمه قبلی: سمت چپ تصویر */
        .rg-home #carouselExampleIndicators .carousel-control-prev {
            left: 14px !important;
            right: auto !important;
        }

        /* دکمه بعدی: سمت راست تصویر */
        .rg-home #carouselExampleIndicators .carousel-control-next {
            right: 14px !important;
            left: auto !important;
        }

            /* ظاهر آیکون فلش‌ها */
            .rg-home #carouselExampleIndicators .carousel-control-prev .fa,
            .rg-home #carouselExampleIndicators .carousel-control-next .fa {
                display: inline-block !important;
                font-family: FontAwesome !important;
                font-size: 25px !important;
                line-height: 1 !important;
                color: #9e5264 !important;
                opacity: 1 !important;
            }

            /* افکت هنگام قرار گرفتن ماوس */
            .rg-home #carouselExampleIndicators .carousel-control-prev:hover,
            .rg-home #carouselExampleIndicators .carousel-control-next:hover {
                background: #f9e8eb !important;
                box-shadow: 0 3px 12px rgba(158, 82, 100, 0.2);
            }

/* اندازه دکمه‌ها در موبایل */
@media (max-width: 575.98px) {
    .rg-home #carouselExampleIndicators .carousel-control-prev,
    .rg-home #carouselExampleIndicators .carousel-control-next {
        width: 36px !important;
        height: 36px !important;
    }

    .rg-home #carouselExampleIndicators .carousel-control-prev {
        left: 8px !important;
    }

    .rg-home #carouselExampleIndicators .carousel-control-next {
        right: 8px !important;
    }

        .rg-home #carouselExampleIndicators .carousel-control-prev .fa,
        .rg-home #carouselExampleIndicators .carousel-control-next .fa {
            font-size: 21px !important;
        }
}

        .rg-home .carousel-control-prev span,
        .rg-home .carousel-control-next span {
            color: #5e3d45;
            font-size: 22px;
        }

    /* ==============================
           بنرهای کناری
           ============================== */

    .rg-home .rg-side-ads {
        display: grid;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rg-home .rg-ad-card {
        display: block;
        min-width: 0;
    }

        .rg-home .rg-ad-card img {
            display: block;
            width: 100%;
            height: 100%;
            min-height: 150px;
            object-fit: cover;
            transition: transform .35s ease;
        }

        .rg-home .rg-ad-card:hover img {
            transform: scale(1.035);
        }

    .rg-home .rg-side-ads .rg-ad-card {
        min-height: 190px;
    }

    .rg-home .rg-small-ad-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
        margin-top: 16px;
    }

        .rg-home .rg-small-ad-grid .rg-ad-card {
            height: 170px;
        }

    .rg-home .rg-promo {
        display: block;
        margin-bottom: 18px;
    }

        .rg-home .rg-promo img {
            display: block;
            width: 100%;
            height: auto;
            max-height: 260px;
            object-fit: cover;
            background: var(--rg-pink-light);
        }

    .rg-home .rg-ad-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
    }

        .rg-home .rg-ad-grid .rg-ad-card {
            height: 190px;
        }

    /* ==============================
           کارت‌های عمومی محصولات
           ============================== */

    .rg-home .rg-product-section {
        padding: 18px;
    }

    .rg-home .rg-section-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 16px;
        padding-bottom: 13px;
        border-bottom: 1px solid var(--rg-border);
    }

        .rg-home .rg-section-heading h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 800;
            color: var(--rg-ink);
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .rg-home .rg-section-heading h2:before {
                content: "";
                width: 5px;
                height: 25px;
                display: inline-block;
                background: var(--rg-pink);
                border-radius: 5px;
            }

    .rg-home .rg-section-note {
        color: var(--rg-muted);
        font-size: 12px;
    }

    .rg-home .rg-product-list {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
    }

    .rg-home .rg-product-card {
        min-width: 0;
        display: flex;
        flex-direction: column;
        padding: 12px;
        border: 1px solid #f2e9eb;
        border-radius: 15px;
        background: #fff;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

        .rg-home .rg-product-card:hover {
            transform: translateY(-3px);
            border-color: #e9c1c9;
            box-shadow: 0 9px 24px rgba(104, 51, 64, .09);
        }

    .rg-home .rg-product-image {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 190px;
        margin-bottom: 12px;
        border-radius: 11px;
        background: linear-gradient(145deg, #fff8f9, #fff);
        overflow: hidden;
        padding: 8px;
    }

        .rg-home .rg-product-image img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            transition: transform .25s ease;
        }

    .rg-home .rg-product-card:hover .rg-product-image img {
        transform: scale(1.04);
    }

    .rg-home .rg-product-title {
        font-size: 14px;
        line-height: 1.9;
        font-weight: 600;
        color: #39333a;
        margin: 0 0 10px;
        min-height: 52px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .rg-home .rg-product-price {
        margin-top: auto;
        padding-top: 10px;
        border-top: 1px solid #f5edef;
    }

        .rg-home .rg-product-price span {
            color: #9f5362;
            font-weight: 800;
            font-size: 15px;
        }

        .rg-home .rg-product-price small {
            font-size: 11px;
            font-weight: 500;
            margin-right: 4px;
        }

    .rg-home .rg-empty {
        padding: 24px;
        text-align: center;
        color: var(--rg-muted);
    }

    /* ==============================
           بخش محصولات موبایل
           اسلایدر خودکار و پیوسته
           ============================== */

    .rg-home .slider-widget-products {
        width: 100%;
        max-width: 100%;
        margin-bottom: 24px;
    }

        .rg-home .slider-widget-products .widget-product {
            width: 100%;
            background: #fff;
            border: 1px solid #f0dce4;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 18px rgba(180, 110, 130, .07);
        }

        .rg-home .slider-widget-products .card-header {
            display: flex;
            align-items: center;
            background: #fff0f5;
            border-bottom: 1px solid #f0dce4;
            padding: 14px;
        }

        .rg-home .slider-widget-products .title-one {
            color: #c45c83 !important;
            font-size: 18px;
            font-weight: 800;
        }

        /* کادر نمایش محصولات */
        .rg-home .slider-widget-products .product-carousel {
            display: block;
            width: 100%;
            max-width: 100%;
            overflow: hidden;
            position: relative;
            direction: ltr;
            padding: 12px;
        }

        /* ردیف محصولات متحرک */
        .rg-home .slider-widget-products .products-track {
            display: flex;
            flex-flow: row nowrap;
            align-items: stretch;
            direction: ltr;
            width: max-content;
            min-width: 0;
            gap: 0;
            animation: avoraProductsAutoScroll 25s linear infinite;
            will-change: transform;
        }

        /* کارت محصول */
        .rg-home .slider-widget-products .product-slide {
            display: block;
            flex: 0 0 220px;
            width: 220px;
            min-width: 0;
            margin-right: 12px;
            box-sizing: border-box;
        }

            .rg-home .slider-widget-products .product-slide .item {
                display: flex;
                flex-direction: column;
                direction: rtl;
                height: 100%;
                padding: 12px;
                background: #fff;
                border: 1px solid #f1dfe7;
                border-radius: 14px;
                transition: box-shadow .2s ease;
            }

                .rg-home .slider-widget-products .product-slide .item:hover {
                    box-shadow: 0 5px 15px rgba(180, 110, 130, .12);
                }

        /* تصویر محصول */
        .rg-home .slider-widget-products .product-img-box {
            height: 175px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 10px;
            background: #fff6f9;
            margin-bottom: 10px;
            padding: 5px;
        }

            .rg-home .slider-widget-products .product-img-box a {
                display: flex;
                width: 100%;
                height: 100%;
                align-items: center;
                justify-content: center;
            }

            .rg-home .slider-widget-products .product-img-box img {
                display: block;
                max-width: 100%;
                max-height: 100%;
                width: auto;
                height: auto;
                object-fit: contain;
            }

        /* عنوان محصول */
        .rg-home .slider-widget-products .post-title {
            min-height: 48px;
            margin: 0 0 8px;
            font-size: 13px;
            line-height: 1.9;
            font-weight: 600;
        }

            .rg-home .slider-widget-products .post-title a,
            .rg-home .slider-widget-products .post-title a:visited {
                color: #493640 !important;
                text-decoration: none !important;
            }

                .rg-home .slider-widget-products .post-title a:hover {
                    color: #c45c83 !important;
                }

        /* قیمت محصول */
        .rg-home .slider-widget-products .price {
            margin-top: auto;
            padding-top: 10px;
            border-top: 1px solid #f5e5ec;
            color: #c45c83 !important;
            font-weight: 800;
        }

            .rg-home .slider-widget-products .price ins {
                text-decoration: none !important;
            }

                .rg-home .slider-widget-products .price ins,
                .rg-home .slider-widget-products .price ins span {
                    color: #c45c83 !important;
                }

/* انیمیشن حرکت پیوسته */
@keyframes avoraProductsAutoScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* توقف هنگام قرار گرفتن ماوس */
.rg-home .slider-widget-products .product-carousel:hover .products-track {
    animation-play-state: paused;
}

/* ==============================
           تبلت
           ============================== */

@media (min-width: 576px) and (max-width: 991.98px) {
    .rg-home .rg-container {
        width: min(100% - 24px, 760px);
    }

    .rg-home .rg-hero-grid {
        grid-template-columns: minmax(0, 1.5fr) minmax(190px, .8fr);
        gap: 12px;
    }

    .rg-home .rg-slider-image {
        height: 330px;
    }

    .rg-home .rg-side-ads {
        gap: 12px;
    }

        .rg-home .rg-side-ads .rg-ad-card {
            min-height: 155px;
        }

    .rg-home .rg-small-ad-grid {
        gap: 12px;
    }

        .rg-home .rg-small-ad-grid .rg-ad-card {
            height: 140px;
        }

    .rg-home .rg-ad-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rg-home .rg-product-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rg-home .rg-product-image {
        height: 175px;
    }

    .rg-home .slider-widget-products .product-slide {
        flex-basis: 190px;
        width: 190px;
    }

    .rg-home .slider-widget-products .product-img-box {
        height: 155px;
    }
}

/* ==============================
           موبایل
           ============================== */

@media (max-width: 575.98px) {
    .rg-home {
        padding-top: 12px;
    }

        .rg-home .rg-container {
            width: calc(100% - 20px);
        }

        .rg-home .rg-section {
            margin-bottom: 17px;
        }

        .rg-home .rg-hero-grid {
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .rg-home .rg-slider-image {
            height: 225px;
        }

        .rg-home .rg-side-ads {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-rows: auto;
            gap: 10px;
        }

            .rg-home .rg-side-ads .rg-ad-card {
                min-height: 115px;
                height: 125px;
            }

        .rg-home .rg-small-ad-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin-top: 10px;
        }

            .rg-home .rg-small-ad-grid .rg-ad-card {
                height: 115px;
            }

        .rg-home .rg-ad-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

            .rg-home .rg-ad-grid .rg-ad-card {
                height: 130px;
            }

        .rg-home .rg-product-section {
            padding: 12px;
            border-radius: 14px;
        }

        .rg-home .rg-section-heading {
            align-items: flex-start;
            margin-bottom: 12px;
        }

            .rg-home .rg-section-heading h2 {
                font-size: 17px;
            }

        .rg-home .rg-section-note {
            display: none;
        }

        .rg-home .rg-product-list {
            display: flex;
            gap: 10px;
            overflow-x: auto;
            padding: 2px 1px 12px;
            scroll-snap-type: x mandatory;
        }

        .rg-home .rg-product-card {
            flex: 0 0 155px;
            scroll-snap-align: start;
            padding: 9px;
        }

        .rg-home .rg-product-image {
            height: 145px;
            padding: 5px;
        }

        .rg-home .rg-product-title {
            font-size: 12px;
            min-height: 45px;
        }

        .rg-home .rg-product-price span {
            font-size: 13px;
        }

        .rg-home .rg-promo img {
            min-height: 90px;
            object-fit: cover;
        }
        /* اسلایدر محصولات در موبایل */
        .rg-home .slider-widget-products .card-header {
            padding: 12px;
        }

        .rg-home .slider-widget-products .title-one {
            font-size: 16px;
        }

        .rg-home .slider-widget-products .product-carousel {
            padding: 10px;
            touch-action: pan-y;
        }

        .rg-home .slider-widget-products .product-slide {
            flex-basis: 155px;
            width: 155px;
            margin-right: 10px;
        }

            .rg-home .slider-widget-products .product-slide .item {
                padding: 9px;
            }

        .rg-home .slider-widget-products .product-img-box {
            height: 130px;
        }

        .rg-home .slider-widget-products .post-title {
            min-height: 44px;
            font-size: 12px;
        }

        .rg-home .slider-widget-products .price {
            font-size: 12px;
        }

        .rg-home .slider-widget-products .products-track {
            animation-duration: 20s;
        }
}

/* تنظیمات کاهش حرکت */
@media (prefers-reduced-motion: reduce) {
    .rg-home .slider-widget-products .products-track {
        animation: none;
    }
}
/* قاب ثابت اسلایدر */
.rg-home #carouselExampleIndicators {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 18px;
    background: #fff;
}

    /* اندازه ثابت اسلایدها */
    .rg-home #carouselExampleIndicators .carousel-inner,
    .rg-home #carouselExampleIndicators .carousel-item {
        width: 100%;
        height: 100%;
    }

        /* لینک عکس */
        .rg-home #carouselExampleIndicators .carousel-item a {
            display: block;
            width: 100%;
            height: 100%;
        }

        /* کشیده شدن عکس در تمام قاب */
        .rg-home #carouselExampleIndicators .carousel-item img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: fill;
            object-position: center;
        }

/* موبایل */
@media (max-width: 575.98px) {
    .rg-home #carouselExampleIndicators {
        height: 230px;
        border-radius: 12px;
    }
}

/* تبلت */
@media (min-width: 576px) and (max-width: 991.98px) {
    .rg-home #carouselExampleIndicators {
        height: 330px;
    }
}