/*
فایل سفارشی نهایی - بر اساس ساختار استاندارد Bootstrap
نسخه نهایی شامل تمام اصلاحات
*/
/* --- 0. تعریف فونت‌ها --- */
/* فونت دانا با وزن معمولی (Regular) */

@font-face {
    font-family: 'Dana';
    font-style: normal;
    font-weight: 400; /* 400 معادل regular است */
    src: url('/dist/fonts/Dana-Pro/farsi numral/webfonts/fonts/woff2/dana-fanum-regular.woff2') format('woff2');
    font-display: fallback;
}
/* فونت دانا با وزن ضخیم (Bold) */
@font-face {
    font-family: 'Dana';
    font-style: normal;
    font-weight: 700; /* 700 معادل bold است */
    src: url('/dist/fonts/Dana-Pro/farsi numral/webfonts/fonts/woff2/dana-fanum-bold.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'IRANSansWeb';
    font-style: normal;
    font-weight: 400;
    src: url('/dist/fonts/PersianFonts/IRANSansWeb(FaNum).eot');
    src: url('/dist/fonts/PersianFonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('/dist/fonts/PersianFonts/IRANSansWeb(FaNum).woff2') format('woff2'), url('/dist/fonts/PersianFonts/IRANSansWeb(FaNum).woff') format('woff'), url('/dist/fonts/PersianFonts/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
    font-family: 'Anjomanweb VF';
    font-style: normal;
    font-weight: 400;
    src: url('/dist/fonts/Anjoman/Anjoman-FaNum-Regular.eot');
    src: url('/dist/fonts/Anjoman/Anjoman-FaNum-Regular.eot') format('embedded-opentype'), url('/dist/fonts/Anjoman/Anjoman-FaNum-Regular.woff2') format('woff2'), url('/dist/fonts/Anjoman/Anjoman-FaNum-Regular.woff') format('woff');
}
/* --- 1. فونت و راست‌چینی سراسری --- */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, div, button, input, textarea, label {
    font-family: 'Dana', 'IRANSansWeb', sans-serif !important;
}

body {
    direction: rtl;
    text-align: right;
}
/* --- 2. استایل‌های هدر (Navbar) --- */
.navbar {
    padding-top: .5rem;
    padding-bottom: .5rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.navbar-brand img {
    height: 50px;
}

.navbar-nav .nav-link {
    font-weight: 600;
    padding: .5rem 1rem;
    transition: color 0.3s;
}

    .navbar-nav .nav-link:hover {
        color: #D81324 !important;
    }

.nav-link.active {
    color: #D81324 !important;
    font-weight: 700;
}

.navbar .form-inline .input-group {
    direction: ltr;
    border: 1px solid #ddd;
    border-radius: 25px;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .navbar .form-inline .input-group:hover, .navbar .form-inline .input-group:focus-within {
        border-color: #D81324;
        box-shadow: 0 0 8px rgba(216, 19, 36, 0.2);
    }

.navbar .form-inline .form-control {
    border: none;
    box-shadow: none !important;
    text-align: right;
    background-color: transparent;
    padding-right: 15px;
}


    .navbar .form-inline .form-control::placeholder {
        color: #aaa;
        font-style: italic;
    }

.navbar .form-inline .input-group-append button {
    border: none;
    background-color: transparent;
    color: #888;
    padding: 0 15px;
    transition: all 0.3s ease;
}

    .navbar .form-inline .input-group-append button:hover {
        background-color: #D81324;
        color: #fff;
    }
/* --- 4. بنر اصلی --- */
.main-banner .left-content .thumb {
    height: calc(2 * 20rem + 28.5px);
    overflow: hidden;
}

    .main-banner .left-content .thumb img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.main-banner .right-first-image .thumb img {
    height: 20rem;
    width: 100%;
    object-fit: cover;
}

.main-banner .right-content .right-first-image .thumb .hover-content {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .main-banner .right-content .right-first-image .thumb .hover-content .inner {
        position: static;
        transform: none;
    }
/* --- 6. فلش‌های Owl Carousel --- */
.owl-nav .owl-prev, .owl-nav .owl-next {
    transform: scaleX(-1);
}
/* --- 7. فوتر --- */
footer {
    background-color: #2a2a2a;
    color: #fff;
    padding: 20px 0 15px 0;
}

.footer-widget {
    margin-bottom: 25px;
}

.footer-logo {
    max-width: 150px;
    margin-bottom: 20px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 8px;
}

.footer-text {
    color: #afafaf;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.footer-widget h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}

.footer-widget ul {
    padding: 0;
    list-style: none;
}

    .footer-widget ul li {
        margin-bottom: 10px;
    }

        .footer-widget ul li a {
            color: #afafaf;
            transition: all 0.3s ease;
        }

            .footer-widget ul li a:hover {
                color: #fff;
                padding-right: 5px;
            }

.social-icons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

    .social-icons li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background-color: #444;
        color: #fff;
        border-radius: 50%;
        font-size: 16px;
        transition: all 0.3s ease;
    }

    .social-icons .instagram {
        background-color: #E4405F;
    }

    .social-icons .whatsapp {
        background-color: #25D366;
    }

    .social-icons .telegram {
        background-color: #0088cc;
    }

    .social-icons .email {
        background-color: #D44638;
    }

    .social-icons .phone {
        background-color: #34B7F1;
    }

    .social-icons li a:hover {
        transform: translateY(-3px) scale(1.1);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        filter: brightness(1.1);
    }

.under-footer {
    border-top: 1px solid #444;
    padding-top: 15px;
    margin-top: 20px;
    text-align: center;
}

    .under-footer p {
        color: #afafaf;
        direction: ltr;
    }
/* --- 11. بخش ویژگی‌ها --- */
.container-xxl .d-flex {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

    .container-xxl .d-flex:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        border-color: #eee;
    }

    .container-xxl .d-flex i {
        color: #D81324 !important;
    }
/* --- 13. صفحه ارتباط با ما --- */
.contact-page-container {
    padding-top: 130px;
    padding-bottom: 80px;
}

    .contact-page-container .section-heading {
        text-align: right;
        margin-bottom: 40px;
    }

        .contact-page-container .section-heading h2 {
            font-size: 34px;
            font-weight: 700;
        }

        .contact-page-container .section-heading p {
            font-size: 16px;
            color: #888;
        }

.contact-methods {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-card {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

    .contact-card:hover {
        transform: translateY(-5px) scale(1.02);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    }

    .contact-card i {
        font-size: 40px;
        margin-left: 20px;
        width: 50px;
        text-align: center;
    }

    .contact-card .contact-info h5 {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
    }

    .contact-card .contact-info span {
        font-size: 16px;
        opacity: 0.9;
    }

    .contact-card.instagram {
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    }

    .contact-card.whatsapp {
        background: linear-gradient(45deg, #25D366, #128C7E);
    }

    .contact-card.telegram {
        background: linear-gradient(45deg, #0088cc, #00A0E9);
    }

.contact-image-wrapper img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
/* --- 14. چیدمان موبایل --- */
@media (max-width: 991.98px) {
    .navbar > .container {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .navbar-brand {
        margin: 0 !important;
        padding: 0 !important;
    }

    .navbar-toggler {
        margin-top: 0 !important;
        order: 1;
    }

    .navbar-collapse {
        margin-top: 15px !important;
        flex-basis: 100% !important;
        order: 2;
    }

    .contact-image-wrapper {
        margin-top: 40px;
    }
}

@media (max-width: 767.98px) {
    .footer-widget {
        text-align: center;
    }

        .footer-widget .footer-logo, .social-icons {
            margin-right: auto;
            margin-left: auto;
            justify-content: center;
        }

        .footer-widget ul {
            padding: 0;
        }
}
/* --- 17. استایل اسلایدر محصولات --- */
.product-carousel-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.product-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #D81324;
    padding-bottom: 15px;
}

    .product-section-header h2 {
        font-size: 26px;
        font-weight: 700;
        color: #2a2a2a;
        margin: 0;
    }

    .product-section-header a {
        font-size: 14px;
        font-weight: 500;
        color: #2a2a2a;
        background-color: #f0f0f0;
        padding: 8px 15px;
        border-radius: 20px;
        text-decoration: none;
        transition: all 0.3s ease;
    }

        .product-section-header a:hover {
            background-color: #D81324;
            color: #fff;
        }

        .product-section-header a i {
            margin-right: 5px;
            transition: transform 0.3s ease;
        }

        .product-section-header a:hover i {
            transform: translateX(-3px);
        }

.men-item-carousel .item {
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.4s ease;
    margin-bottom: 10px;
}

    .men-item-carousel .item:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    }

    .men-item-carousel .item .thumb img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    .men-item-carousel .item .down-content {
        padding: 20px;
        text-align: center;
        background-color: #fff;
    }

        .men-item-carousel .item .down-content h4 {
            font-size: 18px;
            font-weight: 700;
            color: #2a2a2a;
            margin-bottom: 10px;
        }

        .men-item-carousel .item .down-content span {
            display: block;
            font-size: 17px;
            font-weight: 600;
            color: #D81324;
        }

    .men-item-carousel .item .thumb .hover-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(42, 42, 42, 0.85);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
        border-radius: 8px;
    }

    .men-item-carousel .item .thumb:hover .hover-content {
        opacity: 1;
        visibility: visible;
    }

    .men-item-carousel .item .thumb .hover-content ul {
        padding: 0;
    }

        .men-item-carousel .item .thumb .hover-content ul li {
            display: inline-block;
            margin: 0 8px;
        }

            .men-item-carousel .item .thumb .hover-content ul li a {
                width: 50px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                background-color: #fff;
                color: #2a2a2a;
                border-radius: 50%;
                font-size: 18px;
                transition: all 0.3s ease;
            }

                .men-item-carousel .item .thumb .hover-content ul li a:hover {
                    background-color: #D81324;
                    color: #fff;
                }

.men-item-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    margin-top: -60px;
}

    .men-item-carousel .owl-nav .owl-prev, .men-item-carousel .owl-nav .owl-next {
        position: absolute;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        border-radius: 50%;
        background-color: #fff;
        color: #2a2a2a;
        font-size: 20px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease;
    }

        .men-item-carousel .owl-nav .owl-prev:hover, .men-item-carousel .owl-nav .owl-next:hover {
            background-color: #D81324;
            color: #fff;
        }

    .men-item-carousel .owl-nav .owl-prev {
        right: -22px;
    }

    .men-item-carousel .owl-nav .owl-next {
        left: -22px;
    }
/* --- 18. بهینه‌سازی اسلایدر موبایل --- */
@media (max-width: 767.98px) {
    .men-item-carousel .owl-nav {
        display: none !important;
    }

    .men-item-carousel .owl-item {
        transform: scale(0.9);
        opacity: 0.6;
        transition: all 0.4s ease;
    }

        .men-item-carousel .owl-item.center {
            transform: scale(1);
            opacity: 1;
        }
}
/* --- 19. استایل نهایی صفحه بلاگ (گرید ۳ ستونی + استرچ عکس) --- */
#blog {
    padding-top: 120px;
    background-color: #f9f9f9;
    padding-bottom: 60px;
}
/* هدر صفحه بلاگ */
.blog-header {
    text-align: center;
    margin-bottom: 50px;
}

    .blog-header h2 {
        font-size: 36px;
        font-weight: 700;
        color: #2a2a2a;
        margin-bottom: 15px;
    }

    .blog-header p {
        font-size: 18px;
        color: #888;
    }
/* کارت مقاله */
.blog .posts-list {
    --bs-gutter-y: 2.5rem;
}

.blog .blog-post-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .blog .blog-post-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    }
/* بخش تصویر کارت */
.blog .post-img {
position: relative;
overflow: hidden;
background-color: #f8f9fa; /* پس‌زمینه برای فضاهای خالی */
}

.blog .post-img img {
    width: 100%;
    height: 220px;
    object-fit: contain; /* <<-- تغییر اصلی: نمایش کامل عکس (استرچ) */
    transition: transform 0.4s ease;
}

.blog .blog-post-card:hover .post-img img {
    transform: scale(1.05);
}
/* تگ دسته‌بندی */
.blog .post-category {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
    color: #333;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}
/* بخش محتوای کارت */
.blog .post-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.blog .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    min-height: 50px;
}

    .blog .title a {
        color: #2a2a2a;
        text-decoration: none;
        transition: color 0.3s;
    }

        .blog .title a:hover {
            color: #D81324;
        }
/* خلاصه متن */
.blog .post-excerpt {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
    flex-grow: 1;
}
/* اطلاعات نویسنده و تاریخ */
.blog .post-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #888;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

    .blog .post-meta i {
        margin-left: 5px;
        color: #aaa;
    }
/* دکمه ادامه مطلب (دوباره اضافه شد) /
.blog .read-more-btn {
font-weight: 600;
color: #D81324;
text-decoration: none;
transition: all 0.3s;
align-self: flex-start;
margin-top: 15px; / فاصله از متا */
}

.blog .read-more-btn:hover {
    padding-right: 5px;
}

.blog .read-more-btn i {
    font-size: 12px;
}
/* --- 20. استایل صفحه‌بندی بلاگ --- */
.blog-pagination {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

    .blog-pagination ul {
        display: flex;
        justify-content: center;
        padding: 0;
        list-style: none;
        gap: 8px;
    }

    .blog-pagination li a, .blog-pagination li span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 2px solid #eee;
        border-radius: 50%;
        color: #555;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
    }

        .blog-pagination li.active a, .blog-pagination li a:hover {
            background-color: #D81324;
            color: #fff;
            border-color: #D81324;
            transform: scale(1.1);
            box-shadow: 0 5px 15px rgba(216, 19, 36, 0.3);
        }

    .blog-pagination li.disabled span {
        background-color: transparent;
        border-color: transparent;
        color: #ccc;
        cursor: default;
    }
/* --- 21. استایل جدید صفحه جزئیات بلاگ --- */
/* هدر سینمایی */
.article-header {
    position: relative;
    padding: 120px 0;
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
}

    .article-header .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6); /* لایه تیره روی عکس */
    }

    .article-header .header-content {
        position: relative;
        z-index: 2;
    }

    .article-header .post-category {
        display: inline-block;
        background-color: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(5px);
        padding: 6px 15px;
        border-radius: 20px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .article-header h1 {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .article-header .post-meta {
        display: flex;
        justify-content: center;
        gap: 25px;
        font-size: 15px;
        opacity: 0.9;
    }

        .article-header .post-meta i {
            margin-left: 8px;
        }
/* محتوای اصلی مقاله */
#blog-details {
    padding: 60px 0;
}

.article-content {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.07);
}

    /* تایپوگرافی متن مقاله برای خوانایی بهتر */
    .article-content p {
        font-size: 17px;
        line-height: 2;
        margin-bottom: 25px;
    }

    .article-content h2,
    .article-content h3,
    .article-content h4 {
        font-weight: 700;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .article-content blockquote {
        background-color: #f9f9f9;
        border-right: 4px solid #D81324;
        padding: 20px;
        margin: 30px 0;
        font-style: italic;
        font-size: 18px;
    }
/* سایدبار */
.sidebar {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.07);
}

    .sidebar .sidebar-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px;
        border-bottom: 2px solid #eee;
        padding-bottom: 10px;
    }

    .sidebar .post-item {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

        .sidebar .post-item img {
            width: 80px;
            height: 60px;
            object-fit: cover;
            border-radius: 5px;
            margin-left: 15px;
        }

        .sidebar .post-item h4 {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 5px;
        }

            .sidebar .post-item h4 a {
                color: #333;
                transition: 0.3s;
            }

                .sidebar .post-item h4 a:hover {
                    color: #D81324;
                }

        .sidebar .post-item time {
            font-size: 12px;
            color: #888;
        }

@media(max-width: 991.98px) {
    .sidebar {
        margin-top: 40px;
    }
}
/* --- 22. استایل صفحه جزئیات محصول و گالری --- */
#product {
    padding-top: 120px;
}

.product-gallery .main-image {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

    .product-gallery .main-image img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
    }

.thumbnail-images {
    display: flex;
    gap: 10px;
}

    .thumbnail-images .thumb-item {
        flex: 1;
        border: 2px solid #eee;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .thumbnail-images .thumb-item.active,
        .thumbnail-images .thumb-item:hover {
            border-color: #D81324;
            box-shadow: 0 0 10px rgba(216, 19, 36, 0.3);
        }

        .thumbnail-images .thumb-item img {
            width: 100%;
            height: auto;
            aspect-ratio: 1/1;
            object-fit: cover;
            display: block;
        }

.product-details-content {
    padding-right: 20px;
}

    .product-details-content h4 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .product-details-content .price {
        font-size: 24px;
        color: #D81324;
        font-weight: 600;
        display: block;
        margin-bottom: 20px;
    }

    .product-details-content .category {
        font-size: 15px;
        color: #888;
        margin-bottom: 20px;
    }

        .product-details-content .category span {
            color: #333;
            font-weight: 500;
        }

    .product-details-content .description {
        font-size: 15px;
        line-height: 1.8;
        color: #666;
    }
/*
★ بخش افزودنی امن برای صفحه جزئیات محصول (نسخه نهایی) ★
*/
/* --- چیدمان و پس‌زمینه کلی صفحه --- */
#product-details-page {
    padding-top: 60px;
    padding-bottom: 80px;
    background-color: #f8f9fa;
}
/* --- استایل Breadcrumb --- */
.page-heading .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-top: 15px;
    justify-content: center;
}

.page-heading .breadcrumb-item a {
    color: #f0f0f0;
    transition: all 0.3s ease;
}

    .page-heading .breadcrumb-item a:hover {
        color: #fff;
        text-decoration: underline;
    }

.page-heading .breadcrumb-item.active {
    color: #fff;
    font-weight: 500;
}

.page-heading .breadcrumb-item + .breadcrumb-item::before {
    content: "<";
    color: #f0f0f0;
    padding: 0 8px;
}


/* --- بخش گالری تصاویر محصول (اصلاح شده) --- */
.product-gallery-enhanced {
    width: 100%;
}

    .product-gallery-enhanced .main-image-wrapper {
        border: 1px solid #e8e8e8;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 15px;
        background-color: #fff;
        width: 100%;
    }

        .product-gallery-enhanced .main-image-wrapper img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: contain;
        }

    /* نوار اسلایدر پایین */
    .product-gallery-enhanced .thumbnail-slider {
        display: flex !important;
        flex-direction: row !important;
        gap: 12px;
        overflow-x: auto;
        /* این پدینگ فضای کافی برای بوردر قرمز ایجاد می‌کند تا بریده نشود */
        padding: 10px 5px !important;
        width: 100%;
        scrollbar-width: thin;
    }

    /* آیتم‌های کوچک گالری */
    .product-gallery-enhanced .thumb-item {
        flex: 0 0 85px !important; /* عرض ثابت */
        height: 85px !important; /* ارتفاع ثابت برای جلوگیری از کشیدگی */
        border: 2px solid transparent; /* بوردر شفاف پیش‌فرض */
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.3s ease;
        opacity: 0.7;
        box-sizing: border-box !important; /* بسیار مهم: بوردر را به داخل حساب می‌کند */
        background: #fff;
    }

        .product-gallery-enhanced .thumb-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* استایل عکس فعال (بوردر قرمز) */
        .product-gallery-enhanced .thumb-item.active {
            border-color: #D81324 !important;
            opacity: 1;
            box-shadow: 0 2px 8px rgba(216, 19, 36, 0.2);
            transform: translateY(-2px); /* یک حرکت کوچک برای زیبایی */
        }

        .product-gallery-enhanced .thumb-item:hover {
            opacity: 1;
        }

/* کلاس کمکی برای انیمیشن لود */
.thumbnail-slider.thumbnails-hidden {
    opacity: 0;
    pointer-events: none;
}

/* --- پنل اطلاعات محصول --- */
.product-info-panel {
    background-color: #fff;
    padding: 35px;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

    .product-info-panel .product-title {
        font-size: 28px;
        font-weight: 800;
    }

    .product-info-panel .price-category-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        margin-bottom: 25px;
        border-bottom: 1px solid #f0f0f0;
        flex-wrap: wrap;
        gap: 10px;
    }

    .product-info-panel .product-price {
        font-size: 26px;
        font-weight: 700;
        color: #D81324;
    }

    .product-info-panel .product-category-badge {
        font-size: 13px;
        background: linear-gradient(to right, #f2f2f2, #e8e8e8);
        padding: 8px 15px;
        border-radius: 20px;
        border: 1px solid #ddd;
    }

        .product-info-panel .product-category-badge i {
            margin-left: 6px;
            color: #999;
        }

    .product-info-panel .product-short-description {
        font-size: 16px;
        line-height: 2;
        color: #555;
    }

        .product-info-panel .product-short-description p {
            margin-bottom: 1.5em;
        }
/* --- انیمیشن‌ها و اسکرول‌بار --- */
.thumbnail-slider {
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

    .thumbnail-slider.thumbnails-hidden {
        opacity: 0;
        transform: translateY(15px);
        pointer-events: none;
    }

    .thumbnail-slider::-webkit-scrollbar {
        height: 8px;
    }

    .thumbnail-slider::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    .thumbnail-slider::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 10px;
    }

        .thumbnail-slider::-webkit-scrollbar-thumb:hover {
            background: #aaa;
        }

.thumbnail-slider {
    scrollbar-width: thin;
    scrollbar-color: #ccc #f1f1f1;
}
/* --- واکنش‌گرایی فقط برای گالری --- */
@media (max-width: 991.98px) {
    .product-gallery-enhanced {
        margin-top: 40px;
    }
}
/* --- کد نهایی و سراسری برای فارسی‌سازی تمام اعداد سایت --- */
/** {
    -webkit-font-feature-settings: "ss01" on;
    font-feature-settings: "ss01" on;
}*/
/*
★ بخش افزودنی: محصولات مشابه و دسته‌بندی‌ها ★
*/
/*
=====================================================
★ بخش نهایی: محصولات مشابه و دسته‌بندی‌ها (نسخه ۳.۱) ★
=====================================================
*/

/* --- ۴.۱. ساختار کلی بخش --- */
#related-content-section {
    padding-top: 60px;
    padding-bottom: 80px;
    border-top: 1px solid #e9ecef;
    background-color: #fff;
}

.section-title {
    margin-bottom: 30px;
    border-right: 4px solid #D81324;
    padding-right: 15px;
}

    .section-title h3 {
        font-size: 22px;
        font-weight: 700;
        color: #2a2a2a;
    }

/* --- ۴.۲. ویجت دسته‌بندی‌ها (با فونت اصلاح شده) --- */
.categories-widget {
    background-color: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #eee;
}

    .categories-widget ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .categories-widget ul li a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 11px 15px;
            margin-bottom: 8px;
            background-color: #fff;
            border-radius: 8px;
            color: #555;
            font-weight: 500;
            font-size: 14px;
            text-decoration: none;
            transition: all 0.3s ease;
            border: 1px solid #eee;
        }

            .categories-widget ul li a:hover {
                background-color: #D81324;
                color: #fff;
                transform: translateX(-5px);
                border-color: #D81324;
            }

/* --- ۴.۳. کارت‌های محصولات مشابه (نسخه نهایی با Flexbox برای هم‌ترازی کامل) --- */

/* این دستورات برای کل کارت است */
.related-products-wrapper .item {
    display: flex; /* ★★★ مهم: فعال‌سازی Flexbox */
    flex-direction: column; /* ★★★ مهم: چیدمان عمودی (عکس بالای محتوا) */
    height: 100%; /* ★★★ مهم: کارت تمام ارتفاع ستون را می‌گیرد */
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

    .related-products-wrapper .item:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    }

    /* این دستورات برای بخش عکس است */
    .related-products-wrapper .item .thumb {
        overflow: hidden;
    }

        .related-products-wrapper .item .thumb img {
            transition: transform 0.4s ease;
        }

    .related-products-wrapper .item:hover .thumb img {
        transform: scale(1.1);
    }

    /* این دستورات برای بخش محتوای متنی (عنوان و قیمت) است */
    .related-products-wrapper .item .down-content {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #f1f1f1;
        display: flex; /* ★★★ مهم: فعال‌سازی Flexbox داخلی */
        flex-direction: column; /* ★★★ مهم: چیدمان عمودی (عنوان بالای قیمت) */
        flex-grow: 1; /* ★★★ این دستور باعث می‌شود این بخش تمام فضای خالی کارت را پر کند */
    }

        /* این دستور برای عنوان محصول است */
        .related-products-wrapper .item .down-content .product-title-similar {
            font-size: 14px;
            font-weight: 700;
            color: #333;
            line-height: 1.6;
            margin-bottom: 10px;
            flex-grow: 1; /* ★★★ جادوی اصلی اینجاست! ★★★
                                   این دستور مثل یک فنر عمل می‌کنه. به عنوان میگه 'تمام فضای خالی عمودی رو تو بگیر'.
                                   این کار باعث می‌شه عنوان هرچقدر که لازم باشه رشد کنه و قیمت رو محکم به پایین‌ترین نقطه هل بده. */
        }

        /* این دستور برای قیمت محصول است */
        .related-products-wrapper .item .down-content .product-price-similar {
            font-size: 14px;
            color: #D81324;
            font-weight: 700;
            margin-top: auto; /* این هم کمک می‌کند که قیمت به پایین بچسبد */
        }

/* --- ۴.۴. واکنش‌گرایی بخش --- */
@media (max-width: 991.98px) {
    .categories-widget {
        margin-top: 40px;
    }
}








/* --- عنوان مشترک برای ویجت‌ها --- */
.section-title {
    margin-bottom: 30px;
    border-right: 4px solid #D81324;
    padding-right: 15px;
}

    .section-title h3 {
        font-size: 22px;
        font-weight: 700;
        color: #2a2a2a;
    }
/* --- استایل ویجت دسته‌بندی‌ها --- */
.categories-widget {
    background-color: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #eee;
}

    .categories-widget ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .categories-widget ul li a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 15px;
            margin-bottom: 8px;
            background-color: #fff;
            border-radius: 8px;
            color: #555;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            border: 1px solid #eee;
        }

            .categories-widget ul li a:hover {
                background-color: #D81324;
                color: #fff;
                transform: translateX(-5px);
                border-color: #D81324;
            }
/* --- استایل کارت‌های محصول مشابه (فشرده‌تر) --- */
.related-products-wrapper .item {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

    .related-products-wrapper .item:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 15px rgba(0,0,0,0.08);
    }

    .related-products-wrapper .item .down-content {
        padding: 15px;
        text-align: center;
    }

        .related-products-wrapper .item .down-content h4 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 8px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .related-products-wrapper .item .down-content span {
            font-size: 15px;
            color: #D81324;
            font-weight: 600;
        }
/* --- واکنش‌گرایی --- */
@media (max-width: 991.98px) {
    .categories-widget {
        margin-top: 40px;
    }
}

/*
=====================================================
★ بخش نهایی: اصلاح اندازه فونت محصولات مشابه و دسته‌بندی‌ها ★
=====================================================
*/

/* --- ۱. کوچک کردن فونت در ویجت دسته‌بندی‌ها --- */
.categories-widget ul li a {
    font-size: 14px; /* اندازه فونت اصلی */
    font-weight: 500; /* ضخامت فونت کمی کمتر برای ظرافت بیشتر */
    padding: 11px 15px; /* پدینگ عمودی کمی کمتر برای هماهنگی */
}

/* --- ۲. کوچک کردن فونت در کارت‌های محصولات مشابه --- */
.related-products-wrapper .item .down-content h4 {
    font-size: 14px; /* اندازه فونت عنوان محصول */
}

.related-products-wrapper .item .down-content span {
    font-size: 14px; /* اندازه فونت قیمت */
    font-weight: 700; /* ضخامت بیشتر برای تاکید روی قیمت */
}


/* کد تست برای حل مشکل به صورت اضطراری */
.related-products-wrapper .item .down-content .product-title-similar {
    white-space: normal !important;
    اجازه می‌دهد متن به خط بعدی برود overflow: visible !important;
    محتوای اضافی را نشان می‌دهد text-overflow: clip !important;
    سه نقطه را حذف می‌کند min-height: 45px;
    یک حداقل ارتفاع برای جا دادن دو خط متن
}

/* --- استایل کارت محصولات در صفحه لیست محصولات --- */

/* کانتینر اصلی کارت */
.product-card-container {
    text-decoration: none !important;
    display: block;
    height: 100%;
}

.product-item-card {
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

    .product-item-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 15px rgba(0,0,0,0.1);
    }

/* بخش تصویر - مربع کامل و بدون دفرمه شدن */
.product-img-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1; /* ایجاد کادر کاملا مربع */
    overflow: hidden;
    background-color: #f9f9f9;
    position: relative;
}

    .product-img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* پر کردن کادر بدون کشیدگی */
        transition: transform 0.5s ease;
    }

.product-item-card:hover .product-img-wrapper img {
    transform: scale(1.08);
}

/* بخش محتوای متنی */
.product-card-content {
    padding: 15px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px;
    /* محدود کردن به دو خط برای هماهنگی ارتفاع */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 44px;
    line-height: 22px;
}

.product-card-price {
    display: block;
    color: #D81324;
    font-weight: 700;
    font-size: 15px;
    margin-top: 10px;
}

/* --- تنظیمات مخصوص موبایل --- */
@media (max-width: 767.98px) {
    .product-card-content {
        padding: 10px;
    }

    .product-card-title {
        font-size: 13px;
        height: 36px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .product-card-price {
        font-size: 13px;
    }

    /* حذف فاصله اضافی در موبایل برای نمایش بهتر دو ستونه */
    .products-row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .products-col {
        padding-right: 5px;
        padding-left: 5px;
    }
}


/* وسط‌چین کردن عنوان اصلی محصولات */
.section-heading.text-center {
    text-align: center !important;
    margin-bottom: 50px; /* فاصله از محصولات و سایدبار */
    width: 100%;
}

    /* اگر قالب شما خطی در سمت راست عنوان دارد، آن را در حالت وسط‌چین حذف یا اصلاح می‌کنیم */
    .section-heading.text-center h2::before,
    .section-heading.text-center h2::after {
        margin-right: auto !important;
        margin-left: auto !important;
        right: 0 !important;
        left: 0 !important;
    }

/* اطمینان از هم‌سطح بودن سایدبار و محصولات در دسکتاپ */
@media (min-width: 992px) {
    .categories-widget {
        margin-top: 0; /* حذف هرگونه فاصله اضافی از بالا */
    }

    .products-row {
        margin-top: 0;
    }
}

/* --- اصلاح استایل محصولات مشابه در موبایل --- */

/* کانتینر کارت محصول مشابه */
.similar-product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .similar-product-card .thumb {
        width: 100%;
        aspect-ratio: 1 / 1; /* مربع شدن عکس‌های مشابه */
        overflow: hidden;
    }

        .similar-product-card .thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .similar-product-card .down-content {
        padding: 10px;
        text-align: center;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

/* اصلاح فونت عنوان و قیمت در موبایل */
.product-title-similar {
    font-size: 13px !important;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
    /* محدود کردن به دو خط */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 36px;
    line-height: 18px;
}

.product-price-similar {
    font-size: 12px !important;
    color: #D81324;
    font-weight: 700;
    display: block;
}

/* تنظیم فاصله ردیف‌ها در موبایل */
@media (max-width: 767.98px) {
    #related-content-section .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    #related-content-section .px-2 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
}


/* ۱. مطمئن شدن از اینکه کل کارت قابل کلیک است */
.product-card-link {
    display: block !important;
    text-decoration: none !important;
    height: 100%;
    cursor: pointer !important; /* شکل موس را به دست تغییر می‌دهد */
}

/* ۲. اضافه کردن افکت هاور (Mouse Hover) */
.similar-product-card {
    transition: all 0.3s ease-in-out !important;
    position: relative;
    z-index: 1;
}

.product-card-link:hover .similar-product-card {
    transform: translateY(-8px) !important; /* کارت کمی بالا می‌رود */
    box-shadow: 0 12px 25px rgba(0,0,0,0.15) !important; /* سایه زیر کارت */
    border-color: #D81324 !important; /* رنگ بوردر قرمز می‌شود */
}

/* تغییر رنگ عنوان وقتی موس روی کارت میرود */
.product-card-link:hover .product-title-similar {
    color: #D81324 !important;
}

/* ۳. رفع مشکل کلیک نشدن (بسیار مهم) */
/* گاهی لایه‌های داخلی مانع کلیک می‌شوند، با این کد مطمئن می‌شویم لینک کار می‌کند */
.similar-product-card * {
    pointer-events: none; /* رویدادهای موس را به لایه زیرین یعنی لینک منتقل می‌کند */
}





/* --- اصلاحات نهایی برای یکدستی ۱۰۰٪ --- */

/* ۱. حذف بوردر مزاحم اسلایدر در صفحه اصلی */
.men-item-carousel .item, .owl-item .item {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* ۲. پدینگ برای جلوگیری از بریدگی بوردر قرمز گالری */
.product-gallery-enhanced .thumbnail-slider {
    padding: 10px 5px !important;
}

/* ۳. اصلاح نمایش عنوان محصولات مشابه (حذف متن‌های فارسی داخل کد) */
.related-products-wrapper .item .down-content .product-title-similar {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 44px;
}

/* ۴. اصلاح نهایی اعداد فارسی (اضافه کردن ستاره) */
* {
    -webkit-font-feature-settings: "ss01" on;
    -moz-font-feature-settings: "ss01" on;
    font-feature-settings: "ss01" on;
}

/* جلوگیری از ناپدید شدن آیتم‌ها در اسلایدر گوشی */
.owl-carousel .owl-stage {
    display: flex !important;
    float: right; /* برای RTL */
}

.owl-carousel .owl-item {
    float: right !important; /* جهت حرکت آیتم‌ها در RTL */
}

/* اگر فقط یک محصول بود، اندازه اسلایدر در گوشی خیلی عریض نشود */
@media (max-width: 767.98px) {
    .owl-men-item .owl-item {
        min-height: 1px;
    }
}

/* --- رفع مشکل کمرنگ بودن محصولات در اسلایدر --- */

/* اجبار به نمایش کامل (پررنگ) تمام آیتم‌های اسلایدر */
.owl-carousel .owl-item,
.owl-carousel .owl-item .item,
.product-item-card {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important; /* حذف هرگونه فیلتر تاری یا خاکستری */
}

/* اگر قالب از کلاس active برای پررنگ کردن استفاده می‌کند، ما همه را فعال فرض می‌کنیم */
.owl-carousel .owl-item {
    opacity: 1 !important;
}

/* اصلاح استایل مخصوص موبایل که ممکن است باعث کمرنگ شدن شود */
@media (max-width: 767.98px) {
    .men-item-carousel .owl-item {
        opacity: 1 !important;
        transform: scale(1) !important; /* جلوگیری از کوچک شدن آیتم‌های کناری */
    }
}


/* ============================================================
   هدر جدید و شیک (Breadcrumb Slim & Luxury)
   ============================================================ */

/* --- اصلاح نهایی هدر: رفع چسبندگی و تراز عمودی --- */
.breadcrumb-container {
    background-color: #fcfcfc !important; /* پس‌زمینه بسیار ملایم */
    border-bottom: 1px solid #f1f1f1;
    /* فاصله از نوار منوی ثابت بالای سایت (بیشتر شد تا نچسبد) */
    margin-top: 105px !important; /* فاصله از منوی بالا */
    margin-bottom: 10px !important; /* این مقدار را از 40 به 10 تغییر دادیم */
    /* ایجاد پدینگ عمودی برای مرکزیت متن (بالا و پایین ۲۰ پیکسل) */
    padding: 20px 0 !important;
    width: 100%;
}

    .breadcrumb-container .breadcrumb {
        display: flex !important;
        flex-wrap: wrap;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none;
        background: transparent !important;
        justify-content: flex-start; /* شروع از سمت راست در RTL */
    }

    .breadcrumb-container .breadcrumb-item {
        font-size: 13px !important;
        font-weight: 500;
        color: #888;
        display: flex;
        align-items: center;
    }

        .breadcrumb-container .breadcrumb-item a {
            color: #888 !important;
            text-decoration: none;
            transition: 0.3s;
        }

            .breadcrumb-container .breadcrumb-item a:hover {
                color: #D81324 !important;
            }

        /* استایل صفحه فعلی */
        .breadcrumb-container .breadcrumb-item.active {
            color: #222 !important;
            font-weight: 700;
        }

/* جداکننده ظریف (/) با فاصله منظم */
.breadcrumb-item + .breadcrumb-item::before {
    content: "/" !important;
    color: #ccc !important;
    padding: 0 12px !important;
}

/* هماهنگی برای حالت موبایل */
@media (max-width: 767.98px) {
    .breadcrumb-container {
        margin-top: 90px !important;
        padding: 15px 0 !important;
    }

        .breadcrumb-container .breadcrumb {
            justify-content: center; /* در موبایل وسط‌چین شود */
        }
}

/* کاهش فاصله بالای بخش لیست محصولات */
#products {
    padding-top: 20px !important;
}

/* اگر می‌خواهید عنوان "آخرین محصولات" باز هم بالاتر برود، این فاصله را هم کم کنید */
.section-heading.text-center {
    margin-bottom: 30px !important; /* از 50 به 30 تغییر دادیم */
}




/* ============================================= */
/* === استایل نهایی و استاندارد جزئیات مقاله آدیا === */
/* ============================================= */

/* ۱. تنظیمات بدنه اصلی */
.blog-details-wrapper {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 8px;
}

.blog-detail-title {
    font-size: 26px;
    font-weight: 800;
    color: #222;
    line-height: 1.5;
}

.blog-meta-info {
    font-size: 13px;
    color: #888;
}

    .blog-meta-info i {
        color: #dcb35c;
        margin-left: 5px;
    }

/* ۲. قاب تصویر اصلی (مربعی و عریض) */
.blog-main-img-frame {
    width: 100%;
    max-width: 650px; /* عریض‌تر شد */
    aspect-ratio: 1 / 1;
    margin: 0 auto 30px auto;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

    .blog-main-img-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* ۳. متن مقاله */
.blog-full-text {
    font-size: 1.1rem;
    line-height: 2.1;
    color: #333;
    text-align: justify;
}

/* ۴. سایدبار مقالات مرتبط */
.sidebar-adia-box {
    background: #fdfdfd;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.side-blog-card {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

    .side-blog-card:last-child {
        border: none;
    }

.side-blog-img {
    width: 80px;
    height: 65px;
    border-radius: 6px;
    object-fit: cover;
    margin-left: 12px;
}

.side-blog-info h6 {
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 5px;
}

    .side-blog-info h6 a {
        color: #333;
        text-decoration: none;
        transition: 0.3s;
    }

        .side-blog-info h6 a:hover {
            color: #D81324;
        }

/* ۵. بخش محصولات مرتبط */
.related-products-divider {
    border-top: 4px solid #dcb35c;
    width: 60px;
    margin: 40px auto 20px auto;
}

/* واکنش‌گرایی موبایل */
@media (max-width: 768px) {
    .blog-main-img-frame {
        width: 100%;
        height: auto;
    }

    .blog-detail-title {
        font-size: 20px;
    }
}






/* یکپارچه‌سازی کامل بلاگ با فروشگاه آدیا */

/* بج قرمز روی تصاویر بلاگ */
/*.post-category-badge-red {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: #D81324 !important;
    color: #fff !important;
    padding: 4px 14px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}*/

/* لینک‌های سایدبار */
/*.categories-widget ul li a:hover {
    background-color: #D81324 !important;
    color: #fff !important;
}*/

/* دکمه‌های صفحه‌بندی گرد قرمز */
/*.page-link-adia-red {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee2e6;
    border-radius: 50% !important;
    color: #333;
    text-decoration: none;
    transition: 0.3s;
}

.blog-pagination li.active .page-link-adia-red {
    background-color: #D81324 !important;
    border-color: #D81324 !important;
    color: #fff !important;
}

.page-link-adia-red:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}*/

/* اصلاح تداخل تگ لینک */
/*.decoration-none {
    text-decoration: none !important;
}*/



/* بک‌گراند خاکستری ملایم محصولات برای کل بدنه */
.blog-main-bg {
    background-color: #f8f9fa !important;
    min-height: 80vh;
}

/* استایل کارت‌های مقاله ۲ ستونه */
.product-item-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #eee !important;
    transition: transform 0.3s ease;
}

    .product-item-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 25px rgba(0,0,0,0.08) !important;
    }

/* بج قرمز روی عکس */
.post-category-badge-red {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #D81324 !important;
    color: #fff !important;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* استایل لینک نویسنده و تاریخ */
.mt-auto span i {
    font-size: 14px;
    vertical-align: middle;
}

.product-card-title a:hover {
    color: #D81324 !important;
}





/* تنظیمات نهایی لیست مقالات ۲ ستونه */

/*.btn-read-more {
    color: #D81324;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none !important;
    transition: all 0.3s;
    display: inline-block;
}

    .btn-read-more:hover {
        color: #333;
        padding-right: 8px;
    }*/

/* کارت مقاله مشابه کارت محصول */
.product-item-card {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .product-item-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
    }

/* آیکون‌های قرمز کوچک در متا */
.mt-auto span i {
    font-size: 14px;
    vertical-align: middle;
}

/* فاصله سایدبار در حالت موبایل */
@media (max-width: 991px) {
    .order-lg-2 {
        order: 1 !important; /* در موبایل سایدبار برود بالا */
        margin-bottom: 30px;
    }

    .order-lg-1 {
        order: 2 !important;
    }
}







/* --- جادوی ۲ سطر کردن متن خلاصه --- */
.adia-excerpt-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* تعداد خطوط */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px; /* ۲ سطر ضربدر ۲۴ پیکسل ارتفاع خط */
    font-size: 13.5px;
    line-height: 24px;
}

/* فیکس کردن سایدبار در سمت راست */
@media (min-width: 992px) {
    .blog-main-bg .row {
        display: flex;
        flex-direction: row; /* در RTL سایدبار که اول کد هست می‌رود راست */
    }
}

/* استایل دکمه مطالعه */
.btn-read-more {
    color: #D81324 !important;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none !important;
    transition: 0.3s;
}

    .btn-read-more:hover {
        padding-right: 10px;
        color: #000 !important;
    }






/* هایلایت کردن دسته بندی انتخاب شده در سایدبار */
.active-category {
    color: #D81324 !important;
    font-weight: 800 !important;
    background-color: #fcfcfc !important;
}

    .active-category span {
        border-right: 3px solid #D81324;
        padding-right: 8px;
    }

/* اصلاح چیدمان سایدبار در موبایل */
@media (max-width: 991px) {
    .row[dir="rtl"] {
        display: flex;
        flex-direction: column;
    }

    .col-lg-3 {
        order: -1; /* سایدبار در موبایل اول بیاید */
        margin-bottom: 20px;
    }
}










/* یکسان سازی سایدبار بلاگ با محصولات */
.categories-widget {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
}

.active-category {
    background-color: #fcfcfc !important;
}

/* استایل مخصوص کارت مقاله برای ۲ ستونه شدن */
.adia-excerpt-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 44px;
    line-height: 22px;
}

/* رنگ بندی قرمز آدیا برای بج و پیجینگ */
.post-category-badge-red {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #D81324;
    color: #fff;
    padding: 3px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
}

.page-link-adia-red {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #333;
    transition: 0.3s;
}

.active .page-link-adia-red {
    background-color: #D81324;
    color: #fff;
    border-color: #D81324;
}









/* بک‌گراند طوسی ملایم مشابه محصولات */
.blog-main-bg {
    background-color: #f8f9fa !important;
}

/* فیکس کردن خلاصه متن در ۲ سطر */
.adia-excerpt-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px; /* متناسب با فونت کوچک */
    line-height: 20px;
}

/* استایل سایدبار در سمت راست */
.categories-widget {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
}

/* رنگ قرمز آدیا برای اجزای وبلاگ */
.post-category-badge-red {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #D81324;
    color: #fff;
    padding: 3px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
}

.page-link-adia-red {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #333;
    transition: 0.3s;
    text-decoration: none;
}

.active .page-link-adia-red {
    background-color: #D81324;
    color: #fff;
    border-color: #D81324;
}









.transition-hover {
    transition: all 0.3s ease;
}

    .transition-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    }



    /* محدود کردن خلاصه به ۲ سطر */
.adia-excerpt-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    line-height: 20px;
}

/* افکت هاور کارت‌ها */
.transition-hover {
    transition: all 0.3s ease;
}
.transition-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

/* بج قرمز روی عکس */
.post-category-badge-red {
    position: absolute;
    top: 10px; right: 10px;
    background-color: #D81324;
    color: #fff;
    padding: 3px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    z-index: 5;
}





/* ============================================= */
/* === استایل نهایی بخش بلاگ آدیا (بدون تداخل) === */
/* ============================================= */

#blog-details-page {
    background-color: #f8f9fa;
    padding: 40px 0;
}

.blog-main-container {
    padding: 35px;
    border-radius: 12px;
    border: 1px solid #eee;
}

.blog-detail-title {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #222;
}

.blog-meta-info-bar {
    display: flex;
    gap: 20px;
    font-size: 13px;
    color: #888;
    margin-bottom: 25px;
}

    .blog-meta-info-bar i {
        color: #D81324;
    }

/* تصویر شاخص عریض در بالای متن */
.blog-hero-image {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 30px;
}

    .blog-hero-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.blog-content-body {
    line-height: 2.2;
    font-size: 1.15rem;
    color: #333;
    text-align: justify;
}

/* سایدبار مقاله */
.sidebar-adia-box {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #eee;
}

.section-title-adia {
    border-right: 4px solid #D81324;
    padding-right: 15px;
    margin-bottom: 20px;
}

.side-blog-card {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f8f9fa;
}

.side-img-wrapper, .side-img-link {
    width: 80px;
    height: 60px;
    flex-shrink: 0;
    margin-left: 15px;
    border-radius: 6px;
    overflow: hidden;
}

    .side-img-link img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.side-blog-info h6 {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0;
}

    .side-blog-info h6 a {
        color: #333;
        text-decoration: none;
    }

/* اصلاح تداخل محصولات مشابه */
.related-products-wrapper .section-title {
    margin-bottom: 30px;
}

/* رفع مشکل عکسی که پرسیده بودی (پر کردن کادر) */
.product-img-wrapper img {
    object-fit: cover !important;
}

@media (max-width: 991px) {
    .col-lg-4 {
        margin-top: 40px;
    }
}



/* ========================================================
   ★ بخش اصلاحی اختصاصی آدیا چرم (افزودنی نهایی) ★
   ======================================================== */

/* ۱. یکسان‌سازی افکت Hover محصولات در تمام صفحات */
/* حذف لایه سیاه و آیکون‌های پیش‌فرض روی محصولات */
.hover-content,
.men-item-carousel .item .thumb .hover-content,
.product-item-card .thumb .hover-content {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}




/* استایل کارت محصول: بالا آمدن و سایه لوکس */
.product-item-card {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

    /* اعمال افکت روی کل کانتینر کارت */
    /* --- اصلاح افکت هاور: حذف خط قرمز و استفاده از سایه لوکس --- */
    .product-card-container:hover .product-item-card,
    .product-item-card:hover {
        transform: translateY(-10px) !important; /* فقط کارت بالا بیاید */
        box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important; /* سایه نرم و حرفه‌ای */
        border-color: #eee !important; /* رنگ کادر ثابت بماند و قرمز نشود */
    }

    /* ۲. اصلاح نمایش کامل عکس‌ها (رفع مشکل خالی ماندن کنار عکس کیف) */
    .product-img-wrapper img,
    .product-item-card .thumb img,
    .product-gallery-enhanced .thumb-item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* پر کردن کامل کادر */
        transition: transform 0.6s ease !important;
    }

/* ۳. اصلاح اسلایدر صفحه اصلی برای نمایش صحیح سایه‌ها */
.owl-item {
    padding: 15px 10px !important; /* ایجاد فضای کافی برای بالا آمدن کارت */
}

.men-item-carousel .item {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ۴. استایل اختصاصی جزئیات مقاله (Blog Details) */
#blog-details-page .blog-main-container {
    padding: 35px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
}

.blog-main-img-frame {
    width: 100%;
    max-width: 650px;
    aspect-ratio: 1 / 1;
    margin: 0 auto 30px auto;
    overflow: hidden;
    border-radius: 15px;
    border: 8px solid #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

    .blog-main-img-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* ۵. فارسی‌سازی نهایی اعداد در کل سایت */
* {
    -webkit-font-feature-settings: "ss01" on;
    -moz-font-feature-settings: "ss01" on;
    font-feature-settings: "ss01" on;
}

/* ۶. اصلاح نمایش سایدبار بلاگ در دسکتاپ و موبایل */
.sidebar-adia-box {
    background: #fff;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 12px;
}

@media (max-width: 991px) {
    .sidebar-adia-box {
        margin-top: 30px;
    }
}



/* --- حذف کامل سایه زیر محصول در حالت Hover --- */
.product-card-container:hover .product-item-card,
.product-item-card:hover {
    box-shadow: none !important; /* حذف قطعی سایه خاکستری */
    transform: translateY(-10px) !important; /* نگه داشتن حرکت رو به بالا */
    border-color: #eee !important; /* جلوگیری از قرمز شدن یا تغییر رنگ کادر */
}

/* برای اطمینان از حذف سایه در اسلایدر صفحه اصلی */
.owl-item.active .product-item-card {
    box-shadow: none !important;
}






/* ======================================================== */
/* ★ راه حل نهایی و قطعی آدیا - انطباق ۱۰۰٪ با تصویر 000 ★ */
/* ======================================================== */

#adia-sidebar-pro-final {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

    #adia-sidebar-pro-final .adia-menu-item {
        background-color: #ffffff !important; /* اجبار به سفید بودن زمینه */
        border: 1px solid #eeeeee !important; /* کادر خاکستری ظریف */
        border-radius: 10px !important;
        margin-bottom: 12px !important;
        position: relative !important;
        transition: all 0.3s ease !important;
        box-shadow: none !important; /* حذف سایه پله‌ای زشت */
        overflow: hidden !important;
    }

        #adia-sidebar-pro-final .adia-menu-item a {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            padding: 15px 20px !important;
            text-decoration: none !important;
            background: transparent !important; /* حذف لایه قرمز مزاحم */
        }

            /* متن و آیکون در حالت عادی */
            #adia-sidebar-pro-final .adia-menu-item a span {
                color: #444 !important;
                font-size: 14px !important;
                font-weight: 500 !important;
            }

            #adia-sidebar-pro-final .adia-menu-item a i {
                color: #cccccc !important;
                font-size: 12px !important;
            }

        /* --- استایل وضعیت انتخاب شده (دقیقاً مثل تصویر 000 محصولات) --- */
        #adia-sidebar-pro-final .adia-menu-item.is-selected {
            border: 1px solid #eeeeee !important;
            background-color: #ffffff !important;
        }

            /* ایجاد آن خط قرمز ضخیم و صاف در سمت راست (تیز و بدون گردی) */
            #adia-sidebar-pro-final .adia-menu-item.is-selected::after {
                content: "" !important;
                position: absolute !important;
                right: 0 !important;
                top: 0 !important;
                bottom: 0 !important;
                width: 5px !important;
                background-color: #D81324 !important;
                z-index: 10 !important;
            }

            #adia-sidebar-pro-final .adia-menu-item.is-selected a span {
                color: #D81324 !important; /* فقط متن قرمز شود */
                font-weight: 700 !important;
            }

            #adia-sidebar-pro-final .adia-menu-item.is-selected a i {
                color: #999999 !important; /* آیکون فلش تیره بماند */
            }

        /* حالت هوور برای گزینه‌های غیرفعال */
        #adia-sidebar-pro-final .adia-menu-item:hover:not(.is-selected) {
            border-color: #D81324 !important;
        }

        #adia-sidebar-pro-final .adia-menu-item:hover a span {
            color: #D81324 !important;
        }








/* اصلاح نمایش شماره تماس در محیط راست‌چین */
.contact-info span {
    display: block;
    direction: ltr !important; /* اجبار به نمایش چپ به راست برای اعداد */
    unicode-bidi: embed; /* مدیریت نحوه نمایش کاراکترهای خاص مثل + */
    font-family: 'Dana', sans-serif !important;
    font-weight: 500;
}

/* فاصله دار کردن آیکون در کارت‌های تماس */
.contact-card i {
    font-size: 35px;
    margin-left: 15px; /* فاصله از متن سمت راست در RTL */
    margin-right: 0 !important;
}

/* بهبود چیدمان متن داخل کارت */
.contact-info {
    text-align: right;
    flex-grow: 1;
}












/* ========================================================
   ★ اصلاح نهایی و قطعی چیدمان صفحه اصلی آدیا ★
   ======================================================== */

/* ۱. اصلاح لینک‌های آبی بالای بنر (که روی هم افتاده بودند) */
.main-banner .right-content .row .col-lg-4 {
    margin-bottom: 20px !important;
}

.main-banner .inner h4, .main-banner .inner p {
    color: #fff !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}


/* --- اصلاح نمایش تصویر بنر اصلی (بهترین چرم) --- */

/* ۱. جلوگیری از زوم بیش از حد و فیکس کردن نقطه تمرکز روی بالای عکس */
.main-banner .left-content .thumb img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    /* این خط جادویی باعث می‌شود بالای عکس (صورت و متن) همیشه حفظ شود و پایین عکس در صورت نیاز برش بخورد */
    object-position: center top !important;
}

/* ۲. اصلاح ارتفاع برای مانیتورهای کوچک‌تر و لپ‌تاپ‌ها (مثل ۲۰ اینچ) */
@media (max-width: 1500px) {
    .main-banner .left-content .thumb {
        /* کم کردن ارتفاع در مانیتورهای کوچک‌تر برای تناسب بهتر */
        height: 38rem !important;
    }

    .main-banner .right-content .thumb img {
        /* هماهنگ کردن عکس‌های کوچک سمت چپ با ارتفاع جدید */
        height: 18.5rem !important;
    }
}

/* ۳. خواناتر کردن متن روی عکس در تمام مانیتورها */
.main-banner .left-content .inner-content {
    bottom: 40px !important;
    width: 90% !important;
    left: 5% !important;
    background: rgba(0, 0, 0, 0.3); /* ایجاد یک هاله تیره پشت متن برای تفکیک از عکس */
    padding: 15px !important;
    border-radius: 10px;
}



/* ۲. نمایش قطعی تصاویر محصولات (که الان سفید دیده می‌شوند) */
.product-img-wrapper {
    width: 100% !important;
    height: 220px !important; /* ارتفاع ثابت برای تصویر محصول */
    background-color: #f9f9f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .product-img-wrapper img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important; /* برای اینکه لبه‌های کیف یا محصولات قیچی نشود */
    }

/* ۳. جراحی کارت مقالات (رفع همپوشانی متن‌ها) */
#blog-posts .product-item-card {
    height: 100% !important;
    min-height: 520px !important; /* افزایش ارتفاع کل کارت برای جا شدن متن */
}

#blog-posts .product-img-wrapper {
    height: 200px !important;
}

    #blog-posts .product-img-wrapper img {
        object-fit: cover !important; /* تصویر مقاله باید کادر را پر کند */
    }

/* فیکس کردن جایگاه بج قرمز روی مقالات */
.post-category-badge-red {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 100 !important;
    background-color: #D81324 !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
}

/* فیکس کردن عنوان و خلاصه مقاله */
.product-card-title {
    min-height: 50px !important;
    margin-top: 15px !important;
}

.adia-excerpt-2-lines {
    display: block !important;
    height: 50px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
    text-align: justify !important;
}

/* ۴. دکمه‌های "مشاهده همه" بالای اسلایدرها */
.product-section-header a {
    background-color: #f0f0f0 !important;
    border-radius: 5px !important;
    padding: 5px 15px !important;
    font-size: 12px !important;
    color: #333 !important;
    text-decoration: none !important;
}

    .product-section-header a:hover {
        background-color: #D81324 !important;
        color: #fff !important;
    }

/* ۵. حذف سایه مزاحم دایره‌ای زیر کارت‌ها */
.product-item-card {
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
    border: 1px solid #eee !important;
}