.css-responsive-gallery{width:100%;height:100%;position:relative;--gallery-lp-frame-h:75vh;--gallery-lp-image-h:70vh}.gallery-container{display:grid;gap:1rem;height:100%;width:100%;grid-template-columns:1fr;grid-template-rows:1fr}.main-image-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:.5rem;background-color:#fff;contain:layout}@media (max-width:767.98px) and (orientation:landscape){.main-image-container{padding:.5rem;overflow:visible;display:flex;align-items:center;justify-content:center;max-height:var(--gallery-lp-frame-h)}.image-wrapper{width:calc(100% - 1rem);height:calc(100% - 1rem);margin:0 auto;overflow:hidden;border-radius:.375rem}}.image-wrapper{position:relative;width:100%;height:100%;z-index:1}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.9);border:none;border-radius:9999px;padding:.5rem;cursor:pointer;opacity:0;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;z-index:50;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.15);isolation:isolate}.nav-button:hover{background-color:#fff}.nav-prev{left:.5rem}.nav-next{right:.5rem}.thumbnail-strip{display:none}.gallery-counter{position:absolute;left:.625rem;bottom:.625rem;z-index:40;padding:.125rem .5625rem;border-radius:9999px;background-color:rgba(17,24,39,.72);color:#fff;font-size:.75rem;font-weight:600;line-height:1.25rem;font-variant-numeric:tabular-nums;pointer-events:none}.gallery-dots{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .125rem}.gallery-dots-list{display:flex;justify-content:center;min-width:0}.gallery-dots-nav{display:grid;place-items:center;flex-shrink:0;width:2.125rem;height:2.125rem;border:1px solid #e5e7eb;border-radius:9999px;background-color:#fff;color:#374151;cursor:pointer}.gallery-dots-nav:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.gallery-dot{display:grid;place-items:center;width:1.125rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer}.gallery-dot:before{content:"";width:.375rem;height:.375rem;border-radius:9999px;background-color:#d1d5db;transition:width .2s ease-in-out,background-color .2s ease-in-out}.gallery-dot.active{width:1.75rem}.gallery-dot.active:before{width:1.125rem;background-color:hsl(var(--primary))}@media (min-width:768px),(orientation:landscape){.gallery-dots{display:none}}@media (min-width:768px){.gallery-counter{display:none}}@media (max-width:767.98px) and (orientation:landscape){.gallery-counter{left:1.125rem;bottom:1.125rem}}@media (max-width:767.98px) and (orientation:portrait){.gallery-container{gap:.375rem}.main-image-container .nav-button{display:none}}@media (min-width:768px){.gallery-container{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:.75rem}.main-image-container:hover .nav-button{opacity:1;pointer-events:auto}.nav-button:focus-visible{opacity:1;pointer-events:auto}.gallery-container:has(:focus-visible) .nav-button{opacity:1;pointer-events:auto}.thumbnail-strip{display:block;position:relative;min-width:0}.thumbnail-grid{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:5px;margin:-5px;scroll-padding-inline:3.5rem;scrollbar-width:none;scroll-behavior:smooth}.thumbnail-grid::-webkit-scrollbar{display:none}.thumbnail-item{position:relative;flex-shrink:0;width:84px;height:84px;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#fff}.thumbnail-item:hover{border-color:#9ca3af}.thumbnail-item.active{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary))}.thumbnail-item:focus-visible{outline:none;border-color:#111827;box-shadow:0 0 0 2px #fff,0 0 0 4px #111827}.thumbnail-item.active:focus-visible{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary)),0 0 0 3px #fff,0 0 0 5px #111827}.thumbnail-image{object-fit:contain;width:100%;height:100%;padding:.375rem}.thumbnail-fade{position:absolute;top:0;bottom:0;width:3.5rem;display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.thumbnail-fade.start{left:0;justify-content:flex-start;background:linear-gradient(90deg,#fff 35%,hsla(0,0%,100%,0))}.thumbnail-fade.end{right:0;justify-content:flex-end;background:linear-gradient(270deg,#fff 35%,hsla(0,0%,100%,0))}.thumbnail-fade.show{opacity:1}.thumbnail-fade button{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid #e5e7eb;background-color:#fff;color:#374151;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}.thumbnail-fade.show button{pointer-events:auto}.thumbnail-fade button:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}}@media (min-width:1024px){.gallery-container{grid-template-columns:1fr;grid-template-rows:1fr auto}}.gallery-container{transition:grid-template-columns .3s ease-in-out,grid-template-rows .3s ease-in-out}.main-image-container{transition:height .3s ease-in-out,transform .3s ease-in-out;will-change:transform}.thumbnail-grid{transition:opacity .3s ease-in-out,transform .3s ease-in-out;will-change:transform}@media (max-width:767.98px){.main-image-container{touch-action:pan-y pinch-zoom}.nav-button{opacity:.7;pointer-events:auto;z-index:50}.nav-button:active{opacity:1}}@media (max-width:767.98px) and (orientation:landscape) and (min-height:350px){.css-responsive-gallery{--gallery-lp-frame-h:80vh;--gallery-lp-image-h:75vh}}@media (max-width:767.98px) and (orientation:landscape) and (min-height:380px){.css-responsive-gallery{--gallery-lp-frame-h:85vh;--gallery-lp-image-h:80vh}}@media (max-width:767.98px) and (orientation:landscape) and (min-height:400px){.css-responsive-gallery{--gallery-lp-frame-h:90vh;--gallery-lp-image-h:85vh}}@media (max-width:767.98px) and (orientation:landscape){.nav-button{padding:.375rem;opacity:.8}.main-image-container .nav-button,.main-image-container .nav-button:hover{background-color:rgba(0,0,0,.8)}.nav-button:active,.nav-button:hover{opacity:1}.nav-button svg{width:1rem;height:1rem;color:#fff}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:400px){.nav-button svg{width:.875rem;height:.875rem}}@media (prefers-contrast:high){.main-image-container .nav-button,.nav-button{background-color:#fff;border:2px solid #000}}@media (prefers-reduced-motion:reduce){.gallery-container,.gallery-dot:before,.main-image-container,.nav-button,.thumbnail-fade,.thumbnail-grid,.thumbnail-item{transition:none}.thumbnail-grid{scroll-behavior:auto}}.product-page .gallery-section{position:relative;height:350px;transition:height .3s ease-in-out;will-change:height}@media (max-width:767.98px) and (orientation:portrait){.product-page .gallery-section{height:auto}}@media (min-width:766px) and (max-width:769px){.product-page .gallery-section{transform:translateZ(0);backface-visibility:hidden}}@media (min-width:1024px){.product-page .gallery-section{position:sticky;top:68px;height:calc(70vh - 68px);min-height:400px;max-height:600px;align-self:start;z-index:10}}@media only screen and (min-width:872px) and (max-width:1023px){.product-page .responsive-product-grid{gap:.875rem;column-gap:.875rem;row-gap:.875rem;padding-left:1.25rem;padding-right:1.25rem}.product-page .responsive-product-grid .gallery-section{position:sticky;top:68px;height:calc(65vh - 68px);max-height:500px;min-height:400px;align-self:start;z-index:10}.product-page .responsive-product-grid .product-details-section{padding-left:.75rem;padding-right:.75rem}.product-page .responsive-product-grid .product-details-section .bg-gray-50{padding:.875rem;margin-top:1.125rem}.product-page .responsive-product-grid .product-details-section .bg-gray-50 h4{font-size:.875rem}.product-page .responsive-product-grid .product-details-section .bg-gray-50 .grid{gap:.75rem}.product-page .responsive-product-grid .product-details-section input[type=text]{height:2.125rem;font-size:.875rem}.product-page .responsive-product-grid .product-details-section table td,.product-page .responsive-product-grid .product-details-section table th{padding:.5rem .75rem;font-size:.875rem}}@media only screen and (min-width:872px) and (max-width:920px){.product-page .responsive-product-grid .gallery-section{height:calc(55vh - 68px);max-height:450px}}@media only screen and (min-width:872px) and (max-width:1023px) and (orientation:landscape){.product-page .responsive-product-grid .gallery-section{height:calc(50vh - 68px);max-height:420px}.product-page .responsive-product-grid{column-gap:1.5rem}}@media (max-width:767.98px) and (orientation:landscape){.product-page .product-details-section .grid.gap-3,.product-page .responsive-product-grid.gap-3{gap:.5rem}.product-page .responsive-product-grid .px-4,.product-page .responsive-product-grid.px-4{padding-left:.75rem;padding-right:.75rem}.product-page .product-details-section .mb-2.bg-white.rounded-lg.border{margin-bottom:.5rem}.product-page .product-details-section .p-1\.5{padding:.375rem}.product-page .product-details-section .grid-cols-2{grid-template-columns:repeat(3,minmax(0,1fr))}.product-page .product-details-section td,.product-page .product-details-section th{padding:.375rem}.product-page .responsive-product-grid .text-sm{font-size:.75rem}.product-page .gallery-section{height:65vh;min-height:250px;max-height:400px;overflow:visible}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:600px){.product-page .gallery-section{height:70vh;min-height:200px;max-height:350px}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:400px){.product-page .gallery-section{height:75vh;min-height:180px;max-height:280px}.product-page .product-details-section .grid.gap-3,.product-page .responsive-product-grid.gap-3{gap:.25rem}.product-page .responsive-product-grid .px-4,.product-page .responsive-product-grid.px-4{padding-left:.5rem;padding-right:.5rem}}