/* ==========================================================
   Retailer Offers
========================================================== */

.offers-table{

    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:18px;

    background:#FFF;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.offers-table thead{

    background:#F8F8F5;

}

.offers-table th{

    padding:18px 24px;

    text-align:left;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.05em;

    color:#666;

}

.offers-table td{

    padding:20px 24px;

    border-top:1px solid #EEE;

    font-size:16px;

}

.product-retailer-comparison { margin-top:40px; }
.product-retailer-comparison .retailer-comparison-list { display:grid; gap:16px; margin:0; padding:0; list-style:none; }
.product-retailer-comparison .retailer-comparison-card { display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid #e1e8df; border-radius:var(--radius-md); padding:18px; background:#fff; }
.product-retailer-comparison .retailer-comparison-card.is-unavailable { background:#f7f8f6; }
.product-retailer-comparison .retailer-left,.product-retailer-comparison .retailer-right { display:flex; align-items:center; gap:14px; }
.product-retailer-comparison .retailer-logo { width:52px; height:52px; object-fit:contain; }
.product-retailer-comparison .retailer-left h3 { margin:0; font-size:17px; }
.product-retailer-comparison .retailer-availability { color:var(--color-text-light); }
.product-offers-empty { margin:12px 0 0; color:var(--color-text-light); }
@media(max-width:640px){.product-retailer-comparison .retailer-comparison-card,.product-retailer-comparison .retailer-right{align-items:flex-start;flex-direction:column}.product-retailer-comparison .retailer-right{width:100%}}

.offers-table tbody tr{

    transition:.25s ease;

}

.offers-table tbody tr:hover{

    background:#FAFAF8;

}

.offers-table td:last-child{

    text-align:right;

}

.btn-sm{

    padding:10px 20px;

    font-size:14px;

}
.offers-table td:nth-child(2){

    font-weight:700;
    color:var(--color-brand-primary);

}

.offers-table td:nth-child(4){

    white-space:nowrap;

}

.offers-table tbody tr:hover{

    transform:scale(1.01);

}

.offers-table td{

    vertical-align:middle;

}