.asw-wrapper{
    margin:20px 0;
}

.asw-group{
    margin-bottom:25px;
}

.asw-heading{
    font-size:15px;
    margin-bottom:12px;
    color:#111;
}

.asw-selected{
    font-weight:600;
    color:#007185;
}

.asw-options{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

/* ------------------------------------
Amazon Cards
------------------------------------ */

.asw-card{

    width:95px;

    border:1px solid #d5d9d9;

    border-radius:8px;

    background:#fff;

    cursor:pointer;

    overflow:hidden;

    transition:.2s;

    text-align:center;

    padding:8px;

}

.asw-card:hover{

    border-color:#007185;

    box-shadow:0 0 0 2px rgba(0,113,133,.15);

}

.asw-card.selected{

    border:2px solid #007185;

}

.asw-card.disabled{

    opacity:.45;

    pointer-events:none;

}

.asw-card-image{

    width:100%;

    aspect-ratio:1;

    overflow:hidden;

    border-radius:6px;

    background:#fafafa;

}

.asw-card-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.asw-placeholder{

    width:100%;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eee;

    font-size:24px;

    font-weight:bold;

}

.asw-card-title{

    margin-top:8px;

    font-size:13px;

    font-weight:600;

    color:#222;

}

.asw-card-price{

    margin-top:4px;

    font-size:12px;

    color:#B12704;

}

/* ------------------------------------
Amazon Buttons
------------------------------------ */

.asw-button{

    min-width:58px;

    padding:9px 16px;

    border:1px solid #888;

    border-radius:8px;

    background:#fff;

    cursor:pointer;

    transition:.2s;

    font-size:14px;

}

.asw-button:hover{

    border-color:#007185;

}

.asw-button.selected{

    border:2px solid #007185;

    background:#eef9fb;

}

.asw-button.disabled{

    opacity:.4;

    cursor:not-allowed;

    pointer-events:none;

}

@media(max-width:768px){

    .asw-card{

        width:80px;

    }

}