.nav-right {
  width: auto; 
}

.lang-dropdown {
  display:inline-block;
}

.mylang-select-wrap {
  font-size:14px;
  position:relative;
  display:inline-block
}

.mylang-btn {
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid #ddd;
  border-radius:4px;
  background:#fff;
  cursor:pointer
}

.mylang-caret {
  transition:transform .2s ease
}

.mylang-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 60px;
  max-width: 65px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  padding: 6px 0;
  list-style: none;
  margin: 0;
  display: none;
  z-index: 9999;
}

.mylang-dropdown li a {
  display:flex;
  justify-content:space-between;
  padding:8px 12px;
  color:#333;
  text-decoration:none
}

.mylang-dropdown li {
  list-style:none
}

.mylang-dropdown li a:hover {
  background:#f7f7f7
}

.mylang-select-wrap.is-open .mylang-dropdown {
  display:block
}

.mylang-select-wrap.is-open .mylang-caret {
  transform:rotate(180deg)
}

.mylang-select-wrap[data-current-locale="uk_UA"] .mylang-dropdown {
  max-width:400px
}

/* Mobile language selector styles */
.xs-menu__icons .mylang-select-wrap {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
}

.xs-menu__icons .mylang-btn {
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
  border: 1.5px solid rgba(36, 34, 34, 0.8);
  background: rgba(255,255,255,0.15);
  color: #161616;
  border-radius: 4px;
  min-width: 45px;
  text-align: center;
  transition: all 0.2s ease;
}

.xs-menu__icons .mylang-btn:active {
  background: rgba(255,255,255,0.25);
  transform: scale(0.95);
}

.xs-menu__icons .mylang-current {
  font-size: 14px;
  letter-spacing: 0.5px;
}

.xs-menu__icons .mylang-caret {
  color: #161616;
  margin-left: 4px;
  width: 10px;
  height: 6px;
}

.xs-menu__icons .mylang-dropdown {
  right: auto;
  left: 0;
  background: #fff;
  color: #333;
  min-width: 100px;
}

.xs-menu__icons .mylang-dropdown li a {
  color: #333;
  padding: 10px 14px;
  font-size: 14px;
}

.xs-menu__icons .mylang-dropdown li a:hover {
  background: #f0f0f0;
}

/* [PS] Perspective Scroll styles */
.pscroll {
  --ps-accent: #e30027;
  --ps-hover: #c00020;
  --ps-bg: #ffffff;
  background: var(--ps-bg);
  margin: 30px 0;
}
.pscroll__header {
  margin-bottom: 16px;
}
.pscroll__layout {
  align-items: stretch;
}
.pscroll__rail-wrapper {
  position: relative;
}
.pscroll__rail {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.pscroll__track {
  display: flex;
  gap: 12px;
  padding: 6px;
  will-change: transform;
}
/* ensure clones render identically to originals */
.pscroll__slide.is-clone { visibility: visible; }
.pscroll__slide.is-blur .pscroll__img { filter: blur(6px); opacity: .7; }
.pscroll__slide {
  position: relative;
  min-width: 320px;
  max-width: 520px;
  aspect-ratio: 4/5;
  flex: 0 0 auto;
  transition: transform .35s ease, opacity .35s ease, filter .35s ease;
  /* transform-origin default keeps vertical centering */
}
.pscroll__slide.ps-active { z-index: 3; transform: scale(1) !important; opacity: 1 !important; filter:none !important; }
.pscroll__slide.ps-far { z-index: 1; }
.pscroll__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
  display: block;
}
.pscroll__link { position:absolute; inset:0; z-index:2; }
.pscroll__caption {
  position: absolute;
  left: 12px; bottom: 12px;
  padding: 6px 10px;
  background: rgba(0,0,0,0.45);
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
}

.pscroll__right .p-thumbs__inner {
  margin-bottom: 12px;
}
.pscroll__right .p-thumbs__img { height: 140px; }
.pscroll__right-slider { overflow: hidden; }
.pscroll__right { position: relative; }
.pscroll__right-controls { display:none; position:absolute; inset:0; pointer-events:none; z-index:10; }
.pscroll__right-controls .ps-arrow { width:36px; height:36px; border:none; background:transparent; color:#1f1f1f; display:flex; align-items:center; justify-content:center; font-weight:400; font-size:28px; line-height:1; cursor:pointer; position:absolute; top:40%; transform:translateY(-50%); pointer-events:auto; z-index:10; -webkit-tap-highlight-color: transparent; }
.pscroll__right-controls .ps-arrow:focus { outline: none; }
.pscroll__right-controls .ps-arrow:active { transform:translateY(-50%) scale(.96); }
.pscroll__right-controls .js-ps-right-prev { left:8px; }
.pscroll__right-controls .js-ps-right-next { right:8px; }
.pscroll__h-controls {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:20;
}
.pscroll__h-controls .ps-arrow {
  position:absolute;
  top:50%;
  width:20px;
  height:45px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,0.9);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  color:#1f1f1f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:400;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  pointer-events:auto;
  transform:translateY(-50%);
  z-index:11;
  transition: all 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.pscroll__h-controls .ps-arrow:hover {
  background:rgba(255,255,255,1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.pscroll__h-controls .ps-arrow::before { display:none; }
.pscroll__h-controls .ps-arrow:focus { outline: none; }
.pscroll__h-controls .ps-arrow:active { transform:translateY(-50%) scale(.96); }
.pscroll__h-controls .js-ps-h-prev { left:-50px; }
.pscroll__h-controls .js-ps-h-next { right:-50px; }
.pscroll.is-mobile-hide .pscroll__h-controls { display:none; }

.pscroll__right-slide { padding: 6px 0; }
.pscroll__right .p-thumbs__cols {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pscroll__right .btn { background-color: var(--main-color); }
.pscroll__right .btn:hover { background-color: var(--ps-hover); }
.pscroll__rail::-webkit-scrollbar { height: 0; }

@media (max-width: 800px) {
  .pscroll__slide { min-width: 80%; }
  .pscroll.is-mobile-hide .pscroll__rail { display: none; }
  .pscroll__right-controls { display:flex; }
  .pscroll__right .p-thumbs__cols { padding: 0 12px; }
  .pscroll__right .p-thumbs__button__btn .btn { min-width: 96px; height: 38px; }
  .pscroll__right .p-thumbs__button__btn .btn-icon { display:inline-flex; align-items:center; justify-content:center; padding:0; width: 96px; height: 38px; line-height: 38px; background-position: center center; background-size: 28px; }
  .pscroll__right .p-thumbs__button__btn .btn-icon > * { margin: 0 auto; }
  .pscroll__right .p-thumbs__button__btn .btn-icon::before { left:50%; top:50%; transform:translate(-50%,-50%); }
  .pscroll__right .p-thumbs__img .p-thumbs__link { z-index: 10; }
  .pscroll__h-controls .js-ps-h-prev { left:-20px; }
  .pscroll__h-controls .js-ps-h-next { right:-20px; }
}
@media (min-width: 801px) {
  .pscroll__track { gap: 0; padding-left: 0; padding-right: 0; }
  .pscroll__slide { min-width: 170px; max-width: 520px; height: 520px; aspect-ratio: auto; }
  .pscroll__slide.ps-active { height: 520px; }
  .pscroll__slide.ps-dist-1 { min-width: 150px; margin-left: -14px; margin-right: -14px; }
  .pscroll__slide.ps-dist-2 { min-width: 130px; margin-left: -20px; margin-right: -20px; }
  .pscroll__slide.ps-dist-3,
  .pscroll__slide.ps-dist-4 { min-width: 115px; margin-left: -24px; margin-right: -24px; }
}
  .pscroll__right .p-thumbs__img { height: 120px; }
