/* =====================================================
   NAWAB STORE TOOLKIT - CLEAN EDITABLE CSS
   ===================================================== */

/* ===== COMMON (ALL DEVICES) ===== */

.variable-items-wrapper{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
}

.variable-item.button-variable-item{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:#111218!important;
    border:1px solid #31344d!important;
    border-radius:10px!important;
    overflow:hidden!important;
    transition:.2s;
}

.variable-item.button-variable-item.selected{
    border:1px solid #f0b90b!important;
    box-shadow:0 0 0 1px rgba(240,185,11,.2)!important;
}

.variable-item.button-variable-item:hover{
    border-color:#f0b90b!important;
}

.variable-item-contents,
.nst-card{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    height:100%!important;
    text-align:center!important;
    box-sizing:border-box!important;
}

.variable-item-span-button{display:none!important;}

/* =====================================================
   DESKTOP (992px+)
   ===================================================== */
.variable-item.button-variable-item{height:96px!important;min-height:96px!important;}
.nst-card{padding:12px 10px!important;gap:4px!important;}
.nst-title{font-size:12px!important;font-weight:700;color:#fff;line-height:1.1!important;}
.nst-price{font-size:20px!important;font-weight:700;color:#ffc400;line-height:1.1!important;}
.nst-stock{font-size:10px!important;color:#2ecc71;line-height:1.1!important;}

/* =====================================================
   TABLET (768px - 991px)
   ===================================================== */
@media (max-width:991px){
.variable-item.button-variable-item{height:92px!important;min-height:92px!important;}
.nst-card{padding:10px 8px!important;gap:4px!important;}
.nst-title{font-size:14px!important;}
.nst-price{font-size:18px!important;}
.nst-stock{font-size:14px!important;}
}

/* =====================================================
   MOBILE (767px and below)
   ===================================================== */
@media (max-width:767px){
.variable-item.button-variable-item{height:88px!important;min-height:88px!important;}
.nst-card{padding:8px 6px!important;gap:3px!important;}
.nst-title{font-size:10px!important;}
.nst-price{font-size:16px!important;}
.nst-stock{font-size:9px!important;}
}


/* Out of stock */
.nst-stock.nst-out-stock{color:#d65a5a!important;}