.costan-product-gallery{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:start;color:#fff;overflow:visible}@media screen and (min-width:990px){.product.grid,.product{align-items:stretch!important;overflow:visible!important}.product__media-wrapper,.product__media-wrapper:has(.costan-product-gallery){align-self:stretch!important;overflow:visible!important;height:auto!important}.product__media-wrapper .costan-product-gallery,.costan-product-gallery{position:-webkit-sticky;position:sticky;top:104px;align-self:flex-start;z-index:3}}.costan-product-gallery *,.costan-product-gallery *:before,.costan-product-gallery *:after{box-sizing:border-box}.costan-product-gallery__thumbs{display:flex;flex-direction:column;gap:14px;max-height:calc(100svh - 126px);overflow-y:auto;overflow-x:hidden;padding:2px 0;scrollbar-width:none}.costan-product-gallery__thumbs::-webkit-scrollbar{display:none}.costan-product-gallery__thumb{position:relative;width:82px;aspect-ratio:1 / 1.08;display:block;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#080808;cursor:pointer;opacity:.52;transition:opacity .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.costan-product-gallery__thumb:hover{opacity:.86}.costan-product-gallery__thumb.is-active{opacity:1;border-color:#fff;box-shadow:0 0 0 1px #ffffff85,0 12px 28px #00000057;transform:none}.costan-product-gallery__thumb-image{width:100%;height:100%;display:block;border-radius:11px;object-fit:cover;object-position:center;background:#050505}.costan-product-gallery__thumb-number{position:absolute;right:7px;bottom:7px;z-index:2;min-width:21px;height:21px;display:grid;place-items:center;border-radius:999px;background:#fffffff2;color:#111;font-size:9px;font-weight:800;line-height:1;box-shadow:0 4px 12px #0000002e}.costan-product-gallery__thumb-play{position:absolute;left:7px;bottom:7px;z-index:3;width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:#000000b8;color:#fff}.costan-product-gallery__thumb-play svg{width:12px;height:12px;display:block}.costan-product-gallery__stage{position:relative;width:100%;max-width:100%;min-width:0;border:0;background:transparent;overflow:hidden}.costan-product-gallery__topbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;border-bottom:1px solid rgba(255,255,255,.13);background:transparent}.costan-product-gallery__topbar-left{min-width:0;display:flex;align-items:center;gap:10px;overflow:hidden;color:#ffffff7a;font-size:10px;font-weight:650;line-height:1;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.costan-product-gallery__topbar-left strong,.costan-product-gallery__counter strong{color:#fff;font-weight:900}.costan-product-gallery__topbar-left em{color:#ffffff8f;font-style:normal}.costan-product-gallery__topbar-left i{width:38px;height:1px;flex:0 0 38px;display:block;background:#ffffffb8}.costan-product-gallery__topbar-left small{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#ffffff5c;font-size:9px;font-weight:650;letter-spacing:.14em}.costan-product-gallery__counter{flex:0 0 auto;min-width:54px;height:44px;display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;color:#ffffff6b;font-size:10px;font-weight:750;line-height:1}.costan-product-gallery__main{position:relative;width:100%;max-width:100%;aspect-ratio:1 / .86;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.075),transparent 45%),linear-gradient(145deg,#111,#050505 56%,#000);cursor:zoom-in;margin-top:14px}.costan-product-gallery__main-item{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:scale(.992);transition:opacity .28s ease,visibility .28s ease,transform .42s cubic-bezier(.16,1,.3,1)}.costan-product-gallery__main-item.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.costan-product-gallery__main-image,.costan-product-gallery__main-video,.costan-product-gallery__main-model{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.costan-product-gallery__main-image{padding:0;transform:scale(1);transition:transform .18s ease;will-change:transform,transform-origin}.costan-product-gallery__main.is-magnifying .costan-product-gallery__main-item.is-active .costan-product-gallery__main-image{transform:scale(1.82)}.costan-product-gallery__main-video{background:#000}.costan-product-gallery__empty{min-height:520px;display:grid;place-items:center;color:#ffffff38;font-size:42px;font-weight:900;letter-spacing:-.06em}.costan-product-gallery__arrow{position:absolute;top:calc(58px + (100% - 106px)/2);z-index:10;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:#ffffff38;color:#fff;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .22s ease,transform .22s ease}.costan-product-gallery__arrow:hover{background:#ffffff57;transform:translateY(-50%) scale(1.04)}.costan-product-gallery__arrow svg{width:18px;height:18px;display:block}.costan-product-gallery__arrow--prev{left:16px}.costan-product-gallery__arrow--next{right:16px}.costan-product-gallery__bottom{position:relative;min-height:48px;display:flex;align-items:center;padding:0;border-top:1px solid rgba(255,255,255,.13);background:transparent}.costan-product-gallery__progress{position:relative;width:min(70%,520px);height:2px;overflow:hidden;background:#ffffff2e}.costan-product-gallery__progress span{position:absolute;left:0;top:0;width:0%;height:100%;display:block;background:#fff;transition:width .28s ease}.costan-product-gallery__view-closer{position:absolute;right:0;top:50%;height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:0;border-radius:999px;background:#ffffff3d;color:#fff;font-size:11px;font-weight:760;line-height:1;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.costan-product-gallery__view-closer:hover{background:#ffffff57}.costan-product-gallery__view-closer svg{width:15px;height:15px;display:block}.costan-product-gallery__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:28px;background:#000000f5}.costan-product-gallery__modal.is-open{display:flex}.costan-gallery-modal-open{overflow:hidden}.costan-product-gallery__modal-close{position:fixed;right:22px;top:22px;z-index:4;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff1f;color:#fff;padding:0;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.costan-product-gallery__modal-close svg{width:20px;height:20px;display:block}.costan-product-gallery__modal-media{width:min(94vw,1280px);height:min(88vh,900px);display:grid;place-items:center}.costan-product-gallery__modal-image{width:100%;height:100%;display:block;object-fit:contain}.costan-product-gallery__modal-count{position:fixed;left:28px;top:28px;z-index:4;color:#ffffff85;font-size:12px;font-weight:800;letter-spacing:.08em}.costan-product-gallery__modal-count strong{color:#fff}.costan-product-gallery__modal-arrow{position:fixed;top:50%;z-index:4;width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff21;color:#fff;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.costan-product-gallery__modal-arrow--prev{left:28px}.costan-product-gallery__modal-arrow--next{right:28px}.costan-product-gallery__modal-arrow svg{width:20px;height:20px;display:block}@media screen and (max-width:989px){.product__media-wrapper .costan-product-gallery,.costan-product-gallery{position:static;top:auto;z-index:auto}.costan-product-gallery{grid-template-columns:76px minmax(0,1fr);gap:12px}.costan-product-gallery__thumb{width:74px}.costan-product-gallery__topbar-left small{display:none}}@media screen and (max-width:749px){.costan-product-gallery{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.costan-product-gallery__stage{order:1;width:100%;max-width:100%;min-width:0;overflow:hidden}.costan-product-gallery__thumbs{order:2;position:static;width:100%;max-width:100%;max-height:none;display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.costan-product-gallery__thumbs::-webkit-scrollbar{display:none}.costan-product-gallery__thumb{flex:0 0 64px;width:64px;border-radius:10px}.costan-product-gallery__thumb-number{min-width:18px;height:18px;font-size:8px;right:5px;bottom:5px}.costan-product-gallery__topbar{min-height:40px;gap:8px}.costan-product-gallery__topbar-left{gap:6px;font-size:8px;letter-spacing:.08em}.costan-product-gallery__topbar-left i{width:20px;flex-basis:20px}.costan-product-gallery__counter{height:40px;min-width:44px;font-size:9px}.costan-product-gallery__main{width:100%;max-width:100%;aspect-ratio:1 / .98;border-radius:14px;cursor:default;margin-top:10px}.costan-product-gallery__main.is-magnifying .costan-product-gallery__main-item.is-active .costan-product-gallery__main-image{transform:scale(1)}.costan-product-gallery__arrow{top:calc(50px + (100% - 96px)/2);width:36px;height:36px}.costan-product-gallery__arrow--prev{left:9px}.costan-product-gallery__arrow--next{right:9px}.costan-product-gallery__bottom{min-height:44px}.costan-product-gallery__progress{width:50%}.costan-product-gallery__view-closer{height:31px;padding:0 10px;font-size:10px}.costan-product-gallery__view-closer span{display:none}.costan-product-gallery__modal{padding:14px}.costan-product-gallery__modal-close{right:14px;top:14px}.costan-product-gallery__modal-media{width:94vw;height:82vh}.costan-product-gallery__modal-arrow{width:40px;height:40px}.costan-product-gallery__modal-arrow--prev{left:14px}.costan-product-gallery__modal-arrow--next{right:14px}.costan-product-gallery__modal-count{left:16px;top:16px;font-size:10px}}@media screen and (max-width:380px){.costan-product-gallery__thumb{flex-basis:58px;width:58px}.costan-product-gallery__topbar-left span,.costan-product-gallery__topbar-left small{display:none}.costan-product-gallery__progress{width:46%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/costan-product-gallery.css.map */