.image-product-scroll{overflow:visible}.image-scroll-outer-container{width:100%;overflow:hidden}.image-scroll-wrapper{display:flex;gap:1rem;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;cursor:grab}.image-scroll-wrapper.is-dragging{cursor:grabbing}.image-scroll-wrapper::-webkit-scrollbar{display:none}.image-item{flex-shrink:0;display:flex;flex-direction:column;gap:1rem;scroll-snap-align:start;transition:none}@media screen and (max-width: 749px){.image-item{width:180px}.image-scroll-wrapper{padding:0 1rem;gap:.75rem}}@media screen and (min-width: 750px) and (max-width: 989px){.image-item{width:165px}.image-scroll-wrapper{padding:0 1rem}}@media screen and (min-width: 990px) and (max-width: 1199px){.image-item{width:165px}.image-scroll-wrapper{padding:0 1rem;gap:1rem}}@media screen and (min-width: 1200px){.image-item{width:180px}.image-scroll-wrapper{padding:0 1rem}}.image-container{position:relative;width:100%;padding-bottom:177.77%;height:0;border-radius:16px;overflow:hidden;background:#f3f3f3;box-shadow:0 4px 12px #0000001a}.image-display{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.product-tag{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid #333;border-radius:8px;padding:.75rem 1.25rem;text-decoration:none;color:#333;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 12px #00000014}.product-tag:hover{background:#333;color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #0000001f;text-decoration:none}.product-tag svg{width:20px;height:20px;color:inherit}.image-display{will-change:transform}.image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,transparent 70%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1}.section-title-center{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.section-title-center .title{text-align:center;margin:0 auto}.view-all-button-container{display:flex;justify-content:center;width:100%}.view-all-button{background:transparent;border:1px solid #333;color:#333;padding:.75rem 1.5rem;text-decoration:none;font-size:1.125rem;font-weight:600;letter-spacing:.05em;border-radius:6px;transition:all .2s ease;white-space:nowrap;display:inline-block}.view-all-button:hover{background:#333;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.title-wrapper-with-link{margin-bottom:1.5rem}@media screen and (min-width: 750px){.title-wrapper-with-link{margin-bottom:2rem}}.image-product-scroll .page-width{text-align:center}.image-product-scroll .title-wrapper-with-link{text-align:center;display:flex;justify-content:center;align-items:center;width:100%}.image-product-scroll .section-title-center{text-align:center!important;width:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.image-product-scroll .section-title-center .title{text-align:center!important;margin:0 auto!important;width:100%!important}.image-product-scroll .view-all-button-container{display:flex!important;justify-content:center!important;width:100%!important}.image-product-scroll .title-wrapper-with-link *{text-align:center}.image-product-scroll .view-all-button{margin:0 auto;display:inline-block}.image-section--scrolling .image-scroll-outer-container{width:100%;overflow:hidden}.image-section--scrolling .image-scroll-wrapper{display:flex;gap:1rem;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;cursor:grab}.image-section--scrolling .image-scroll-wrapper.is-dragging{cursor:grabbing}.image-section--scrolling .image-scroll-wrapper::-webkit-scrollbar{display:none}.image-section--scrolling .image-item{flex-shrink:0;display:flex;flex-direction:column;gap:1rem;scroll-snap-align:start;transition:none}@media screen and (max-width: 749px){.image-section--scrolling .image-item{width:calc((100vw - 3.5rem)*.4)}.image-section--scrolling .image-scroll-wrapper{padding:0 1rem;gap:.75rem}}@media screen and (min-width: 750px) and (max-width: 989px){.image-section--scrolling .image-item{width:165px}.image-section--scrolling .image-scroll-wrapper{padding:0 1rem}}@media screen and (min-width: 990px) and (max-width: 1199px){.image-section--scrolling .image-item{width:165px}.image-section--scrolling .image-scroll-wrapper{padding:0 1rem;gap:1rem}}@media screen and (min-width: 1200px){.image-section--scrolling .image-item{width:180px}.image-section--scrolling .image-scroll-wrapper{padding:0 1rem}}.image-section--grid .image-scroll-outer-container{width:100%;overflow:visible}.image-section--grid .image-scroll-wrapper{display:grid;gap:1.5rem;overflow:visible;scroll-behavior:auto;scrollbar-width:auto;-ms-overflow-style:auto;-webkit-overflow-scrolling:auto;flex-wrap:wrap;cursor:default;padding:0 1rem}.image-section--grid .image-item{flex-shrink:1;width:auto;scroll-snap-align:none;display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 749px){.image-section--grid .image-scroll-wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 750px){.image-section--grid .image-scroll-wrapper{grid-template-columns:repeat(5,1fr)}}.image-section--grid .product-tag{width:100%}.scroll-arrows{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.image-product-scroll .scroll-arrow-button{background-color:#fff;border:1px solid #1a2b4d;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:none!important}.image-product-scroll .scroll-arrow-button:hover{background-color:#f5f5f5;border-color:#0f1a2e;transform:translateY(-1px);box-shadow:none!important}.image-product-scroll .scroll-arrow-button svg{width:24px;height:24px;color:#1a2b4d}@media screen and (max-width: 749px){.scroll-arrows{display:none}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/image-product-scroll.css.map */