/** Shopify CDN: Minification failed

Line 103:0 Expected "}" to go with "{"

**/
.main-content {
    margin-top: 110px;
    overflow-x: hidden;
}

#shopify-section-collection-template .collection-grid,
#shopify-section-collection-template .grid {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

#shopify-section-collection-template .grid {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(1, 1fr); /* Default to 1 column */
}

@media (min-width: 600px) {
  
    #shopify-section-collection-template .grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for medium screens */
    }
}

@media (min-width: 1000px) {
    #shopify-section-collection-template .grid {
        grid-template-columns: repeat(3, 1fr); /* 3 columns for larger screens */
    }
}

@media (min-width: 1200px) {
    #shopify-section-collection-template .grid {
        grid-template-columns: repeat(4, 1fr); /* 4 columns for full-screen size */
    }
}
@media (max-width: 1000px) {
    .main-content {
        margin-top: 125px;
    }
}

#shopify-section-collection-template .product-item__image-wrapper {
        width: 100%;
        margin: 0;
}

#shopify-section-collection-template .product-item__image-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.product-item {
        position: relative;
        box-sizing: border-box;
}

.product-item__meta {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        font-family: Nunito Sans, sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 8px;
        text-align: left;
        opacity: 0;
        transition: opacity 0.3s ease;
        position: absolute;
        bottom: 10px;
        left: 30px;
        width: 50%;
        padding-bottom: 10px;
        z-index: 2;
}

.product-item:hover .product-item__meta {
        opacity: 1;
}

.product-item:hover img {
        opacity: 0.95;
}

.product-item__title p {
        font-weight: bold;
}
@media (max-width: 600px) {
.product-item__meta {
        opacity: 1;
        transition: none; /* Remove hover transition for mobile */
    }