/* MIX MEBLI — галерея товару: стрілки, лічильник, прокрутка мініатюр, лайтбокс */
.mx-gallery{position:relative}
.mx-main-wrap{position:relative;width:calc(100% - 100px);min-width:0}
.mx-main-wrap .tf-product-media-main{width:100%}
.mx-main-wrap .tf-product-media-main .item{cursor:zoom-in}
.mx-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0c0c0c;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 4px 18px rgba(0,0,0,.15);cursor:pointer;opacity:0;transition:opacity .25s,background .25s,color .25s}
.mx-gallery-arrow--prev{left:14px}.mx-gallery-arrow--next{right:14px}
.mx-gallery:hover .mx-gallery-arrow,.mx-gallery-arrow:focus-visible{opacity:1}
.mx-gallery-arrow:hover{background:var(--Primary,#ae7d32);color:#fff}
.mx-gallery-arrow.is-disabled{opacity:0!important;pointer-events:none}
.mx-gallery-counter{position:absolute;right:14px;bottom:14px;z-index:5;background:rgba(12,12,12,.7);color:#fff;font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px;letter-spacing:.04em;pointer-events:none}
.mx-gallery-zoom{position:absolute;left:14px;bottom:14px;z-index:5;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0c0c0c;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.15);transition:background .25s,color .25s}
.mx-gallery-zoom:hover{background:var(--Primary,#ae7d32);color:#fff}
/* мініатюри: колонка з прокруткою і стрілками */
.mx-thumbs-wrap{position:relative;width:80px;flex-shrink:0;display:flex;flex-direction:column;align-self:flex-start;max-height:687px}
.mx-thumbs-wrap .tf-product-media-thumbs{width:80px;flex:1 1 auto;min-height:0;max-height:none;height:100%}
.mx-thumbs-wrap .tf-product-media-thumbs .swiper-slide{height:80px;width:80px}
.mx-thumbs-wrap .tf-product-media-thumbs .swiper-slide .item{height:80px;width:80px;max-height:80px}
.mx-thumbs-arrow{flex:0 0 28px;height:28px;border:0;background:#f3f3f3;color:#0c0c0c;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,opacity .2s}
.mx-thumbs-arrow:hover{background:var(--Primary,#ae7d32);color:#fff}
.mx-thumbs-arrow--prev{margin-bottom:8px}.mx-thumbs-arrow--next{margin-top:8px}
.mx-thumbs-arrow.is-disabled{opacity:.3;pointer-events:none}
.mx-thumbs-arrow.is-hidden{display:none}
.mx-rot180{display:inline-block;transform:rotate(180deg)}
.mx-thumbs-wrap .tf-product-media-thumbs .swiper-slide .item{transition:opacity .2s,box-shadow .2s;border-radius:4px}
.mx-thumbs-wrap .tf-product-media-thumbs .swiper-slide.swiper-slide-thumb-active .item{box-shadow:0 0 0 2px var(--Primary,#ae7d32)}
/* мобільний: мініатюри горизонтально знизу */
@media (max-width:767px){
  .mx-main-wrap{width:100%}
  .mx-thumbs-wrap{width:100%;max-height:none;flex-direction:row;order:1;align-items:center}
  .mx-thumbs-wrap .tf-product-media-thumbs{width:auto;height:auto;flex:1 1 auto}
  .mx-thumbs-wrap .tf-product-media-thumbs .swiper-slide{width:64px;height:64px}
  .mx-thumbs-wrap .tf-product-media-thumbs .swiper-slide .item{width:64px;height:64px;max-width:64px;max-height:64px}
  .mx-thumbs-arrow{flex:0 0 28px;height:64px;margin:0}
  .mx-thumbs-arrow--prev{margin-right:8px}.mx-thumbs-arrow--next{margin-left:8px}
  .mx-thumbs-arrow--prev{order:0}.mx-thumbs-wrap .tf-product-media-thumbs{order:1}.mx-thumbs-arrow--next{order:2}
  .mx-thumbs-arrow .icon-down{display:inline-block;transform:rotate(-90deg)}
  .mx-thumbs-arrow .mx-rot180{transform:rotate(90deg)}
  .mx-gallery-arrow{opacity:1;width:38px;height:38px}
  .mx-gallery-arrow--prev{left:8px}.mx-gallery-arrow--next{right:8px}
  .mx-gallery-counter{right:10px;bottom:10px}
  .mx-gallery-zoom{left:10px;bottom:10px;width:36px;height:36px}
}
/* лайтбокс у стилі сайту */
.fancybox__container{--fancybox-accent-color:#ae7d32;font-family:Montserrat,sans-serif}
.fancybox__caption{font-size:14px}
.fancybox__thumbs .fancybox__thumb::after{border-color:#ae7d32!important}