/* r179 · Shared carousel controls · 2026-11-10.
   Keep each slider's visibility, disabled state and click handlers. */
body .arrow-nav-btn,
body .pv-root .pv-navbutton,
body .cg178 .cg178__rail-nav button {
  box-sizing:border-box;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  max-width:44px!important;max-height:44px!important;
  flex:0 0 44px!important;padding:0!important;
  border:1px solid #e4e9ee!important;border-radius:50%!important;
  background:#fff!important;color:#f5791f!important;
  box-shadow:0 2px 7px rgba(40,55,75,.12)!important;
  cursor:pointer;touch-action:manipulation;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body .pv-root .pv-navbutton,
body .cg178 .cg178__rail-nav button {position:relative}
body .arrow-nav-btn .icon,
body .pv-root .pv-navbutton svg,
body .cg178 .cg178__rail-nav button svg {display:none!important}
body .arrow-nav-btn::after,
body .pv-root .pv-navbutton::after,
body .cg178 .cg178__rail-nav button::after {
  content:"";position:absolute;display:block;pointer-events:none;
  top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
body .arrow-nav-btn.prev::after,
body .pv-root .pv-prev::after,
body .cg178 .cg178__rail-prev::after {transform:rotate(180deg)}

/* Keep the centres aligned after changing the circle diameter. */
body .arrow-nav-btn {margin-top:-22px}
body .arrow-nav-btn.prev {left:-22px}
body .arrow-nav-btn.next {right:-22px}
body .catalog-slider .arrow-nav-btn {margin-top:-87px}
body .main-news-slider-simple .arrow-nav-btn {margin-top:-32px}
body .about-page .arrow-nav-btn {margin-top:-22px}
body .about-page .arrow-nav-btn.prev {left:-22px}
body .about-page .arrow-nav-btn.next {right:-22px}
body .main-slider .arrow-nav-btn {margin-top:-22px}
body .main-slider .arrow-nav-btn.prev {left:30px}
body .main-slider .arrow-nav-btn.next {right:30px}
body .cg178 .cg178__rail-nav {top:calc(50% - 22px);left:-22px;right:-22px}

/* Product thumbnails scroll vertically. */
body .product-main__nav-slider .arrow-nav-btn {left:50%;margin:0 0 0 -22px}
body .product-main__nav-slider .arrow-nav-btn.prev {top:-22px}
body .product-main__nav-slider .arrow-nav-btn.next {top:auto;right:auto;bottom:-22px}
body .product-main__nav-slider .arrow-nav-btn.prev::after {transform:rotate(-90deg)}
body .product-main__nav-slider .arrow-nav-btn.next::after {transform:rotate(90deg)}

@media(hover:hover) {
  body .arrow-nav-btn:not(.swiper-button-disabled):hover,
  body .pv-root .pv-navbutton:not(:disabled):hover,
  body .cg178 .cg178__rail-nav button:not(:disabled):hover {
    background:#fff7f0!important;border-color:rgba(245,121,31,.35)!important;
    box-shadow:0 3px 9px rgba(40,55,75,.15)!important;
  }
}
body .arrow-nav-btn:focus-visible,
body .pv-root .pv-navbutton:focus-visible {outline:2px solid #b85111!important;outline-offset:-3px}

/* Preserve the existing narrow desktop viewport guards. */
@media(min-width:768px) and (max-width:799.98px) {
  body .main-news-slider .arrow-nav-btn.prev,
  body .main-news-slider-simple .arrow-nav-btn.prev,
  body .catalog-slider .arrow-nav-btn.prev {left:0!important}
  body .main-news-slider .arrow-nav-btn.next,
  body .main-news-slider-simple .arrow-nav-btn.next,
  body .catalog-slider .arrow-nav-btn.next {right:0!important}
  body .cg178 .cg178__rail-nav {left:0;right:0}
}
@media(min-width:992px) and (max-width:1040px) {
  body .main-news-slider .arrow-nav-btn.next,
  body .main-news-slider-simple .arrow-nav-btn.next,
  body .main-page .catalog-slider .arrow-nav-btn.next {right:-10px}
  body .cg178 .cg178__rail-nav {left:-10px;right:-10px}
}
@media(prefers-reduced-motion:reduce) {
  body .arrow-nav-btn,
  body .pv-root .pv-navbutton,
  body .cg178 .cg178__rail-nav button {transition:none}
}