.product-grid-section *{box-sizing:border-box}.product-grid-section{width:100%;position:relative;isolation:isolate}.product-grid-section .container{width:100%;max-width:1400px;margin:0 auto;padding:0 15px;position:relative}.product-grid-section .product-grid-heading{font-size:24px;margin-bottom:25px;text-align:center;font-weight:600;color:#333;font-family:inherit}.product-grid-section .product-grid-wrapper{position:relative;width:100%;overflow:visible}.product-grid-section .product-grid{display:flex;gap:10px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;position:relative;z-index:1}.product-grid-section .product-grid::-webkit-scrollbar{display:none}.product-grid-section .product-item{text-align:center;transition:transform .3s ease;cursor:pointer;flex-shrink:0;position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;padding:0;background-color:#fff;border-right:none}.product-grid-section .product-item.zoomed{transform:scale(1.15);z-index:50}.product-grid-section .product-link{text-decoration:none!important;color:inherit!important;display:block!important;width:85%!important;background-color:#0000}.product-grid-section .product-image-container{aspect-ratio:1 / 1!important;overflow:hidden!important;background-color:#f9f5eb!important;margin-bottom:6px!important;transition:all .3s ease!important;position:relative!important;width:100%!important;display:block!important}.product-grid-section .product-image{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important;display:block!important}.product-grid-section .product-title{color:#000!important;margin-top:1px!important;font-weight:600!important;transition:all .3s ease!important;line-height:1.3!important;text-align:center!important;width:100%!important}.product-grid-section .product-image-container:hover{border-color:var(--hover-border-color)!important}.product-grid-section .product-link:hover .product-image{transform:scale(1.05)!important}.product-grid-section .product-link:hover .product-title{color:#7c078e!important;transform:scale(1.05)!important}.product-grid-section .grid-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;background:#fffffff2!important;border:1px solid #e8dfc8!important;border-radius:50%!important;width:50px!important;height:50px!important;display:none!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;color:#626262!important;z-index:10!important;font-family:inherit!important;font-size:0!important}.product-grid-section .grid-arrow:hover{background:#fff!important;border-color:#d5c8a7!important;transform:translateY(-50%) scale(1.1)!important}.product-grid-section .grid-arrow:disabled{opacity:.4!important;cursor:not-allowed!important;transform:translateY(-50%)!important}.product-grid-section .grid-arrow-left{left:15px!important}.product-grid-section .grid-arrow-right{right:15px!important}.product-grid-section .placeholder{display:flex;gap:10px;justify-content:center;width:100%}.product-grid-section .placeholder-item{flex:0 0 calc(20% - 8px);text-align:center;min-width:120px}.product-grid-section .placeholder-image{aspect-ratio:1 / 1;background-color:#f9f5eb;border-radius:8px;border:1px solid #e8dfc8;margin-bottom:8px;position:relative}.product-grid-section .placeholder-image:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.5}.product-grid-section .placeholder-text{font-size:12px;color:#999;font-style:italic}.product-grid-section .product-image-placeholder{width:100%;height:100%;background-color:#f9f5eb;position:relative}.product-grid-section .product-image-placeholder:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.4}@media screen and (max-width: 767px){.product-grid-section .container{padding:0!important}.product-grid-section .product-link{width:100%!important}.product-grid-section .product-grid{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:15px!important;padding-right:20px!important;margin-left:15px}.product-grid-section .product-grid-heading{font-size:20px!important;margin-bottom:15px!important}.product-grid-section .product-item{flex:0 0 calc((100vw - 60px) / var(--mobile-product-count))!important;min-width:calc((100vw - 5px) / var(--mobile-product-count))!important;max-width:calc((100vw - 60px) / var(--mobile-product-count))!important;width:calc((100vw - 60px) / var(--mobile-product-count))!important;text-align:center!important}.product-grid-section .product-image-container{aspect-ratio:1 / 1!important;overflow:hidden!important;border-radius:50%!important;border:none!important;background-color:#f9f5eb!important;margin-bottom:6px!important;transition:border-color .3s ease!important;width:100%!important;height:auto!important}.product-grid-section .product-image{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important;border-radius:50%!important}.product-grid-section .product-title{font-size:12px!important;color:#000!important;margin-top:1px!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-grid-section .grid-arrow{display:none!important}.product-grid-section .placeholder{display:flex!important;gap:10px!important;overflow-x:auto!important;width:100%!important;flex-wrap:nowrap!important;margin-top:10px!important;margin-bottom:10px!important}.product-grid-section .placeholder-item{flex:0 0 calc((100vw - 60px) / var(--mobile-product-count))!important;min-width:calc((100vw - 60px) / var(--mobile-product-count))!important;text-align:center!important}.product-grid-section .placeholder-image{aspect-ratio:1 / 1!important;background-color:#f9f5eb!important;border-radius:50%!important;border:none!important;margin-bottom:6px!important;width:100%!important}.product-grid-section .placeholder-text{font-size:10px!important;color:#626262!important;font-style:normal!important;font-weight:600!important}}@media screen and (min-width: 768px){.product-grid-section{margin-top:20px}.product-grid-section .product-grid-heading{font-size:32px;margin-bottom:35px}.product-grid-section .product-grid{flex-wrap:nowrap;justify-content:flex-start;padding:15px 40px 15px 0;margin:10px 0}.product-grid-section .product-item{width:calc((100% / var(--desktop-product-count)) - 30px);flex:0 0 calc((100% / var(--desktop-product-count)) - 30px)}.product-grid-section .product-image-container{margin-bottom:8px!important;background-color:#f9f5eb!important;border-radius:50%}.product-grid-section .product-title{font-size:16px!important;margin-top:10px!important}.product-grid-section .grid-arrow{display:flex!important}.product-grid-section .product-item:hover{transform:translateY(-5px)}.product-grid-section .product-item.zoomed{border:none!important;background-color:transparent!important;transform:scale(1.2)}}@keyframes productGridZoomIn{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes productGridZoomOut{0%{transform:scale(1.15)}to{transform:scale(1)}}.product-grid-section .product-item.zoomed{animation:productGridZoomIn .3s ease-out forwards}.product-grid-section .product-item.zoom-out{animation:productGridZoomOut .3s ease-out forwards}.product-grid-section .grid-arrow:focus{outline:1px solid #d5c8a7!important;outline-offset:2px!important}.product-grid-section .product-link:focus{outline:1px solid #d5c8a7!important;outline-offset:2px!important;border-radius:4px!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-grid.css.map */