.image-grid-with-lines{background-color:#131313;color:#fff;padding:0;width:100vw;overflow-x:hidden;margin:0}html,body{margin:0;padding:0;overflow-x:hidden}.image-grid-heading-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:0;position:sticky;padding-top:20px;padding-bottom:30px}.image-grid-heading-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;margin-left:calc(-.5*(100vw - 100%));margin-right:calc(-.5*(100vw - 100%));width:100vw;height:2px;background-color:var(--heading-line-color, #FFFFFF);opacity:.7}.image-grid-heading-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;margin-left:calc(-.5*(100vw - 100%));margin-right:calc(-.5*(100vw - 100%));width:100vw;height:2px;background-color:var(--heading-line-color, #FFFFFF);opacity:.7}.image-grid-heading{font-size:2.2rem;text-transform:uppercase;letter-spacing:3px;color:#fff;margin:20px 0 0;max-width:600px;text-align:center}.image-grid-products{display:grid;grid-template-columns:repeat(var(--max-columns, 4),1fr);width:100vw;margin-left:calc(-.5*(100vw - 100%));margin-right:calc(-.5*(100vw - 100%));box-sizing:border-box}.image-grid-item{border-right:2px solid var(--grid-line-color, #444);padding:8px;box-sizing:border-box}.image-grid-products.less-than-four{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.image-grid-item.border-top{border-top:2px solid var(--grid-line-color, #444)}.image-grid-item.border-bottom{border-bottom:2px solid var(--grid-line-color, #444)}.image-grid-products.grid-two-items{grid-template-columns:repeat(2,1fr)}.image-grid-image{width:100%;height:auto;display:block;object-fit:cover;position:relative}.image-grid-sold-out{position:absolute;top:8px;right:8px;background-color:#ffffffe6;color:#111;font-size:.8rem;font-weight:700;padding:5px 10px;border-radius:3px;text-transform:uppercase;letter-spacing:1px;opacity:.9;z-index:4}.image-grid-item.sold-out .image-grid-hover{background-color:#000}.image-grid-item:hover .image-grid-hover{opacity:1;transform:translateY(0)}.variant-selector{width:100%;padding:12px 16px;font-size:1rem;font-weight:500;border:1px solid #000000;border-radius:4px;background-color:#fff;color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;cursor:pointer}.variant-selector:hover{background-color:#f8f8f8}.add-to-cart-button{width:100%;display:flex;background-color:#000;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;border:none;border-radius:3px;cursor:pointer;transition:background-color .3s ease,color .3s ease;overflow:hidden}.add-to-cart-button span.price,.add-to-cart-button span.cart-text{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;padding:12px 0}.add-to-cart-button span.price,.add-to-cart-button span.cart-text{color:#fff}.image-grid-images{position:relative;width:100%;height:100%;background-color:#d2d2d2;overflow:hidden;border-radius:10px;box-sizing:border-box}.image-grid-image{width:100%;height:auto;display:block;object-fit:cover;position:relative;z-index:1}.image-grid-hover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;background-color:#d2d2d2}.image-grid-item:hover .image-grid-hover-image{opacity:1}.image-grid-item:hover .image-grid-image:not(.image-grid-hover-image){opacity:0}@media (max-width: 768px){.image-grid-heading{font-size:1.8rem;max-width:90%}}.image-grid-title-overlay{position:absolute;top:0;width:100%;text-align:center;background:#000;color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;padding:10px 5px;opacity:0;transition:opacity .3s ease;z-index:3}.image-grid-item:hover .image-grid-title-overlay{opacity:1}.image-grid-item{position:relative;height:100%}.image-grid-images{height:auto;width:100%;position:relative}.image-grid-hover{position:absolute;left:0;right:0;bottom:0;background-color:#0009;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(100%);display:flex;flex-direction:column;gap:8px;z-index:3;padding:20px}@media (max-width: 768px){.image-grid-products{grid-template-columns:1fr!important}}.image-grid-item{overflow:hidden;padding:15px!important}.image-grid-hover{will-change:opacity,transform}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-true-colors-grid.css.map */