﻿.footer.fixed {
    background: none !important; /* حذف کامل بک‌گراند */
    background-color: transparent !important; /* اطمینان از شفافیت کامل */
    box-shadow: none !important; /* حذف هرگونه سایه */
    border: none !important; /* حذف حاشیه */
}

.footer .container {
    background: none !important; /* حذف بک‌گراند کانتینر */
    background-color: transparent !important; /* شفافیت کامل */
    box-shadow: none !important; /* حذف سایه */
    border: none !important; /* حذف حاشیه */
}
    .footer.fixed::before,
    .footer.fixed::after,
    .footer .container::before,
    .footer .container::after {
        display: none !important; /* حذف المان‌های شبه‌کلاس */
    }

/* وقتی اسکرول می‌کنید، محتوا زیر فوتر شفاف دیده شود */
.footer.fixed::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1); /* پس‌زمینه خیلی ملایم برای تمایز (اختیاری) */
    z-index: -1; /* قرار گرفتن در پشت فوتر */
}

/* استایل عمومی دکمه‌ها */
.footer .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* فاصله بین آیکون و متن */
    transition: all 0.3s ease; /* انیمیشن نرم */
    height: 50px; /* ارتفاع ثابت برای دایره */
    padding: 0 15px; /* پدینگ افقی */
    border-radius: 25px; /* گوشه‌های گرد */
}

/* دکمه‌ها در حالت بسته (فقط آیکون) */
#add-to-cart-btn, #remove-from-cart-btn {
    width: 50px; /* عرض دایره در حالت بسته */
    border-radius: 50%; /* دایره کامل */
    padding: 0; /* حذف پدینگ */
}

    /* دکمه‌ها در حالت باز (آیکون + متن) */
    #add-to-cart-btn:hover, #remove-from-cart-btn:hover {
        width: 150px; /* عرض یکسان با دکمه ادامه خرید */
        border-radius: 25px; /* تبدیل به کپسول */
        padding: 0 15px; /* پدینگ برای متن */
    }

/* آیکون‌ها */
.footer .btn i {
    font-size: 16px; /* اندازه آیکون */
    margin: 0; /* حذف حاشیه */
}

/* متن دکمه‌ها */
.btn-text {
    font-size: 16px; /* اندازه متن */
    white-space: nowrap; /* جلوگیری از شکستن متن */
}

/* دکمه ادامه خرید (همیشه باز) */
#continue-payment-btn {
    width: 150px; /* عرض ثابت و یکسان با حالت باز دکمه‌های دیگر */
    border-radius: 25px; /* شکل کپسول */
}

/* انیمیشن هاور */
.footer .btn:hover {
    transform: scale(1.05); /* بزرگ شدن ملایم */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* سایه ملایم */
}

.specs-container {
    border-radius: 8px; /* گوشه‌های گرد */
    padding: 10px; /* فاصله داخلی */
}

    .specs-container .row {
        border-radius: 8px; /* گوشه‌های گرد */
        background-color: #ffffff; /* رنگ سفید برای سطرها */
    }

        .specs-container .row:nth-child(odd) {
            background-color: #f1f3f5; /* رنگ متناوب برای سطرها */
        }

    .specs-container .col-4 {
        color: #343a40; /* رنگ متن تیره برای عنوان‌ها */
    }

    .specs-container .col-8 {
        color: #495057; /* رنگ متن کمی روشن‌تر برای مقادیر */
    }

.fa-info-circle {
    color: #007bff; /* رنگ آیکون */
}
.starShow2 {
    height: 64px !important;
    width: 64px !important;
    text-align: center;
    line-height: 64px;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    background: #FF8730;
    box-shadow: 0px 9px 18px 0px rgba(255, 135, 48, 0.4);
}

@media (min-width: 768px) {
    .page-content{
        margin-top:12px;
    }
    .dz-product-detail {
        
        margin-top: 0;
        position: unset;
    }
    .dz-product-preview {
        border-radius: 12px;
    }
    .starShow1 {
        display: none !important;
    }
    .detaildiv {
        border-radius: 12px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
}

@media (max-width: 767px) {
    .detaildiv {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }
}
