/* =========================================
   Variant Tabs
========================================= */

.techorz-variant-tabs{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:20px;

}

.techorz-variant-tab{

    background:#ffffff;

    border:1px solid #7c7c7c !important;

    border-radius:20px;

    padding:6px 22px;

    font-size:12px;

    font-weight:600;

    color:#333333 !important;

    cursor:pointer;

    transition:all .25s ease;

}

.techorz-variant-tab:hover{

    border-color:#2563eb !important;

    color:#111111;

}

/* Active Tab */

.techorz-variant-tab.active{

    background:#ffffff;

    border-color:#2563eb !important;

    color:#333333;

}

.techorz-variant-tab,
.techorz-variant-tab:hover,
.techorz-variant-tab:focus,
.techorz-variant-tab:active{

    background:#fff !important;

    color:#111111;

    outline:none;

    box-shadow:none;

}

.techorz-offers-heading{

    font-size:13px !important;

    font-weight:600 !important;

    margin-bottom:16px !important;

    color:#111827 !important;

}

.techorz-vendor-card{

    display:grid;

    grid-template-columns:50px 1fr 90px 95px;

    align-items:center;

    gap:12px;

    padding:12px 16px;

    border:1px solid #E5E7EB;

    border-radius:10px;

}

.techorz-vendor-card:hover{

    border-color:#2563EB;

    box-shadow:0 6px 18px rgba(0,0,0,.08);

}

.vendor-logo img{

    width:26px !important;

    height:26px !important;

}

.vendor-name{

    font-size:14px !important;

    font-weight:600 !important;

    color:#262626 !important;

}

.vendor-price{

    font-size:14px !important;

    font-weight:800 !important;

    color:#2563eb !important;

    white-space:nowrap !important;

}

.vendor-buy-btn{

    width:82px !important;

    height:34px !important;

    font-size:12px !important;

    font-weight:800 !important;

    border-radius:8px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    text-decoration:none !important;

}

.techorz-vendor-list{

    display:flex !important;

    flex-direction:column !important;

    gap:10px !important;

}

@media (max-width:767px){

    .techorz-vendor-card{

        grid-template-columns:40px 1fr 75px 80px;

        gap:8px;

        padding:10px 12px;

    }

    .vendor-logo img{

        width:26px;

    }

    .vendor-name{

        font-size:13px;

    }

    .vendor-price{

        font-size:14px;

    }

    .vendor-buy-btn{

        width:74px;

        height:30px;

        font-size:12px;

    }

}