product-gallery-thumbs{--pg-bg: #f8f7f5;--pg-accent: #96683a;--pg-thumb: 64px;--pg-max: 500px;display:grid;gap:12px;width:100%}product-gallery-thumbs button{all:unset;box-sizing:border-box;cursor:pointer}product-gallery-thumbs button:focus-visible,product-gallery-thumbs .pg__track:focus-visible{outline:2px solid var(--pg-accent);outline-offset:2px}.pg__main{position:relative;background:var(--pg-bg);overflow:hidden}.pg__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pg__track::-webkit-scrollbar{display:none}.pg__slide{position:relative;flex:0 0 100%;aspect-ratio:1 / 1;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;background:var(--pg-bg)}@media(hover:hover)and (pointer:fine){.pg__slide[data-full]{cursor:zoom-in}}product-gallery-thumbs .pg__img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}product-gallery-thumbs .pg__slide--cover .pg__img{object-fit:cover}.pg__video,.pg__embed,.pg__embed iframe{width:100%;height:100%;border:0;background:#000}product-gallery-thumbs .pg__arrow{position:absolute;top:50%;display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:#ffffffeb;color:#222;box-shadow:0 2px 10px #00000014;opacity:0;transition:opacity .25s,background-color .25s}.pg__arrow--prev{left:16px}.pg__arrow--next{right:16px}product-gallery-thumbs .pg__arrow:hover{background:#fff}.pg__main:hover .pg__arrow:not([disabled]),product-gallery-thumbs .pg__arrow:focus-visible{opacity:1}product-gallery-thumbs .pg__arrow[disabled]{opacity:0!important;pointer-events:none}.pg__thumbs{display:none;gap:10px;scrollbar-width:thin}product-gallery-thumbs .pg__thumb{position:relative;flex:0 0 var(--pg-thumb);width:var(--pg-thumb);aspect-ratio:1 / 1;background:var(--pg-bg);border:1px solid transparent;opacity:.55;transition:opacity .2s,border-color .2s}product-gallery-thumbs .pg__thumb:hover{opacity:1}product-gallery-thumbs .pg__thumb[aria-current=true]{opacity:1;border-color:var(--pg-accent)}product-gallery-thumbs .pg__thumb-img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}product-gallery-thumbs .pg__thumb-img--cover{object-fit:cover}.pg__thumb-badge{position:absolute;right:4px;bottom:4px;font-size:10px;line-height:1;padding:4px 5px;border-radius:2px;background:#0009;color:#fff}.pg__dots{display:flex;justify-content:center;gap:0;padding:0 0 2px}product-gallery-thumbs .pg__dot{display:flex;align-items:center;justify-content:center;width:22px;height:22px}product-gallery-thumbs .pg__dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.25;transition:opacity .2s,transform .2s}product-gallery-thumbs .pg__dot[aria-current=true]:before{opacity:.85;transform:scale(1.15)}.pg__zoom{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:0;background:#fff;cursor:zoom-out}.pg__zoom::backdrop{background:#fffffff5}.pg__zoom-img{display:block;width:100%;height:100%;object-fit:contain}product-gallery-thumbs .pg__zoom-close{position:fixed;top:16px;right:20px;font-size:34px;line-height:1;color:#222;padding:4px 10px}.pg--single .pg__dots,.pg--single .pg__thumbs{display:none!important}@media(min-width:768px){.pg__dots{display:none}.pg__thumbs{display:flex;overflow-x:auto;padding-bottom:2px}product-gallery-thumbs .pg__arrow{display:flex}}@media(min-width:992px){product-gallery-thumbs{grid-template-columns:var(--pg-thumb) minmax(0,min(var(--pg-max),calc(100vh - var(--nav-height, 100px) - 130px)));justify-content:center;gap:14px}.pg__thumbs{order:-1;flex-direction:column;align-items:center;gap:6px;overflow:hidden;height:0;min-height:100%;padding:1px}product-gallery-thumbs .pg__thumb{flex:0 1 var(--pg-thumb);width:auto;height:auto;max-width:100%;min-height:0}}@media(min-width:768px){.product-area.product-area--thumbs .product-area__media{align-self:flex-start;position:sticky;top:calc(var(--nav-height, 0px) + 20px);padding:0 0 0 30px}.product-area.product-area--thumbs .product-area__details__header{padding-top:0}#quick-buy-modal .product-area.product-area--thumbs .product-area__media{top:64px}}@media(min-width:1441px){.product-area.product-area--thumbs .product-area__media{padding-left:60px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/product-gallery-thumbs.css.map */