.rating.ui-tooltip::after{
    left: 0px !important;
    top: -30px !important;
    color: var(--text);
}
.grapes{
    display:block!important;
}
.memberPrice{
    font-size: 1.2rem;
    color: #999;
}
.card-wine__price small, .product__price small {
    margin:0px;
}
.list-card-wine--listview .card-wine__qview{
    display:none;
}

/* newly added */
.product-summary {
    margin: 16px 0 40px;
    font-size: 14px;
    line-height: 1.6;
    color: #6e685f;
    text-align: center;
}
.product-count {
    font-weight: 600;
    color: #23201d;
}
.separator {
    margin: 0 8px;
    color: #c9c3b8;
}


.bold{
    color: rgb(35, 32, 29);
    font-weight: 600;
}
.card-wine__image-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/* =========================================================
   Product List
========================================================= */

.product-list{
    /*font-family: Montserrat, sans-serif;*/
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:24px;
    margin-bottom: 36px;
}

.product-list--list{
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* =========================================================
   Card
========================================================= */

.card-wine{
    display:flex;
    flex-direction:column;

    background:#fff;

    border:1px solid rgba(30,25,20,.10);
    border-radius:4px;

    overflow:hidden;

    text-decoration:none;
    color:inherit;

    transition:
        transform .25s,
        box-shadow .25s;
    box-shadow: none;
}

.card-wine:hover{

    transform:translateY(-4px);

    /*ox-shadow:0 8px 24px rgba(0,0,0,.08);*/

}

/* =========================================================
   Image
========================================================= */

.card-wine__image{

    position:relative;

    height:300px;

    display:flex;

    justify-content:center;
    align-items:center;

    background:#fff;

    border-bottom:1px solid rgba(30,25,20,.07);

}

/*
.card-wine__image-img{

    width:auto;
    height:auto;

    max-width:80%;
    max-height:270px;

    object-fit:contain;

}
*/

/* =========================================================
   Badge Area
========================================================= */

.card-wine__badges{

    position:absolute;

    top:14px;
    left:14px;

    display:flex;
    flex-direction:column;

    gap:6px;

}

/* =========================================================
   Awards
========================================================= */

.card-wine__awards{

    position:absolute;

    left:14px;

    top:58px;

    display:flex;

    flex-direction:column;

    gap:6px;

}

/* =========================================================
   Features
========================================================= */

.card-wine__features{

    position:absolute;

    left:14px;
    bottom:14px;

    display:flex;

    gap:6px;
    margin-bottom: 0px;

}
.card-wine .card-wine__features .tooltiptext{
    top: -65px !important;
}
.card-wine__soldout,.card-wine__archived{

    position:absolute;

    display:flex;

    justify-content:center;

    align-items:center;

    pointer-events:none;

    bottom: 20px;

}

.card-wine__soldout .status,.card-wine__archived .status{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:7px 16px;

    border:1px solid rgba(35,32,29,.35);

    background:rgba(255,255,255,.82);

    color: var(--text);

    font-size:11px;

    letter-spacing:.30em;

    text-transform:uppercase;

}

/* =========================================================
   Favorite
========================================================= */

/*
.card-wine__favorite{

    position:absolute;

    top:12px;
    right:12px;

    width:34px;
    height:34px;

    border:none;

    border-radius:50%;

    background: #fff;

    display:flex;

    justify-content:center;
    align-items:center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);

    cursor:pointer;
    font-weight: 400;
    color: rgb(138, 131, 122);

}
*/
.card-wine__favorite{

    width:34px;
    height:34px;

    border:0;
    border-radius:50%;
    top: 12px;
    right: 12px;
    position: absolute;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);

    background-color:rgba(255,255,255,.9);

    background-repeat:no-repeat;
    background-position:center;
    background-size:16px;

    
}

.card-wine__favorite{
    background-image:var(--icon-heart);
}

.card-wine__favorite.is-favorite{
    background-image:var(--icon-heart-filled);
}
/*==================================================
    Quick View
==================================================*/

.card-wine__image{

    position:relative;

    overflow:hidden;

}

/* Image Animation */
/*
.card-wine__image-img{

    display:block;

    width:auto;
    height:auto;

    max-width:80%;
    max-height:272px;

    object-fit:contain;

    transition:
        transform .45s cubic-bezier(.22,.61,.36,1),
        filter .35s ease;

}
*/
.card-wine:hover .card-wine__image-img{

   /* transform:scale(1.035);*/

}

/* Bottom Gradient */

.card-wine__image::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:110px;

    background:linear-gradient(
        to top,
        rgba(255,255,255,.92),
        rgba(255,255,255,.55),
        rgba(255,255,255,0)
    );

    opacity:0;

    transition:opacity .35s ease;

    pointer-events:none;

}

.card-wine:hover .card-wine__image::after{

   /* opacity:1;*/

}

/*==================================================
    Image Container
==================================================*/

.card-wine__image{

    position:relative;

    overflow:hidden;

}

/*==================================================
    Image
==================================================*/

.card-wine__image-img{
    /*
    display:block;
    width:auto;
    height:auto;
    max-height:272px;
    min-height:272px;
    object-fit:contain;
    */
    display: block;
    height: 272px;
    max-width: 100%;
    width: auto;
}

/*==================================================
    Bottom Gradient
==================================================*/

.card-wine__image::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:90px;

    background:linear-gradient(
        to top,
        rgba(255,255,255,.90),
        rgba(255,255,255,.55),
        rgba(255,255,255,0)
    );

    opacity:0;

    transition:opacity .25s ease;

    pointer-events:none;

}

/*==================================================
    Quick View
==================================================*/

.card-wine__quick-view{

    position:absolute;
    /*
    left:18px;
    right:18px;
    */
    /*bottom:20px;*/

    height:34px;

    display:flex;

    justify-content:center;
    align-items:center;

    gap:8px;

    border:1px solid rgba(255,255,255,.45);

    border-radius:0px;

    background:rgba(255,255,255,.78);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    color: var(--text);

    font-size:12px;

    font-weight:400;

    letter-spacing:.14em;

    text-transform:uppercase;

    cursor:pointer;

    opacity:0;

    transform:translateY(8px);

    transition:
        opacity .25s ease,
        transform .30s ease,
        background .20s ease,
        color .20s ease,
        border-color .20s ease;

    pointer-events:none;

    z-index:5;
    padding: 0px 14px;
}

/*==================================================
    Hover Image Only
==================================================*/

.card-wine__image:hover::after{

    /*opacity:1;*/

}

.card-wine__image:hover .card-wine__quick-view{

    opacity:1;

    transform:translateY(0);

    pointer-events:auto;

}

/*==================================================
    Button Hover
==================================================*/

.card-wine__quick-view:hover{

    background:#fff;

    border-color:rgba(35, 32, 29, .35);

    color: var(--link);    

}
/* =========================================================
   Summary
========================================================= */

.card-wine__summary{

    flex:1;

    display:flex;
    flex-direction:column;

    padding:20px 16px;
    max-width: 100%;
}


.card-wine__title{

    margin:12px 0 6px;

    font-size:17px;

    font-weight:600;

    line-height:1.35;

    color: var(--text);

    min-height:48px;

}

.card-wine__tags{

    display:flex;

    flex-wrap:wrap;

    gap:6px;

    min-height:22px;

}

.card-wine__tags .tag{
    padding: 2px 6px;
}
.card-wine__tags .tag a{
    color: var(--text-label);
}

/* =========================================================
   Footer
========================================================= */

.card-wine__footer{
    margin-top:auto;
    padding:0px 20px 20px;
}

.card-wine__divider{
    height:1px;
    background:rgba(30,25,20,.09);

    margin:0 3px 16px;
}



.card-wine__prices{

    display:flex;

    align-items:baseline;

    gap:8px;

    flex-wrap:wrap;

}

.card-wine__message{

    margin-top:8px;

    font-size:11px;

    font-weight:600;

    color:#c81e3a;

}

/* =========================================================
   Wine Color
========================================================= */

.wine-color{

    width:9px;
    height:9px;

    border-radius:50%;

    border:1px solid rgba(0,0,0,.12);

}

.wine-color--red{

    background:#6e1e2b;

}

.wine-color--white{

    background:#d9c46a;

}

.wine-color--rose{

    background:#e2a8b8;

}

.wine-color--orange{

    background:#d28b35;

}

.wine-color--sparkling{

    background:#efe4a0;

}

/* =========================================================
   Badge
========================================================= */

.badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:5px 10px;

    border-radius:2px;

    color:#fff;

    font-size:10px;

    font-weight:400;

    letter-spacing:.14em;

    text-transform:uppercase;

}

.badge--sale{

    background:var(--sale);

}

.badge--special-case{

    background: var(--special-case);

}

.badge--new{

    background: var(--new);


}
.badge--flash-sale{
    background: var(--flashsale);
}
.badge--low-stock{

    background: var(--low-stock);

}

.badge--sold-out{

    background:#666;

}

.badge--coming-soon{

    background:#3f6a92;

}

/* =========================================================
   Feature Icon
========================================================= */

.feature{

    width:26px;
    height:26px;

    border-radius:50%;

    background:#fff;

    display:flex;

    justify-content:center;
    align-items:center;

    box-shadow:0 1px 4px rgba(0,0,0,.15);

    font-size:10px;
    margin-right: 0px;
    margin-bottom: 0px;

}

/* =========================================================
   Tag
========================================================= */

.tag{

    padding:3px 8px;

    border:1px solid rgba(30,25,20,.16);

    border-radius:2px;

    font-size:10px;

    letter-spacing:.10em;

    text-transform:uppercase;

}

/* =========================================================
   Price
========================================================= */

.price-old{

    font-size:13px;

    color:#a49d93;

    text-decoration:line-through;

}

.price-current{

   font-size:17px;

    font-weight:700;

    line-height:1;

    letter-spacing:-.01em;

    color:var(--text);

}

.price-tax{

    font-size:10px;

    color:#999;

}

/* =========================================================
   List View
========================================================= */

.product-list--list .card-wine{

    display:grid;

    grid-template-columns:220px 1fr 200px;

    align-items:stretch;

}

.product-list--list .card-wine__image{

    height:220px;

    border-right:1px solid rgba(30,25,20,.07);

    border-bottom:none;

}

.product-list--list .card-wine__summary{

    justify-content:center;

}

.product-list--list .card-wine__footer{

    border-top:none;

    /*border-left:1px solid rgba(30,25,20,.09);*/

    display:flex;

    flex-direction:column;

    justify-content:center;

    margin:0;

}
/* =========================================================
   Ratings
========================================================= */

.card-wine__ratings{

    display:flex;

    flex-wrap:wrap;

    gap:6px;

    margin-bottom:14px;

}

.rating{

    display:inline-flex;

    align-items:center;

    gap:4px;

    padding:4px 8px;

    border-radius:2px;

    background: var(--rating);

    color:#f5f2ed;

    font-size:9.5px;

}

.rating__score{

    font-size:11px;

    font-weight:600;

    letter-spacing:.02em;

}

.rating__source{

    opacity:.7;

    text-transform:uppercase;

    letter-spacing:.10em;

}
/*==================================================
    Price Label
==================================================*/

.price-label{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:34px;

    padding:7px 13px;

    border:1px solid rgba(30,25,20,.20);

    border-radius:2px;

    background:#fff;

    color:var(--text-label);

    font-size:11px;

    font-weight:500;

    letter-spacing:.12em;

    text-transform:uppercase;

}
.price-label a{
    color: var(--text-label);
}

.view-toggle__button{

    display:flex;

    align-items:center;

    justify-content:center;

    width:30px;

    height:30px;

    padding:0;

    border:1px solid rgba(30,25,20,.15);

    border-radius:2px;

    background:transparent;

    color:#8a857d;

    cursor:pointer;

    transition:
        background .2s,
        color .2s,
        border-color .2s;
    margin: 0px 2px;

}

.view-toggle__button:hover{

    border-color: var(--text);

    color: var(--text);

}

.view-toggle__button.is-active{

    background: var(--text);

    border-color: var(--text);

    color:#fbfaf8;

}

.view-toggle__button svg{

    width:15px;

    height:15px;

    pointer-events:none;

}
.wine-listing__view-label{
    padding-right: 10px;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(138, 133, 125);
}   

/* END */

/* =========================
   Shared Tooltip
   ========================= */
.ui-tooltip {
  outline: none;
}

.ui-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    z-index: 3;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    transition: opacity 0.3s, visibility 0.3s;
    pointer-events: none;
    font-size: 10px;
    font-weight: 400;
    top: -10px;
    text-transform: initial;
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    background: #fff;
}

.ui-tooltip:hover::after,
.ui-tooltip:focus-visible::after {
  opacity: 1;
  visibility: visible;
}


.feature.ui-tooltip::after {
    left: 0px!important;
    top: -30px!important;
}
.card-wine__favorite.ui-tooltip::after{
    right: 24px;
}
.awards.ui-tooltip::after{
    top: -40px;
    left: 37px;
    background: #fff;
    width:100px;
    white-space: normal;
}
.price-label.notifyme{
    cursor: pointer;    
}
.product-list--list .card-wine__excerpt {
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
/*    
   line-height: 22px;
    max-height: 115px;
    margin-top: 6px;
*/    
}
.product-list--list .card-wine__excerpt p{
    margin-bottom: 2px;
}
.product-list--list .card-wine__title{
    min-height: 0px;
}
.product-list--list .card-wine__ratings:empty, .product-list--list .card-card-wine__tags:empty{
    display: none;
}
.product-list--list .card-wine__divider{
    display:none;
}
.product-list--list .card-wine__footer{
    position:relative;
    padding-left:24px;
}
.product-list--list .card-wine__footer::before{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    bottom:16px;
    width:1px;
    background:rgba(30,25,20,.12);
}
.product-list--list .award-icons{
    top: -10px;
}
.product-list--list .card-wine__image-img{
    max-height: 211px;
}
.product-list--list .card-wine{
    grid-template-columns: 220px 1fr minmax(195px, max-content);
}
.product-list--list .card-wine__prices{
    align-items: flex-end;
    text-align: right;
    flex-direction: column;
    gap: 4px;
}    
.product-list--list .card-wine__origin{
    font-size: 10.5px;
}
.product-list--list .card-wine__message{
    margin-top: 5px;
    text-align: right;
}
.product-list--list .card-wine__name{
    font-size: 19px;
}
.product-list--list .card-price-current {
    font-size: 20px;
}
.text--soldout{
    color: var(--soldout);
}
.text--sale{
    color: var(--sale);
}
.list-controls, .wine-listing__controls{
    border-top: 1px solid #1E19141F!important;
    border-bottom: 1px solid #1E19141F!important;
}
.list-control__btn, .wine-listing__control-btn{
    border-right: 1px #1E19141F!important;
}
.wine-listing__control-btn .icon-arrow-down::after{
    content: "▾";
    flex: 0 0 auto;
    color: #6f6a62;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial !important;
    font-size: 14px;
    width: 22px;
    height: 22px;
    line-height: 1;
    text-align: center;
    transform: rotate(0deg);
    transform-origin: center center;
    transition: none;
}
.icon-arrow-down:before {
    content: ""!important;
}
/*
.card-wine.archieved{
    background: #fafafa;
    border-color: #e5e5e5;
    opacity: .75; 
}
*/    
.list-control__select, .wine-listing__control-select{
    border-bottom: 1px solid #1E19141F!important;
    border-left: 1px solid #1E19141F!important;
    border-right: 1px solid #1E19141F!important;
}
.wine-listing__controls{
    color: #3A362F;
    font-size: 13px;
    letter-spacing: 0.05em;
}
.list-control__btn>i, .wine-listing__control-btn>i{
    margin-left: 0;
}
.icon--plus{
 font-size: 11px; /* 15px */
    color: #9c7a3c;
    opacity: 1;
}
.toolbar__divider{
    width: 1px;
    height: 16px;
    background: rgba(30, 25, 20, 0.15);
    margin-left: 35px;
}
.search-filters{
    font-size: 10.5px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgb(154, 148, 139);
    margin-right: 2px;
    margin-left: -12px;
}    
.wine-listing__share-link{
    margin-left: auto;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.toolbar-link{
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgb(138, 133, 125);
    text-decoration: none;
    transition: color .2s ease;
    white-space: nowrap;
    align-items: center;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.wine-listing__share-link .toolbar__divider{
    margin: 0px 5px 0px 17px;    
}
.product-toolbar-link__icon{
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}
.toolbar-link:hover{
    color: var(--link);
}
.toast-message {
    position: fixed;
    left: 50%;
    /*bottom: 30px;*/
    transform: translateX(-50%) translateY(15px);

    background: #23201d;
    color: #fff;
    padding: 10px 18px;
    border-radius: 3px;

    font-size: 12px;
    font-weight: 500;
    letter-spacing: .03em;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s;

    z-index: 99999;
}

.toast-message.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
@media (max-width: 798px){
    .wine-listing__share-link,.wine-listing__view{
        display:none;
    }
}
@media (min-width: 768px) {
    .list-control, .wine-listing__control {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 124px;
        flex: 0 0 124px;
    }
    .list__view, .wine-listing__view {
        margin-left: inherit;
    }
}
@media (min-width: 768px) {
    .list-control__btn, .wine-listing__control-btn {
        padding: 17px 11px;
    }
    .list-control.is-active .list-control__btn, .list-control.is-active .wine-listing__control-btn, .is-active.wine-listing__control .list-control__btn, .is-active.wine-listing__control .wine-listing__control-btn {
        border-left: 1px solid #1E19141F!important;
    }
}

@media (max-width: 767px){
    .product-list--list .item-card-wine{

        flex:0 0 100%;
        max-width:100%;

    }
    .product-list--list .card-wine{
        display:block;
    }
    .product-list--list .card-wine__footer{
        margin-top: auto;
       padding: 0px 20px 20px;
    }
    .product-list--list .card-wine__footer::before{
        display:none;
    }
    .product-list--list .card-wine__excerpt {
        display:none;
    }
    .product-list--list .card-wine__image{
        height: 300px;
        border-right: none;
        border-bottom: 1px solid rgba(30, 25, 20, .07);
    }
    .product-list--list .card-wine__prices{
        align-items: baseline;
        text-align: left;
        flex-direction: initial;
        gap: 8px;
    }
    .product-list--list .card-wine__divider {
        display: block;
    }
    .product-list--list .card-wine__name{
        font-size: initial;
    }
    .product-list--list .card-price-current {
        font-size: initial;
    }
    .product-list--list .card-wine__image-img {
        max-height: initial;
    }
    .toolbar__divider{
        display:none;
    }
    .price-label{ 
        width: 100%;
    }
    
}
@media (max-width: 992px){
    .card-wine__quick-view{
        display:none;
    } 
}

