.cano-product-gallery { max-width: 650px; margin: 1.5rem 0 2.5rem; }
.cano-gallery-main { display: flex; justify-content: center; align-items: center; background: #f7f8fa; border: 1px solid #dfe4e9; border-radius: 8px; padding: 1rem; }
.cano-gallery-main img { display: block; width: 100%; height: 480px; object-fit: contain; }
.cano-gallery-thumbnails { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.cano-gallery-thumbnail { display: block; border: 2px solid #dfe4e9; border-radius: 6px; padding: 5px; background: white; }
.cano-gallery-thumbnail[aria-current="true"] { border-color: #1261a0; box-shadow: 0 0 0 1px #1261a0; }
.cano-gallery-thumbnail img { display: block; width: 80px; height: 96px; object-fit: contain; }
.cano-gallery-thumbnail:focus-visible, .cano-gallery-main:focus-visible { outline: 3px solid #1261a0; outline-offset: 4px; }
.cano-gallery-caption { font-size: .9rem; margin-top: 10px; color: #465665; }
@media(max-width:600px) { .cano-gallery-main img {height: 350px;} }
.cano-product-gallery {position:relative;}
.cano-gallery-main {cursor:zoom-in;}
.cano-gallery-navigation {position:absolute;top:42%;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none;}
.cano-gallery-navigation button,.cano-lightbox-controls button {pointer-events:auto;border:0;border-radius:50%;width:56px;height:56px;background:white;color:#202020;box-shadow:0 4px 20px #0001;font-size:32px;line-height:1;cursor:pointer;}
.cano-gallery-lightbox {position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:24px 24px 110px;border:0;background:#f6f6f6;z-index:10000;}
.cano-gallery-lightbox::backdrop {background:#fff;}
.cano-gallery-lightbox>img {display:block;width:100%;height:100%;object-fit:contain;}
.cano-lightbox-controls {position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;gap:24px;}
.cano-gallery-lightbox button:focus-visible,.cano-gallery-navigation button:focus-visible {outline:3px solid #3d7650;outline-offset:4px;}
.cano-gallery-thumbnail[aria-current="true"] {border-color:#3d7650;box-shadow:none;}
@media(max-width:600px){.cano-gallery-navigation button,.cano-lightbox-controls button{width:46px;height:46px;}.cano-gallery-lightbox{padding:12px 12px 100px;}}
html:has(.cano-gallery-lightbox[open]){overflow:hidden}