.css-responsive-gallery{--gallery-lp-frame-h:75vh;--gallery-lp-image-h:70vh;width:100%;height:100%;position:relative}.gallery-container{grid-template-rows:1fr;grid-template-columns:1fr;gap:1rem;width:100%;height:100%;display:grid}.main-image-container{contain:layout;background-color:#fff;border-radius:.5rem;width:100%;height:100%;position:relative;overflow:hidden}@media (max-width:767.98px) and (orientation:landscape){.main-image-container{max-height:var(--gallery-lp-frame-h);justify-content:center;align-items:center;padding:.5rem;display:flex;overflow:visible}.image-wrapper{border-radius:.375rem;width:calc(100% - 1rem);height:calc(100% - 1rem);margin:0 auto;overflow:hidden}}.image-wrapper{z-index:1;width:100%;height:100%;position:relative}.nav-button{cursor:pointer;opacity:0;z-index:50;pointer-events:none;isolation:isolate;background-color:#ffffffe6;border:none;border-radius:9999px;padding:.5rem;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.nav-button:hover{background-color:#fff}.nav-prev{left:.5rem}.nav-next{right:.5rem}.thumbnail-strip{display:none}.gallery-counter{z-index:40;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background-color:#111827b8;border-radius:9999px;padding:.125rem .5625rem;font-size:.75rem;font-weight:600;line-height:1.25rem;position:absolute;bottom:.625rem;left:.625rem}.gallery-dots{justify-content:space-between;align-items:center;gap:.5rem;padding:0 .125rem;display:flex}.gallery-dots-list{justify-content:center;min-width:0;display:flex}.gallery-dots-nav{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;place-items:center;width:2.125rem;height:2.125rem;display:grid}.gallery-dots-nav:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.gallery-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:1.125rem;height:1.5rem;padding:0;display:grid}.gallery-dot:before{content:"";background-color:#d1d5db;border-radius:9999px;width:.375rem;height:.375rem;transition:width .2s ease-in-out,background-color .2s ease-in-out}.gallery-dot.active{width:1.75rem}.gallery-dot.active:before{background-color:hsl(var(--primary));width:1.125rem}@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{bottom:1.125rem;left: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-rows:1fr auto;grid-template-columns:1fr;gap:.75rem}.main-image-container:hover .nav-button,.nav-button:focus-visible{opacity:1;pointer-events:auto}.gallery-container:has(:focus-visible) .nav-button{opacity:1;pointer-events:auto}.thumbnail-strip{min-width:0;display:block;position:relative}.thumbnail-grid{scrollbar-width:none;scroll-behavior:smooth;gap:.5rem;margin:-5px;padding:5px;scroll-padding-inline:3.5rem;display:flex;overflow:auto hidden}.thumbnail-grid::-webkit-scrollbar{display:none}.thumbnail-item{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-shrink:0;width:84px;height:84px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;position:relative;overflow:hidden}.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{border-color:#111827;outline:none;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{opacity:0;pointer-events:none;align-items:center;width:3.5rem;transition:opacity .15s ease-in-out;display:flex;position:absolute;top:0;bottom:0}.thumbnail-fade.start{background:linear-gradient(90deg,#fff 35%,#fff0);justify-content:flex-start;left:0}.thumbnail-fade.end{background:linear-gradient(270deg,#fff 35%,#fff0);justify-content:flex-end;right:0}.thumbnail-fade.show{opacity:1}.thumbnail-fade button{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;place-items:center;width:1.75rem;height:1.75rem;display:grid;box-shadow:0 1px 3px #0000001a}.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-rows:1fr auto;grid-template-columns:1fr}}.gallery-container{transition:grid-template-columns .3s ease-in-out,grid-template-rows .3s ease-in-out}.main-image-container{will-change:transform;transition:height .3s ease-in-out,transform .3s ease-in-out}.thumbnail-grid{will-change:transform;transition:opacity .3s ease-in-out,transform .3s ease-in-out}@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{opacity:.8;padding:.375rem}.main-image-container .nav-button,.main-image-container .nav-button:hover{background-color:#000c}.nav-button:hover,.nav-button:active{opacity:1}.nav-button svg{color:#fff;width:1rem;height:1rem}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:400px){.nav-button svg{width:.875rem;height:.875rem}}@media (prefers-contrast:high){.nav-button,.main-image-container .nav-button{background-color:#fff;border:2px solid #000}}@media (prefers-reduced-motion:reduce){.gallery-container,.main-image-container,.thumbnail-grid,.nav-button,.thumbnail-item,.thumbnail-fade,.gallery-dot:before{transition:none}.thumbnail-grid{scroll-behavior:auto}}
.product-page .gallery-section{will-change:height;height:350px;transition:height .3s ease-in-out;position:relative}@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{backface-visibility:hidden;transform:translateZ(0)}}@media (min-width:1024px){.product-page .gallery-section{z-index:10;align-self:start;height:calc(70vh - 68px);min-height:400px;max-height:600px;position:sticky;top:68px}}@media only screen and (min-width:872px) and (max-width:1023px){.product-page .responsive-product-grid{gap:.875rem;padding-left:1.25rem;padding-right:1.25rem}.product-page .responsive-product-grid .gallery-section{z-index:10;align-self:start;height:calc(65vh - 68px);min-height:400px;max-height:500px;position:sticky;top:68px}.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{margin-top:1.125rem;padding:.875rem}.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 th,.product-page .responsive-product-grid .product-details-section table td{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 .responsive-product-grid.gap-3,.product-page .product-details-section .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 .responsive-product-grid.gap-3,.product-page .product-details-section .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}}