/** Shopify CDN: Minification failed

Line 211:9 Expected "}" to go with "{"

**/
img {
    max-width: 100%;
    height: auto;
}

.container {
    max-width: 1220px;
    margin: auto;
    padding: 0px 20px;
}

.collection-hero {
    position: relative;
        margin-top: 100px;
}

        .collection-hero .img-box {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }

        .collection-hero .img-box img {
            width: 100%;
            height: 100%;
        }

        .collection-hero .text-box {
            padding: 100px 0px;
            position: relative;
            color: #fff;
        }

        .collection-hero .text-box h1 {
            font-size: 36px;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 120%;
            margin: 0;
            color: #fff;
            margin-bottom: 20px;
        }

        .collection-hero .text-box p {
            font-size: 30px;
            font-weight: 500;
            line-height: 120%;
            margin: 0px;
        }

        .collection-header .text-box {
            display: grid;
            grid-template-columns: 1fr 4fr;
            gap: 30px;
            padding: 30px 0px 40px;
            color: #101921;
            border-bottom: 1px solid #101921;
        }

        .collection-header .text-box h2 {
            font-size: 30px;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 120%;
            margin: 0;
            padding: 5px 10px;
            background-image: url(/cdn/shop/files/heading_2_bg.webp?v=1780581336);
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-position: bottom;
            width: max-content;
            height: max-content;
        }

        .collection-header .text-box p {
            font-size: 20px;
            font-weight: 500;
            line-height: 130%;
            margin: 0px;
        }


     .collection_grid_main {
    display: grid;
    grid-template-columns: 1fr 3fr;
    padding: 50px 0px;
}
.collection_grid_main .collection-sidebar {
    display: flex;
}
.collection_grid_main .collection-sidebar h3{
    margin: 0px;
}
.collection_grid_main .collection-sidebar svg.icon.icon-filter {
    display: none;
}
        .product-listing {
            padding-bottom: 30px;
            border-bottom: 1px solid #101921;
            margin-bottom: 50px;
        }

       .product-listing .product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin-top: 50px;
}

        .product-listing .text-box h3 {
            font-size: 28px;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 120%;
            margin: 0;
            margin-bottom: 10px;
        }

        .product-listing .text-box p {
            font-size: 20px;
            font-weight: 500;
            line-height: 130%;
            margin: 0px;
        }

        .product-listing .product-grid img {
    max-height: 300px;
    width: 100%;
}
        .product-listing .product-grid .price-row {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            align-items: center;
        }

        .product-listing .product-grid .price-row .category-tag {
            font-weight: 600;
            color: #737373;
        }

        .product-listing .product-grid .price-row .price {
            font-size: 22px;
            font-weight: 700;
        }

    .product-listing .product-grid h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
}
 
        .product-listing .product-grid p {
            text-transform: uppercase;
            font-weight: 600;
            color: #101921;
        }

        .product-listing .product-grid .size-buttons {
            display: flex;
            gap: 8px;
            margin: 15px 0px;
        }

        .product-listing .product-grid .size-buttons button {
            padding: 10px 20px;
            background-color: #fff;
            border: 1px solid #d4d4d4;
            border-radius: 6px;
            font-weight: 600;
                cursor: pointer;
        }
      .product-listing .product-grid .size-buttons button.active-variant{
        background-color: #d4efed;
        border-color: #56babe;
      }
        .product-listing .product-grid .add-to-cart {
            padding: 15px 20px;
            font-size: 20px;
            text-transform: uppercase;
            width: 100%;
            display: block;
            background-color: #101921;
            color: #fff;
            font-weight: 600;
            text-decoration: none;
            text-align: center;
            border-radius: 8px;
                cursor: pointer;
        }


        @media screen and (max-width: 1080px) {
        .product-listing .product-grid {
    grid-template-columns: 1fr 1fr;

}
  @media screen and (max-width: 767px) {
        .product-listing .product-grid {
    grid-template-columns: 1fr;

}
        }