/* ======= گالری تصاویر ======= */
.main-image {
    width: 100%;
    border-radius: 12px;
    transition: 0.3s;
}
.thumb-row {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    overflow-x: auto;
}
.thumb {
    width: 60px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: 0.3s;
}
.thumb:hover, .thumb.active-thumb {
    border-color: #1E6F5C;
    /*transform: scale(1.05);*/
}

/* ======= باکس خرید ======= */
.buy-box {
    border: 2px solid #1E6F5C;

    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 15px;
    transition: 0.3s;
}
.buy-box:hover { box-shadow: 0 0 25px rgba(0,0,0,0.08); }

.price {
    font-size: 24px;
    color: #1E6F5C;
    text-align: center;
    margin-bottom: 15px;
}

.btn-buy {
    background: #1E6F5C;
    color: #fff;
    border-radius: 12px;
    font-size: 17px;
    width: 100%;
    transition: 0.3s;
}
.btn-buy:hover {
    background: #1E6F5C;
    color: #fff;
}

/* ======= گزینه‌های رنگ و سایز ======= */
.option-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.option-group.color-options .option-item {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid rgba(30,111,92,0.6);
    cursor: pointer;
    transition: all 0.3s;
}
.option-group.color-options .option-item:hover {
    border-color: #1E6F5C;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.option-group.color-options .option-item.active {
    /*background: #1E6F5C;*/
    color: #fff;
    border-color: #1E6F5C;
    transform: scale(1.05);
}
.option-group.size-options .option-item {
    padding: 10px 15px;
    border-radius: 12px;
    border: 1px solid rgba(30, 111, 92, 0.6);
    background: rgba(255,255,255,0.15);
    color: #1E6F5C;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}
.option-group.size-options .option-item:hover {
    background: rgba(30, 111, 92, 0.15);
    border: 1px solid #1E6F5C;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.option-group.size-options .option-item.active {
    background: #1E6F5C;
    color: #fff;
    border: 1px solid #1E6F5C;
}

/* ======= تعداد محصول ======= */
.quantity-box {
    display: flex;
    border: 1px solid #bcd4c9;
    border-radius: 12px;
    overflow: hidden;
    width: 140px;
    margin-bottom: 20px;
}
.qty-btn {
    width: 40px;
    height: 40px;
    border: none;
    background: #1E6F5C;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}
.qty-btn:hover { background: #174f43; }
.qty-input {
    width: 60px;
    text-align: center;
    border: none;
    font-weight: bold;
    font-size: 16px;
}

/* ======= جدول مشخصات ======= */
.specs-table th {
    background: #1E6F5C;
    color: #fff;
    padding: 12px;
    width: 30%;
}
.specs-table td {
    background: #f7f7f7;
    padding: 12px;
}
.specs-table tr:nth-child(even) td { background: #efefef; }

/* ======= تب‌ها ======= */
.nav-tabs .nav-link.active { background: #1E6F5C; color: #fff !important; }
.nav-tabs .nav-link { color: #1E6F5C; font-weight: 600; }
.details{
    padding-top: 60px;
}
.ul-details > li{
    border-bottom: 1px solid #1E6F5C;
    padding: 10px;
}
.tab-content{
    border-radius: 0 0 20px 20px;
}

/* ======= ریسپانسیو ======= */
@media(max-width:768px){
    .thumb { width: 50px; height: 50px; }
    .buy-box .price { font-size: 20px; }
    .btn-buy { font-size: 15px; }
    .thumb-row{margin-bottom: 20px;}
    .details{padding-top: 30px}
    /*.qty-btn { width: 35px; height: 35px; font-size: 20px; }*/
    /*.qty-input { width: 50px; font-size: 14px; }*/
}
/*.product {*/
    /*width: 100%;*/
/*    width: 250px;*/
/*    height: 45vh;*/
/*    margin: auto;*/
/*    border-radius: 1rem;*/
/*    overflow: hidden;*/
/*    background: white;*/
/*    box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/
/*    transition: all 1s ease;*/
/*    padding: 10px;*/
/*    position: relative;*/
/*}*/

/*.product:hover {*/
    /*transform: scale(1.02);*/
/*    box-shadow: 0 8px 18px rgba(0,0,0,0.2);*/
/*}*/

/* تصویر محصول */
/*.product-img-container {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.img-product {*/
/*    width: 100%;*/
/*    height: 25vh;*/
/*    object-fit: cover;*/
/*    border-radius: 1rem;*/
/*    transition: all 0.5s ease;*/
/*}*/
/*.img-hover{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    opacity: 0;*/
/*    width: 100%;*/
/*    height: 25vh;*/
/*    object-fit: cover;*/
/*    border-radius: 1rem;*/
/*}*/
/*.product:hover .img-hover {*/
/*    opacity: 1;*/
/*    transform: scale(1.05);*/
/*    transition: opacity 0.5s ease, transform 0.7s ease;*/
/*}*/

/*.product:hover .img-product {*/
/*    opacity: 0;*/
/*    transform: scale(1.05);*/
/*    transition: opacity 0.5s ease, transform 0.7s ease;*/
/*}*/




/* 🎯 آیکون سبد خرید */
/*.product-icon {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    right: 10px;*/
/*    background: #1E6F5C;*/
/*    border-radius: 10px;*/
/*    padding: 8px 12px;*/
/*    color: white;*/
/*    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);*/
/*    transition: all 0.4s ease;*/
/*    opacity: 0;*/
/*    transform: translateY(-10px);*/
/*    pointer-events: none;*/
/*}*/

/*.product:hover .product-icon {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*    pointer-events: auto;*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .product {*/
/*        width: 180px;*/
/*    }*/
/*}*/



/* ✨ همیشه نمایش در موبایل */
/*@media (max-width: 768px) {*/
/*    .product-icon {*/
/*        opacity: 1 !important;*/
/*        transform: translateY(0) !important;*/
/*        pointer-events: auto !important;*/
/*    }*/
/*}*/

/* متن و قیمت */
/*.product h5 {*/
/*    margin-top: 1rem;*/
/*    font-weight: 600;*/
/*    color: #333;*/
/*}*/

/*.price {*/
/*    color: #1e6f5c;*/
/*    font-weight: bold;*/
/*}*/

/*.old-price {*/
/*    color: #888;*/
/*    text-decoration: line-through;*/
/*    font-size: 0.9rem;*/
/*}*/
/*اسکرول*/

/*اسکرول*/
.scroll-container {
    position: relative;
}


.scroll-btn {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: transparent;
    color: #1E6F5C;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.left-btn { left: 0; }
.right-btn { right: 0; }

.scroll-btn {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.7s ease;
}
.scroll-container:hover .scroll-btn {
    opacity: 1;
    pointer-events: auto;
}
@media (max-width: 768px) {
    .scroll-btn {
        display: none;
    }
}
/* ---------- Swiper ---------- */

.swiper{
    width:100%;
    overflow:hidden;
}

.swiper-wrapper{
    align-items:stretch;

}

.swiper-slide{
    height:auto;
    display:flex;
    justify-content:center;
}

.swiper-slide .product{
    width:100%;
}

/*-----*/
.section-header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section-header-box h3 {
    color: #1E6F5C;
    font-size: clamp(16px, 1.8vw, 25px);
    position: relative;
    /*background: #E8F5F1FF;*/
    background-image: linear-gradient(to right top,white,#E8F5F1FF);
    padding: 8px;
    border-radius: 0.75rem;
    right: 0;
   
}




.view-all {
    text-decoration: none;
    color: white;
    transition: 0.3s;
    font-size: clamp(12px, 1.3vw, 18px);

}

.view-all:hover {
    color: #28c7a9;
}
/*-----*/
.section-product-box {
    position: relative;
    z-index: 1;
}

.section-product-box::before {
    content: "";
    position: absolute;
    top: -20px;
    right: 0;
    width: 100%;
    height: 55%;
    background: #1E6F5C;
   
    
    z-index: -1;
    
}


.installment-banner{

    margin:25px 15px;

}

.installment-content{

    background:linear-gradient(135deg,#1E6F5C,#2b9078);

    border-radius:22px;

    padding:18px 28px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    color:#fff;

    box-shadow:0 15px 35px rgba(30,111,92,.25);

}

.installment-left{

    display:flex;

    align-items:center;

    gap:18px;

}

.installment-icon{

    width:60px;

    height:60px;

    background:rgba(255,255,255,.15);

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    backdrop-filter:blur(8px);

    font-size:28px;

}

.installment-text h5{

    margin:0;

    font-size:22px;

    font-weight:700;

}

.installment-text p{

    margin:6px 0 0;

    opacity:.9;

    font-size:14px;

}

.installment-center{

    text-align:center;

}

.installment-center span{

    display:block;

    opacity:.8;

    font-size:14px;

}

.installment-center strong{

    font-size:32px;

    font-weight:800;

}

.installment-brand{

    display:flex;

    align-items:center;

    gap:12px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(8px);

    padding:10px 16px;

    border-radius:14px;

}

.installment-brand img{

    width:42px;

    height:42px;

    object-fit:contain;

    background:#fff;

    border-radius:10px;

    padding:4px;

}

.installment-brand span{

    color:#fff;

    font-size:18px;

    font-weight:700;

}


@media(max-width:992px){

    .installment-content{

        flex-direction:column;

        text-align:center;

        padding:22px;

    }

    .installment-left{

        flex-direction:column;

    }

}