.css-responsive-gallery{width:100%;height:100%;position:relative}.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:#f9fafb;contain:layout}@media (max-width:767.98px) and (orientation:landscape){.main-image-container{padding:.5rem;overflow:visible}.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}.gallery-image{object-fit:contain;width:100%;height:100%}.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;display:none;pointer-events:auto!important;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}.zoom-button{position:absolute;top:.5rem;right:.5rem;background-color:hsla(0,0%,100%,.9);border:none;border-radius:.375rem;padding:.5rem;cursor:pointer;transition:background-color .2s ease-in-out;z-index:10}.zoom-button:hover{background-color:#fff}.mobile-indicators{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:10}.indicator{width:.5rem;height:.5rem;border-radius:9999px;background-color:hsla(0,0%,100%,.5);border:none;cursor:pointer;transition:background-color .2s ease-in-out}.indicator.active{background-color:#fff}.thumbnail-grid{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;display:block}.mobile-indicators{display:none}.thumbnail-grid{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6;scroll-behavior:smooth}.thumbnail-grid::-webkit-scrollbar{height:6px}.thumbnail-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.thumbnail-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.thumbnail-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.thumbnail-item{position:relative;flex-shrink:0;width:144px;height:144px;border-radius:.5rem;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s ease-in-out,opacity .2s ease-in-out;background-color:#fafafa}.thumbnail-item:hover{opacity:.8}.thumbnail-item.active{border-color:#ef4444;box-shadow:0 2px 4px rgba(239,68,68,.2)}.thumbnail-image{object-fit:contain;width:100%;height:100%;padding:.25rem;border-color:#7fffd4}}@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 (min-width:766px) and (max-width:769px){.gallery-container,.main-image-container,.thumbnail-grid{transform:translateZ(0);backface-visibility:hidden}}@media (max-width:767.98px){.main-image-container{touch-action:pan-y pinch-zoom}.mobile-indicators{display:flex}.nav-button{opacity:.7;display:block;z-index:50}.nav-button:active{opacity:1}}@media (max-width:767.98px) and (orientation:landscape){.thumbnail-grid{display:none!important}.nav-button{padding:.25rem;opacity:.8!important;display:block!important;background-color:rgba(0,0,0,.7)}.nav-button:active,.nav-button:hover{opacity:1!important;background-color:rgba(0,0,0,.9)}.nav-prev{left:.25rem}.nav-next{right:.25rem}.nav-button svg{width:1rem;height:1rem;color:#fff}.mobile-indicators{bottom:.25rem}.indicator{width:.375rem;height:.375rem;gap:.25rem}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:400px){.nav-button{padding:.125rem}.nav-button svg{width:.875rem;height:.875rem}.mobile-indicators{display:none}}.main-image-container:after,.main-image-container:before{content:"";position:absolute;top:0;width:60px;height:100%;z-index:45;pointer-events:none}.main-image-container:before{left:0}.main-image-container:after{right:0}@media (prefers-contrast:high){.nav-button,.zoom-button{background-color:#fff;border:2px solid #000}.indicator{border:1px solid #000}.indicator.active{background-color:#000}}@media (prefers-reduced-motion:reduce){.gallery-container,.indicator,.main-image-container,.nav-button,.thumbnail-grid,.thumbnail-item,.zoom-button{transition:none}}.gallery-section{height:350px;position:relative}@media (min-width:768px){.gallery-section{position:sticky;top:82px;height:calc(70vh - 82px);max-height:600px;align-self:start}}@media (max-width:767.98px) and (orientation:landscape){.gallery-section{height:65vh;min-height:250px;max-height:400px;overflow:visible!important}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:600px){.gallery-section{height:70vh;min-height:200px;max-height:350px;overflow:visible!important}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:400px){.gallery-section{height:75vh;min-height:180px;max-height:280px;overflow:visible!important}}.gallery-section{transition:height .3s ease-in-out,position .3s ease-in-out;will-change:height,position}@media (min-width:766px) and (max-width:769px){.gallery-section{transform:translateZ(0);backface-visibility:hidden}}@media (max-width:767.98px) and (orientation:landscape){.landscape-breadcrumb{display:none}.landscape-product-info{padding:.5rem!important;margin-bottom:.5rem!important;margin-left:.75rem!important;margin-right:.75rem!important}.space-y-1\.5{gap:.25rem!important}.flex.flex-wrap.gap-x-3.gap-y-1{display:none!important}.flex.items-center.gap-1.flex-wrap{gap:.25rem!important}.grid.gap-3{gap:.5rem!important}.px-4{padding-left:.75rem!important;padding-right:.75rem!important}.mb-2.bg-white.rounded-lg.border{margin-bottom:.5rem!important}.p-1\.5{padding:.375rem!important}.grid-cols-2{grid-template-columns:repeat(3,minmax(0,1fr))!important}.p-3.sm\:p-4{padding:.5rem!important}.min-h-\[60px\]{min-height:45px!important}.mb-4 p.text-sm.text-gray-600{display:none}td,th{padding:.375rem!important}.text-sm{font-size:.75rem!important}.hidden.md\:block{display:none!important}.h-\[5vh\]{height:2vh!important}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:400px){.landscape-product-info{display:none!important}.my-4{margin-top:.25rem!important;margin-bottom:.25rem!important}.gallery-section{height:85vh!important;min-height:150px!important;max-height:none!important}.gap-3,.grid.gap-3{gap:.25rem!important}.px-4{padding-left:.5rem!important;padding-right:.5rem!important}}@media (max-width:767.98px) and (orientation:landscape) and (min-height:400px) and (max-height:600px){.landscape-product-info{padding:.375rem!important;margin-bottom:.375rem!important}.landscape-product-info .text-sm{font-size:.75rem!important}.landscape-product-info .text-\[11px\]{font-size:.625rem!important}}@media (max-width:767.98px) and (orientation:landscape){.main-image-container .relative.w-full.h-full{height:100%!important;min-height:100%!important;max-height:85vh!important;overflow:hidden!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.css-responsive-gallery,.gallery-container,.gallery-section{max-height:90vh!important;overflow:visible!important}.main-image-container{max-height:85vh!important;overflow:visible!important;position:relative!important}.image-wrapper{max-height:85vh!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}* img,[data-nimg],image,img{max-height:70vh!important;max-width:95vw!important;width:auto!important;height:auto!important;object-fit:contain!important;position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.gallery-container *,.image-wrapper *,.main-image-container *{max-height:70vh!important;max-width:90vw!important}.image-wrapper,.image-wrapper>div,.main-image-container,.main-image-container>div{display:flex!important;align-items:center!important;justify-content:center!important;max-height:75vh!important;overflow:hidden!important}body{overflow-x:hidden!important}.gallery-section,body{max-width:100vw!important}.gallery-section{max-height:80vh!important;overflow:hidden!important}img[style*=position]{position:static!important;width:auto!important;height:auto!important;max-width:90vw!important;max-height:70vh!important;margin:0 auto!important;display:block!important}}@media (max-width:767.98px) and (orientation:landscape) and (max-height:400px){* img,[data-nimg]{max-height:60vh!important;max-width:85vw!important}.image-wrapper,.main-image-container{max-height:65vh!important}}