/** Shopify CDN: Minification failed

Line 239:1 Expected identifier but found "."
Line 246:0 Unexpected "}"

**/
#product-grid{
    margin: 0;
}
.product-list .grid__item {
    flex: 0 0 100%;
    max-width: 100%;
}
.product-list .wbproduct-container .card{
    width: 100%;
    flex-direction: unset;
}
.product-list .wbimgblock{
    float: left;
    width: 30%;
}
.product-list .wbproductdes {
    float: left;
    width: 70%;
    padding: 0 0 0 15px !important;
    padding-top: 0;
}
.collection .product-list .card--card .card__content{
    margin-top: 0;
}
#product-grid .wbproductdes .product-title{
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}
#product-grid.product-grid .wblistpdesc{
    display: none;
}
.wblistpdesc{
    margin: 0 0 10px 0;
    font-size: 13px;
}
#product-grid .wbproduct-container .product-form .wbbtngrp{
    transition: unset;
}
.product-list .wbproduct-container .product-form .wbbtngrp{
    position: unset;
    opacity: 1;
    margin-top: 20px;
    display: flex;
    column-gap: 6px;
    justify-content: var(--card-text-alignment);
}
.product-list .wbproduct-container .product-form form, .product-list .wbproduct-container .product-form .wbqvtop{
    display: inline-block;
    margin-top: 0;
}
.product-list .product-form .cartb, .product-list .product-form .wbquickv{
    border: 1px solid rgba(var(--color-foreground),0.08);
    margin: 0;
}
.product-list .card--card .wbproductdes{
    padding: 10px;
}
.wbbtmpages{
    margin-top: 30px;
}
.wbsearchblog .card .media{
    position: unset;
}
.wbsearchblog .card__text{
    font-size: calc(var(--font-body-scale) * 16px);
    margin-top: 10px;
    margin-bottom: 10px;
}
.product-list .wbproduct-container .card .wbproductdes, .product-list .wbproduct-container .card .pdes_innder {
    display: block;
}
.product-list .wbproduct-container .card {
    height: auto;
}
.product-list .card--card{
    padding: 10px;
}
/* Gallery View */
.product-galleryv{
    column-gap: 5px;
    row-gap: 15px;
}
#product-grid.product-galleryv .grid__item{
    margin-bottom: 0;
    max-width: calc(25% - 5px * 3 / 4);
    width: calc(25% - 5px * 3 / 4);
}
.product-galleryv .wbproductdes {
    display: none;
}
.product-galleryv .product_badge.new,.product-galleryv .card__badge{
    display: none;
}
@media (min-width: 1200px) and (max-width: 1399px){
    .wblistpdesc{
        letter-spacing: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .product-list .wbimgblock,.product-list .wbproductdes{
        width: 50%;
    }
    .wblistpdesc{
        letter-spacing: 0;
        overflow: hidden;
        height: 40px;
    }
    .product-count-vertical{
        display: none;
    }
}
@media (min-width: 1200px){
    .product-list .wbproduct-container .card{
        flex-direction: unset;
        align-items: center;
    }
    .product-list .wbproduct-container .product-form .wbbtngrp{
        position: absolute;
        text-align: right;
        top: 0;
        bottom: 0;
        left: auto;
        margin-top: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        right: 10px;
        justify-content: center;
    }
    .product-list .wbproductdes{
        padding-right: 10px;
    }
    .product-list .product-form .cartb, .product-list .product-form .wbquickv{
        min-width: 185px;
        transition: unset;
    }
    .product-list .wbproduct-container .product-form form, .product-list .wbproduct-container .product-form .wbqvtop{
        display: block;
    }
    .product-list .wbproduct-container .product-form .wbqvtop {
        margin-top: 15px !important;
    }
    .product-list .wbproduct-container .product-form form{
        margin-top: 0;
    }
    .product-list .wbproductdes{
        width: 55%;
    }
    .product-list .wbimgblock{
        width: 20%;
    }
    #product-grid.product-list .grid__item:last-child .wbproduct-container{
        border-bottom: none;
    }
    .product-list .wbproduct-container .card{
        position: relative;
        display: flex;
        align-items: flex-start;
    }
}
@media (max-width: 1199px){
    .product-list .wbproduct-container{
        margin-bottom: 15px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    #product-grid.product-grid.grid--4-col-desktop .grid__item, .template-search__results .product-grid.grid--4-col-desktop .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
}
@media (max-width: 991px){
    .product-list .wbhprice {
        margin-bottom: 8px;
    }
    .wblistpdesc{
        margin-bottom: 5px;
    }
    .product-grid-container .product-form .cartmobile {
        --color-button: var(--color-base-accent-1);
        --color-button-text: var(--color-base-solid-button-labels);
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .product-list .wbimgblock{
        width: 40%;
    }
    .product-list .wbproductdes{
        width: 60%;
    }
    .wblistpdesc{
        letter-spacing: 0;
        overflow: hidden;
        height: 40px;
    }
}
@media (max-width: 575px){
    #product-grid.product-galleryv .grid__item{
        margin-bottom: 0;
        max-width: calc(33.33% - 5px * 3 / 4);
        width: calc(33.33% - 5px * 3 / 4);
    }
    .product-list .wbproduct-container .card {
        display: block;
        float: left;
    }
    .product-list .grid__item {
        display: block;
        float: left;
        margin-bottom: 15px;
    }
    .wblistpdesc{
        overflow: hidden;
        height: 37px;
        font-size: 12px;
    }
    .product-list .wbimgblock{
        width: 40%;
    }
    .product-list .wbproductdes{
        width: 60%;
    }
}
@media (max-width: 767px){
    .wbsearchblog .card__text {
        font-size: calc(var(--font-body-scale) * 14px);
    }
    .product-list .wbproduct-container .product-form .wbbtngrp{
        margin-top: 12px;
    }
}
...existing CSS from your file...
    .wbsearchblog .card__text {
        font-size: calc(var(--font-body-scale) * 14px);
    }
    .product-list .wbproduct-container .product-form .wbbtngrp{
        margin-top: 12px;
    }
}

/* Fix for overlapping product badges */
.card__badge {
    position: absolute;   /* badges float over the product image */
    top: 10px;            /* distance from top of product card */
    left: 10px;           /* distance from left of product card */
    display: flex;        /* allow stacking */
    flex-direction: column; /* stack multiple badges vertically */
    gap: 6px;             /* spacing between badges */
    z-index: 10;          /* make sure badges appear on top of image/content */
}

.card__badge .badge {
    display: inline-block;
    margin: 0;            /* remove default spacing */
    padding: 3px 8px;     /* nice padding */
    font-size: 12px;      /* uniform size */
    line-height: 1.2;
    border-radius: 3px;
    white-space: nowrap;  /* prevent wrapping inside badge */
}

/* Optional: smaller badges on mobile */
@media (max-width: 767px) {
    .card__badge {
        top: 5px;
        left: 5px;
        gap: 4px;
    }
    .card__badge .badge {
        font-size: 10px;
        padding: 2px 6px;
    }
}
/* Fix for overlapping product badges */
.card__badge {
    position: absolute;   /* badges float over the product image */
    top: 10px;            /* distance from top of product card */
    left: 10px;           /* distance from left of product card */
    display: flex;        /* allow stacking */
    flex-direction: column; /* stack multiple badges vertically */
    gap: 6px;             /* spacing between badges */
    z-index: 10;          /* make sure badges appear on top of image/content */
}

.card__badge .badge {
    display: inline-block;
    margin: 0;            /* remove default spacing */
    padding: 3px 8px;     /* nice padding */
    font-size: 12px;      /* uniform size */
    line-height: 1.2;
    border-radius: 3px;
    white-space: nowrap;  /* prevent wrapping inside badge */
}

/* Optional: smaller badges on mobile */
@media (max-width: 767px) {
    .card__badge {
        top: 5px;
        left: 5px;
        gap: 4px;
    }
    .card__badge .badge {
        font-size: 10px;
        padding: 2px 6px;
    }
}