/* Keep numeric suffixes on the right in left-to-right languages. */
html[dir="ltr"] .fx-text-counter > .purecounter { order:-1; }
html[dir="ltr"] .fx-text-counter > .text { margin-right:0; margin-left:3px; }

@media (max-width:1280px) {
  html[dir="ltr"] header .sub-trigger,
  html[dir="ltr"] header .sub-trigger-inner,
  html[dir="ltr"] header .sub-trigger-inner-menu { right:30px!important; left:auto!important; }
  html[dir="rtl"] header .sub-trigger,
  html[dir="rtl"] header .sub-trigger-inner,
  html[dir="rtl"] header .sub-trigger-inner-menu { left:30px!important; right:auto!important; }
  header .menu-item > a { padding-inline-end:75px; }
  header .language-field { position:relative; z-index:110; }
  header .language-field .language-menu { z-index:120; }
  header .language-field:not(.av-language-open) .language-menu {
    opacity:0!important; visibility:hidden!important; pointer-events:none!important;
  }
  header .language-field.av-language-open .language-menu {
    opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate(-50%,0)!important;
  }
  body.av-mobile-menu-open .b24-widget-button-wrapper,
  body.av-mobile-menu-open .b24-widget-button-shadow,
  body.av-mobile-menu-open .b24-widget-button-popup {
    display:none!important; visibility:hidden!important; pointer-events:none!important;
  }
}

/* Decorative masks must never consume taps intended for the video. */
.homepage-about-section .hp-stretch-to-right > .mask-image { pointer-events:none; }
.av-video-shell { position:relative; }
.av-video-play {
  position:absolute; z-index:40; inset:50% auto auto 50%; transform:translate(-50%,-50%);
  display:flex; align-items:center; justify-content:center; width:68px; height:68px;
  border:1px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(0,90,28,.8);
  color:#fff; cursor:pointer; box-shadow:0 4px 20px rgba(0,0,0,.15);
}
.av-video-play[hidden] { display:none!important; }
.av-video-play::before { content:""; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:19px solid currentColor; margin-left:5px; }
.av-video-play:focus-visible { outline:3px solid #008826; outline-offset:4px; }

/* Preserve wheel/touch scrolling while removing visible menu scrollbars. */
header ul { scrollbar-width:none!important; -ms-overflow-style:none; }
header ul::-webkit-scrollbar { display:none!important; width:0!important; height:0!important; }

/* Product gallery: mobile text navigation sits below the media, without a mask. */
@media (max-width:768px) {
  .product-gallery-frame { height:auto!important; max-height:none!important; overflow:visible!important; }
  .product-gallery-frame > .single-sport-grass-carousel { height:300px!important; }
  .product-gallery-frame > .carousel-controller {
    position:static!important; transform:none!important; margin-top:6px; width:100%;
  }
  .product-gallery-frame .carousel-controller .static-images,
  .product-gallery-frame .carousel-pagination,
  .product-gallery-frame > .thumbnail-prev-field,
  .product-gallery-frame > .thumbnail-next-field { display:none!important; }
  .product-gallery-frame .carousel-controller-field {
    width:100%!important; height:auto!important; border-radius:0!important; background:transparent!important;
  }
  .product-gallery-frame .carousel-navigation {
    position:static!important; transform:none!important; margin:0!important;
    justify-content:center; gap:28px; pointer-events:auto;
  }
  .product-gallery-frame .carousel-navigation .icon {
    width:auto; min-width:64px; height:44px; padding:0 8px; background:transparent!important;
  }
  .product-gallery-frame .carousel-navigation .text { margin:0!important; font-size:14px; }
}
@media (max-width:480px) {
  .product-gallery-frame > .single-sport-grass-carousel { height:250px!important; }
}

/* Keep mobile navigation in one row: left arrow, Back, divider, Next, right arrow. */
@media (max-width:768px) {
  .product-gallery-frame .carousel-navigation .icon {
    flex-direction:row; gap:10px;
  }
  .product-gallery-frame .carousel-navigation .icon > * { margin:0!important; }
  .product-gallery-frame .carousel-navigation .icon-arrow-right { order:2; }
  .product-gallery-frame .carousel-navigation .split {
    display:block; width:1px; height:20px; right:-14px; top:50%; transform:translateY(-50%);
  }
}