/* پایه کارت‌ها */
.wholesale-page .card {
    border-radius: 12px;
    overflow: hidden;
}
.text-justify {
    text-align:justify;
}
.wholesale-notes i {
    margin-left: 10px;
}

/* جدول */
.wholesale-page .wholesale-table img {
    max-width: 64px;
    height: auto;
}

.wholesale-page .qty-group .qty-input {
    min-width: 60px;
}

/* نسخه موبایل */
@media (max-width: 767.98px) {

    /* حذف عنوان جدول */
    .wholesale-page .wholesale-table thead {
        display: none;
    }

    /* هر ردیف یک کارت */
    .wholesale-page .wholesale-table tbody tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #f1f1f1;
        padding: 12px;
        border-radius: 10px;
        background: #fff;
    }

    /* هر ستون = یک ردیف داخلی */
    .wholesale-page .wholesale-table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 8px 6px;
        border-bottom: 1px solid #eee;
    }

    /* حذف خط آخر */
    .wholesale-page .wholesale-table tbody td:last-child {
        border-bottom: none;
    }

    /* عنوان ستون — کلید اصلی */
    .wholesale-page .wholesale-table tbody td:before {
        content: attr(data-label);
        font-size: 0.95rem;
        color: #444;
        margin-left:5px;
    }

    /* تصویر بزرگ‌تر در موبایل */
    .wholesale-page .wholesale-table tbody td .img-fluid {
        max-width: 80px;
    }
}
/*====================
Wholesale Card
=====================*/

.wholesale-box{

margin-top:22px;

padding:18px;

border-radius:18px;

background:linear-gradient(135deg,#f8fbff,#eef7ff);

border:1px solid #d8eaff;

display:flex;

justify-content:space-between;

align-items:center;

gap:18px;

}

.wholesale-content{

display:flex;

align-items:center;

gap:14px;

}

.wholesale-icon{

width:56px;

height:56px;

border-radius:16px;

background:#0d6efd;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

flex-shrink:0;

}

.wholesale-text strong{

display:block;

font-size:15px;

margin-bottom:4px;

font-weight:700;

color:#222;

}

.wholesale-text span{

font-size:13px;

color:#666;

}

.wholesale-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 18px;

border-radius:12px;

background:#0d6efd;

color:#fff;

font-weight:700;

text-decoration:none;

transition:.25s;

white-space:nowrap;

}

.wholesale-btn:hover{

background:#0b5ed7;

color:#fff;

}

@media(max-width:768px){

.wholesale-box{

flex-direction:column;

align-items:stretch;

text-align:center;

}

.wholesale-content{

justify-content:center;

}

.wholesale-btn{

width:100%;

}

}