.shopify-main-wrapper {
     max-width: 1200px;
     margin: 20px auto;
     font-family: sans-serif;
     position: relative;
}
 .shopify-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
     margin-bottom: 40px;
}
 .shopify-section-title {
     font-size: 28px;
     border-bottom: 2px solid #f0f0f0;
     padding-bottom: 10px;
     margin: 40px 0 20px;
     text-transform: capitalize;
}
 .shopify-card {
     position: relative;
     background: #fff;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
 .shopify-img-box {
     position: relative;
     aspect-ratio: 1/1;
     background: #f9f9f9;
     overflow: hidden;
}
 .shopify-img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
 .shopify-badge {
     position: absolute;
     top: 10px;
     right: 10px;
     color: #fff;
     padding: 5px 12px;
     border-radius: 20px;
     font-size: 11px;
     font-weight: bold;
     z-index: 2;
     transition: opacity 0.2s ease;
     pointer-events: none;
}
 .shopify-card-title {
     padding: 15px;
     text-align: center;
     font-weight: bold;
     color: #333;
     font-size: 14px;
}
 .shopify-product-link a, .shopify-card-title a {
     text-decoration: none !important;
}
 .link-disabled a {
     cursor: default;
}

.shopify-card {
    transition: box-shadow 0.1s ease-in-out;
	border: 1px solid white;
}
.shopify-card:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);	
	border: 1px solid var(--e-global-color-astglobalcolor8);
}
 @media (max-width: 768px) {
     .shopify-grid {
         grid-template-columns: repeat(2, 1fr);
    }
}

.shopify-section-title {
     font-size: 28px;
     border-bottom: 2px solid var(--ast-global-color-2, #f0f0f0);
     padding-bottom: 10px;
     margin: 40px 0 20px;
     text-transform: capitalize;
}