html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.site {
  min-width: 220px;
  width: 100%;
}

a,
button,
select,
input {
  outline: none;
  box-sizing: border-box;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

button {
  border: none;
  cursor: pointer;
}

.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ibg--top {
  -o-object-position: top;
  object-position: top;
}

.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom;
}

.ibg--left {
  -o-object-position: left;
  object-position: left;
}

.ibg--right {
  -o-object-position: right;
  object-position: right;
}

.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain;
}

/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

/* .obj-fit { 
  object-fit: contain !important;
  width: 203px !important;
  height: 233px !important;
} */

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered>.swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

@font-face {
  font-family: "FuturaPT";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/FuturaPT/FuturaPT-Light.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "FuturaPT";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/FuturaPT/FuturaPT-Book.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "FuturaPT";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/FuturaPT/FuturaPT-Medium.woff") format("woff"),
    url("../fonts/FuturaPT/FuturaPT-Medium.eot?") format("eot"),
    url("../fonts/FuturaPT/FuturaPT-Medium.ttf") format("truetype"),
    url("../fonts/FuturaPT/FuturaPT-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "FuturaPT";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/FuturaPT/FuturaPT-Bold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "FuturaPT";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/FuturaPT/FuturaPT-Heavy.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Spectral/Spectral-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Spectral/Spectral-Medium.ttf") format("truetype");
  font-display: swap;
}

* {
  box-sizing: border-box;
}

*::selection {
  color: #d9d9d9;
  background-color: #018a7a;
}

html {
  color: #282828;
  font-size: 16px;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.03em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3 {
  font-size: calc(2rem + 32 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {

  h1,
  h2,
  h3 {
    font-size: 4rem;
  }
}

h4 {
  font-size: calc(1.625rem + 6 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {
  h4 {
    font-size: 2rem;
  }
}

h5 {
  font-size: calc(1.125rem + 2 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {
  h5 {
    font-size: 1.25rem;
  }
}

hr {
  width: 100%;
  height: 1px;
  background-color: rgba(233, 228, 219, 0.2);
  border: 0;
  margin: 0;
}

a {
  color: #656565;
  text-decoration: none;
  transition: 0.3s color ease-in-out;
}

@media (min-width: 1025px) {
  a:hover {
    color: #018a7a;
  }
}

.h1,
.page-head__ttl,
.hero-slider__ttl,
.checkout__ttl {
  font-size: calc(2.25rem + 14 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {

  .h1,
  .page-head__ttl,
  .hero-slider__ttl,
  .checkout__ttl {
    font-size: 3.125rem;
  }
}

.h2,
.popup__ttl,
.product-detail-text__ttl,
.related-products__ttl,
.popup-login-tabs__btn.active,
.contact-info__val a,
.account-content h1,
.account-content__ttl,
.cases-col h2,
.about-text__ttl,
.about-slider__ttl,
.about-video__ttl,
.about-banner__ttl {
  font-size: calc(2.25rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
}

.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-video-show body::after {
  opacity: 1;
}

.popup-video {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}

.popup-video_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup-video_show .popup-video__content {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.popup-video__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 100%;
}

.popup-video__content {
  position: relative;
  visibility: hidden;
  overflow: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  background-color: #000;
  width: 100%;
  max-width: 1200px;
  border-radius: 20px;
  max-height: 100%;
  aspect-ratio: 996/517;
}

.lock .popup-video__content {
  visibility: visible;
}

.popup-video__close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  height: 2.5rem;
  width: 2.5rem;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.468);
  border-radius: 0.5rem;
  padding: 0.3125rem;
}

.popup-video__close svg {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.video-box {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.video-box__video {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.video-box__play {
  position: absolute;
  top: 50%;
  width: 5rem;
  aspect-ratio: 1/1;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.video-box__play img {
  transition: all 0.3s;
}

.video-box__play._hide {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  transform: none;
  transition-delay: 0.3s;
}

.video-box__play._hide img {
  -webkit-transform: scale(0);
  transform: scale(0);
}

@media (any-hover: hover) {
  .popup-video__close:hover svg {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  .video-box__play:hover img {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  .video-box__play._hide:hover img {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@media (max-width: 47.99875em) {
  .popup-video__content {
    aspect-ratio: 517/996;
    max-height: 31.25rem;
  }
}

@media (min-width: 1440px) {

  .h2,
  .popup__ttl,
  .product-detail-text__ttl,
  .related-products__ttl,
  .popup-login-tabs__btn.active,
  .contact-info__val a,
  .account-content h1,
  .account-content__ttl,
  .cases-col h2,
  .about-text__ttl,
  .about-slider__ttl,
  .about-video__ttl,
  .about-banner__ttl {
    font-size: 2.25rem;
  }
}

.h3,
.popup__subttl,
.delivery-type__btn,
.nav-mobile .account-bar .account-bar-user .account-bar-menu__ttl,
.nav-mobile .account-bar .account-bar-menu .account-bar-menu__ttl,
.nav-mobile__menu h3,
.about__text h4,
.popup-cart__total span,
.cart-products__ttl,
.popup-login-tabs__btn,
.footer-nav__ttl,
.contact-info__ttl,
.contact-form__ttl,
.checkout-cart__total>span:nth-child(2),
.account-bar-user__name,
.account-download__ttl,
.account-case__ttl {
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

@media (min-width: 1440px) {

  .h3,
  .popup__subttl,
  .delivery-type__btn,
  .nav-mobile .account-bar .account-bar-user .account-bar-menu__ttl,
  .nav-mobile .account-bar .account-bar-menu .account-bar-menu__ttl,
  .nav-mobile__menu h3,
  .about__text h4,
  .popup-cart__total span,
  .cart-products__ttl,
  .popup-login-tabs__btn,
  .footer-nav__ttl,
  .contact-info__ttl,
  .contact-form__ttl,
  .checkout-cart__total>span:nth-child(2),
  .account-bar-user__name,
  .account-download__ttl,
  .account-case__ttl {
    font-size: 0.875rem;
  }
}

.h4,
.product-item__ttl,
.product-detail-price__value span,
.contact-info__val,
.checkout-form__ttl,
.checkout-cart__ttl,
.content__editor h3,
.account-case__item h3 {
  font-size: calc(1.5rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
}

.checkout-form__ttl {
  margin-bottom: 1.5rem !important;
}

@media (min-width: 1440px) {

  .h4,
  .product-item__ttl,
  .product-detail-price__value span,
  .contact-info__val,
  .checkout-form__ttl,
  .checkout-cart__ttl,
  .content__editor h3,
  .account-case__item h3 {
    font-size: 1.5rem;
  }
}

.h5,
.page-head__subttl,
.product-slider__subttl {
  font-family: Spectral, Helvetica, Arial, sans-serif;
  font-size: calc(5rem + 12 * ((100vw - 360px) / 1080));
  font-style: italic;
  font-weight: 500;
  line-height: 1.05;
}

@media (min-width: 1440px) {

  .h5,
  .page-head__subttl,
  .product-slider__subttl {
    font-size: 5.75rem;
  }
}

.text-style-1,
.form__label,
.popup-login__bottom>span,
.popup-login__bottom>span button,
.footer-contact__ttl,
.checkout-cart .cart-products .cart-products__count>span,
.account-products .cart-products__count span,
.account-case__date,
.about-video__btn span {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 450;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {

  .text-style-1,
  .form__label,
  .popup-login__bottom>span,
  .popup-login__bottom>span button,
  .footer-contact__ttl,
  .checkout-cart .cart-products .cart-products__count>span,
  .account-products .cart-products__count span,
  .account-case__date,
  .about-video__btn span {
    font-size: 0.75rem;
  }
}

.text-style-2,
.form__col input[type="radio"]+label,
.product-detail-text__dsc,
.product-detail-cost__txt,
.footer-contact__val,
.checkout-cart__total>span:nth-child(1),
.account-content__dsc,
.cases-col__dsc,
.cases-author__name,
.about-text__col,
.about-gallery__text,
.about-slider__dsc {
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  line-height: 1.3;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {

  .text-style-2,
  .form__col input[type="radio"]+label,
  .product-detail-text__dsc,
  .product-detail-cost__txt,
  .footer-contact__val,
  .checkout-cart__total>span:nth-child(1),
  .account-content__dsc,
  .cases-col__dsc,
  .cases-author__name,
  .about-text__col,
  .about-gallery__text,
  .about-slider__dsc {
    font-size: 1rem;
  }
}

.section-ttl,
.product-slider__ttl {
  font-size: calc(1.75rem + 8 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {

  .section-ttl,
  .product-slider__ttl {
    font-size: 2.25rem;
  }
}

button {
  padding: 0;
  background: none;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
}

.btn,
.btn--color,
.btn--fororder {
  padding: 1.313rem 1.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #282828;
  border: 1px solid #018a7a;
  transition: 0.3s ease-in-out;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
}

@media (min-width: 1440px) {

  .btn,
  .btn--color,
  .btn--fororder {
    font-size: 0.875rem;
  }
}

@media (max-width: 1024px) {

  .btn,
  .btn--color,
  .btn--fororder {
    background: #018a7a;
    color: #ffffff;
  }
}

@media (min-width: 1025px) {

  .btn:hover,
  .btn--color:hover {
    background: #018a7a;
    color: #d9d9d9;
  }

  .btn:hover .btn__ico,
  .btn--color:hover .btn__ico {
    fill: #ffffff;
  }
}

.btn.btn--arr,
.btn--arr.btn--color {
  background: #ffffff;
  color: #282828;
  border: none;
}

@media (max-width: 1024px) {

  .btn.btn--arr,
  .btn--arr.btn--color {
    background: #018a7a;
    color: #ffffff;
  }
}

.btn.btn--arr svg,
.btn--arr.btn--color svg {
  width: 0.313rem;
  height: 0.5rem;
  margin-left: 1.875rem;
  fill: #282828;
}

@media (max-width: 1024px) {

  .btn.btn--arr svg,
  .btn--arr.btn--color svg {
    fill: #ffffff;
  }
}

@media (min-width: 1025px) {

  .btn.btn--arr:hover,
  .btn--arr.btn--color:hover {
    box-shadow: 0 4px 22px 0 #00000014;
    color: #656565;
  }
}

.btn__ico {
  fill: #000000;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.688rem;
  transition: 0.3s fill ease-in-out;
}

@media (max-width: 1024px) {
  .btn__ico {
    fill: #ffffff;
  }
}

.btn--color {
  background: #018a7a;
  color: #fff;
}

@media (min-width: 1025px) {
  .btn--color:hover {
    background: #00796b;
    color: #fff;
  }
}

.btn--color .btn__ico {
  fill: #fff;
}

.form__row {
  width: 100%;
  position: relative;
}

.form__row label {
  visibility: hidden;
}

@media (min-width: 1025px) {
  .form__row {
    display: flex;
    justify-content: space-between;
  }
}

.form__label {
  position: absolute;
  top: 0;
  right: 0;
}

.form__col {
  width: 100%;
  /* margin-bottom: 1.563rem; */
}

.form__col.--file {
  position: relative;
}

.form__col.--file .file-text {
  width: 100%;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  position: absolute;
  bottom: -3.125rem;
}

@media (min-width: 1440px) {
  .form__col.--file .file-text {
    font-size: 0.75rem;
  }
}

@media (min-width: 1025px) {
  .form__col:not(:only-child) {
    max-width: calc(50% - 0.781rem);
  }
}

.form__col textarea,
.form__col input[type="text"],
.form__col input[type="tel"],
.form__col input[type="number"],
.form__col input[type="password"],
.form__col input[type="email"] {
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  font-weight: 400;
  width: 100%;
  height: 3.625rem;
  color: #282828;
  background-color: transparent;
  border: 1px solid #d9d9d9;
  padding: 1.375rem;
  outline: 0;
  box-shadow: none;
  appearance: none;
}

@media (min-width: 1440px) {

  .form__col textarea,
  .form__col input[type="text"],
  .form__col input[type="tel"],
  .form__col input[type="number"],
  .form__col input[type="password"],
  .form__col input[type="email"] {
    font-size: 1rem;
  }
}

.form__col textarea::placeholder,
.form__col input[type="text"]::placeholder,
.form__col input[type="tel"]::placeholder,
.form__col input[type="number"]::placeholder,
.form__col input[type="password"]::placeholder,
.form__col input[type="email"]::placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.form__col textarea:-webkit-autofill,
.form__col input[type="text"]:-webkit-autofill,
.form__col input[type="tel"]:-webkit-autofill,
.form__col input[type="number"]:-webkit-autofill,
.form__col input[type="password"]:-webkit-autofill,
.form__col input[type="email"]:-webkit-autofill {
  background-color: transparent !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #282828 !important;
  caret-color: #282828;
}

.form__col textarea:autofill,
.form__col input[type="text"]:autofill,
.form__col input[type="tel"]:autofill,
.form__col input[type="number"]:autofill,
.form__col input[type="password"]:autofill,
.form__col input[type="email"]:autofill {
  background-color: transparent !important;
}

.form__col input[type="submit"] {
  cursor: pointer;
}

.form__col input[type="number"] {
  -moz-appearance: textfield;
}

.form__col input[type="radio"] {
  position: absolute;
  width: 0;
  height: 0;
}

.form__col input[type="radio"]:checked+label>span {
  display: block;
}

.form__col input[type="radio"]:checked+label:before {
  border-color: #018a7a;
}

.form__col input[type="radio"]:checked+label:after {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.form__col input[type="radio"]+label {
  position: relative;
  display: block;
  color: #282828;
  padding-left: 1.857em;
  margin: 0 0 0.357em 0;
  cursor: pointer;
}

.form__col input[type="radio"]+label>span {
  display: none;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .form__col input[type="radio"]+label>span {
    font-size: 0.75rem;
  }
}

.form__col input[type="radio"]+label:before,
.form__col input[type="radio"]+label:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  border-radius: 50%;
}

.form__col input[type="radio"]+label:before {
  width: 1rem;
  height: 1rem;
  border: 1px solid #d9d9d9;
}

.form__col input[type="radio"]+label:after {
  width: 0.375rem;
  height: 0.375rem;
  background: #018a7a;
  opacity: 0;
  transition: opacity 0.3s ease;
  top: 0.375rem;
  left: 0.375rem;
}

.form__col textarea {
  resize: none;
  height: 13.375rem;
}

.form__col select {
  width: 100%;
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  font-weight: 400;
  min-height: 3.625rem;
  color: #282828;
  border: 1px solid #d9d9d9;
  padding: 1.375rem;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  appearance: none;
  text-indent: 0;
  text-overflow: "";
  background-image: url("../image/images/svg/select-arr.svg");
  background-repeat: no-repeat;
  background-position: 94% 50%;
  background-size: 8px 5px;
}

@media (min-width: 1440px) {
  .form__col select {
    font-size: 1rem;
  }
}

.form__col select::-ms-expand {
  display: none;
}

.form__col select[aria-hidden="true"] {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

@-moz-document url-prefix() {
  .form__col select {
    text-indent: -2px;
  }
}

.form__col select option {
  text-transform: uppercase;
  background-color: #ffffff;
  color: #ababab;
}

.input-number-holder {
  /* Spin Buttons modified */
  /* Override browser form filling */
}

.input-number-holder input[type="number"] {
  position: relative;
  margin: 0;
  border: 1px solid #d9d9d9;
  padding: 0.5rem 1.75rem 0.5rem 0.5rem;
  height: 100%;
  text-align: center;
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-align: center;
  max-width: 4.875rem;
}

@media (min-width: 1440px) {
  .input-number-holder input[type="number"] {
    font-size: 1rem;
  }
}

.input-number-holder input[type="number"]::-webkit-outer-spin-button,
.input-number-holder input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  background: #fff url("../image/images/svg/input-number-arr.svg") no-repeat center center;
  width: 2rem;
  opacity: 1;
  /* shows Spin Buttons per default (Chrome >= 39) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.input-number-holder input[type="number"]::-webkit-inner-spin-button:hover,
.input-number-holder input[type="number"]::-webkit-inner-spin-button:active {
  opacity: 1;
}

.input-number-holder input:-webkit-autofill {
  background: #fff;
  color: #282828;
}

.lang {
  display: flex;
  align-items: center;
}

.lang li {
  position: relative;
  display: flex;
  align-items: center;
}

.lang li.--active a {
  color: #292929;
}

.lang li:not(:last-child) {
  padding-right: 1.25rem;
}

.lang li:not(:last-child):after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  right: 0.5rem;
  background: #ababab;
}

.lang a {
  color: #656565;
  font-size: calc(0.6875rem + 0 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {
  .lang a {
    font-size: 0.6875rem;
  }
}

.links-menu {
  display: flex;
  align-items: center;
}

.links-menu__item:not(:last-child) {
  margin-right: 2rem;
}

.links-menu__item a {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {
  .links-menu__item a {
    font-size: 0.75rem;
  }
}

.nav-menu {
  display: flex;
  align-items: center;
}

.nav-menu__item:not(:last-child) {
  margin-right: 2rem;
}

.nav-menu__item a {
  font-weight: 500;
  color: #282828;
  font-size: calc(1.125rem + 0 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {
  .nav-menu__item a {
    font-size: 1.125rem;
  }
}

@media (min-width: 1025px) {
  .nav-menu__item a:hover {
    color: #656565;
  }
}

.phone-block {
  position: relative;
}

.phone-block.--visible .phone-block__list {
  opacity: 1;
  visibility: visible;
}

.phone-block__current {
  position: relative;
  font-size: calc(1.125rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media (min-width: 1440px) {
  .phone-block__current {
    font-size: 1.125rem;
  }
}

.phone-block__current:after {
  content: "";
  width: 0.5rem;
  height: 0.313rem;
  position: absolute;
  right: 0;
  background: url("../image/images/svg/phone-block-arr.svg") no-repeat center;
  background-size: contain;
}

.phone-block__list {
  position: absolute;
  top: -1rem;
  left: -0.875rem;
  padding: 1rem 0.875rem;
  background: #ffffff;
  box-shadow: 0 12px 21px 0 #00000014;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
  z-index: 2;
}

.phone-block__list li {
  font-size: calc(1.125rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  padding-right: 1rem;
  display: flex;
  align-items: center;
}

@media (min-width: 1440px) {
  .phone-block__list li {
    font-size: 1.125rem;
  }
}

.phone-block__list li:first-child:after {
  content: "";
  width: 0.5rem;
  height: 0.313rem;
  position: absolute;
  right: 0;
  background: url("../image/images/svg/phone-block-arr.svg") no-repeat center;
  background-size: contain;
  transform: rotate(180deg);
}

.phone-block__list li:not(:last-child) {
  margin-bottom: 1rem;
}

.phone-block__btn {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  color: #018a7a;
  text-decoration: underline;
}

@media (min-width: 1440px) {
  .phone-block__btn {
    font-size: 0.75rem;
  }
}

.socials {
  display: flex;
}

.socials__item:not(:last-child) {
  margin-right: 1.375rem;
}

.socials__link {
  width: 2.875rem;
  height: 2.875rem;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s border-color ease-in-out;
}

@media (min-width: 1025px) {
  .socials__link:hover {
    border-color: #018a7a;
  }
}

.socials__link svg {
  width: 0.75rem;
  height: 0.75rem;
}

.product-listing {
  /* display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between; */
  /* gap: 3.5rem; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.product-listing .product-item {
  width: 100%;
  margin-bottom: 0;
  transition: 0.3s margin ease-in-out, 0.3s box-shadow ease-in-out;
  background: #ffffff;
  z-index: 2;
}

@media (min-width: 1025px) {
  .product-listing .product-item:hover {
    /* margin-bottom: -6.875rem; */
    z-index: 9;
  }
}

@media (max-width: 1025px) {
  .product-listing {
    display: flex !important;
    flex-direction: column !important;
  }

  .product-listing .product-item {
    width: 100% !important;
  }
}

@media (min-width: 1025px) {
  .product-listing .product-item {
    max-width: 15.938rem;
  }
}

.product-banner {
  width: 100%;
}

@media (min-width: 1025px) {
  .product-banner {
    max-width: 15.938rem;
  }
}

.swiper-wrapper.all-images {
  align-items: baseline;
  flex-direction: row;
  align-items: center;
}

.product-preview-thumb__img {
  height: 87px !important;
}

.div#swiper-wrapper-d566ad11010d6fef7 {
  flex-direction: row;
  align-items: center;
}

.custom-image-block.product-preview-thumb__img {
  align-items: baseline;
  object-fit: cover;
}

.product-banner__img {
  display: block;
  max-width: 100%;
}

.product-banner__img img {
  max-width: 100%;
}

@media (max-width: 1024px) {
  .product-banner__img img:nth-child(1) {
    display: none;
  }
}

@media (min-width: 1025px) {
  .product-banner__img img:nth-child(2) {
    display: none;
  }
}

.product-item .product-item__table:hover {
  height: 100%;
  overflow: hidden;
  transition: 0.3s height ease-in-out;
}

.product-item {
  padding: 1.625rem;
  transition: 0.3s box-shadow ease-in-out;
  margin-bottom: 6.875rem;
}

@media (max-width: 1024px) {
  .product-item {
    padding: 1.875rem 1.5rem 10.875rem;
    /* width: 100%; */
    box-shadow: 0 15px 15px 0 #0000000d;
    margin-bottom: 1.875rem;
    position: relative;
    display: flex;
    align-items: flex-start;
  }
}

@media (min-width: 1025px) {
  .product-item:hover {
    box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 0;
  }

  .product-item:hover .product-item__table {
    height: 3.5rem;
  }

  .product-item:hover .product-item__color {
    height: 3.5rem;
  }

  .product-item:hover .product-item__img img:nth-child(1) {
    opacity: 0;
  }

  .product-item:hover .product-item__img img:nth-child(2) {
    opacity: 1;
  }
}

.product-item__img {
  width: 100%;
  display: block;
}

@media (min-width: 1025px) {
  .product-item__img {
    margin-bottom: 1.375rem;
    position: relative;
    height: 12.688rem;
  }
}

@media (max-width: 1024px) {
  .product-item__img {
    max-width: 34.25%;
    margin-right: 1.563rem;
  }
}

.product-item__img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

@media (min-width: 1025px) {
  .product-item__img img {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    transition: 0.3s opacity ease-in-out;
  }

  .product-item__img img:nth-child(1) {
    z-index: 1;
  }

  .product-item__img img:nth-child(2) {
    z-index: 2;
    opacity: 0;
  }
}

@media (max-width: 1024px) {
  .product-item__img img:nth-child(2) {
    display: none;
  }
}

.product-item__sale {
  position: absolute;
  top: 0;
  right: 0;
  background: #d20921;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #ffffff;
}

@media (min-width: 1440px) {
  .product-item__sale {
    font-size: 0.75rem;
  }
}

@media (min-width: 1025px) {
  .product-item__sale {
    right: 1rem;
  }
}

.product-item__content {
  display: flex;
  flex-direction: column;
  z-index: 1000;
  position: relative;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1024px) {
  .product-item__content {
    align-items: flex-start;
    flex: 1;
  }
}

.product-item__available,
.product-detail-price__available,
.product-detail-price__noavailable {
  font-family: Spectral, Helvetica, Arial, sans-serif;
  font-size: calc(0.6875rem + 0 * ((100vw - 360px) / 1080));
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  margin-bottom: 0.563rem;
}

@media (min-width: 1440px) {

  .product-item__available,
  .product-detail-price__available,
  .product-detail-price__noavailable {
    font-size: 0.6875rem;
  }
}

.product-item__available:before,
.product-detail-price__available:before,
.product-detail-price__noavailable:before {
  content: "";
  width: 0.563rem;
  height: 0.563rem;
  background: url("../image/images/svg/green-check.svg") no-repeat center;
  background-size: contain;
  margin-right: 0.25rem;
}

.product-detail-price__available.red:before,
.product-item__available.red:before {
  background: url("../image/images/svg/red-check.svg") no-repeat center !important;
}

.product-item__ttl {
  text-align: center;
  margin-bottom: 1rem;
}

@media (max-width: 1024px) {
  .product-item__ttl {
    font-size: calc(1.25rem + 0 * ((100vw - 360px) / 1080));
  }
}

@media (max-width: 1024px) and (min-width: 1440px) {
  .product-item__ttl {
    font-size: 1.25rem;
  }
}

.product-item__ttl a {
  color: inherit;
}

@media (min-width: 1025px) {
  .product-item__ttl a:hover {
    color: #018a7a;
  }
}

.product-item__table {
  width: 100%;
  padding-bottom: 0.375rem;
}

@media (min-width: 1025px) {
  .product-item__table {
    height: 0;
    overflow: hidden;
    transition: 0.3s height ease-in-out;
  }
}

.product-item__color {
  height: 0;
  overflow: hidden;
  transition: 0.3s height ease-in-out;
}

.product-item__row {
  width: 100%;
  display: flex;
  align-items: center;
}

.product-item__col {
  width: 50%;
  padding: 0.375rem 0.563rem;
  font-size: calc(1rem + -2 * ((100vw - 360px) / 1080));
  font-weight: 450;
  line-height: 1;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .product-item__col {
    font-size: 0.875rem;
  }
}

@media (max-width: 1024px) {
  .product-item__col {
    padding: 0.313rem 0;
  }
}

.product-item__col:nth-child(1) {
  color: #ababab;
}

@media (min-width: 1025px) {
  .product-item__col:nth-child(1) {
    text-align: right;
  }
}

.product-item__price {
  font-size: calc(1.25rem + -4 * ((100vw - 360px) / 1080));
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-align: center;
  margin-bottom: 1.125rem;
  display: flex;
  align-items: flex-end;
}

@media (min-width: 1440px) {
  .product-item__price {
    font-size: 1rem;
  }
}

@media (max-width: 1024px) {
  .product-item__price {
    font-weight: 500;
    /* position: absolute; */
    left: 0;
    width: 100%;
    bottom: 7rem;
    justify-content: center;
    z-index: 2;
  }
}

.product-item__price .old {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  color: #b5b5b5;
  margin-right: 0.375rem;
  text-decoration: line-through;
}

@media (min-width: 1440px) {
  .product-item__price .old {
    font-size: 0.75rem;
  }
}

.product-item__price .new {
  color: #d20921;
}

@media (max-width: 1024px) {
  .product-item__btn {
    /* position: absolute; */
    left: 1.5rem;
    bottom: 2.188rem;
    width: calc(100% - 3rem);
    z-index: 222;
  }

}

.product-item__btn + .product-detail-actions__pumb{
  margin-top: 10px;
}

.product-pagination {
  padding: 5rem 0 0;
}

.product-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-pagination ul li {
  letter-spacing: -0.01em;
  text-align: center;
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  color: #ababab;
  line-height: 1.3;
}

@media (min-width: 1440px) {
  .product-pagination ul li {
    font-size: 1rem;
  }
}

.product-pagination ul li a {
  color: inherit;
}

@media (min-width: 1025px) {
  .product-pagination ul li a:hover {
    color: #018a7a;
  }
}

.product-pagination ul li.current {
  color: #282828;
}

.product-pagination ul li:not(:last-child) {
  margin-right: 1rem;
}

.color-picker {}

.color-picker__ttl {
  margin-right: 20px;
  text-align: center;
  font-family: Spectral, Helvetica, Arial, sans-serif;
  font-size: calc(0.6875rem + 0 * ((100vw - 360px) / 1080));
  font-style: italic;
  font-weight: 400;
  margin-bottom: 0.625rem;
}

@media (min-width: 1440px) {
  .color-picker__ttl {
    font-size: 0.6875rem;
  }
}

.color-picker__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* .color-picker__item:nth-child(1) label {
  background: #D9D9D9;
} */
.color-picker__item:nth-child(3) label {
  /* background: #333333; */
}

/* .color-picker__item {
  position: relative;
  width: 1.063rem;
  height: 1.063rem;
}

.color-picker__item input:checked+label:after {
  opacity: 1;
}

.color-picker__item:nth-child(2) label {
  background: #A3855E;
}



.color-picker__item:nth-child(4) label {
  background: #806849;
}

.color-picker__item label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.color-picker__item label:after {
  content: '';
  width: 0.563rem;
  height: 0.375rem;
  background: url("../image/images/svg/black-check.svg") no-repeat center;
  background-size: contain;
  transition: .3s opacity ease-in-out;
  opacity: 0;
}
.color-picker__item label{
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out;
}
.color-picker__item label:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s ease-in-out;
} */

/* Стилі для радіокнопки */
/* input[type="radio"] {
  display: none;
} */

/* Стилі для кольорового пікера */
/* Стилі для кольорового пікера */
.color-picker__item {
  position: relative;
  width: 1.063rem;
  /* Ширина кольорового пікера */
  height: 1.063rem;
  /* Висота кольорового пікера */
}

/* Стилі для мітки (label) */
.color-picker__item label {
  cursor: pointer;
  /* Зміна форми курсора при наведенні */
  position: absolute;
  /* Абсолютне позиціонування */
  top: 0;
  /* Відстань від верхнього краю */
  left: 0;
  /* Відстань від лівого краю */
  width: 100%;
  /* Повна ширина */
  height: 100%;
  /* Повна висота */
  z-index: 1;
  /* Індекс надсилання */
  display: flex;
  /* Flexbox */
  align-items: center;
  /* Вирівнювання по вертикалі */
  justify-content: center;
  /* Вирівнювання по горизонталі */
}

/* Стилі для галочки */
.color-picker__item label::after {
  content: url("../../../../../image/Vector1.png");
  /*  content: '✓'; Додаємо контент */
  font-size: 0.75rem;
  /* Розмір символу галочки */
  line-height: 1;
  /* Висота рядка для вирівнювання галочки */
  position: absolute;
  /* Абсолютне позиціонування */
  top: 40%;
  /* Вертикальне позиціонування на половині висоти */
  left: 50%;
  /* Горизонтальне позиціонування на половині ширини */
  transform: translate(-50%, -50%);
  /* Зсув */
  opacity: 0;
  /* Початкова прозорість (приховано) */
}

/* Стилі для стрілочки, яка відображається при виборі */
.color-picker__item input[type="radio"]:checked+label::after {
  opacity: 1;
  /* Зробити стрілочку видимою, якщо відповідний радіокнопка обраний */
}

/*  */
/*  */
/*  */
/*  */
.breadcrumbs {
  padding: 1rem 0;
}

.breadcrumbs__list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.breadcrumbs__list li {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .breadcrumbs__list li {
    font-size: 0.75rem;
  }
}

.breadcrumbs__list li a {
  color: inherit;
}

@media (min-width: 1025px) {
  .breadcrumbs__list li a:hover {
    color: #018a7a;
  }
}

.breadcrumbs__list li span {
  color: #ababab;
}

.breadcrumbs__list li:not(:last-child) {
  margin-right: 0.25rem;
}

.page-head {
  padding: 4.625rem 0 1.875rem;
}

@media (max-width: 1024px) {
  .page-head {
    padding: 2.5rem 0 1rem;
  }
}

.page-head__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.page-head__subttl {
  user-select: none;
  color: rgba(101, 101, 101, 0.08);
  position: absolute;
  z-index: 1;
  text-align: center;
}

@media (max-width: 1024px) {
  .page-head__subttl {
    transform: translateY(-1rem);
    white-space: nowrap;
    font-size: calc(40px + 12 * ((100vw - 360px) / 1080));
  }
}

@media (min-width: 1025px) {
  .page-head__subttl {
    bottom: -0.75rem;
  }
}

.page-head__ttl {
  z-index: 2;
  text-align: center;
}

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s opacity ease-in-out, 0.3s visibility ease-in-out;
}

.popup.--opened {
  opacity: 1;
  visibility: visible;
}

.popup__inner {
  padding: 4.563rem 5.188rem 3.125rem 2.5rem;
  background: #fff;
  overflow: auto;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
}

@media (min-width: 1025px) {
  .popup__inner {
    min-width: 29.25rem;
  }
}

@media (max-width: 1024px) {
  .popup__inner {
    max-width: calc(100% - 2.688rem);
    width: 100%;
    padding: 3.25rem 1.25rem;
  }
}

.popup__head {
  display: flex;
  align-items: flex-end;
  margin-bottom: 3.75rem;
}

.popup__ttl {
  line-height: 0.8;
  margin-right: 1.25rem;
}

.popup__subttl {
  color: #ababab;
}

.popup__close {
  margin-left: auto;
}

@media (min-width: 1025px) {
  .popup__close:hover svg {
    fill: #018a7a;
  }
}

.popup__close svg {
  width: 0.875rem;
  height: 0.875rem;
  fill: #282828;
  transition: 0.3s fill ease-in-out;
}

@media (min-width: 1025px) {
  .popup__footer {
    margin-top: auto;
  }
}

.popup__link {
  margin-top: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup__link a {
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 450;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-align: center;
  color: #7f7f7f;
  text-decoration: underline;
}

@media (min-width: 1440px) {
  .popup__link a {
    font-size: 1rem;
  }
}

.delivery-type {
  display: flex;
  gap: 2rem;
  flex-direction: row;
  right: 0;
}

.delivery-type__inner .new-post label>div:nth-child(1) {
  display: flex;
  align-items: center;
}

.delivery-type__inner .new-post label>div:nth-child(1):after {
  content: "";
  width: 0.938rem;
  height: 0.813rem;
  background: url("../image/images/new-post-ico.svg") no-repeat center;
  background-size: contain;
  margin-left: 0.625rem;
}

.delivery-type__inner .meest label>div:nth-child(1) {
  display: flex;
  align-items: center;
}

.delivery-type__inner .meest label>div:nth-child(1):after {
  content: "";
  width: 2rem;
  height: 0.625rem;
  background: url("../image/images/meest-post-ico.svg") no-repeat center;
  background-size: contain;
  margin-left: 0.625rem;
}

.delivery-type__inner input[type="radio"]:checked+label .delivery-type__form {
  display: block;
}

.delivery-type__btn,
.delivery-type__btn label {
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: -0.01em;
  position: relative;
  color: #ababab !important;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
}

@media (min-width: 1440px) {
  .delivery-type__btn {
    font-size: 0.875rem;
  }
}

.delivery-type__btn:not(:last-child) {
  margin-right: 1.875rem;
}

.delivery-type__btn.active label {
  color: #282828 !important;
  transition: 0.3s color ease-in-out;
}

.delivery-type__btn.active:after {
  opacity: 1;
  visibility: visible;
}

.row-shipping_address_mail_delivery {
  display: flex;
  flex-direction: column;
}

.row-shipping_address_mail_delivery .radio {
  padding-bottom: 1rem;
}

.row-shipping_address_mail_delivery .radio label {
  display: flex;
  align-items: center;
}

.row-shipping_address_mail_delivery .radio input[type="radio"] {
  display: block !important;
}

.delivery-type__btn:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #018a7a;
  position: absolute;
  bottom: -8px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s opacity ease-in-out, 0.3s visibility ease-in-out;
}

.delivery-type__form {
  margin-top: 1.5rem;
  display: none;
}

.cashback {
  padding: 0 0 1.625rem;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cashback__check input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.cashback__check input[type="checkbox"]:checked+label:before,
.cashback__check input[type="checkbox"]:checked+span:before {
  border-color: #018a7a;
}

.cashback__check input[type="checkbox"]:checked+label:after,
.cashback__check input[type="checkbox"]:checked+span:after {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.cashback__check input[type="checkbox"]:focus+label:before,
.cashback__check input[type="checkbox"]:focus+span:before {
  border-color: #018a7a;
  box-shadow: 0 0 0 4px rgba(1, 138, 122, 0.06);
}

.cashback__check input[type="checkbox"]+label,
.cashback__check input[type="checkbox"]+span {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 1.625rem;
  transition: 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1440px) {

  .cashback__check input[type="checkbox"]+label,
  .cashback__check input[type="checkbox"]+span {
    font-size: 0.75rem;
  }
}

.cashback__check input[type="checkbox"]+label>span,
.cashback__check input[type="checkbox"]+span>span {
  color: #018a7a;
}

@media (min-width: 1025px) {

  .cashback__check input[type="checkbox"]+label:hover:before,
  .cashback__check input[type="checkbox"]+span:hover:before {
    border-color: #018a7a;
  }
}

.cashback__check input[type="checkbox"]+label:before,
.cashback__check input[type="checkbox"]+span:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border: 1px solid #d9d9d9;
  transition: 0.3s ease-in-out;
}

.cashback__check input[type="checkbox"]+label:after,
.cashback__check input[type="checkbox"]+span:after {
  width: 9px;
  height: 6px;
  background: url(../image/images/svg/checked.svg) no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  top: 3px;
  left: 5px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.cashback__value.input-number-holder {
  /* Spin Buttons modified */
}

.cashback__value.input-number-holder input[type="number"] {
  padding: 0 1rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 4.25rem;
  height: 1.75rem;
  background: none;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {
  .cashback__value.input-number-holder input[type="number"] {
    font-size: 0.75rem;
  }
}

.cashback__value.input-number-holder input[type="number"]::-webkit-outer-spin-button,
.cashback__value.input-number-holder input[type="number"]::-webkit-inner-spin-button {
  background: #f7f7f7 url("../image/images/svg/input-number-arr.svg") no-repeat center center;
  width: 1rem;
  background-size: 20px 20px;
}

.fileupload {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 16.375rem;
  background: #212121;
  border: 1px dashed #383838;
  color: #d9d9d9;
  transition: 0.3s border-color ease-in-out;
}

.fileupload.dragover {
  background-color: #018a7a;
}

.fileupload label {
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
  transition: 0.3s color ease-in-out;
}

@media (min-width: 1440px) {
  .fileupload label {
    font-size: 1rem;
  }
}

@media (min-width: 1025px) {
  .fileupload label:hover {
    color: #018a7a;
  }
}

.fileupload input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}

.fileupload input[type="file"]:focus+label {
  color: #018a7a;
}

.fileupload__ico {
  width: 5.375rem;
  height: 5.375rem;
  margin-bottom: 1rem;
}

.fileupload__ico img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.nav-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
  transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.nav-mobile.--opened {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1025px) {
  .nav-mobile {
    display: none;
  }
}

.nav-mobile .account-bar {
  height: auto;
}

.nav-mobile .account-bar .account-bar-user,
.nav-mobile .account-bar .account-bar-menu {
  width: 100%;
}

.nav-mobile__inner {
  width: calc(100% - 43px);
  min-height: 100vh;
  max-height: 100vh;
  background: #fff;
  padding: 14px 10px;
  overflow: auto;
}

.nav-mobile__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-mobile__close {
  width: 14px;
  height: 14px;
  background: url("../image/images/nav-mobile-close.svg") no-repeat center;
  background-size: contain;
}

.nav-mobile__menu {
  width: 100%;
  padding: 1.5rem 0;
}

.nav-mobile__menu h3 {
  margin-bottom: 1.875rem;
  color: #ababab;
}

.nav-mobile__menu ul li:not(:last-child) {
  margin-bottom: 1.875rem;
}

.nav-mobile__menu ul li a {
  font-size: calc(1.125rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: left;
  color: #282828;
}

@media (min-width: 1440px) {
  .nav-mobile__menu ul li a {
    font-size: 1.125rem;
  }
}

.nav-mobile__footer {
  padding: 26px 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
}

.nav-mobile__footer .socials__item:not(:last-child) {
  margin-right: 10px;
}

.hero-slider {
  margin-bottom: 3rem;
}

.hero-slider .container {
  position: relative;
}

.hero-slider__wrapper {
  width: 100%;
  height: 35rem;
}

@media (max-width: 1024px) {
  .hero-slider__wrapper {
    height: 30.625rem;
  }
}

.hero-slider__wrapper .swiper-pagination-vertical.swiper-pagination-bullets,
.hero-slider__wrapper .swiper-vertical>.swiper-pagination-bullets {
  transform: none;
  right: unset;
  top: unset;
  bottom: 1.625rem;
  left: 6.375rem;
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {

  .hero-slider__wrapper .swiper-pagination-vertical.swiper-pagination-bullets,
  .hero-slider__wrapper .swiper-vertical>.swiper-pagination-bullets {
    left: 1.125rem;
    bottom: 1.563rem;
  }
}

.hero-slider__wrapper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.hero-slider__wrapper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
  width: 0.25rem;
  height: 0.25rem;
  margin: 0;
  transition: 0.3s ease-in-out;
}

.hero-slider__wrapper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.hero-slider__wrapper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: scale(2);
  background: #ffffff;
}

.hero-slider__wrapper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child),
.hero-slider__wrapper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.75rem;
}

.hero-slider__item {
  width: 100%;
  position: relative;
  padding: 4.625rem 6.375rem;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 1024px) {
  .hero-slider__item {
    padding: 5.375rem 1.125rem;
  }
}

.hero-slider__item img {
  max-width: 100%;
}

.hero-slider__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-slider__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-slider__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .hero-slider__content {
    width: 100%;
  }
}

.hero-slider__ttl {
  margin-bottom: 2.125rem;
  color: #fff;
}

@media (max-width: 1024px) {
  .hero-slider__ttl {
    color: #ffffff;
    margin-bottom: 1.813rem;
  }
}

.hero-slider__txt {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: Spectral, Helvetica, Arial, sans-serif;
  font-size: calc(1.625rem + 11 * ((100vw - 360px) / 1080));
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 2.688rem;
}

@media (min-width: 1440px) {
  .hero-slider__txt {
    font-size: 2.3125rem;
  }
}

@media (max-width: 1024px) {
  .hero-slider__txt {
    color: #ffffff;
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 1024px) {
  .hero-slider__btn {
    width: 100%;
  }
}

.hero-values {
  background: #ffffff;
  display: flex;
  align-items: flex-start;
  z-index: 2;
  padding: 2rem 0;
}

@media (max-width: 1024px) {
  .hero-values {
    padding-bottom: 0;
  }
}

@media (min-width: 1025px) {
  .hero-values {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2.5rem 3.5rem 2.375rem 3.875rem;
  }
}

@media (min-width: 1025px) {
  .hero-values__item {
    max-width: 6.625rem;
  }
}

.hero-values__item:not(:last-child) {
  margin-right: 3.125rem;
}

@media (max-width: 1024px) {
  .hero-values__item:not(:last-child) {
    margin-right: 2.375rem;
  }
}

.hero-values__num {
  font-family: Spectral, Helvetica, Arial, sans-serif;
  font-size: calc(1.5rem + 4 * ((100vw - 360px) / 1080));
  font-style: italic;
  font-weight: 600;
  margin-bottom: 1rem;
}

@media (min-width: 1440px) {
  .hero-values__num {
    font-size: 1.75rem;
  }
}

.hero-values__text {
  font-size: calc(1rem + -4 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .hero-values__text {
    font-size: 0.75rem;
  }
}

.product-slider {
  padding: 3rem 0;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .product-slider {
    overflow: visible;
  }
}

.product-slider .container {
  position: relative;
}

.product-slider.--inv {
  background: #191919;
  color: #d9d9d9;
}

@media (min-width: 1025px) {
  .product-slider.--inv {
    padding-top: 8.125rem;
  }
}

.product-slider.--inv .product-slider__subttl {
  color: rgba(255, 255, 255, 0.08);
}

.product-slider.--inv .product-item {
  border: 1px solid transparent;
}

@media (max-width: 1024px) {
  .product-slider.--inv .product-item {
    border-color: #d9d9d9;
  }
}

@media (min-width: 1025px) {
  .product-slider.--inv .product-item:hover {
    border-color: #d9d9d9;
  }

  .product-slider.--inv .product-item:hover .product-item__table {
    height: 100%;
  }
}

.product-slider.--inv .btn,
.product-slider.--inv .btn--color {
  position: relative;
  z-index: 1000;
  color: #d9d9d9;
}

.product-slider.--inv .btn .btn__ico,
.product-slider.--inv .btn--color .btn__ico {
  fill: #d9d9d9;
}

@media (max-width: 1024px) {

  .product-slider.--inv .product-slider__all .btn,
  .product-slider.--inv .product-slider__all .btn--color {
    background: transparent;
  }
}

.product-slider__head {
  position: relative;
  margin-bottom: 3.5rem;
}

@media (max-width: 1024px) {
  .product-slider__head {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.product-slider__subttl {
  color: rgba(101, 101, 101, 0.08);
  position: absolute;
  z-index: 1;
}

@media (max-width: 1024px) {
  .product-slider__subttl {
    transform: translateY(-1rem);
  }
}

@media (min-width: 1025px) {
  .product-slider__subttl {
    bottom: -0.75rem;
    left: -5.5rem;
  }
}

.product-slider__ttl {
  position: relative;
  z-index: 2;
}

@media (max-width: 1024px) {
  .product-slider__ttl {
    text-align: center;
  }
}

/* Мобільний слайдер — мінімальні зміни */
@media (max-width: 1024px) {
  .product-slider {
    overflow: visible;
  }
  .product-slider__inner.swiper {
    overflow: visible;
  }
  .product-slider__inner .swiper-wrapper {
    flex-direction: row;
  }
}

.product-detail-chars__item.stock.has-logo::before {
  background: url(../image/images/svg/gray_check.svg) no-repeat;
}

@media (min-width: 1025px) {
  .product-slider__all {
    display: none;
  }
}

@media (max-width: 1024px) {

  .product-slider__all .btn,
  .product-slider__all .btn--color {
    border: 1px solid #018a7a;
    background: #ffffff;
    color: #282828;
  }
}

.product-slider-nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 1.5rem;
  z-index: 3;
}

@media (max-width: 1024px) {
  .product-slider-nav {
    display: none;
  }
}

.product-slider-nav span {
  margin: 1.25rem;
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  line-height: 1;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .product-slider-nav span {
    font-size: 1rem;
  }
}

.product-slider-nav__next,
.product-slider-nav__prev {
  cursor: pointer;
}

@media (min-width: 1025px) {

  .product-slider-nav__next:hover svg,
  .product-slider-nav__prev:hover svg {
    fill: #018a7a;
  }
}

.product-slider-nav__next svg,
.product-slider-nav__prev svg {
  width: 1.125rem;
  height: 0.5rem;
  fill: #d9d9d9;
  transition: 0.3s fill ease-in-out;
}

.about {
  padding: 3.5rem 0 0;
}

@media (max-width: 1024px) {
  .about {
    padding: 4.375rem 0 3.125rem;
  }
}

.about__content {
  max-width: 49.375rem;
  margin: 0 auto 3.125rem;
}

@media (max-width: 1024px) {
  .about__content {
    margin-bottom: 2.188rem;
  }
}

.about__content.opened .about__text {
  max-height: unset;
}

.about__content.opened .about__text:after {
  content: unset;
}

.about__content.opened .about__btn {
  display: none;
}

.about__text {
  position: relative;
  text-align: left;
  width: 100%;
  max-height: 8rem;
  overflow: hidden;
}

.about__text:after {
  content: "";
  width: 100%;
  height: 4rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.about__text h4 {
  text-transform: uppercase;
  margin-bottom: 1.875rem;
}

.about__text p {
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.about__text p:not(:last-child) {
  margin-bottom: 1rem;
}

@media (min-width: 1440px) {
  .about__text p {
    font-size: 1rem;
  }
}

.about__btn {
  padding-top: 0.75rem;
}

.about__btn button {
  display: block;
  margin: 0 auto;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  text-align: center;
  text-decoration: underline;
  color: #018a7a;
}

@media (min-width: 1440px) {
  .about__btn button {
    font-size: 0.75rem;
  }
}

.about__img {
  width: 100%;
}

.about__img img {
  max-width: 100%;
}

.product-detail {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.75rem 0 0rem;
}

@media (max-width: 1024px) {
  .product-detail {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    /* padding: 1rem 0 2rem; */
  }
}

.product-detail-preview {
  max-width: 36.75rem;
}

@media (max-width: 1024px) {
  .product-detail-preview {
    max-width: 100%;
    margin-bottom: 1.625rem;
  }
}

@media (min-width: 1025px) {
  .product-detail-preview .product-detail-text__ttl {
    display: none;
  }
}

.product-detail-preview img {
  max-width: 100%;
}

.product-detail-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 5rem;
}

@media (max-width: 1024px) {
  .product-detail-content .product-detail-text__ttl {
    display: none;
  }
}

@media (max-width: 1025px) {
  .product-detail-content {
    margin-left: 0rem;
    width: 100%;
  }
}

.product-detail-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.375rem;
  width: 100%;
}

@media (max-width: 1024px) {
  .product-detail-info {
    border-top: 1px solid #d9d9d9;
    padding-top: 1.625rem;
  }
}

.product-detail-info__item {
  display: flex;
  align-items: center;
}

.product-detail-info__item span {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .product-detail-info__item span {
    font-size: 0.75rem;
  }
}

.product-detail-info__item span:nth-child(1) {
  color: #ababab;
  margin-right: 0.35rem;
}

.product-detail-text {
  margin-bottom: 1.75rem;
}

.product-detail-text__ttl {
  letter-spacing: -0.01em;
  margin-bottom: 1.625rem;
}

.product-detail-chars {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

.product-detail-chars__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 1.25rem;
  position: relative;
}

.product-detail-chars__item:before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 0;
  top: 0;
}

.product-detail-chars__item.--size:before {
  background: url("../image/images/svg/chars-ico-1.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__item.--weight:before {
  background: url("../image/images/svg/chars-ico-2.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__item.--color:before {
  background: url("../image/images/svg/chars-ico-3.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__item.--texture:before {
  background: url("../image/images/svg/chars-ico-4.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__item.atr-12:before {
  background: url("../image/images/svg/chars-ico-1.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__item.atr-13:before {
  background: url("../image/images/svg/chars-ico-2.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__item.atr-16:before {
  background: url("../image/images/svg/chars-ico-3.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__item.atr-20:before {
  background: url("../image/images/svg/chars-ico-3.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__item.atr-14:before {
  background: url("../image/images/svg/chars-ico-4.svg") no-repeat center;
  background-size: contain;
}

.product-detail-chars__ttl {
  color: #ababab;
  margin-bottom: 0.55rem;
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .product-detail-chars__ttl {
    font-size: 0.875rem;
  }
}

.product-detail-chars__val {
  font-size: calc(0.7rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .product-detail-chars__val {
    font-size: 0.875rem;
  }
}

.product-detail-price {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

@media (max-width: 1024px) {
  .product-detail-price {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .product-detail-price__value {
    grid-row: 2;
  }

  .product-detail-price__available {
    grid-row: 2;
  }

  .product-detail-price__color {
    grid-row: 1;
  }
}

.product-detail-price__value {
  display: flex;
  align-items: flex-end;
  position: relative;
  padding-top: 1.875rem;
}

.alert-danger,
#alert-danger {
  color: red;
}

.product-detail-price__value span.new {
  color: #d20921;
  margin-right: 0.5rem;
}

.product-detail-price__value span.old {
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1;
  color: #ababab;
  letter-spacing: -0.01em;
  text-decoration: line-through;
}

@media (min-width: 1440px) {
  .product-detail-price__value span.old {
    font-size: 0.875rem;
  }
}

.product-detail-price__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0.375rem 0.5rem;
  background: #d20921;
  font-size: calc(0.625rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: center;
  color: #fff;
}

@media (min-width: 1440px) {
  .product-detail-price__label {
    font-size: 0.625rem;
  }
}

@media (max-width: 1024px) {
  .product-detail-price__label {
    margin-top: 5px;
  }
}

.product-detail-price__available {
  margin-bottom: 0;
}

.product-detail-price__noavailable {
  color: #ababab;
  margin-bottom: 0;
}

.product-detail-price__noavailable:before {
  content: unset;
}

.product-detail-price__color {
  width: fit-content;
}

.product-detail-price__color .color-picker__ttl {
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #ababab;
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  text-align: left;
}

@media (min-width: 1440px) {
  .product-detail-price__color .color-picker__ttl {
    font-size: 0.875rem;
  }
}

.product-detail-actions {
  display: flex;
  width: 100%;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: end;
}

.product-detail-actions__count {
  /* margin-right: 1.5rem; */
}

.product-detail-actions__btn {
  flex: 1;
}

.product-detail-actions__btn .btn,
.product-detail-actions__btn .btn--color {
  width: 100%;
}

.product-detail-cost {
  width: 100%;
  padding: 1.625rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background: #eef6f5; */
  background: #018a7a;
  position: relative;
  color: #eef6f5;
}

.product-detail-cost:before {
  content: "";
  width: 4.875rem;
  height: 4.875rem;
  background: url("../image/images/svg/product-detail-cost-ico.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  left: -1rem;
  bottom: -1.25rem;
}

.product-detail-cost__txt {
  margin-bottom: 0.35rem;
}
.product-detail-cost__subtxt {
  text-decoration: underline;
  text-transform: none;
}

.product-detail-cost:hover{
  color: #018a7a;
  background: #eef6f5;
}

.product-detail-cost__btn {
  font-weight: 500;
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
  line-height: 1.3;
  color: #eef6f5;
  margin-bottom: 1.5rem;
}

@media (min-width: 1440px) {
  .product-detail-cost__btn {
    font-size: 1rem;
  }
}

.related-products__ttl {
  margin-bottom: 3rem;
}

.popup-cart__count {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #018a7a;
}

@media (min-width: 1440px) {
  .popup-cart__count {
    font-size: 0.75rem;
  }
}

.popup-cart__total {
  margin-bottom: 1.875rem;
  display: flex;
  justify-content: space-between;
}

.popup-cart__total span {
  text-transform: uppercase;
}

.cart-products {
  margin-bottom: 2rem;
}

.cart-products__item {
  display: flex;
  align-items: flex-start;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}

.cart-products__item .cart-products__content {
  width: 100%;
}

.cart-products__content .cart-products__detail {
  width: 100%;
  /* padding-top: 1rem; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-products__item:not(:first-child) {
  padding-top: 1.25rem;
}

.cart-products__img {
  max-width: 5rem;
  overflow: hidden;
  align-items: center;
  margin-right: 0.625rem;
}

.cart-products__img img {
  display: block;
  width: auto;
  height: 6rem;
  object-fit: cover;
}

.cart-products__ttl {
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.cart-product-bonusesreward {
  font-weight: 500;
  padding-top: 5px;
  color: #018a7a;
}

.cart-products__detail {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .cart-products__table {
  display: flex;
  flex-wrap: wrap;
}

.cart-products__table span {
  width: 50%;
  margin-bottom: 0.625rem;
  font-size: calc(0.75rem + 0*((100vw - 360px) / 1080));
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ABABAB;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

@media (min-width: 1440px) {
  .cart-products__table span {
    font-size: 0.75rem;
  }
} */

.cart-products__count {
  display: flex;
}

.cart-products__count span {
  white-space: nowrap !important;
}

.cart-products__input.input-number-holder input[type="number"] {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  max-width: 3.375rem;
}

@media (min-width: 1440px) {
  .cart-products__input.input-number-holder input[type="number"] {
    font-size: 0.75rem;
  }
}

.cart-products__input.input-number-holder input[type="number"]::-webkit-outer-spin-button,
.cart-products__input.input-number-holder input[type="number"]::-webkit-inner-spin-button {
  background: #fff url("../image/images/svg/input-number-arr.svg") no-repeat center center;
  background-size: 20px 20px;
  width: 1rem;
}

.cart-products__price {
  padding: 0.625rem 0.35rem;
  min-width: 54px;
  text-align: center;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  border: 1px solid #d9d9d9;
}

@media (min-width: 1440px) {
  .cart-products__price {
    font-size: 0.75rem;
  }
}

.cart-products__remove {
  position: absolute;
  /* top: 0; */
  right: 0;
  z-index: 1;
}

@media (min-width: 1025px) {
  .cart-products__remove:hover svg {
    fill: #018a7a;
  }
}

.cart-products__remove svg {
  width: 0.65rem;
  height: 0.65rem;
  fill: #7f7f7f;
  transition: 0.3s fill ease-in-out;
}

.popup-login__form {
  display: none;
}

.popup-login__form.active {
  display: block;
}

.popup-login__form .form__submit {
  width: 100%;
}

.popup-login__form .form__submit .btn,
.popup-login__form .form__submit .btn--color {
  width: 100%;
}

.popup-login__bottom>span {
  display: block;
  margin: 0.75rem auto 0;
  font-weight: 500;
  text-align: center;
}

.popup-login__bottom>span button {
  color: #018a7a;
  text-decoration: underline;
  font-weight: 500;
}

.popup-login-tabs {
  display: flex;
  align-items: flex-end;
}

.popup-login-tabs__btn {
  color: #d9d9d9;
}

.popup-login-tabs__btn:not(:last-child) {
  margin-right: 1rem;
}

.popup-login-tabs__btn:not(.active) {
  padding-bottom: 4px;
}

.popup-login-tabs__btn.active {
  color: #282828;
  text-transform: none;
}

.product-preview img {
  width: 180px;
  height: 87px;
  object-fit: cover;
  object-position: center;
}

.product-preview .swiper-horizontal>.swiper-pagination-bullets,
.product-preview .swiper-pagination-bullets.swiper-pagination-horizontal,
.product-preview .swiper-pagination-custom,
.product-preview .swiper-pagination-fraction {
  transform: none;
  right: unset;
  top: unset;
  bottom: 1.5rem;
  left: 1.5rem;
  display: flex;
  align-items: center;
  width: auto;
}

.product-preview .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.product-preview .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet,
.product-preview .swiper-pagination-custom .swiper-pagination-bullet,
.product-preview .swiper-pagination-fraction .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
  width: 0.25rem;
  height: 0.25rem;
  margin: 0;
  transition: 0.3s ease-in-out;
}

.product-preview .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.product-preview .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active,
.product-preview .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active,
.product-preview .swiper-pagination-fraction .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: scale(2);
  background: #ffffff;
}

.product-preview .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child),
.product-preview .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:not(:last-child),
.product-preview .swiper-pagination-custom .swiper-pagination-bullet:not(:last-child),
.product-preview .swiper-pagination-fraction .swiper-pagination-bullet:not(:last-child) {
  margin-right: 0.75rem;
}

.product-preview-main {
  width: 100%;
  height: 23.75rem;
  margin-bottom: 1.5rem;
}

.product-preview-main img {
  width: 100%;
  height: 23.75rem;
  /* object-fit: contain; */
  margin-bottom: 1.5rem;
}

.product-preview-main__img {
  display: flex;
}

.product-preview-main__img:after {
  display: none;
}

.product-preview-thumb__img {
  height: 5.438rem;
}

.product-preview__nav {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.25rem;
  height: 3.625rem;
}

.product-preview__nav span {
  margin: 0 1.313rem;
}

body {
  background-color: #ffffff;
  overflow-x: clip; /* clip не вбиває touch-події на мобільних на відміну від hidden */
}

body.is-modal-open {
  overflow: hidden;
  max-height: 100vh;
}

.container {
  max-width: 77rem;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .container {
    padding: 0 0.688rem;
  }
}

.header__bar {
  padding: 0.875rem 0 0.75rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
}

@media (max-width: 1024px) {
  .header__bar {
    display: none;
  }
}

.header__inner {
  padding: 0.75rem 0 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .header__inner {
    padding: 1.75rem 0;
  }
}

.header__nav {
  flex: 1;
}

@media (max-width: 1024px) {
  .header__nav .nav-menu {
    display: none;
  }
}

.header__block {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 1024px) {
  .header__block .phone-block {
    display: none;
  }
}

.header-actions {
  display: flex;
  align-items: center;
}

@media (min-width: 1025px) {
  .header-actions {
    margin-right: 4.375rem;
  }
}

.header-actions__btn {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1025px) {
  .header-actions__btn:hover svg {
    fill: #018a7a;
  }
}

.header-actions__btn svg {
  width: 1.225rem;
  height: 1.225rem;
  fill: #000;
  transition: 0.3s fill ease-in-out;
}

@media (max-width: 1024px) {
  .header-actions__btn svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}

.header-actions__search {
  margin-right: 2rem;
}

.header-actions__cart {
  position: relative;
}

.header-actions__cart .count {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 600;
  line-height: 1;
  color: #d20921;
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
}

@media (min-width: 1440px) {
  .header-actions__cart .count {
    font-size: 0.75rem;
  }
}

@media (min-width: 1025px) {
  .header-actions__cart .count {
    top: -0.65rem;
    right: -0.35rem;
  }
}

.header__open-nav {
  display: flex;
  align-items: center;
}

@media (min-width: 1025px) {
  .header__open-nav {
    display: none;
  }
}

.header__open-nav svg {
  width: 0.813rem;
  height: 0.688rem;
  margin-right: 0.438rem;
}

.header__open-nav span {
  font-size: calc(1.125rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
}

@media (min-width: 1440px) {
  .header__open-nav span {
    font-size: 1.125rem;
  }
}

.header-checkout {
  padding-top: 1.875rem;
  margin-bottom: 2.188rem;
}

.header-checkout .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .header-checkout .breadcrumbs {
    display: none;
  }
}

.footer-contact {
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
}

@media (max-width: 1024px) {
  .footer-contact {
    padding: 1.25rem 0 0.875rem;
    flex-wrap: wrap;
  }
}

.footer-contact__item {
  flex: 1;
}

@media (max-width: 1024px) {
  .footer-contact__item {
    margin-bottom: 1.75rem;
    flex: 0 0 60%;
  }

  .footer-contact__item:nth-child(1) {
    order: 1;
  }

  .footer-contact__item:nth-child(2) {
    order: 3;
  }

  .footer-contact__item:nth-child(3) {
    order: 2;
    max-width: 8.125rem;
    margin-left: auto;
  }
}

.footer-contact__item .phone-block {
  max-width: 8rem;
}

.footer-contact__item .phone-block .phone-block__current,
.footer-contact__item .phone-block .phone-block__list li {
  font-weight: 400;
  font-size: calc(1rem + 0 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {

  .footer-contact__item .phone-block .phone-block__current,
  .footer-contact__item .phone-block .phone-block__list li {
    font-size: 1rem;
  }
}

.footer-contact__ttl {
  margin-bottom: 1rem;
  color: #ababab;
}

@media (max-width: 1024px) {
  .footer-contact__ttl {
    margin-bottom: 0.9rem;
  }
}

.footer-contact__val a {
  color: inherit;
}

@media (min-width: 1025px) {
  .footer-contact__val a:hover {
    color: #018a7a;
  }
}

@media (max-width: 1024px) {
  .footer-contact__btn {
    margin-left: auto;
    order: 4;
  }
}

@media (max-width: 1024px) {

  .footer-contact__btn .btn,
  .footer-contact__btn .btn--color {
    padding: 1rem 0.625rem;
    font-size: calc(0.625rem + 0 * ((100vw - 360px) / 1080));
    border: 1px solid #018a7a;
    background: #ffffff;
    color: #282828;
  }
}

@media (max-width: 1024px) and (min-width: 1440px) {

  .footer-contact__btn .btn,
  .footer-contact__btn .btn--color {
    font-size: 0.625rem;
  }
}

.footer-nav {
  padding: 2.125rem 0 4.625rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #d9d9d9;
}

@media (max-width: 1024px) {
  .footer-nav {
    padding: 2.5rem 0 5.625rem;
    flex-wrap: wrap;
  }
}

.footer-nav__item {
  flex: 1;
}

@media (max-width: 1024px) {
  .footer-nav__item {
    flex: 0 0 100%;
  }

  .footer-nav__item:nth-child(1) {
    margin-bottom: 2rem;
  }
}

.footer-nav__ttl {
  text-transform: uppercase;
  margin-bottom: 1.375rem;
}

.footer-nav__list {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1025px) {
  .footer-nav__list {
    max-width: 18.75rem;
  }
}

.footer-nav__list li {
  width: 50%;
  display: flex;
  margin-bottom: 0.875rem;
}

@media (min-width: 1025px) {
  .footer-nav__list li:nth-child(2n + 2) {
    justify-content: flex-end;
  }
}

.footer-nav__list li a {
  color: #282828;
  font-size: calc(0.8125rem + 0 * ((100vw - 360px) / 1080));
  letter-spacing: -0.01em;
}

@media (min-width: 1440px) {
  .footer-nav__list li a {
    font-size: 0.8125rem;
  }
}

@media (min-width: 1025px) {
  .footer-nav__list li a:hover {
    color: #018a7a;
  }
}

@media (max-width: 1024px) {
  .footer-nav__socials {
    margin: 1rem auto 0;
  }
}

.footer-bottom {
  padding: 1.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

@media (max-width: 1024px) {
  .footer-bottom {
    padding: 3.75rem 0 2.688rem;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1025px) {
  .footer-bottom__nav {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1024px) {
  .footer-bottom__nav {
    margin-bottom: 1.75rem;
  }
}

@media (min-width: 1025px) {
  .footer-bottom__nav li:not(:last-child) {
    margin-right: 5.313rem;
  }
}

@media (max-width: 1024px) {
  .footer-bottom__nav li:not(:last-child) {
    margin-bottom: 1rem;
  }
}

.footer-bottom__nav li a {
  font-size: calc(0.8125rem + -2 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {
  .footer-bottom__nav li a {
    font-size: 0.6875rem;
  }
}

@media (max-width: 1024px) {
  .footer-bottom__nav li a {
    color: #282828;
  }
}

.footer-bottom__logo {
  position: absolute;
  z-index: 2;
  width: 6.25rem;
  background: #ffffff;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}

.footer-bottom__logo img {
  display: block;
  margin: 0 auto;
}

.footer-bottom__copy {
  font-size: calc(0.625rem + 1 * ((100vw - 360px) / 1080));
}

@media (min-width: 1440px) {
  .footer-bottom__copy {
    font-size: 0.6875rem;
  }
}

@media (max-width: 1024px) {
  .footer-bottom__copy {
    text-align: center;
  }
}

.category-products {
  padding: 0 0 3rem;
}

@media (max-width: 1024px) {
  .category-products {
    padding: 1.5rem 0 3rem;
  }
}

.contact-page__inner {
  display: flex;
  justify-content: space-between;
  padding-top: 3.75rem;
  padding-bottom: 5rem;
}

@media (max-width: 1024px) {
  .contact-page__inner {
    flex-direction: column;
    justify-content: flex-start;
  }
}

@media (max-width: 1024px) {
  .contact-info {
    margin-bottom: 4.125rem;
  }
}

.contact-info__item:not(:last-child) {
  margin-bottom: 4.688rem;
}

.contact-info__ttl {
  color: #ababab;
  margin-bottom: 1rem;
}

.contact-info__val a {
  color: inherit;
}

@media (max-width: 1024px) {
  .contact-info__val a {
    font-size: calc(1.75rem + 0 * ((100vw - 360px) / 1080));
  }
}

@media (max-width: 1024px) and (min-width: 1440px) {
  .contact-info__val a {
    font-size: 1.75rem;
  }
}

@media (min-width: 1025px) {
  .contact-info__val a:hover {
    color: #018a7a;
  }
}

.contact-form {
  max-width: 36.75rem;
}

.contact-form__ttl {
  margin-bottom: 2.375rem;
}

.contact-map img {
  max-width: 100%;
}

.checkout__ttl {
  text-align: center;
  margin-bottom: 2.688rem;
}

.checkout__inner {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .checkout__inner {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}

.checkout-form {
  max-width: 36.75rem;
  width: 100%;
}

.checkout-form__item-shipping {
  align-items: center;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.checkout-form__item {
  padding-bottom: 2rem;
  position: relative;
}

.checkout-form__item:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 2rem;
}

.simplecheckout-warning-text {
  color: red;
  font-size: 16px;
  font-weight: 400;
}

input[type="radio" i] {
  margin: 0 !important;
  align-items: center;
  justify-items: center;
  text-align: center;
}

.simplecheckout-block-content {
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
}

.simplecheckout-block-content .form__row label {
  width: 0px;
  height: 0px;
}

.checkout-form__item:not(:last-child) {
  /* border-bottom: 1px solid #D9D9D9; */
}

.simplecheckout-left-column .simplecheckout-block {
  border-bottom: 1px solid #d9d9d9;
}

.simplecheckout-left-column .simplecheckout-block:last-child {
  border-bottom: none;
}

.checkout-form__ttl {
  /* margin-bottom: 1.875rem; */
}

.checkout-form__login {
  position: absolute;
  right: 0;
  top: 0.75rem;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
}

@media (min-width: 1440px) {
  .checkout-form__login {
    font-size: 0.75rem;
  }
}

.checkout-form__login button {
  color: #018a7a;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  text-decoration: underline;
}

@media (min-width: 1440px) {
  .checkout-form__login button {
    font-size: 0.75rem;
  }
}

.checkout-form__form textarea {
  margin-top: 1.5rem !important;
  height: 6.375rem;
}

.checkout-form__form.--payment .form__radio.card label>div {
  display: flex;
  align-self: center;
}

.form-group.label_description {
  margin-left: 40px;
  font-size: small;
  visibility: hidden;
  margin-bottom: 1.5rem;
}

.form-group.label_description.active {
  visibility: visible;
}

.checkout-form__form.--payment {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.checkout-form__form.--payment .form__radio.card label>div:after {
  content: "";
  width: 6.375rem;
  height: 1.625rem;
  background: url("../image/images/cards-ico.svg") no-repeat center;
  background-size: contain;
  /* margin-left: 0.625rem; */
}

.checkout-cart {
  padding: 3.125rem 1.875rem;
  background: #f7f7f7;
  max-width: 30rem;
  align-self: flex-start;
}

@media (max-width: 1024px) {
  .checkout-cart {
    margin-bottom: 3rem;
  }
}

.checkout-cart .cart-products .cart-products__table span {
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0.25rem;
}

.checkout-cart .cart-products .cart-products__count {
  display: flex;
}

.checkout-cart .cart-products .cart-products__count>span:nth-child(1) {
  margin-right: 1.25rem;
}

.checkout-cart__head {
  display: flex;
  align-items: flex-end;
  margin-bottom: 2.625rem;
}

.checkout-cart__ttl {
  margin-right: 1rem;
}

.checkout-cart__count {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #ababab;
}

@media (min-width: 1440px) {
  .checkout-cart__count {
    font-size: 0.75rem;
  }
}

.checkout-cart__edit {
  margin-left: auto;
}

.checkout-cart__edit button {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #018a7a;
  text-decoration: underline;
}

@media (min-width: 1440px) {
  .checkout-cart__edit button {
    font-size: 0.75rem;
  }
}

.checkout-cart__total {
  padding: 2.625rem 0 1.625rem;
  gap: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.checkout-cart__total div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.checkout-cart__total #cart-total-title {
  color: #ababab;
}

.checkout-cart__total #total-price {
  font-size: 14px;
  font-weight: 600;
}

.checkout-cart__total>span:nth-child(1) {
  color: #ababab;
}

.checkout-cart__btn .btn,
.checkout-cart__btn .btn--color {
  width: 100%;
  margin-bottom: 1.375rem;
}

.checkout-cart__btn>span {
  text-wrap: wrap;
  font-size: calc(0.6875rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: left;
}

@media (min-width: 1440px) {
  .checkout-cart__btn>span {
    font-size: 0.6875rem;
  }
}

.checkout-cart__btn>span a {
  color: #018a7a;
  text-decoration: underline;
}

/* .content__inner {
  padding: 3rem 0;
} */

@media (max-width: 1024px) {
  .content__inner {
    padding: 2.5rem 0 0;
  }
}

.content__editor {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1024px) {
  .content__editor {
    flex-direction: column;
  }
}

.content__editor .content__col {
  width: 100%;
}

@media (min-width: 1025px) {
  .content__editor .content__col {
    max-width: calc(33.3% - 2rem);
  }
}

@media (max-width: 1024px) {
  .content__editor .content__col {
    margin-bottom: 2rem;
  }
}

.content__editor h3 {
  margin-bottom: 2rem;
}

.content__editor p:not(:last-child) {
  margin-bottom: 1rem;
}

.content__editor ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content__editor ul li {
  position: relative;
}

.content__editor ul li:after {
  position: absolute;
  right: 0;
  top: 0;
}

.content__editor ul li.new-post {
  padding-right: 1.6rem;
}

.content__editor ul li.new-post:after {
  content: "";
  display: block;
  width: 0.938rem;
  height: 0.813rem;
  background: url("../image/images/new-post-ico.svg") no-repeat center;
  background-size: contain;
  margin-left: 0.625rem;
  top: 5px;
}

.content__editor ul li.meest {
  padding-right: 2.625rem;
}

.content__editor ul li.meest:after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.625rem;
  background: url("../image/images/meest-post-ico.svg") no-repeat center;
  background-size: contain;
  margin-left: 0.625rem;
  top: 5px;
}

.content__editor ul li.cards {
  padding-right: 6.975rem;
}

.content__editor ul li.cards:after {
  display: block;
  content: "";
  width: 6.375rem;
  height: 1.625rem;
  background: url("../image/images/cards-ico.svg") no-repeat center;
  background-size: contain;
  margin-left: 0.625rem;
}

.content__editor ul li:not(:last-child) {
  margin-bottom: 0.35rem;
}

.content__gallery {
  padding: 3rem 0;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .content__gallery {
    flex-direction: column;
  }
}

.content__gallery .content__col {
  width: 100%;
}

@media (max-width: 1024px) {
  .content__gallery .content__col {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1025px) {
  .content__gallery .content__col:nth-child(1) {
    max-width: 57.25%;
  }

  .content__gallery .content__col:nth-child(2) {
    max-width: 40.3%;
  }

  .content__gallery .content__col:nth-child(1) img {
    margin-left: auto;
  }
}

.content__gallery .content__col img {
  max-width: 100%;
  margin-bottom: 1.75rem;
  display: block;
}

.account {
  background: #191919;
}

.account .lang a,
.account .lang li.--active a,
.account .phone-block__current>span,
.account .footer {
  color: #d9d9d9;
}

.account a,
.account .footer-nav__list li a {
  color: #ababab;
}

@media (min-width: 1025px) {

  .account a:hover,
  .account .footer-nav__list li a:hover {
    color: #018a7a;
  }
}

.account .phone-block__current:after {
  background: url("../image/images/svg/phone-block-arr-white.svg") no-repeat center;
  background-size: contain;
}

.account .socials__link,
.account .footer-nav,
.account .footer-contact {
  border-color: #7f7f7f;
}

.account .footer-bottom__logo {
  background: #191919;
}

@media (min-width: 1025px) {
  .account .header-actions__btn:hover svg {
    fill: #018a7a;
  }
}

.account .header-actions__btn svg {
  fill: #fff;
}

.account .form .form__col textarea,
.account .form .form__col input[type="text"],
.account .form .form__col input[type="tel"],
.account .form .form__col input[type="number"],
.account .form .form__col input[type="password"],
.account .form .form__col input[type="email"] {
  color: #ababab;
}

.account .form .form__col textarea::placeholder,
.account .form .form__col input[type="text"]::placeholder,
.account .form .form__col input[type="tel"]::placeholder,
.account .form .form__col input[type="number"]::placeholder,
.account .form .form__col input[type="password"]::placeholder,
.account .form .form__col input[type="email"]::placeholder {
  color: #ababab;
}

.account .btn,
.account .btn--color {
  color: #d9d9d9;
}

.account .header__open-nav {
  color: #d9d9d9;
}

.account__inner {
  display: flex;
  align-items: flex-start;
  padding: 2.5rem 0 3.563rem;
  width: 100%;
}

@media (max-width: 1024px) {
  .account__inner {
    flex-direction: column;
    padding-top: 0;
  }
}

.account-bar {
  width: 100%;
  background: #fff;
}

@media (min-width: 1025px) {
  .account-bar {
    max-width: 17.625rem;
    margin-right: 7.875rem;
    padding: 1.625rem 1.75rem 2.688rem;
  }
}

@media (max-width: 1024px) {
  .account-bar {
    height: 0;
    transition: 0.3s height ease-in-out;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .account-bar.--opened {
    height: 30.625rem;
  }
}

.account-bar-user {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 1.5rem;
  width: 100%;
}

@media (max-width: 1024px) {
  .account-bar-user {
    width: 90%;
    margin: 0 auto;
  }
}

.account-bar-user__img {
  margin-right: 0.75rem;
}

.account-bar-user__img img {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  border-radius: 50%;
  object-position: center;
}

.account-bar-menu {
  padding: 1.875rem 0 0;
  width: 100%;
}

@media (max-width: 1024px) {
  .account-bar-menu {
    width: 90%;
    margin: 0 auto;
  }
}

.account-bar-menu:not(:last-child) {
  padding-bottom: 2rem;
  border-bottom: 1px solid #d9d9d9;
}

.account-bar-menu__ttl {
  font-weight: 500;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ababab;
  margin-bottom: 1.875rem;
  text-transform: uppercase;
}

@media (min-width: 1440px) {
  .account-bar-menu__ttl {
    font-size: 0.75rem;
  }
}

.account-nav li:not(:last-child) {
  margin-bottom: 1.25rem;
}

.account-nav li.active a span {
  color: #018a7a;
}

.account-nav li.active button span {
  color: #018a7a;
}

.account-nav li.active a svg {
  fill: #018a7a;
}

.account-nav li.active button svg {
  fill: #018a7a;
}

.account-nav li a {
  display: flex;
  align-items: center;
}

.account-nav li button {
  display: flex;
  align-items: center;
}

@media (min-width: 1025px) {
  .account-nav li a:hover span {
    color: #018a7a;
  }

  .account-nav li a:hover svg {
    fill: #018a7a;
  }

  .account-nav li button:hover span {
    color: #018a7a;
  }

  .account-nav li button:hover svg {
    fill: #018a7a;
  }
}

.account-nav li a span {
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: inherit;
  transition: 0.3s color ease-in-out;
}

.account-nav li button span {
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: inherit;
  transition: 0.3s color ease-in-out;
}

@media (min-width: 1440px) {
  .account-nav li a span {
    font-size: 0.875rem;
  }

  .account-nav li button span {
    font-size: 0.875rem;
  }
}

.account-nav li a svg {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.75rem;
  fill: #282828;
  transition: 0.3s fill ease-in-out;
}

.account-nav li button svg {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.75rem;
  fill: #282828;
  transition: 0.3s fill ease-in-out;
}

.account-content {
  flex: 1;
  color: #d9d9d9;
}

@media (max-width: 1024px) {
  .account-content {
    padding-top: 1.5rem;
  }
}

@media (max-width: 1024px) {

  .account-content .btn,
  .account-content .btn--color {
    width: 100%;
  }
}

.account-content__ttl {
  margin-bottom: 1.75rem;
}

.account-content__dsc {
  margin-bottom: 4.25rem;
}

.account-content__dsc a {
  font-weight: 500;
  text-decoration: underline;
  color: #018a7a;
}

.simple-content.personal-accout-data {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.simpleregister-block-content.personal-accout-data fieldset {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.simpleregister-block-content.personal-accout-data fieldset div {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.simpleregister-block-content.personal-accout-data fieldset div input {
  background-color: transparent;
  color: #d9d9d9;
  border: none;
}

.account-content__form {
  max-width: 30.375rem;
}

.account-content__form.form.textarea-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.account-content__form.form.textarea-text textarea {
  color: #d9d9d9;
}

.account-content__form.form.textarea-text textarea::placeholder {
  color: #d9d9d9;
}

.account-content__form .btn,
.account-content__form .btn--color {
  min-width: 17.625rem;
}

.account-products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.account-products .cart-products__item {
  width: 100%;
  margin-bottom: 1.5rem;
  border: 1px solid #656565;
  padding: 1.25rem 2rem 0.4rem;
}

@media (min-width: 1025px) {
  .account-products .cart-products__item {
    max-width: calc(50% - 0.75rem);
  }
}

.account-products .cart-products__detail {
  align-items: flex-end;
}

.account-products .cart-products__count {
  margin-bottom: 0.625rem;
}

.account-products .cart-products__count span {
  color: #d9d9d9;
}

.account-products .cart-products__count span:nth-child(1) {
  margin-right: 1.25rem;
}

.account-products .cart-products__content {
  flex: 1;
}

.account-products .cart-products__date {
  padding-top: 4px;
  position: absolute;
  right: 2rem;
  top: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: end;
  text-align: end;
  justify-content: flex-end;
}

.account-products .cart-products__date span {
  font-weight: 400;
  font-size: calc(0.6875rem + 0 * ((100vw - 360px) / 1080));
  align-items: end;
  text-align: end;
  justify-content: flex-end;
  color: #7f7f7f;
}

@media (min-width: 1440px) {
  .account-products .cart-products__date span {
    font-size: 0.6875rem;
    align-items: end;
    text-align: end;
    justify-content: flex-end;
  }
}

.account-download__ttl {
  margin-bottom: 1.75rem;
}

.account-download__row {
  display: flex;
  flex-wrap: wrap;
}

.account-download__item {
  border: 1px solid #656565;
  padding: 2rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 11.25rem;
  width: 100%;
}

@media (min-width: 1025px) {
  .account-download__item {
    margin-bottom: 1.5rem;
  }

  .account-download__item:not(:nth-child(4n + 4)) {
    margin-right: 1.5rem;
  }
}

@media (max-width: 1024px) {
  .account-download__item {
    margin-bottom: 0.625rem;
    margin-right: 0.625rem;
    padding: 1.688rem 0.75rem;
    max-width: 7.313rem;
  }
}

@media (max-width: 1024px) and (max-width: 1024px) {
  .account-download__item span {
    font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
    word-break: break-all;
    text-align: center;
  }
}

@media (max-width: 1024px) and (max-width: 1024px) and (min-width: 1440px) {
  .account-download__item span {
    font-size: 0.875rem;
  }
}

.account-download__item:before {
  content: "";
  width: 3.25rem;
  height: 3.688rem;
  margin-bottom: 1.25rem;
  background: url("../image/images/svg/account-download-ico.svg") no-repeat center;
  background-size: contain;
}

@media (max-width: 1024px) {
  .account-download__item:before {
    width: 2.063rem;
    height: 2.375rem;
    margin-bottom: 0.75rem;
  }
}

.account-case:not(:last-child) {
  margin-bottom: 5rem;
}

.account-case__ttl {
  margin-bottom: 2.5rem;
}

.account-case__form textarea {
  height: 16.375rem;
}

.account-case__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.account-case__item {
  max-width: 23.313rem;
  position: relative;
}

.account-case__item h3 {
  margin-bottom: 1.25rem;
}

.account-case__img {
  margin-bottom: 1.25rem;
}

.account-case__img img {
  max-width: 100%;
}

.account-case__btn {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0.75rem;
  width: 1rem;
  height: 1rem;
  background: url("../image/images/svg/menu-dots.svg") no-repeat center;
  background-size: contain;
}

.cases__inner {
  padding: 3rem 0;
}

.cases-section {
  padding: 5.25rem 0 5.125rem 5.125rem;
}

@media (max-width: 1024px) {
  .cases-section {
    padding: 5rem 0 5rem 0.875rem;
  }

  .cases-section:nth-child(1) {
    padding-top: 0;
  }
}

.cases-section.--hidden {
  display: none;
}

.cases-section.--alt {
  background: #191919;
  color: #ffffff;
}

.cases__btn {
  margin: 3rem auto 0;
}

.cases-section__head {
  width: 100%;
  display: flex;
  padding-bottom: 2.875rem;
}

@media (max-width: 1024px) {
  .cases-section__head {
    flex-direction: column;
    padding-bottom: 2.5rem;
  }
}

.cases-col {
  width: 33.3%;
  position: relative;
}

@media (max-width: 1024px) {
  .cases-col {
    width: 100%;
    padding-right: 0.875rem;
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 1024px) {
  .cases-col:not(:last-child) {
    padding-bottom: 7.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}

@media (min-width: 1025px) {
  .cases-col:not(:last-child) {
    padding-right: 10rem;
  }
}

.cases-col:not(:last-child):after {
  content: "";
  position: absolute;
  background: #018a7a;
  display: block;
}

@media (min-width: 1025px) {
  .cases-col:not(:last-child):after {
    right: 3.438rem;
    top: 3.5rem;
    width: 5rem;
    height: 1px;
  }
}

@media (max-width: 1024px) {
  .cases-col:not(:last-child):after {
    height: 2.875rem;
    width: 1px;
    bottom: 2.5rem;
  }
}

.cases-col h2 {
  max-width: 14.375rem;
}

@media (max-width: 1024px) {
  .cases-col h2 {
    text-align: center;
  }
}

.cases-col__ttl {
  font-size: calc(0.875rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: left;
  margin-bottom: 1.5rem;
  color: #ababab;
}

@media (min-width: 1440px) {
  .cases-col__ttl {
    font-size: 0.875rem;
  }
}

@media (max-width: 1024px) {
  .cases-col__ttl {
    text-align: center;
  }
}

.cases-author {
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {
  .cases-author {
    margin: 0 auto;
  }
}

.cases-author__img {
  width: 1.688rem;
  height: 1.688rem;
  margin-right: 0.563rem;
}

.cases-author__img img {
  max-width: 100%;
}

.cases-section__slider {
  margin-left: auto;
  width: 100%;
  position: relative;
}

@media (min-width: 1025px) {
  .cases-section__slider {
    max-width: 66.6%;
  }
}

.cases-section__slider .product-slider-nav {
  right: unset;
  top: unset;
  left: 0;
  bottom: -4rem;
}

@media (max-width: 1024px) {
  .cases-section__slider .product-slider-nav {
    display: flex;
  }
}

@media (min-width: 1025px) {
  .cases-section__slider .product-slider-nav {
    left: -2rem;
    bottom: -1rem;
    transform: translateX(-100%);
  }
}

@media (min-width: 1025px) {
  .cases-slider {
    height: 22.75rem;
  }
}

.cases-slider .swiper-slide a {
  display: flex;
  position: relative;
}

.cases-slider .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cases-slider .swiper-slide a:after {
  content: "";
  width: 3.625rem;
  height: 3.625rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url("../image/images/zoom.svg") no-repeat center;
  background-size: contain;
}

.about-text {
  position: relative;
}

@media (min-width: 1025px) {
  .about-text:before {
    content: "";
    width: 32.375rem;
    height: 32.375rem;
    position: absolute;
    bottom: 8rem;
    left: 8rem;
    background: url("../image/images/about-text-bg.svg") no-repeat center;
    background-size: contain;
  }
}

.about-text__head {
  padding: 3rem 5.125rem 4.25rem 5.125rem;
  position: relative;
  z-index: 2;
}

@media (max-width: 1024px) {
  .about-text__head {
    padding: 3rem 0 2.875rem;
  }
}

.about-text__head .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .about-text__head .container {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}

.about-text__ttl {
  position: relative;
}

@media (min-width: 1025px) {
  .about-text__ttl {
    padding-right: 11.375rem;
  }
}

@media (max-width: 1024px) {
  .about-text__ttl {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 6.875rem;
  }
}

.about-text__ttl:after {
  content: "";
  width: 5rem;
  height: 1px;
  background: #018a7a;
  display: block;
  position: absolute;
  bottom: 2rem;
}

@media (max-width: 1024px) {
  .about-text__ttl:after {
    height: 3.625rem;
    width: 1px;
  }
}

@media (min-width: 1025px) {
  .about-text__ttl:after {
    right: 3.375rem;
    bottom: 0;
  }
}

.about-text__col {
  max-width: 24.125rem;
}

@media (max-width: 1024px) {
  .about-text__col {
    padding-left: 8.563rem;
    margin-bottom: 2rem;
  }
}

.about-gallery {
  max-width: 61.25rem;
  width: 100%;
  margin-left: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: start;
  align-items: start;
  /* display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 2; */
}

.about-gallery__col {
  position: relative;
}

.about-gallery__col img {
  max-width: 100%;
}

.about-gallery__col:nth-child(1) {
  margin-right: 2.625rem;
  /* max-width: 43.25rem; */
  padding-bottom: 13.5rem;
}

@media (max-width: 1024px) {
  .about-gallery__col:nth-child(1) {
    /* max-width: 69.74%; */
    margin-right: 1rem;
  }

  .about-gallery__col:nth-child(1) .about-gallery__img:nth-child(2) {
    max-width: 11.625rem;
  }
}
.about-gallery__col:nth-child(1) .about-gallery__img {
  margin-left: auto;
}

.product-item__color {
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.about-gallery__img {
  margin-bottom: 2.625rem;
  padding-right: 0.625rem;
}

@media (max-width: 1024px) {
  .about-gallery__img {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1024px) {
  .product-slider {
    height: 53rem !important;
  }

  .product-slider.--inv {
    height: 60rem !important;
  }
}

.about-gallery__img:nth-child(2) img {
  display: block;
  margin-left: auto;
}

.about-gallery__text {
  /* max-width: 17.625rem;
  position: absolute;
  bottom: 2.625rem;
  left: 0;
  z-index: 1; */
}

@media (max-width: 1024px) {
  .about-gallery__text {
    left: 0.625rem;
    padding-left: 0.625rem;
  }
  .about-gallery__img {
    padding-left: 0.625rem;
  }
}

.about-slider-background {
  height: 100%;
  background-color: #191919;
  position: absolute;
  top: 0;
  z-index: -1;
}

.about-slider {
  padding: 5.625rem 0;
  background: #191919;
  color: #ffffff;
  position: relative;
}

@media (max-width: 1024px) {
  .about-slider {
    padding: 4.5rem 0 0;
  }
}

.about-slider .hero-values {
  color: #282828;
}

@media (max-width: 1024px) {
  .about-slider .hero-values {
    padding: 4.438rem 0.813rem 0;
  }
}

.about-slider__head {
  margin-bottom: 4.625rem;
}

@media (max-width: 1024px) {
  .about-slider__head {
    margin-bottom: 2.5rem;
  }
}

.about-slider__head .container {
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {
  .about-slider__head .container {
    flex-direction: column;
  }
}

.about-slider__dsc {
  padding-left: 8.563rem;
}

.about-slider__ttl {
  position: relative;
}

@media (min-width: 1025px) {
  .about-slider__ttl {
    padding-right: 11.375rem;
  }
}

@media (max-width: 1024px) {
  .about-slider__ttl {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 6.875rem;
  }
}

.about-slider__ttl:after {
  content: "";
  background: #018a7a;
  display: block;
  position: absolute;
}

@media (max-width: 1024px) {
  .about-slider__ttl:after {
    width: 1px;
    height: 2.875rem;
    bottom: 2rem;
  }
}

@media (min-width: 1025px) {
  .about-slider__ttl:after {
    width: 5rem;
    height: 1px;
    right: 3.375rem;
    bottom: 0;
  }
}

.about-slider__slider {
  max-width: 60.625rem;
  margin-right: auto;
  margin-bottom: 3.75rem;
}

.about-slider__slider .product-slider-nav {
  position: relative;
  right: unset;
  top: unset;
  left: 5.125rem;
}

@media (max-width: 1024px) {
  .about-slider__slider .product-slider-nav {
    display: flex;
    left: unset;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
  }
}

.about-slider__slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about-video {
  padding: 7rem 0;
}

@media (max-width: 1024px) {
  .about-video {
    padding: 4.438rem 0;
  }
}

.about-video__inner {
  max-width: 62.25rem;
  height: 32.313rem;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-video__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.about-video__placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-video__content {
  position: absolute;
  z-index: 2;
  padding: 2rem;
  background: #ffffff;
}

@media (max-width: 1024px) {
  .about-video__content {
    max-width: calc(100% - 5rem);
    padding: 2.5rem 1rem;
  }
}

.about-video__ttl {
  text-align: center;
  margin-bottom: 2.125rem;
  max-width: 26.25rem;
}

@media (max-width: 1024px) {
  .about-video__ttl {
    font-size: calc(1.25rem + 0 * ((100vw - 360px) / 1080));
  }
}

@media (max-width: 1024px) and (min-width: 1440px) {
  .about-video__ttl {
    font-size: 1.25rem;
  }
}

.about-video__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: none;
  margin: 0 auto;
}

.about-video__btn svg {
  width: 2.875rem;
  height: 2.875rem;
  margin-bottom: 0.5rem;
  border: 1px black solid;
  fill: none;
}

.about-banner {
  padding: 0 1.5rem 8rem;
}

.about-banner .btn,
.about-banner .btn--color {
  min-width: 270px;
}

@media (max-width: 1024px) {
  .about-banner {
    padding-bottom: 4rem;
  }
}

.about-banner__inner {
  max-width: 35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.about-banner__ttl {
  text-align: center;
  margin-bottom: 2.75rem;
}

@media (max-width: 1024px) {
  .about-banner__ttl {
    font-size: calc(1.25rem + 0 * ((100vw - 360px) / 1080));
    margin-bottom: 2.25rem;
  }
}

@media (max-width: 1024px) and (min-width: 1440px) {
  .about-banner__ttl {
    font-size: 1.25rem;
  }
}

.z-index:hover {
  z-index: 20;
}

/* 
.page-head .container .sort-container {
  gap: 15px;

  display: flex;
  justify-content: flex-end;
  align-items: end;
}

.sort-container.sort-block-catalog {
  padding-top: 30px;
} */

@media (max-width: 1024px) {
  .page-head .container .sort-container {
    margin-top: 25px;
  }
}

.page-head .container {
  display: flex;
  flex-direction: column;
}

.custom-select,
.custom-dropdown {
  font-size: 1.2rem;
  /* width: 12rem; */
  position: relative;
  display: flex;
  flex-direction: row;
}

.selected-sort-option,
.selected-filter-option,
.selected-collection-option {
  padding-right: 35px;
  background-color: white;
  padding-left: 10px;
  border: none;
  cursor: pointer;
}

.selected-collection-option.active,
.selected-sort-option.active,
.selected-filter-option.active {
  padding-bottom: 5px;
  /* border-bottom: 2px solid rgba(0, 0, 0, 0.1); */
}

.selected-collection-option,
.selected-sort-option,
.selected-filter-option {
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

@media (max-width: 1024px) {

  .selected-sort-option,
  .selected-filter-option,
  .selected-collection-option {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .selected-sort-option,
  .selected-filter-option,
  .selected-collection-option {
    gap: 5px !important;
  }

  .custom-select,
  .custom-dropdown {
    width: auto;
  }

  .page-head .container .sort-container {
    justify-content: center;
    flex-wrap: wrap-reverse;
  }
}

.selected-dropdown-option {
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  padding-right: 35px;
  background-color: white;
  border: none;
  cursor: pointer;
}

.selection-sort-options .sort-bottom-border,
.selection-filter-options,
.selection-collection-options .collection-bottom-border {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin: 4px;
}

.selection-dropdown-options {
  position: absolute;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  z-index: 10000;
}

.selection-dropdown-options a {
  padding-top: 5px;
}

.selection-sort-options,
.selection-filter-options,
.selection-collection-options {
  position: absolute;
  background-color: white;
  top: auto;
  padding-top: 10px;
  left: 0;
  width: 100%;
  display: none;
}

.selection-dropdown-options {
  background-color: white;
  top: 100%;
  left: 0;
  padding-top: 5px;
  width: 100%;
  display: none;
  flex-direction: column;
}

.selection-sort-options a,
.selection-filter-options a,
.selection-collection-options a {
  display: block;
  padding-right: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.selection-sort-options a:hover,
.selection-filter-options a:hover,
.selection-collection-options a:hover {
  color: #a0a0a0;
}

.selected-sort-option,
.selection-sort-options,
.selected-filter-option,
.selection-filter-options,
.selected-collection-option,
.selection-collection-options {
  z-index: 10000;
}

#modal-screen,
#modal-screen-header,
#modal-screen-product,
#review-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

@media (max-width: 1024px) {
  .modal-body {
    padding: 40px !important;
    gap: 1rem !important;
  }

  .modal-body .modal-form {
    padding: 0px !important;
  }

  .modal-body .modal-form .form-group input {
    width: 250px !important;
  }

  .modal-body .modal-form form {
    gap: 10px !important;
  }
}

.modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 40px;
  z-index: 10000;

  display: flex;
  flex-direction: column;
  border-radius: 0px 10px 10px 0px;
  gap: 3rem;
}

.modal-body .modal-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.modal-body .modal-form form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.modal-body .modal-form form :nth-last-child(2) input {
  height: 6.8rem;
}

.modal-body .modal-form .form-group input {
  font-size: 1.25rem;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  height: 3.6rem;
  width: 21rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px;
}

.modal-body .modal-form .form-group input::placeholder {
  color: #ababab;
}

.modal-body .modal-form .form-group label {
  font-size: 1.25rem;
  font-weight: 400;
}

.modal-top-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.modal-top-section .modal-text-to-show.text {
  font-size: 1.75rem;
  font-weight: 600;
}

.modal-top-section .modal-text-to-show.link {
  font-size: 1.25rem;
  font-weight: 500;
  color: #018a7a;
  border-bottom: 1px solid #018a7a;
}

.modal-top-section button span svg {
  max-width: 14px;
  max-height: 14px;
}

.search-top-section {
  padding-top: 3rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

#search-top-row {
  justify-content: space-between;
  flex-direction: column;
  display: flex;
}

#input-category-select,
#checkboxes-search-button {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 1024px) {
  #search-top-row {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
  }

  #search-top-row input {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
  }

  #search-top-row label {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .search-top-section {
    flex-direction: column;
    width: 100%;
  }
}

.search-top-section input,
select {
  border: none;
  height: 100%;
  margin: 0;
  border: 1px solid #d9d9d9;
  padding: 1rem 1rem 1rem 1rem;
  height: 100%;
  font-weight: 400;
}

#search-top-row {
  display: flex;
  gap: 1rem;
  align-items: baseline;
}

#search-checkboxes {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#search-checkboxes p {
  margin-left: 0.3rem;
}

#search-checkboxes input {
  gap: 1rem;
  -webkit-appearance: checkbox;
}

.simplecheckout-block .radio input {
  transition: all 0.3s ease-in-out;
  width: 20px;
  height: 20px;
}

.simplecheckout-block .radio label {
  width: 100%;
}

.simplecheckout label {
  display: flex !important;
  gap: 10px;
  align-items: center;
}

.simplecheckout-block input[type="radio"]:after {
  /* width: 3px;
  height: 3px; */
  margin: 0px !important;
  border-radius: 15px;
  position: relative;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  content: "";
  margin-top: 1px !important;
  padding-top: 1px;
  display: inline-block;
  border: 2px solid transparent;
  visibility: hidden;
}

.simplecheckout-block input[type="radio"]:checked:after {
  top: 2px;
  transition: all 0.3s ease-in-out;
  border: 4px solid #018a7a;
  border-radius: 15px;
  padding-top: 1px;
  position: relative;
  margin-top: 1px !important;
  background-color: #018a7a;
  content: "";
  display: inline-block;
  visibility: visible;
}

#search-checkboxes label {
  display: flex;
  flex-direction: row;
}

.contact-form.form {
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
}

.cheque-container {
  display: none !important;
  flex-direction: column;
  gap: 1rem;
  background-color: #f7f7f7;
  padding: 3.125rem 1.875rem;
}

.cheque-container_items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cheque-container_items div {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 1rem;
}

.cheque-container_items :last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.cheque-container h2 {
  font-weight: 500;
}

#btn__compare-total {
  margin-top: 1rem;
}

#payment-instruction {
  font-size: calc(1.5rem + 0 * ((100vw - 360px) / 1080));
}

.cheque-container h3 {
  font-size: calc(1.5rem + 0 * ((100vw - 360px) / 1080));
}

#cheque-info-text {
  color: #ababab;
}

#search-sorting-filter {
  justify-content: end;
  align-items: end;
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: baseline;
  padding-bottom: 1rem;
}

#title__text-search {
  margin-top: 3rem;
}

.container-no-products {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
  gap: 2rem;
}

.container-no-products p {
  font-size: 2rem;
}

#characteristics {
  margin-top: -1rem;
}

#characteristics .product-characteristics__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  font-size: 1rem;
  padding-top: 2rem;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
}

#reviews {
  flex-direction: column;
}

#form-review {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

#reviews input,
textarea {
  font-size: 1.25rem;
  height: 3.6rem;
  width: 21rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px;
}

#reviews textarea {
  width: 100%;
  min-height: 4rem;
  resize: vertical;
}

#help-text-note {
  padding-top: 1rem;
  color: rgba(0, 0, 0, 0.5);
}

#reviews .raiting-stars {
  display: flex;
  flex-direction: row;
  gap: 0.3rem;
}

#reviews .raiting-stars input {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  display: none;
}

#reviews .raiting-stars label {
  cursor: pointer;
  transition-duration: 0.3s;
  font-size: 2rem;
}

#reviews .raiting-stars label:hover {
  cursor: pointer;
  color: rgb(140, 140, 140);
  transition-duration: 0.3s;
}

#reviews .raiting-stars {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: baseline;
}

.review-body {
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  flex-direction: column;
}

.review-top {
  display: flex;
  flex-direction: row;
  padding-top: 1rem;
  font-size: 2rem;
  padding-bottom: 1rem;
  justify-content: space-between;
  align-items: center;
}

#review-date {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.5);
}

.review-stars-author {
  display: flex;
  flex-direction: column;
}

#review-text {
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
}

#review-single-star {
  color: #00c5ae;
}

/* checkout form */

/* #simplecheckout_cart{
  background-color: #F7F7F7;
  padding: 31px;
}
.cart-checout-top-section{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cart-checout-top-section div{
  display: flex;
  gap: 10px;
  align-items: baseline;
  flex-direction: row;
}


#cart-header-text{
  font-size: 50px;
}
#cart-products-count{
  font-size: 16px;
  color: #ABABAB;
}

#tbl__products-in-cart table, .simplecheckout-cart-total{
  border: none;

}

.checkout-cart-product{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #D9D9D9;
}
.checkout-cart-image{
}
.checkout-cart-image img{
  height: 150px;
  object-fit: cover;
  width: 100px;
}
.checkout-cart-all-products{
  gap: 30px;
  display: flex;
  flex-direction: column;
}
#checkout-product-name{
  font-size: 20px;
  font-weight: bold;
}
.checkout-product-base{
  gap: 35px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.checkout-cart-product-info{
  display: flex;
  align-items: start;
  flex-direction: row;
  justify-content: space-between;
} */
.alert-cart-checkout {
  color: red;
  margin-bottom: 10px;
}

#simplecheckout_cart,
#simplecheckout_payment_form {
  align-items: end;
  display: flex;
  justify-content: end;
  flex-direction: row;
}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */

.h4,
.product-item__ttl,
.product-detail-price__value span,
.contact-info__val,
.checkout-form__ttl,
.checkout-cart__ttl,
.content__editor h3,
.account-case__item h3 {
  font-size: calc(1.5rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
}

.product-detail-price-discount li {
  font-weight: 450;
  list-style: none;
}

.product-detail-price-discount {
  display: flex;
  color: #808080;
  padding-bottom: 15px;
  gap: 6px;
  flex-direction: column;
}

.product-detail-price-discount li span {
  color: #d20921;
}

@media (min-width: 1440px) {

  .h4,
  .product-item__ttl,
  .product-detail-price__value span,
  .contact-info__val,
  .checkout-form__ttl,
  .checkout-cart__ttl,
  .content__editor h3,
  .account-case__item h3 {
    font-size: 1.5rem;
  }
}

.product-listing .product-item {
  width: 100%;
  margin-bottom: 0;
  transition: 0.3s margin ease-in-out, 0.3s box-shadow ease-in-out;
  background: #ffffff;
  z-index: 2;
}

@media (min-width: 1025px) {
  .product-listing .product-item:hover {
    /* margin-bottom: -6.875rem; */
  }
}

@media (min-width: 1025px) {
  .product-listing .product-item {
    max-width: 15.938rem;
  }
}

.product-item {
  padding: 1.625rem;
  transition: 0.3s box-shadow ease-in-out;
  margin-bottom: 6.875rem;
}

@media (max-width: 1024px) {
  .product-item {
    padding: 1.875rem 1.5rem 10.875rem;
    box-shadow: 0 15px 15px 0 #0000000d;
    margin-bottom: 1.875rem;
    position: relative;
    display: flex;
    align-items: flex-start;
  }
}

@media (min-width: 1025px) {
  .product-item:hover {
    box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 0;
  }

  .product-item:hover .product-item__table {
    height: 100%;
  }

  .product-item:hover .product-item__color {
    height: 3.5rem;
  }

  .product-item:hover .product-item__img img:nth-child(1) {
    opacity: 0;
  }

  .product-item:hover .product-item__img img:nth-child(2) {
    opacity: 1;
  }
}

.product-item__img {
  width: 100%;
  display: block;
}

@media (min-width: 1025px) {
  .product-item__img {
    margin-bottom: 1.375rem;
    position: relative;
    height: 12.688rem;
  }
}

@media (max-width: 1024px) {
  .product-item__img {
    max-width: 33%;
    margin-right: 1.4rem;
  }
}

.product-item__img img {
  max-width: 210px;
  min-height: 150px;
  /* margin-left: -35px!important; */
  width: 200%;
  margin-top: 20px !important;
  display: block;
  margin: 0 auto;
}

@media (max-width: 600px){
  .product-item__img img{
    transform:rotate(90deg);
    margin-left: -35px !important;
  }
}

@media (min-width: 1025px) {
  .product-item__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s opacity ease-in-out;
  }

  .product-item__img img:nth-child(1) {
    z-index: 1;
  }

  .product-item__img img:nth-child(2) {
    z-index: 2;
    opacity: 0;
  }
}

@media (max-width: 1024px) {
  .product-item__img img:nth-child(2) {
    display: none;
  }
}

.product-item__sale {
  position: absolute;
  top: 0;
  right: 0;
  background: #d20921;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #ffffff;
}

@media (min-width: 1440px) {
  .product-item__sale {
    font-size: 0.75rem;
  }
}

@media (min-width: 1025px) {
  .product-item__sale {
    right: 1rem;
  }
}

.product-item__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1024px) {
  .product-item__content {
    align-items: flex-start;
    flex: 1;
  }
}

.product-item__available,
.product-detail-price__available,
.product-detail-price__noavailable {
  font-family: Spectral, Helvetica, Arial, sans-serif;
  font-size: calc(1.1rem + 0 * ((100vw - 360px) / 1080));
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  /* margin-bottom: 0.563rem; */
}

@media (min-width: 1440px) {

  .product-item__available,
  .product-detail-price__available,
  .product-detail-price__noavailable {
    /* font-size: 0.6875re.product-item .alert-danger, .product-item #alert-dangerm; */
  }
}

.product-item__available:before,
.product-detail-price__available:before,
.product-detail-price__noavailable:before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background: url("../image/images/svg/green-check.svg") no-repeat center;
  background-size: contain;
  margin-right: 0.25rem;
}

.product-item__ttl {
  text-align: center;
  margin-bottom: 1rem;
}

@media (max-width: 1024px) {
  .product-item__ttl {
    font-size: calc(1.25rem + 0 * ((100vw - 360px) / 1080));
  }
}

@media (max-width: 1024px) and (min-width: 1440px) {
  .product-item__ttl {
    font-size: 1.25rem;
  }
}

.product-item__ttl a {
  color: inherit;
}

@media (min-width: 1025px) {
  .product-item__ttl a:hover {
    color: #018a7a;
  }
}

.product-item__table {
  width: 100%;
  padding-bottom: 0.375rem;
}

@media (min-width: 1025px) {
  .product-item__table {
    height: 0;
    overflow: hidden;
    transition: 0.3s height ease-in-out;
  }
}

.product-item__color {
  height: 0;
  overflow: hidden;
  transition: 0.3s height ease-in-out;
}

.product-item__row {
  width: 100%;
  display: flex;
  align-items: center;
}

.product-item__col {
  width: 40%;
  padding: 0.375rem 0.5rem;
  font-size: calc(1rem + -2 * ((100vw - 360px) / 1080));
  font-weight: 450;
  line-height: 1;
  letter-spacing: -0.01em;
}

.product-item__col.w-60p {
  width: 60%;
}

@media (min-width: 1440px) {
  .product-item__col {
    font-size: 0.875rem;
  }
}

@media (max-width: 1024px) {
  .product-item__col {
    padding: 0.313rem 0;
  }
}

.product-item__col:nth-child(1) {
  color: #ababab;
}

@media (min-width: 1025px) {
  .product-item__col:nth-child(1) {
    text-align: right;
    width: 35%;
  }

  .product-item__col::nth-child(2) {
    width: 65%;
  }
}

.product-item__price {
  font-size: calc(1.25rem + -4 * ((100vw - 360px) / 1080));
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-align: center;
  margin-bottom: 1.125rem;
  display: flex;
  align-items: flex-end;
}

@media (min-width: 1440px) {
  .product-item__price {
    font-size: 1rem;
  }
}

@media (max-width: 1024px) {
  .product-item__price {
    font-weight: 500;
    /* position: absolute; */
    left: 0;
    width: 100%;
    bottom: 7rem;
    justify-content: center;
    z-index: 2;
  }
}

.product-item__price .old {
  font-size: calc(0.75rem + 0 * ((100vw - 360px) / 1080));
  color: #b5b5b5;
  margin-right: 0.375rem;
  text-decoration: line-through;
}

@media (min-width: 1440px) {
  .product-item__price .old {
    font-size: 0.75rem;
  }
}

.product-item__price .new {
  color: #d20921;
}

@media (max-width: 1024px) {
  .product-item__btn,
  .product-detail-actions__pumb .btn {
    /* position: absolute;
    left: 1.5rem;
    bottom: 2.188rem;
    width: calc(100% - 3rem); */
    width: 100%;
    z-index: 2;
  }
}

@media (max-width: 1024px) {
  .product-slider__inner .swiper-wrapper {
    flex-direction: row;
    overflow: visible;
  }

  .cases-slider .swiper-wrapper {
    height: 300px !important;
  }

  .cases-slider .swiper-wrapper a {
    height: 100% !important;
  }
}

@media (min-width: 1025px) {
  .product-slider.--inv {
    padding-top: 8.125rem;
  }
}

.product-slider.--inv .product-slider__subttl {
  color: rgba(255, 255, 255, 0.08);
}

.product-slider.--inv .product-item {
  border: 1px solid transparent;
}

@media (max-width: 1024px) {
  .product-slider.--inv .product-item {
    border-color: #d9d9d9;
  }
}

@media (min-width: 1025px) {
  .product-slider.--inv .product-item:hover {
    border-color: #d9d9d9;
  }

  .product-slider.--inv .product-item:hover .product-item__table {
    height: 100%;
  }
}

@media (max-width: 1023.99px) {
  .mobile-none {
    display: none !important;
  }

  .product-item button.btn.btn--cart {
    width: 100%;
  }

  .product-item .mobile-show {
    order: 3;
    width: 100%;
  }

  .product-item .product-item__img {
    order: 1;
    flex: 0 0 40%;
  }

  .product-item .product-item__content {
    align-items: flex-start;
    order: 2;
    flex: 0 0 60%;
  }

  .product-item {
    flex-wrap: wrap;
    padding: 1.875rem 0.75rem 1.875rem;
  }

  .product-item .color-picker__ttl {
    text-align: start;
  }

  .product-item .product-item__color {
    height: auto;
    padding-bottom: 10px;
    align-items: start !important;
    justify-content: start !important;
  }
}

.product-item .alert-danger,
.product-item #alert-danger {
  color: red;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  padding: 6px;
}

@media (min-width: 1024px) {
  .product-item .mobile-show {
    display: none;
  }
}

.other_options {
  display: flex;
  justify-content: space-between;
}

.other_options span {
  width: 50%;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ababab;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1440px) {
  .other_options span {
    font-size: 0.75rem;
  }
}

@media (max-width: 1024px) {
  .cart-products__count {
    margin-right: 20px;
    margin-left: 0 !important;
  }

  .cart-products__price {
    text-align: center !important;
    align-items: center;
    justify-content: center;
  }

  .cart-products__count {
    display: flex;
    flex-direction: column;
  }

  .cart-products__input.input-number-holder input[type="number"] {
    padding: 0.625rem 0.35rem;
    width: 100%;
    max-width: 100% !important;
  }
}

.cart-products__price {
  display: flex;

  flex-direction: column;
  text-wrap: nowrap;
}

.cart-products__price .price-old {
  text-decoration: line-through;
  font-size: 10px;
  font-weight: 450;
  color: rgba(128, 128, 128, 1);
}

.cart-products__price .price-new {
  font-size: 12px;
  color: rgba(210, 9, 33, 1);
  font-size: 12px;
  font-weight: 450;
}

.cart-products__table {
  padding-top: 5px;
  gap: 5px;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 777px) {
  .contact-info__item:not(:last-child) {
    margin-bottom: 3rem;
  }
}

.banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4.5rem 0 1rem;
  object-fit: none;
}

@media (max-width: 1025px) {
  .banner a img {
    width: 100vw;
    padding: 20px;
    object-fit: cover;
    height: 840px;
    object-position: bottom;
    background-position-y: bottom;
  }
}

.polic_wrap {
  margin: 40px 0;
}

.polic_wrap p {
  margin-bottom: 10px;
  font-size: 18px;
}

.polic_wrap li {
  margin-bottom: 10px;
}

.banner a img {
  object-fit: contain;
}

@media (max-width: 720px) {
  .banner a img {
    height: 780px;
  }

  .product-item {
    width: 100% !important;
  }
}

@media (max-width: 540px) {
  .banner a img {
    height: 560px;
  }
}

@media (max-width: 370px) {
  .banner a img {
    height: 420px;
  }
}

.product-detail-content .product-detail-price-discount-notavailable {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding-bottom: 10px;
}

.product-detail-content .product-detail-price-discount-notavailable .phone-block {
  width: fit-content;
}


/* Вивід категорій у каталозі */
.category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.category-item {
  text-align: center;
}

.category-item a {
  text-align: left;
  padding: 5px;
  justify-content: center;
  font-size: calc(0.875rem + 0*((100vw - 360px) / 1080));
  line-height: 1;
  text-transform: uppercase;
  color: #282828;
  transition: 0.3s ease-in-out;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
}

.category-item a:hover {
  color: #018a7a;
}

.category-item.active a {
  color: #018a7a;
}

.category-item img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.category-item span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

.product-detail-price .unit {
  font-size: 18px;
  padding-left: 10px;
}

.pol {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.pol__title {}

.pol__item {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.pol__item>div {
  border: 1px solid #000;
}



.s-filter {
  display: flex;
  gap: 15px;
  margin-top: 75px;
  padding: 0 15px;
  justify-content: space-between;
}

.s-filter .container {
  display: grid;
  grid-template-columns: 221px 1fr;
  gap: 64px;
  align-items: start;
  max-width: 1262px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
}

.s-filter__title {
  color: #018a7a;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.2px;
}

.s-filter__title:not(:last-child) {
  margin-bottom: 12px;
}

.s-filter__link {
  color: #282828;
  font-family: FuturaPT, Helvetica, Arial, sans-serif;
  font-size: 20px;
  display: block;
  font-weight: 450;
  line-height: 1.3;
  letter-spacing: -0.2px;
  transition: color 0.3s;
}

.s-filter__link:not(:last-child) {
  margin-bottom: 6px;
}

.s-filter__body {
  /* display: grid; */
  grid-template-columns: repeat(3, 1fr);
  gap: 37px 106px;
}

.s-filter__wrapper{
  display: flex;
  justify-content: end;
}

.s-filter__aside {
  min-width: fit-content;
}

@media (max-width: 74.99875em) {
  .s-filter__body {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}

@media (max-width: 62.49875em) {
  .s-filter .container {
    gap: 40px 20px;
  }
}

@media (max-width: 56.24875em) {
  .select3__title {
    font-size: 16px;
  }

  .select3__option {
    font-size: 16px;
  }

  .s-filter__body {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 43.74875em) {
  .s-filter .container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 37.49875em) {
  .s-filter__title {
    font-size: 16px;
  }

  .s-filter__link {
    font-size: 16px;
  }
}

@media (max-width: 24.99875em) {
  .s-filter__body {
    grid-template-columns: 1fr;
  }
}

@media (any-hover: hover) {
  .select3__option:hover {
    background: #f1f1f1;
  }

  .s-filter__link:hover {
    color: #018a7a;
  }
}

.ocf-filter .ocf-filter-body .ocf-filter-header {
  background: none !important;
}

.ocf-theme-light .ocf-module-page-header {
  color: #282828 !important;
  text-transform: capitalize !important;
  font-weight: bold !important;
  font-size: 19px !important;
}

.ocf-filter.ocf-dropdown.ocf-open .ocf-filter-header-append {
  transition: transform 0.3s ease-in-out;
  transform: rotate(180deg);
}

.ocf-filter.ocf-dropdown .ocf-filter-header-append {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}

.ocf-filter.ocf-dropdown .ocf-value-list {
  display: grid !important;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out;
}

.ocf-filter.ocf-dropdown.ocf-open .ocf-value-list {
  grid-template-rows: 1fr;
}

.ocf-filter.ocf-dropdown.ocf-open .ocf-scroll-y {
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.sort-container.sort-block-catalog {
  display: flex;
}

.hidden {
  display: none;
}

.product-detail-price__value .price_suffix {
  font-size: 1rem;
}

.tooltip {
  font-size: 14px;
  /* Размер шрифта */
  background-color: #333 !important;
  /* Цвет фона */
  color: white !important;
  /* Цвет текста */
  border-radius: 5px;
  /* Скругление углов */
  padding: 8px;
  /* Отступы внутри */
}

/* Стиль стрелки тултипа */
.tooltip .arrow::before {
  border-top-color: #333 !important;
  /* Цвет стрелки */
}


/* стили страницы официальныйе представители */
.repres .repres-block {
  margin-top: 20px;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 777px) {

  .repres .repres-block {
    display: flex;
    justify-content: space-between;
  }
}


.repres .cities {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 900px;
}

.repres .city {
  width: 260px;
  position: relative;
}

.repres .label {
  font-size: 10px;
  color: #ababab;
  text-transform: uppercase;
  margin-bottom: 2px;
  position: absolute;
  top: 5px;
}

.repres .name {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
  padding-left: 40px;
}

.repres .info {
  font-size: 14px;
  line-height: 1.5;
  padding-left: 40px;
}

.selection-sort-options a {
  font-size: 16px;
}

.filter-collections {
  display: flex;
  gap: 10px;
  margin-bottom: 33px;
  overflow-x: auto;
}

.filter-collections-wrapper{
  position: relative;
  padding-left: 15px;
}

.filter-collections__nav{
  bottom: auto;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  gap: 1rem;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.9);
}

.filter-collections__nav .is-disabled{
  opacity: 0.4;
  pointer-events: none;
}

.filter-collection__item{
  text-align: center;
  width: 100px;
  height: 190px;
}

.filter-collection__image img{
    width: 100%;
    height: 100%;
    object-fit: none;
}

.filter-collections__nav .product-slider-nav__prev svg,
.filter-collections__nav .product-slider-nav__next svg {
  fill: #272424;
}

.filter-collections-wrapper .filter-collections__nav {
  height: 2.5rem;
  opacity: 0.9;
}

.filter-collections__nav[hidden]{
  display: none !important;
}

@media (max-width: 1023.99px) {
    .filter-collection__item{
        flex-wrap: wrap;
        padding: 1.875rem 0.75rem 1.875rem;
    }
}

#customer_telephone {
  padding-left: 90px;
}

.product-detail-actions__pumb,
.product-item__btn,
.product-item__btn .btn {
  width: 100%;
}

.product-detail-actions__pumb .btn {
  gap: 10px;
  background-color: #fff;
  width: 100%;
}

.product-detail-actions__pumb .btn img{
  width: 48px;
}

.product-detail-actions__pumb .btn:hover{
  opacity: 0.8;
  color: #D20921;
}

.btn--red {
  border:1px solid #D20921;
  color: #D20921 !important;
  padding: 0.25rem 0.3rem;

}

/* ============================================================
   HEADER REDESIGN — stiny.pro dark theme
   ============================================================ */

/* 1. Main header: sticky, dark background, blur */
.header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(14, 14, 16, 0.85);
  border-bottom: 1px solid rgba(200, 146, 42, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* 2. Top bar: update border and link colours */
.header__bar {
  border-bottom-color: rgba(200, 146, 42, 0.15);
}

.header__bar a,
.header__bar .links-menu__item a,
.header__bar .enterBlock {
  color: rgba(255, 255, 255, 0.85) !important;
  cursor: pointer;
}

.header__bar a:hover,
.header__bar .enterBlock:hover {
  color: #fff !important;
}

/* 3. Desktop nav links */
.nav-menu__item a {
  color: rgba(255, 255, 255, 0.85);
}

@media (min-width: 1025px) {
  .nav-menu__item a:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #C8922A;
    text-underline-offset: 4px;
  }
}

/* 4. "Передзвоніть мені" button — gold */
.phone-block__btn {
  background: #C8922A;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1.25rem;
  border-radius: 2px;
  transition: opacity 0.2s ease-in-out;
}

.phone-block__btn:hover {
  opacity: 0.85;
  color: #fff;
}

/* 5. Cart / search icon SVGs — white */
.header-actions__btn svg {
  fill: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1025px) {
  .header-actions__btn:hover svg {
    fill: #fff;
  }
}

.header__inner {
  align-items: center;
}

.header__nav {
  flex: 1;
}

.header__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 3rem;
}

.header__logo img {
  height: 52px;
  width: auto;
  display: block;
  filter: brightness(1.2);
}

/* Mobile burger icon and label — white */
.header__open-nav svg {
  fill: #fff;
}

.header__open-nav span {
  color: #fff;
}

/* ============================================================
   HERO SLIDER REDESIGN
   ============================================================ */

/* 0. Dark page background + remove gap under slider */
body {
  background-color: #17171C;
}

.hero-slider {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.hero-slider .container {
  max-width: 100%;
  padding: 0;
}

/* 1. Slider height */
.hero-slider__wrapper {
  height: 90vh;
  min-height: 580px;
}

@media (max-width: 1024px) {
  .hero-slider__wrapper {
    height: 70vh;
    min-height: 420px;
  }
}

@media (max-width: 767px) {
  .hero-slider__wrapper {
    height: 58vh;
    min-height: 340px;
  }
}

@media (max-width: 480px) {
  .hero-slider__wrapper {
    height: 52vh;
    min-height: 300px;
  }
}

/* 2. Gradient overlay on each slide */
.hero-slider__item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);
  z-index: 1;
}

/* 3. Title typography */
.hero-slider__ttl {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.05;
  font-weight: 700;
}

/* 4. CTA button — gold */
.hero-slider .btn.btn--arr,
.hero-slider .btn--arr.btn--color {
  background: #C8922A;
  color: #0E0E10;
  border: none;
  padding: 1rem 2rem;
  font-weight: 700;
}

.hero-slider .btn.btn--arr svg,
.hero-slider .btn--arr.btn--color svg {
  fill: #0E0E10;
}

@media (min-width: 1025px) {
  .hero-slider .btn.btn--arr:hover,
  .hero-slider .btn--arr.btn--color:hover {
    background: #E8B04A;
    border-color: #E8B04A;
    color: #0E0E10;
    box-shadow: none;
  }
}

/* ============================================================
   HERO VALUES (статистика) REDESIGN
   ============================================================ */

.hero-values {
  background: #C8922A;
  padding: 1.5rem 2.5rem;
}

.hero-values__item {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  padding-right: 2rem;
  margin-right: 2rem;
  max-width: 9rem;
}

.hero-values__item:last-child {
  border-right: none;
}

.hero-values__num {
  color: #0E0E10;
  font-weight: 700;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.hero-values__text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* ============================================================
   PRODUCT SLIDER SECTION — dark background
   ============================================================ */

.product-slider {
  background: #17171C;
  padding-bottom: 0;
  height: auto !important;
}

.product-slider.--inv {
  height: auto !important;
}

.product-slider.--inv {
  background: #17171C;
}

.product-slider__ttl {
  color: #ffffff;
}

.product-slider__subttl {
  color: rgba(255, 255, 255, 0.05);
}

/* ============================================================
   PRODUCT CARD REDESIGN — dark theme
   ============================================================ */

.product-item {
  background: #1E1E26;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 0;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

@media (min-width: 1025px) {
  .product-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
    border-color: rgba(200, 146, 42, 0.2);
    margin-bottom: 0 !important;
  }
}

.product-item {
  margin-bottom: 0 !important;
}

.product-item__table {
  display: none !important;
}

.product-item__img {
  display: block;
  position: relative;
  height: 16rem;
  width: 100%;
  overflow: hidden;
}

.product-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

.product-item__content {
  padding: 1.25rem 1.5rem 1.5rem;
}

.product-item__ttl a {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 600;
}

.product-item__ttl a:hover {
  color: #C8922A;
}

.product-item__price {
  color: #C8922A;
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 0.75rem;
}

.product-item__available {
  color: #2E9E6A;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
}

.product-item__btn .btn,
.product-item__btn a,
.product-item .btn--cart {
  color: #ffffff !important;
}

.product-item__btn .btn {
  background: #C8922A;
  color: #ffffff !important;
  border: none;
  font-weight: 700;
  width: 100%;
}

.product-item__btn .btn:hover {
  background: #E8B04A;
  color: #ffffff !important;
}

.product-detail-actions__pumb {
  display: none;
}

/* ============================================================
   FOOTER REDESIGN — dark theme
   ============================================================ */

.footer {
  background: #17171C;
  border-top: 1px solid rgba(200, 146, 42, 0.15);
}

.footer-contact {
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

.footer-contact__ttl {
  color: rgba(255, 255, 255, 0.4);
}

.footer-contact__val {
  color: rgba(255, 255, 255, 0.8);
}

.footer-contact__val a {
  color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1025px) {
  .footer-contact__val a:hover {
    color: #C8922A;
  }
}

.footer-nav__ttl {
  color: #ffffff;
}

.footer-nav__list li a {
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1025px) {
  .footer-nav__list li a:hover {
    color: #C8922A;
  }
}

.footer-nav__socials a {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}

@media (min-width: 1025px) {
  .footer-nav__socials a:hover {
    background: rgba(200, 146, 42, 0.2);
    border-color: rgba(200, 146, 42, 0.3);
  }
}

.footer-contact__btn .btn,
.footer-contact__btn .btn--outline {
  border-color: rgba(200, 146, 42, 0.6) !important;
  color: #C8922A !important;
  background: transparent !important;
}

.footer-contact__btn .btn:hover,
.footer-contact__btn .btn--outline:hover {
  background: #C8922A !important;
  color: #0E0E10 !important;
}

.footer-contact .phone-block__current span {
  color: rgba(255, 255, 255, 0.8);
}

.footer-bottom {
  border-top: none;
  position: relative;
}

.footer-bottom__nav li a {
  color: rgba(255, 255, 255, 0.4);
}

.footer-bottom__copy {
  color: rgba(255, 255, 255, 0.3);
}

.footer-bottom__logo {
  position: static;
  transform: none;
  top: auto;
  background: transparent;
  border: none;
  padding: 0 28px;
  flex-shrink: 0;
  width: 6.25rem;
}

.footer-logo-row {
  display: flex;
  align-items: center;
  padding: 24px 0;
}

.footer-hr {
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}

section.about,
.section-about,
.about {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Phone number and dropdown in dark header */

.header .phone-block__current span {
  color: rgba(255, 255, 255, 0.8);
}

.header .phone-block__current:after {
  background-image: url("../image/images/svg/phone-block-arr-white.svg");
}

.header .phone-block__list li {
  color: rgba(255, 255, 255, 0.8);
}



/* ===== Categories Grid ===== */
.categories-grid {
  background: #0E0E10;
  padding: 60px 0;
}
.categories-grid__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}
.categories-grid__inner {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 280px 280px;
  gap: 12px;
}
.cat-card {
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  transition: transform .3s;
  display: block;
}
.cat-card:hover { transform: scale(.98); }
.cat-card--big {
  grid-row: 1 / 3;
}
.cat-card__img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform .5s;
}
.cat-card:hover .cat-card__img { transform: scale(1.05); }
.cat-img-bamboo {
  background: linear-gradient(160deg, #1A2010 0%, #141808 100%);
}
.cat-img-poly {
  background: linear-gradient(160deg, #2A1E14 0%, #1A1208 100%);
}
.cat-img-fibro {
  background: linear-gradient(160deg, #141E2A 0%, #0E1620 100%);
}
.cat-img-glass {
  background: linear-gradient(160deg, #1E1A24 0%, #141018 100%);
}
.cat-img-flex {
  background: linear-gradient(160deg, #241414 0%, #180E0E 100%);
}
.cat-card__info {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 24px;
  background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, transparent 100%);
}
.cat-card__badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: rgba(200,146,42,.2);
  border: 1px solid rgba(200,146,42,.4);
  color: #C8922A;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 8px;
}
.cat-card__name {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}
.cat-card__count {
  display: block;
  color: rgba(255,255,255,.5);
  font-size: 13px;
}

/* ===== Product card dark redesign ===== */
.product-listing .product-item {
  background: #1E1E26;
  border-radius: 12px;
}
.product-listing .product-item:hover {
  box-shadow: 0 12px 32px rgba(0,0,0,0.4);
}
.product-item__ttl a {
  color: #fff;
}
.product-item__ttl a:hover {
  color: #C8922A !important;
}
.product-item__available {
  color: rgba(255,255,255,0.5);
}
.product-item__col {
  color: rgba(255,255,255,0.85);
}
.product-item__col:nth-child(1) {
  color: rgba(255,255,255,0.4);
}
@media (min-width: 1025px) {
  .product-listing .product-item__table {
    height: auto;
    overflow: visible;
  }
}
.product-item__cat-tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  background: rgba(1,138,122,0.15);
  border: 1px solid rgba(1,138,122,0.4);
  color: #018A7A;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.product-item__rating {
  display: flex;
  gap: 3px;
  justify-content: center;
  margin-bottom: 10px;
}
.product-item__rating .star {
  font-size: 14px;
  line-height: 1;
}
.product-item__rating .star--full {
  color: #C8922A;
}
.product-item__rating .star--empty {
  color: rgba(200,146,42,0.25);
}
.product-item__price .price-value {
  color: #C8922A;
  font-weight: 700;
}
.product-item__price .price-label {
  font-size: 0.7rem;
  color: rgba(255,255,255,0.4);
  margin-left: 5px;
  margin-bottom: 3px;
  font-weight: 400;
}
.product-item__price .new {
  color: #C8922A;
}
.product-item__price .old {
  color: rgba(255,255,255,0.35);
}

/* ===== Home page product slider: 3-per-row hover fix ===== */
.product-slider .swiper-wrapper {
  overflow: visible;
}
.product-slider .product-item {
  margin-bottom: 0;
}
.product-slider .product-item:hover {
  margin-bottom: 0;
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.35);
}
.product-slider .product-item__table {
  height: auto !important;
  overflow: visible !important;
}
.product-slider .product-item__color {
  height: auto;
  overflow: visible;
}

/* ===== Product card full-redesign (image cover + 2-col attrs + footer row) ===== */
.product-listing .product-item,
.product-slider .product-item {
  padding: 0 !important;
  overflow: hidden;
}
.product-item__img-wrap {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
  flex-shrink: 0;
}
.product-item__img {
  display: block;
  width: 100%;
  height: 220px;
  margin: 0 !important;
  padding: 0 !important;
}
.product-item__img img,
.product-item__img .product-item__hover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* stock badge — overlay */
.product-item__available {
  position: absolute !important;
  top: 10px;
  left: 10px;
  background: rgba(1,138,122,0.88) !important;
  color: #fff !important;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 3px 8px;
  line-height: 1.4;
  z-index: 2;
}
.product-item__available.red {
  background: rgba(200,50,50,0.88) !important;
}
.product-item__available::before {
  display: none !important;
}
/* content area */
.product-item__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  padding: 14px 16px 16px !important;
  flex: 1;
}
/* 2-column attributes grid */
.product-item__attrs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 10px;
  width: 100%;
  margin-bottom: 10px;
}
.product-item__attr-name {
  font-size: 10px;
  color: rgba(255,255,255,0.4);
  line-height: 1.5;
}
.product-item__attr-val {
  font-size: 10px;
  color: rgba(255,255,255,0.85);
  line-height: 1.5;
  font-weight: 500;
}
/* footer row: price left, button right */
.product-item__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  gap: 10px;
}
.product-item__price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
}
.product-item__btn .btn--cart {
  width: auto !important;
  min-width: 0;
  padding: 8px 14px;
  font-size: 13px;
  white-space: nowrap;
}
/* hide old table & rating rows */
.product-item__table {
  display: none !important;
}
.product-item__rating {
  display: none !important;
}
/* sale badge */
.product-item__sale {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #C8922A;
  color: #fff;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  z-index: 2;
}

/* ===== Product card layout fixes ===== */
/* Force column layout at all screen sizes (override mobile row-flex) */
.product-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
/* Image wrap: full width, no internal padding interference */
.product-item__img-wrap {
  width: 100% !important;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0 !important;
}
/* Price font size reduced so price+button fit one row */
.product-item__price {
  font-size: 1rem !important;
}
.product-item__price .price-value {
  font-size: 1.1rem !important;
}
/* Button: auto width (not full width) */
.product-item__btn .btn,
.product-item__btn a,
.product-item .btn--cart,
.product-item__btn .btn--cart {
  width: auto !important;
  min-width: 0 !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
}
/* Footer row: no wrap */
.product-item__footer {
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
}
/* Hover: box-shadow only, no translateY (prevents overflow off-screen) */
.product-slider .product-item:hover,
.product-listing .product-item:hover {
  transform: none !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.45) !important;
  border-color: rgba(200,146,42,0.2) !important;
}
/* Allow the swiper to show the box-shadow without clipping */
.product-slider .swiper-slide {
  overflow: visible !important;
}

/* ===== Card image + price targeted fix ===== */
.product-item__img-wrap {
  width: 100% !important;
  height: 220px !important;
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
}
.product-item__img {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}
.product-item__img-wrap img,
.product-item__img img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  object-position: center !important;
  inset: auto !important;
}
.product-item__price {
  white-space: nowrap !important;
  font-size: 1.1rem !important;
}

/* ===== Card image: override max-width/margin-top from legacy rules ===== */
.product-item__img-wrap,
.product-item__img {
  max-width: 100% !important;
  width: 100% !important;
  height: 220px !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
}
.product-item__img-wrap img,
.product-item__img img {
  max-width: 100% !important;
  width: 100% !important;
  height: 220px !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
  display: block !important;
}
/* Hide second (hover) img so it doesn't push height on mobile */
.product-item__img img:nth-child(2) {
  display: none !important;
}
/* Equal height cards in the slider */
.product-slider .swiper-wrapper {
  align-items: stretch !important;
}
.product-slider .swiper-slide {
  height: auto !important;
}
.product-slider .product-item {
  height: 100% !important;
}

/* ===== Card image: border-radius clip + hover opacity fix ===== */
.product-item__img-wrap {
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden !important;
}
/* Prevent old CSS from fading out the thumbnail on hover */
.product-item:hover .product-item__img img:nth-child(1),
.product-item:hover .product-item__img-wrap img:nth-child(1) {
  opacity: 1 !important;
}

/* ============================================================
   PRODUCT CARD — complete redesign v3 (overrides everything above)
   ============================================================ */

/* --- Card container --- */
.product-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  background: #1E1E26 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  padding: 0 !important;
  overflow: hidden !important;
  transition: box-shadow 0.25s, border-color 0.25s !important;
  height: 100% !important;
  cursor: pointer !important;
}
.product-item:hover,
.product-slider .product-item:hover,
.product-listing .product-item:hover {
  transform: none !important;
  margin-bottom: 0 !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.5) !important;
  border-color: rgba(200,146,42,0.25) !important;
}

/* --- Full-card overlay link --- */
.product-card__link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
/* Button and color picker above overlay */
.product-item__btn,
.product-item__color {
  position: relative !important;
  z-index: 2 !important;
}

/* --- Image wrap --- */
.product-item__img-wrap {
  position: relative !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* The <a> wrapper inside img-wrap */
.product-item__img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  margin-right: 0 !important;
}
/* Images */
.product-item__img-wrap img,
.product-item__img img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  max-width: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  transform: none !important;
  position: static !important;
  inset: auto !important;
}
/* Hide hover image (second img) */
.product-item__img img:nth-child(2),
.product-item__img-wrap img:nth-child(2) {
  display: none !important;
}
/* Keep thumbnail visible on hover (old CSS sets opacity:0) */
.product-item:hover .product-item__img img:nth-child(1),
.product-item:hover .product-item__img-wrap img:nth-child(1) {
  opacity: 1 !important;
}

/* --- Badges on image --- */
.product-item__available {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 3 !important;
  background: rgba(1,138,122,0.88) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
}
.product-item__available::before {
  display: none !important;
}
.product-item__available.red {
  background: rgba(200,50,50,0.88) !important;
}
.product-item__sale {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
  background: #C8922A !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
}

/* --- Content area --- */
.product-item__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 12px 14px 14px !important;
  gap: 5px !important;
  align-items: flex-start !important;
}

/* --- Category tag pill --- */
.product-item__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}
.product-item__cat-tag {
  display: inline-block !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(1,138,122,0.55) !important;
  background: transparent !important;
  color: #018A7A !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* --- Title --- */
.product-item__ttl {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
.product-item__ttl a {
  color: #fff !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 2 !important;
}
.product-item__ttl a:hover {
  color: #C8922A !important;
}


/* --- 2-column attributes --- */
.product-item__attrs {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 1px 8px !important;
  width: 100% !important;
  margin: 2px 0 !important;
}
.product-item__attr-name {
  font-size: 10px !important;
  color: rgba(255,255,255,0.38) !important;
  white-space: nowrap !important;
  line-height: 1.7 !important;
}
.product-item__attr-val {
  font-size: 10px !important;
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* --- Footer: price + button --- */
.product-item__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 8px !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}
.product-item__price {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  white-space: nowrap !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  color: #C8922A !important;
}
.product-item__price .price-value {
  color: #C8922A !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
}
.product-item__price .price-label {
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.65rem !important;
  font-weight: 400 !important;
}
.product-item__price .new {
  color: #C8922A !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
}
.product-item__price .old {
  color: rgba(255,255,255,0.3) !important;
  text-decoration: line-through !important;
  font-size: 0.8rem !important;
}
/* Add-to-cart button */
.product-item__btn .btn,
.product-item__btn a,
.product-item .btn--cart,
.product-item__btn .btn--cart {
  width: auto !important;
  min-width: 0 !important;
  padding: 7px 12px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  background: #C8922A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
.product-item__btn .btn:hover,
.product-item__btn .btn--cart:hover {
  background: #d9a030 !important;
  color: #fff !important;
}

/* --- Hide legacy elements --- */
.product-item__table {
  display: none !important;
}

/* --- Slider: equal-height cards --- */
.product-slider .swiper-wrapper {
  align-items: stretch !important;
}
.product-slider .swiper-slide {
  height: auto !important;
  overflow: visible !important;
}

/* ===== Card final polish ===== */
/* Tag: pill auto-width, not stretched */
.product-item__tags {
  align-self: flex-start !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}
.product-item__cat-tag {
  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
  background: transparent !important;
  border: 1px solid rgba(1,138,122,0.55) !important;
  border-radius: 20px !important;
  color: #018A7A !important;
  padding: 2px 10px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}
/* Stars: always one horizontal row */
.product-item__rating {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 2px !important;
  align-self: flex-start !important;
}
/* Attributes: 2-column grid, each cell = label: value inline */
.product-item__attrs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3px 10px !important;
  width: 100% !important;
}
.product-item__attr-pair {
  display: flex !important;
  flex-direction: row !important;
  gap: 3px !important;
  align-items: baseline !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.product-item__attr-name {
  font-size: 10px !important;
  color: rgba(255,255,255,0.4) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  line-height: 1.6 !important;
}
.product-item__attr-val {
  font-size: 10px !important;
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  line-height: 1.6 !important;
}

/* ===== Tag: white pill border, reference style ===== */
.product-item__cat-tag {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 20px !important;
  color: rgba(255,255,255,0.75) !important;
  padding: 3px 10px !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
  white-space: nowrap !important;
}
/* Fix: ensure <a>.product-item__img always has height so image shows */
.product-item__img-wrap .product-item__img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  overflow: hidden !important;
  position: relative !important;
}

/* ===== Product slider: compact 380px cards, 3-per-row centred ===== */
/* Cap the swiper container so 3×380px + 2×24px gap = 1188px max */
.product-slider__inner {
  max-width: 1188px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Card: max-width guard (Swiper sets width inline, this is a safety net) */
.product-slider .swiper-slide {
  max-width: 380px !important;
}
/* Content padding 16px as requested */
.product-item__content {
  padding: 16px !important;
  gap: 6px !important;
}
/* Image: fixed 200px, no extra height */
.product-item__img-wrap {
  height: 200px !important;
  max-height: 200px !important;
  min-height: 200px !important;
  flex-shrink: 0 !important;
}
.product-item__img-wrap img,
.product-item__img img {
  height: 200px !important;
  max-height: 200px !important;
}

/* ===== Product slider layout v4 ===== */
/* Remove previous max-width constraints so cards fill container equally */
.product-slider__inner {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.product-slider .swiper-slide {
  max-width: none !important;
}
/* Container: side padding so title and arrows breathe */
.product-slider .container {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
/* Hover: gold border + warm glow */
.product-item:hover,
.product-slider .product-item:hover,
.product-listing .product-item:hover {
  transform: none !important;
  border: 1px solid #C8922A !important;
  box-shadow: 0 8px 32px rgba(200,146,42,0.25) !important;
}

/* ===== Product slider: final layout fixes ===== */
/* 1. Section-level padding so slider and title don't touch screen edge */
.product-slider {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
/* On wider screens the container handles centering; on narrow keep consistent */
@media (max-width: 1024px) {
  .product-slider {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
/* Remove the container double-padding added earlier */
.product-slider .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2. Decorative "КАТАЛОГ" subtitle: push it behind cards */
.product-slider__subttl {
  z-index: 0 !important;
  pointer-events: none !important;
}
/* Cards sit above the decorative text */
.product-slider .swiper-slide,
.product-slider .product-item {
  position: relative !important;
  z-index: 2 !important;
}

/* 3. No permanent gold highlight — reset border on non-hover */
.product-item {
  border: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: none !important;
}
.product-item:hover {
  border: 1px solid #C8922A !important;
  box-shadow: 0 8px 32px rgba(200,146,42,0.25) !important;
  transform: none !important;
}

/* ===== Product slider: overflow, subtitle, margin, padding final fix ===== */

/* Allow card shadows at edges to show (old rule had overflow:hidden) */
.product-slider {
  overflow: visible !important;
  margin-bottom: 60px !important;
}
/* Reset section-level padding — container handles it instead */
.product-slider {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Container: breathing room for title, arrows, and first/last cards */
.product-slider .container {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* "КАТАЛОГ" decorative text: clip it inside the head, don't let it bleed over cards */
.product-slider__head {
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}
.product-slider__subttl {
  z-index: 0 !important;
  pointer-events: none !important;
}

/* ================================================================
   PRODUCT CARD — DEFINITIVE v5 (single authoritative block)
   All previous card rules are overridden by !important below.
   ================================================================ */

/* --- Slider section --- */
.product-slider {
  overflow: visible !important;
  padding: 0 !important;
  margin-bottom: 60px !important;
}
.product-slider .container {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.product-slider__inner {
  max-width: none !important;
  margin: 0 !important;
}
.product-slider .swiper-wrapper {
  align-items: stretch !important;
}
.product-slider .swiper-slide {
  height: auto !important;
  max-width: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 2 !important;
}

/* --- "КАТАЛОГ" decorative text: keep inside head, behind everything --- */
.product-slider__head {
  overflow: hidden !important;
  position: relative !important;
}
.product-slider__subttl {
  z-index: -1 !important;
  pointer-events: none !important;
}

/* --- Card base --- */
.product-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  background: #1E1E26 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  padding: 0 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  height: 100% !important;
  box-shadow: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  transform: none !important;
  margin-bottom: 0 !important;
}
.product-item:hover,
.product-slider .product-item:hover,
.product-listing .product-item:hover {
  border-color: #C8922A !important;
  box-shadow: 0 8px 32px rgba(200,146,42,0.2) !important;
  transform: none !important;
  margin-bottom: 0 !important;
}

/* --- Full-card overlay link --- */
.product-card__link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
.product-item__btn,
.product-item__color,
.product-item__ttl a {
  position: relative !important;
  z-index: 2 !important;
}

/* --- Image wrap: 200px, cover, top radius only --- */
.product-item__img-wrap {
  position: relative !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.product-item__img-wrap .product-item__img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
.product-item__img-wrap img,
.product-item__img img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  max-width: none !important;
  max-height: 200px !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  transform: none !important;
  position: static !important;
}
.product-item__img img:nth-child(2),
.product-item__img-wrap img:nth-child(2) {
  display: none !important;
}
.product-item:hover .product-item__img img:nth-child(1) {
  opacity: 1 !important;
}

/* --- Stock / Sale badges --- */
.product-item__available {
  position: absolute !important;
  top: 10px !important; left: 10px !important;
  z-index: 3 !important;
  background: rgba(1,138,122,0.85) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
}
.product-item__available::before { display: none !important; }
.product-item__available.red { background: rgba(200,50,50,0.85) !important; }
.product-item__sale {
  position: absolute !important;
  top: 10px !important; right: 10px !important;
  z-index: 3 !important;
  background: #C8922A !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
}

/* --- Content: padding 16px --- */
.product-item__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 16px !important;
  gap: 8px !important;
  align-items: flex-start !important;
}

/* --- Category tag: pill with white border --- */
.product-item__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-self: flex-start !important;
}
.product-item__cat-tag {
  display: inline-block !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 20px !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 3px 10px !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  width: auto !important;
  max-width: max-content !important;
}

/* --- Title: 1.1rem 600 --- */
.product-item__ttl {
  margin: 0 !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
.product-item__ttl a {
  color: #fff !important;
  text-decoration: none !important;
}
.product-item__ttl a:hover { color: #C8922A !important; }


/* --- Attributes: 2 cols, 0.8rem --- */
.product-item__attrs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3px 12px !important;
  width: 100% !important;
  margin: 0 !important;
}
.product-item__attr-pair {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 4px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.product-item__attr-name {
  font-size: 0.8rem !important;
  color: rgba(255,255,255,0.6) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  line-height: 1.5 !important;
}
.product-item__attr-val {
  font-size: 0.8rem !important;
  color: #fff !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  line-height: 1.5 !important;
}

/* --- Footer: price left 1.3rem gold + button right auto --- */
.product-item__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}
.product-item__price {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin: 0 !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #C8922A !important;
}
.product-item__price .price-value {
  color: #C8922A !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
}
.product-item__price .price-label {
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.65rem !important;
  font-weight: 400 !important;
}
.product-item__price .new {
  color: #C8922A !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
}
.product-item__price .old {
  color: rgba(255,255,255,0.3) !important;
  text-decoration: line-through !important;
  font-size: 0.85rem !important;
}
.product-item__btn {
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}
.product-item__btn .btn,
.product-item__btn a,
.product-item .btn--cart,
.product-item__btn .btn--cart {
  width: auto !important;
  min-width: 0 !important;
  padding: 8px 16px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  background: #C8922A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.product-item__btn .btn:hover,
.product-item__btn .btn--cart:hover {
  background: #d9a030 !important;
}

/* --- Hide legacy elements --- */
.product-item__table { display: none !important; }

/* === FIX: CSS-only card width — 3 cols at desktop, no Swiper dependency === */
@media (min-width: 1025px) {
  .product-slider .swiper-slide {
    width: calc((100% - 48px) / 3) !important;
    max-width: none !important;
    flex-shrink: 0 !important;
  }
}

/* === CARD FIXES v6 === */

/* 1. Slider container: max-width, centred, padding */
.product-slider .container {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* 2. Title: 1.1rem semi-bold */
.product-item__ttl,
.product-item__ttl a {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* 3. Attributes: 0.8rem, labels faded, values white */
.product-item__attr-name {
  font-size: 0.8rem !important;
  opacity: 0.5 !important;
  color: #fff !important;
}
.product-item__attr-val {
  font-size: 0.8rem !important;
  opacity: 1 !important;
  color: #fff !important;
  font-weight: 500 !important;
}

/* 4. Price: 1.4rem */
.product-item__price,
.product-item__price .price-value,
.product-item__price .new {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #C8922A !important;
}

/* 5. Button: auto width, no stretch */
.product-item__btn {
  flex-shrink: 0 !important;
  width: auto !important;
}
.product-item__btn .btn,
.product-item__btn .btn--cart {
  width: auto !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
}

/* 6. Gap between cards: 20px */
@media (min-width: 1025px) {
  .product-slider .swiper-wrapper {
    gap: 20px !important;
  }
  .product-slider .swiper-slide {
    width: calc((100% - 40px) / 3) !important;
    max-width: none !important;
    flex-shrink: 0 !important;
  }
}

/* === Overflow fix: третя картка не обрізається === */
.product-slider,
.product-slider .container,
.product-slider__inner,
.product-slider .swiper-wrapper {
  overflow: visible !important;
}

/* === OVERFLOW + WIDTH FIX v7 === */
/* Force visible overflow на всьому ланцюжку контейнерів */
.product-slider { overflow: visible !important; }
.product-slider .container { overflow: visible !important; }
.product-slider__inner { overflow: visible !important; }

/* Синхронізація з Swiper spaceBetween:24 — 2 проміжки = 48px */
@media (min-width: 1025px) {
  .product-slider .swiper-wrapper { gap: 0 !important; }
  .product-slider .swiper-slide {
    width: calc((100% - 48px) / 3) !important;
    max-width: none !important;
    flex-shrink: 0 !important;
  }
}

/* === LAYOUT FIX v8 — повертаємо overflow:hidden на секцію === */
/* Секція ховає горизонтальне переповнення — без цього горизонтальний скрол ламає layout */
.product-slider { overflow: hidden !important; }
/* Внутрішній swiper видимий — тіні і краї карточок не обрізаються */
.product-slider__inner { overflow: visible !important; }
.product-slider .swiper-wrapper { overflow: visible !important; }

/* === Badge + Like button === */
.product-item__available {
  font-size: 0.7rem !important;
  padding: 2px 8px !important;
  line-height: 1.4 !important;
}

/* Badge font: inherit from parent, no italic */
.product-item__available {
  font-family: inherit !important;
  font-style: normal !important;
}

/* === STAGING FIXES === */
/* 1. Hide module 37 "Зовнішнє оздоблення" — dark slider */
.product-slider.--inv { display: none !important; }

/* 2. Dark theme base: background + text color */
html { background-color: #17171C !important; color: rgba(255,255,255,0.85) !important; }
body { background-color: #17171C !important; color: rgba(255,255,255,0.85) !important; }

/* Remove extra line between socials and logo row */
.footer-nav { border-bottom: none !important; }

/* === Cart / search icons: force white === */
.header-actions__btn {
  color: #fff !important;
}
.header-actions__search svg,
.header-actions__cart svg {
  fill: white !important;
  color: white !important;
}
/* Sprite is inline — target symbol paths directly */
#icon-header-search path,
#icon-header-search circle,
#icon-header-cart path,
#icon-header-cart circle {
  fill: white !important;
  fill-opacity: 0.9 !important;
}

/* === Language switcher: text only, white === */
.lang-switcher {
  display: inline-flex;
  align-items: center;
}
.lang-switcher form {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
}
.lang-btn {
  background: none !important;
  border: none !important;
  padding: 0 2px !important;
  margin: 0 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.6) !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  transition: color 0.2s !important;
  line-height: 1 !important;
}
.lang-btn.lang-active {
  color: #fff !important;
  font-weight: 600 !important;
}
.lang-btn:hover {
  color: #fff !important;
}
.lang-sep {
  color: rgba(255,255,255,0.4) !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
}
/* Hide old flag/dropdown language block if still rendered */
.header__bar .pull-left,
.header__bar .btn-group {
  display: none !important;
}

/* === Phone dropdown === */
.phone-block {
  position: relative !important;
}
.phone-block__current {
  cursor: pointer !important;
}
/* Header: phone number white */
.header .phone-block__current a,
.header .phone-block__current span {
  color: rgba(255,255,255,0.9) !important;
  text-decoration: none !important;
}
/* Footer phone number + arrow white */
.footer-contact .phone-block__current a,
.footer-contact .phone-block__current span {
  color: rgba(255,255,255,0.8) !important;
  text-decoration: none !important;
}
.footer-contact .phone-block__current:after {
  background-image: url("../image/images/svg/phone-block-arr-white.svg") !important;
}
/* Dropdown: opens RIGHT-aligned so it doesn't cover the button */
.phone-block__list {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 100% !important;
  white-space: nowrap !important;
  background: #1E1E26 !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
  z-index: 100 !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.phone-block__list li {
  padding: 0 !important;
  margin: 0 !important;
}
.phone-block__list li:not(:last-child) {
  margin-bottom: 0 !important;
}
.phone-block__list li a {
  display: block !important;
  padding: 8px 16px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  transition: background 0.15s !important;
}
.phone-block__list li a:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #C8922A !important;
}
.phone-block__list li:first-child:after {
  display: none !important;
}

/* === Footer logo row: tighten spacing === */
.footer-logo-row {
  padding: 12px 0 !important;
}

/* === Footer social icons: green squares === */
.footer-nav__socials .socials__link {
  border-color: #018a7a !important;
  background: transparent !important;
}
.footer-nav__socials .socials__link svg {
  fill: #018a7a !important;
}
.footer-nav__socials .socials__link svg path {
  fill: #018a7a !important;
}
.footer-nav__socials .socials__link:hover {
  background: rgba(1,138,122,0.15) !important;
}
.footer-nav__socials .socials__link img {
  width: 0.75rem !important;
  height: 0.75rem !important;
  filter: invert(48%) sepia(79%) saturate(476%) hue-rotate(130deg) brightness(87%) contrast(90%) !important;
}

/* === Modal "Передзвоніть мені" — dark theme === */
#modal-screen-header {
  background-color: rgba(0,0,0,0.7) !important;
  align-items: center !important;
  justify-content: center !important;
}
#modal-screen-header .modal-body {
  background: #1E1E26 !important;
  border-radius: 12px !important;
  max-width: 480px !important;
  width: calc(100% - 32px) !important;
  gap: 1.5rem !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  position: relative !important;
  top: 0 !important;
  padding-bottom: 20px !important;
  left: 0 !important;
  transform: none !important;
  padding: 0 !important;
}
/* Title */
#modal-screen-header .modal-text-to-show {
  color: #fff !important;
}
#modal-screen-header .modal-top-section {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 20px 20px 0 !important;
  position: static !important;
}
#modal-screen-header .modal-top-section .modal-close-x {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  color: #fff !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  margin-left: auto !important;
}
#modal-screen-header .modal-form {
  padding: 0 20px 20px !important;
}
/* Labels */
#modal-screen-header .modal-form .form-group label {
  color: rgba(255,255,255,0.75) !important;
}
/* Inputs */
#modal-screen-header .modal-form .form-group input {
  background: #2A2A35 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
}
#modal-screen-header .modal-form .form-group input::placeholder {
  color: rgba(255,255,255,0.35) !important;
}
#modal-screen-header .modal-form .form-group input:focus {
  border-color: rgba(200,146,42,0.6) !important;
  outline: none !important;
}
/* Submit button — gold, always full color */
#modal-screen-header .btn--color {
  background: #C8922A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
#modal-screen-header .btn--color:disabled {
  background: #C8922A !important;
  opacity: 0.7 !important;
  cursor: pointer !important;
}
/* reCAPTCHA — dark background + invert iframe */
#modal-screen-header .g-recaptcha,
#modal-screen-header [class*="recaptcha"] {
  background: #2A2A35 !important;
  border-radius: 8px !important;
  padding: 8px !important;
  display: inline-block !important;
  overflow: hidden !important;
}
#modal-screen-header .g-recaptcha iframe,
#modal-screen-header [class*="recaptcha"] iframe {
  filter: invert(0.85) hue-rotate(180deg) !important;
}
#modal-screen-header input[name="g-recaptcha-response"],
#modal-screen-header textarea[name="g-recaptcha-response"] {
  display: none !important;
}
#modal-screen-header {
  align-items: center;
  justify-content: center;
}
#modal-screen-header .modal-body {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  background: #1E1E26 !important;
  border-radius: 12px !important;
  max-width: 440px !important;
  width: calc(100% - 32px) !important;
  padding: 28px 24px !important;
}
#modal-screen-header iframe {
  filter: invert(0.88) hue-rotate(180deg) !important;
  display: block !important;
}
#modal-screen-header .g-recaptcha {
  line-height: 0 !important;
  font-size: 0 !important;
}
#modal-screen-header .g-recaptcha > div:empty {
  display: none !important;
  height: 0 !important;
}
.iti__selected-dial-code {
  color: #ffffff !important;
}
#modal-screen-header .iti__selected-dial-code {
  color: #ffffff !important;
}
#modal-screen-header .iti__selected-dial-code {
  font-family: FuturaPT, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
}
#modal-screen-header .iti__tel-input {
  font-family: FuturaPT, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
}
#modal-screen-header .iti input,
#modal-screen-header .iti input[type="tel"] {
  font-family: FuturaPT, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
  color: #ffffff !important;
}
/* Стрілки слайдера — білі */
.product-slider-nav__prev svg,
.product-slider-nav__next svg {
  fill: #ffffff !important;
}

/* Прибрати фонове слово "КАТАЛОГ" */
.product-slider__subttl {
  display: none !important;
}
.product-slider__inner {
  overflow: hidden !important;
}
.product-slider-nav span {
  color: #ffffff !important;
}
.product-slider {
  padding-bottom: 60px !important;
}
.product-slider-nav span {
  color: #ffffff !important;
}
.product-slider-nav {
  position: static !important;
  display: flex !important;
  justify-content: center !important;
  margin-top: 32px !important;
}
.product-slider {
  padding-bottom: 60px !important;
}

.product-slider-nav {
  margin-top: 0 !important;
  top: 0 !important;
  right: 0 !important;
  position: absolute !important;
}

.product-slider__head {
  margin-bottom: 60px !important;
}

.footer-logo-row {
  display: flex !important;
  align-items: center !important;
  padding: 16px 0 !important;
}
.footer-hr {
  flex: 1 !important;
  height: 1px !important;
  background: rgba(255,255,255,0.12) !important;
}
.footer-bottom__logo {
  position: static !important;
  transform: none !important;
  top: auto !important;
  background: transparent !important;
  padding: 0 28px !important;
  width: auto !important;
}
.footer-nav__socials .socials__link {
  border-color: #018a7a !important;
}
.footer-nav__socials .socials__link svg,
.footer-nav__socials .socials__link svg path,
.footer-nav__socials .socials__link svg circle {
  fill: #018a7a !important;
}

.footer-nav {
  padding-bottom: 24px !important;
}

/* Лого футера — белое */
.footer-bottom__logo img {
  filter: brightness(0) invert(1) !important;
}

/* Лінії футера — білі */
.footer-hr {
  background: rgba(255,255,255,0.3) !important;
}

/* Модал "Залишити заявку" — темний стиль */
#modal-screen {
  display: flex;
  align-items: center;
  justify-content: center;
}
#modal-screen .modal-body {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  background: #1E1E26 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
  max-width: 440px !important;
  width: calc(100% - 32px) !important;
  padding: 28px 24px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
}
#modal-screen .modal-text-to-show {
  color: #ffffff !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}
#modal-screen .modal-top-section button {
  color: rgba(255,255,255,0.6) !important;
}
#modal-screen .modal-form .form-group label {
  color: rgba(255,255,255,0.65) !important;
}
#modal-screen .modal-form .form-group input {
  background: #2A2A36 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#modal-screen .modal-form .form-group input::placeholder {
  color: rgba(255,255,255,0.28) !important;
}
#modal-screen iframe {
  filter: invert(0.88) hue-rotate(180deg) !important;
}
#modal-screen .g-recaptcha {
  line-height: 0 !important;
  font-size: 0 !important;
}
#modal-screen .btn--color {
  background: #C8922A !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  width: 100% !important;
  font-weight: 700 !important;
}
#modal-screen .iti__selected-dial-code {
  color: #ffffff !important;
}
#modal-screen .iti input,
#modal-screen .iti input[type="tel"] {
  background: #2A2A36 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

#modal-screen .iti__selected-dial-code {
  font-family: FuturaPT, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
  color: #ffffff !important;
}
#modal-screen .iti input,
#modal-screen .iti input[type="tel"] {
  font-family: FuturaPT, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
}
#modal-screen .modal-form .form-group label {
  font-family: FuturaPT, Helvetica, Arial, sans-serif !important;
  font-size: 0.82rem !important;
}
#modal-screen .modal-form .form-group input {
  font-family: FuturaPT, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
  height: 3rem !important;
  padding: 0 14px !important;
}

#modal-screen .iti {
  width: 100% !important;
}
#modal-screen .iti input[type="tel"] {
  padding-left: 90px !important;
}

#modal-screen {
  display: none;
  align-items: center;
  justify-content: center;
}

/* Секція кейсів на головній */
.cases-widget {
  background: #17171C;
  padding: 72px 0;
}
.cases-widget .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.cases-widget__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
}
.cases-widget__label {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C8922A;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.cases-widget__ttl {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 600;
  color: #ffffff;
  line-height: 1.1;
}
.cases-widget__all {
  color: #C8922A;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.cases-widget__all:hover {
  color: #d9a030;
}
.cases-widget__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1024px) {
  .cases-widget__grid {
    grid-template-columns: 1fr;
  }
}
.cases-widget__card {
  display: block;
  text-decoration: none;
  background: #1E1E26;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.07);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.cases-widget__card:hover {
  border-color: rgba(200,146,42,0.4);
  box-shadow: 0 8px 28px rgba(200,146,42,0.1);
}
.cases-widget__img {
  width: 100%;
  height: 220px;
  overflow: hidden;
}
.cases-widget__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cases-widget__info {
  padding: 20px;
}
.cases-widget__author {
  display: block;
  font-size: 0.75rem;
  color: #C8922A;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}
.cases-widget__name {
  font-size: 1.1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.3;
}
.cases-widget__dsc {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.45);
  line-height: 1.5;
}

/* ===== FOOTER REDESIGN ===== */
.footer__main {
  background: #191919;
  color: #d9d9d9;
  padding: 4rem 0 3rem;
}

.footer__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 3rem;
}

@media (max-width: 1024px) {
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem 2rem;
  }
}

@media (max-width: 575px) {
  .footer__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* Бренд-колонка */
.footer__col--brand {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1024px) {
  .footer__col--brand {
    grid-column: 1 / -1;
  }
}

.footer__logo img {
  height: 2rem;
  display: block;
  filter: brightness(0) invert(1);
}

.footer__desc {
  margin-top: 1.25rem;
  margin-bottom: 1.75rem;
  color: #ababab;
  font-size: 0.875rem;
  line-height: 1.65;
  max-width: 18rem;
}

.footer__socials {
  display: flex;
  gap: 0.75rem;
  margin-top: auto;
  padding: 0;
  list-style: none;
}

.footer__socials .socials__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 50%;
  transition: border-color 0.2s, background 0.2s;
}

.footer__socials .socials__link:hover {
  border-color: #018a7a;
  background: rgba(1,138,122,0.1);
}

.footer__socials .socials__link svg {
  width: 1rem;
  height: 1rem;
  fill: #d9d9d9;
}

/* Заголовки колонок */
.footer__ttl {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ffffff;
  margin-bottom: 1.5rem;
}

/* Навігаційні списки */
.footer__nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__nav li {
  margin-bottom: 0.875rem;
}

.footer__nav a {
  color: #ababab;
  font-size: 0.875rem;
  text-decoration: none;
  transition: color 0.2s;
}

.footer__nav a:hover {
  color: #018a7a;
}

/* Контакти */
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.footer__contact-item {
  color: #ababab;
  font-size: 0.875rem;
  text-decoration: none;
  transition: color 0.2s;
  line-height: 1.5;
}

a.footer__contact-item:hover {
  color: #018a7a;
}

.footer__addr {
  margin-top: 0.25rem;
  color: #ababab;
  font-size: 0.8125rem;
}

/* Нижня полоска */
.footer__bottom {
  background: #111111;
  padding: 1.125rem 0;
}

.footer__bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 575px) {
  .footer__bottom .container {
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
  }
}

.footer__bottom-nav {
  display: flex;
  gap: 2.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__bottom-nav a {
  color: #6b6b6b;
  font-size: 0.75rem;
  text-decoration: none;
  transition: color 0.2s;
}

.footer__bottom-nav a:hover {
  color: #ababab;
}

.footer__copy {
  color: #6b6b6b;
  font-size: 0.75rem;
}

/* Лого в бренд-колонці */
.footer__col--brand .footer__logo {
  display: inline-block;
  margin-bottom: 1.5rem;
}
.footer__col--brand .footer__logo img {
  height: 3.5rem;
  display: block;
  filter: brightness(0) invert(1);
}
.footer__col--brand .footer__desc {
  margin-top: 0;
}

/* ===================== Блок переваг ===================== */
.adv {
  background: #111111;
  padding: 5rem 0 5.5rem;
}

.adv__head {
  margin-bottom: 3.5rem;
}

.adv__label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #C8922A;
  margin-bottom: 1rem;
}

.adv__label::before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1.5px;
  background: #C8922A;
  flex-shrink: 0;
}

.adv__ttl {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.15;
}

.adv__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}

@media (max-width: 1024px) {
  .adv__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .adv__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.adv__card {
  background: #1d1d1d;
  border-radius: 1rem;
  padding: 2rem 1.75rem 2.25rem;
  display: flex;
  flex-direction: column;
  transition: background 0.25s;
}

.adv__card:hover {
  background: #242424;
}

.adv__icon {
  width: 3rem;
  height: 3rem;
  background: #2a2a2a;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;
  margin-bottom: 1.5rem;
  flex-shrink: 0;
}

.adv__name {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 0.75rem;
  line-height: 1.3;
}

.adv__text {
  font-size: 0.875rem;
  color: #8a8a8a;
  line-height: 1.65;
  margin: 0;
}

/* ===== Зменшений відступ між блоками головної ===== */
.product-slider {
  padding-top: 2rem !important;
  padding-bottom: 1.5rem !important;
}
.product-slider__head {
  margin-bottom: 2.5rem !important;
}
.cases-widget {
  padding-top: 2.5rem !important;
  padding-bottom: 50px !important;
}
.adv {
  padding-top: 3.5rem !important;
  padding-bottom: 4rem !important;
}
.footer__main {
  padding-top: 3rem !important;
  padding-bottom: 2.5rem !important;
}

/* ===================== УТП-бар ===================== */
.utp-bar {
  background: #111111;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 0.55rem 0;
}

.utp-bar__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.utp-bar__item {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.75rem;
  color: #a0a0a0;
  letter-spacing: 0.02em;
  padding: 0.2rem 1.5rem;
  white-space: nowrap;
}

.utp-bar__item:first-child {
  color: #C8922A;
  font-weight: 600;
}

.utp-bar__item:first-child .utp-bar__icon {
  color: #C8922A;
}

.utp-bar__icon {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  color: #555;
}

.utp-bar__sep {
  width: 1px;
  height: 0.875rem;
  background: rgba(255,255,255,0.12);
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .utp-bar__item:nth-child(n+4) {
    display: none;
  }
  .utp-bar__sep:nth-child(n+4) {
    display: none;
  }
  .utp-bar__item {
    padding: 0.2rem 1rem;
  }
}

@media (max-width: 480px) {
  .utp-bar__item:nth-child(n+2) {
    display: none;
  }
  .utp-bar__sep {
    display: none;
  }
  .utp-bar__item:first-child {
    font-size: 0.8rem;
    padding: 0.2rem 0;
  }
}

/* УТП-бар — одна фраза */
.utp-bar__phrase {
  margin: 0;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: #C8922A;
  letter-spacing: 0.04em;
}

/* УТП-бар — оновлення */
.utp-bar {
  background: rgba(14,14,16,0.92) !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: none !important;
  padding: 0.5rem 0 !important;
}
.utp-bar__phrase {
  font-size: 1.25rem !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
}

/* ===================== Калькулятор панелей ===================== */
.calc-section {
  background: #111111;
  padding: 0.5rem 0;
}

.calc-section__inner {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 5rem;
  align-items: center;
}

@media (max-width: 1024px) {
  .calc-section__inner {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

/* Ліва колонка */
.calc-section__badge {
  display: inline-flex;
  align-items: center;
  background: rgba(212,168,67,0.15);
  color: #C8922A;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.35rem 0.85rem;
  border-radius: 2rem;
  margin-bottom: 1.5rem;
}

.calc-section__ttl {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin: 0 0 1.25rem;
}

.calc-section__ttl--accent {
  color: #C8922A;
}

.calc-section__desc {
  color: #8a8a8a;
  font-size: 0.9375rem;
  line-height: 1.65;
  margin: 0 0 1.75rem;
  max-width: 26rem;
}

.calc-section__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.calc-section__list li {
  color: #c0c0c0;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.calc-section__list li::first-letter {
  color: #018a7a;
  font-weight: 700;
}

/* Права колонка — віджет */
.calc-widget {
  background: #1d1d1d;
  border-radius: 1.25rem;
  padding: 2rem 2rem 1.75rem;
}

.calc-widget__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 1.5rem;
}

.calc-widget__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
  margin-bottom: 0.875rem;
}

.calc-widget__field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.calc-widget__label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #555;
  text-transform: uppercase;
}

.calc-widget__input {
  background: #141414;
  border: 1px solid #2e2e2e;
  border-radius: 0.5rem;
  color: #ffffff;
  font-size: 1.0625rem;
  padding: 0.75rem 1rem;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s;
  -moz-appearance: textfield;
}

.calc-widget__input::-webkit-outer-spin-button,
.calc-widget__input::-webkit-inner-spin-button {
  opacity: 0.4;
}

.calc-widget__input:focus {
  outline: none;
  border-color: #C8922A;
}

/* Результати */
.calc-widget__results {
  background: #141414;
  border-radius: 0.75rem;
  padding: 1.25rem 1.25rem 1rem;
  margin: 1.25rem 0 1rem;
}

.calc-widget__results-title {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #018a7a;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.calc-widget__result-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 0.875rem;
  color: #8a8a8a;
  padding: 0.35rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.calc-widget__result-row:last-child {
  border-bottom: none;
}

.calc-widget__result-row span:last-child {
  color: #d9d9d9;
  font-weight: 500;
}

.calc-widget__result-row--total {
  margin-top: 0.25rem;
  padding-top: 0.65rem;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: none !important;
}

.calc-widget__result-row--total span {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1rem;
}

.calc-widget__result-row--total span:last-child {
  color: #C8922A !important;
  font-size: 1.0625rem;
}

/* Кнопка */
.calc-widget__btn {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: #C8922A;
  color: #111111;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.9rem 1rem;
  border-radius: 0.625rem;
  text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  margin-top: 0.25rem;
}

.calc-widget__btn:hover {
  background: #e0b84e;
  transform: translateY(-1px);
}

.calc-widget__note {
  margin: 0.75rem 0 0;
  font-size: 0.7rem;
  color: #444;
  text-align: center;
}

@media (max-width: 480px) {
  .calc-widget {
    padding: 1.5rem 1.25rem;
  }
  .calc-widget__row {
    grid-template-columns: 1fr;
  }
}

.calc-widget__field--full {
  margin-bottom: 0.875rem;
}
.calc-widget__select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.5rem;
}
.calc-widget__select option {
  background: #1d1d1d;
  color: #fff;
}

/* ── Калькулятор: вкладки / режими ── */
.cw-tabs { display:flex; gap:0.375rem; flex-wrap:wrap; margin-top:0.5rem; }
.cw-tabs--sm { margin-top:0.375rem; }
.cw-tab {
  background:#252525; border:1px solid #333; border-radius:0.5rem;
  color:#888; font-size:0.8125rem; font-weight:500; padding:0.45rem 0.9rem;
  cursor:pointer; transition:all 0.18s; white-space:nowrap;
}
.cw-tab:hover { border-color:#555; color:#ccc; }
.cw-tab.active { background:#C8922A; border-color:#C8922A; color:#111; font-weight:700; }

/* ── calc-group ── */
.calc-group { margin-bottom:1rem; }
.cw-group-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:0.5rem; }

/* ── wall row ── */
.cw-wall-row { display:flex; align-items:center; gap:0.4rem; margin-bottom:0.5rem; }
.cw-row-lbl { font-size:0.7rem; color:#555; white-space:nowrap; min-width:3.5rem; }
.cw-row-inp { flex:1; min-width:0; padding:0.6rem 0.6rem !important; font-size:0.9rem !important; }
.cw-row-x { color:#444; font-size:0.9rem; flex-shrink:0; }
.cw-rm {
  background:transparent; border:1px solid #333; border-radius:0.4rem;
  color:#666; width:1.75rem; height:1.75rem; cursor:pointer; font-size:1rem;
  flex-shrink:0; transition:all 0.15s; display:flex; align-items:center; justify-content:center;
}
.cw-rm:hover { border-color:#c0392b; color:#c0392b; }

/* ── opening row ── */
.cw-op-row { display:flex; align-items:center; gap:0.4rem; margin-bottom:0.5rem; flex-wrap:wrap; }
.cw-op-ico { font-size:1.1rem; flex-shrink:0; }
.cw-op-inp { flex:1; min-width:4rem; padding:0.6rem 0.6rem !important; font-size:0.9rem !important; }
.cw-op-sel { flex:1.4; min-width:0; padding:0.6rem 0.6rem !important; font-size:0.85rem !important; }

/* ── add buttons ── */
.cw-add-btn {
  background:transparent; border:1px dashed #3a3a3a; border-radius:0.5rem;
  color:#666; font-size:0.8rem; padding:0.5rem 0.875rem; cursor:pointer;
  transition:all 0.18s; margin-top:0.25rem;
}
.cw-add-btn:hover { border-color:#C8922A; color:#C8922A; }
.cw-add-btn--sm { margin-top:0; margin-left:0.25rem; padding:0.35rem 0.625rem; }

/* ── empty notice ── */
.cw-empty { font-size:0.8rem; color:#444; margin:0.25rem 0 0; font-style:italic; }

/* ── кімнати ── */
.cw-room-card {
  background:#141414; border:1px solid #2a2a2a; border-radius:0.625rem;
  padding:0.75rem; margin-bottom:0.625rem;
}
.cw-room-card__head {
  display:flex; align-items:center; justify-content:space-between; margin-bottom:0.5rem;
}

/* ── Schema drop zone ── */
.cw-schema-drop {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:0.35rem; border:1.5px dashed #333; border-radius:0.625rem;
  padding:1.25rem 1rem; cursor:pointer; transition:all 0.2s;
  background:#141414; text-align:center;
}
.cw-schema-drop:hover, .cw-schema-drop.drag-over {
  border-color:#C8922A; background:rgba(212,168,67,0.06);
}
.cw-schema-drop__ico { font-size:1.5rem; line-height:1; }
#schema-lbl {
  font-size:0.8125rem; color:#888; transition:color 0.2s;
}
.cw-schema-drop:hover #schema-lbl, .cw-schema-drop.drag-over #schema-lbl { color:#C8922A; }
.cw-schema-drop__hint {
  font-size:0.7rem; color:#444; margin-top:0.1rem;
}

/* ── Action buttons row ── */
.cw-actions {
  display:flex; flex-direction:column; gap:0.5rem; margin-top:0.25rem;
}
.cw-action-btn {
  display:flex; align-items:center; justify-content:center; gap:0.5rem;
  width:100%; box-sizing:border-box;
  border:1px solid #333; border-radius:0.625rem;
  background:transparent; color:#c0c0c0;
  font-size:0.875rem; font-weight:500; padding:0.7rem 1rem;
  cursor:pointer; text-decoration:none; transition:all 0.18s;
}
.cw-action-btn:hover { border-color:#888; color:#fff; }
.cw-action-btn--primary {
  background:#C8922A; border-color:#C8922A; color:#111; font-weight:700;
}
.cw-action-btn--primary:hover { background:#e0b84e; border-color:#e0b84e; color:#111; }

/* ===================== Темна тема: пошук ===================== */
#search {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0 0 0.875rem 0.875rem !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.55) !important;
  padding: 1rem 1.25rem 1.25rem !important;
}

#search .search-line {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  padding-bottom: 0.75rem;
}

.search-line svg {
  fill: #888 !important;
}

#search-input {
  background: transparent !important;
  color: #ffffff !important;
  font-size: 1.0625rem !important;
  caret-color: #C8922A;
}

#search-input::placeholder {
  color: #555 !important;
}

#search-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

#btn--close-search-modal {
  width: 1rem !important;
  height: 1rem !important;
  cursor: pointer;
  flex-shrink: 0;
}

#btn--close-search-modal use,
#btn--close-search-modal path {
  fill: #666 !important;
}

#btn--close-search-modal:hover use,
#btn--close-search-modal:hover path {
  fill: #fff !important;
}

.text_search_history {
  font-size: 0.7rem !important;
  color: #555 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.25rem;
}

.search-history {
  gap: 0.25rem !important;
}

.search-history a {
  color: #aaaaaa !important;
  font-size: 0.875rem;
  padding: 0.3rem 0;
  text-decoration: none;
  transition: color 0.15s;
  display: block;
}

.search-history a:hover {
  color: #C8922A !important;
}

/* ===================== Темна тема: кошик ===================== */

/* Корзина поверх sticky-хедера (z-index: 100) */
.popup {
  z-index: 200 !important;
}

.popup__inner {
  background: #1a1a1a !important;
  border-left: 1px solid rgba(255,255,255,0.07) !important;
}

.popup__ttl {
  color: #ffffff !important;
}

.popup__close svg {
  fill: #666 !important;
}

.popup__close:hover svg {
  fill: #ffffff !important;
}

.popup-cart__count {
  color: #888 !important;
}

.popup-cart__total {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 1rem !important;
}

.popup-cart__total span {
  color: #ffffff !important;
}

.popup-cart__total span:last-child {
  color: #C8922A !important;
  font-weight: 700;
}

.cart-products__item {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.cart-products__ttl {
  color: #e0e0e0 !important;
}

.cart-products__ttl:hover {
  color: #C8922A !important;
}

.cart-products__price {
  color: #ffffff !important;
  font-weight: 600;
}

.cart-products__table span {
  color: #666 !important;
}

.cart-products__remove svg {
  fill: #444 !important;
  transition: fill 0.15s;
}

.cart-products__remove:hover svg {
  fill: #c0392b !important;
}

.cart-products__input.input-number-holder input[type="number"] {
  background: #252525 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
  border-radius: 0.375rem;
}

.popup__link a {
  color: #555 !important;
}

.popup__link a:hover {
  color: #aaa !important;
}

/* SVG всередині кнопок закриття не перехоплює кліки */
.popup__close svg,
.popup__close use,
#btn--close-search-modal svg,
#btn--close-search-modal use {
  pointer-events: none !important;
}

/* checkout button залишається тілом — вже зелений, тільки округлюємо */
.popup__btn .btn.btn--color {
  border-radius: 0.625rem !important;
  font-weight: 700 !important;
}

/* ── Print styles ── */
@media print {
  header, .utp-bar, .adv, nav, .cases-widget, .product-slider,
  .footer, .calc-section__left, .cw-tabs, .calc-group:not(.calc-group--results),
  .grp-openings-actions, .cw-actions, .cw-add-btn, .cw-rm,
  #grp-schema, #grp-openings button, .calc-widget__note { display:none !important; }
  body { background:#fff !important; color:#000 !important; }
  .calc-section { background:#fff !important; padding:0 !important; }
  .calc-section__inner { display:block !important; }
  .calc-widget { background:#fff !important; border:1px solid #ccc; border-radius:0; padding:1rem !important; }
  .calc-widget__title { color:#000 !important; }
  .calc-widget__results { background:#f5f5f5 !important; }
  .calc-widget__result-row { color:#000 !important; border-bottom:1px solid #ddd !important; }
  .calc-widget__result-row span { color:#000 !important; }
  .calc-widget__result-row--total span { color:#000 !important; }
}

/* ===================== CTA-секція ===================== */
.cta-section {
  position: relative;
  background: #0d0d0d;
  padding: 0.5rem 0;
  overflow: hidden;
  text-align: center;
}

/* Декоративне золоте сяйво на фоні */
.cta-section__bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 55% at 50% 100%, rgba(212,168,67,0.13) 0%, transparent 70%),
    radial-gradient(ellipse 40% 30% at 50% 0%,   rgba(212,168,67,0.06) 0%, transparent 70%);
  pointer-events: none;
}

.cta-section__inner {
  position: relative;
  max-width: 46rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.cta-section__label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #C8922A;
  margin-bottom: 1.25rem;
}
.cta-section__label::before,
.cta-section__label::after {
  content: '';
  display: block;
  width: 2rem;
  height: 1px;
  background: rgba(212,168,67,0.45);
}

.cta-section__ttl {
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.12;
  margin: 0 0 1.25rem;
  letter-spacing: -0.02em;
}

.cta-section__desc {
  font-size: 1rem;
  color: #7a7a7a;
  line-height: 1.7;
  margin: 0 0 2.5rem;
  max-width: 36rem;
}

/* Кнопки */
.cta-section__btns {
  display: flex;
  gap: 0.875rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2.25rem;
}

.cta-section__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 2.25rem;
  border-radius: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
  border: none;
}

.cta-section__btn--primary {
  background: #C8922A;
  color: #111111;
}
.cta-section__btn--primary:hover {
  background: #e0b84e;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(212,168,67,0.35);
}

.cta-section__btn--secondary {
  background: transparent;
  color: #c0c0c0;
  border: 1px solid rgba(255,255,255,0.15);
}
.cta-section__btn--secondary:hover {
  border-color: rgba(255,255,255,0.4);
  color: #ffffff;
  transform: translateY(-2px);
}

/* Факти під кнопками */
.cta-section__facts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

.cta-section__facts li {
  font-size: 0.8125rem;
  color: #555;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.cta-section__facts li span {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .cta-section {
    padding: 0.5rem 0;
  }
  .cta-section__btns {
    flex-direction: column;
    align-items: stretch;
  }
  .cta-section__facts {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }
}

/* ============================================================
   MOBILE VERSION — комплексний адаптив (≤767px / ≤480px / ≤375px)
   ============================================================ */

/* ── Загальне ── */
@media (max-width: 767px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* ── UTP-бар ── */
@media (max-width: 767px) {
  .utp-bar__phrase {
    font-size: 0.8rem !important;
    letter-spacing: 0.02em !important;
  }
}

/* ── Header верхній рядок (мова / посилання) ── */
@media (max-width: 767px) {
  .header__bar {
    display: none !important;
  }
}

/* ── Лого ── */
@media (max-width: 767px) {
  .header__logo img {
    height: 38px;
  }
  .header__logo {
    margin-right: 0;
  }
}

/* ── Hero values (статистика під слайдером) ── */
@media (max-width: 767px) {
  /* Hero values — один рядок на мобільному */
  .hero-values {
    padding: 0.875rem 1rem;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: space-between;
    align-items: center;
  }
  .hero-values__item {
    flex: 1 1 0;
    border-right: 1px solid rgba(0,0,0,0.18);
    border-bottom: none;
    padding-right: 0.75rem;
    margin-right: 0.75rem;
    max-width: none;
    padding-bottom: 0;
  }
  .hero-values__item:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  .hero-values__num {
    font-size: 1.375rem;
    line-height: 1;
    margin-bottom: 0.2rem;
  }
  .hero-values__text {
    font-size: 0.6rem;
    letter-spacing: 0.04em;
    line-height: 1.3;
  }
}

/* ── Product slider ── */
@media (max-width: 767px) {
  .product-slider__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1.25rem !important;
  }
  .product-slider__ttl {
    font-size: 1.5rem;
  }
}

/* ── Cases widget ── */
@media (max-width: 767px) {
  .cases-widget {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .cases-widget__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
}

/* ── Переваги (adv) ── */
@media (max-width: 767px) {
  .adv {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .adv__head {
    margin-bottom: 1.75rem;
  }
  .adv__ttl {
    font-size: 1.75rem;
  }
  .adv__card {
    padding: 1.5rem 1.25rem 1.75rem;
  }
}

/* ── Калькулятор — секція ── */
@media (max-width: 767px) {
  .calc-section__left {
    display: none; /* ховаємо ліву колонку на мобільному — лишаємо тільки віджет */
  }
  .calc-section__inner {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}

/* ── Калькулятор — віджет ── */
@media (max-width: 767px) {
  .calc-widget {
    border-radius: 0;
    padding: 1.25rem 1rem 1.5rem;
  }
  .calc-widget__title {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
  .calc-widget__row {
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem;
  }
}

/* ── Табки режимів (4 штуки) — 2×2 на мобільному ── */
@media (max-width: 767px) {
  #cw-modes {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.375rem;
  }
  #cw-modes .cw-tab {
    text-align: center;
    font-size: 0.75rem;
    padding: 0.5rem 0.5rem;
  }
}

/* ── Табки малі (примикання / кути / профіль) ── */
@media (max-width: 480px) {
  .cw-tabs--sm {
    flex-wrap: wrap;
  }
  .cw-tabs--sm .cw-tab {
    font-size: 0.7rem;
    padding: 0.4rem 0.6rem;
  }
}

/* ── Рядок стіни ── */
@media (max-width: 480px) {
  .cw-wall-row {
    flex-wrap: nowrap;
    gap: 0.3rem;
  }
  .cw-row-lbl {
    min-width: 2.5rem;
    font-size: 0.6rem;
  }
  .cw-row-inp {
    padding: 0.5rem 0.4rem !important;
    font-size: 0.8rem !important;
  }
  .cw-row-x {
    font-size: 0.75rem;
  }
}

/* ── Відвори ── */
@media (max-width: 480px) {
  .cw-op-row {
    display: grid;
    grid-template-columns: 1.2rem 1fr auto auto auto;
    gap: 0.3rem;
    align-items: center;
  }
  .cw-op-sel {
    grid-column: 1 / -1;
    font-size: 0.8rem !important;
  }
}

/* ── Артикул + профіль — стек на мобільному ── */
@media (max-width: 480px) {
  .calc-widget__row {
    grid-template-columns: 1fr;
  }
}

/* ── Кнопки дій ── */
@media (max-width: 767px) {
  .cw-actions {
    gap: 0.4rem;
  }
  .cw-action-btn {
    font-size: 0.8125rem;
    padding: 0.6rem 0.75rem;
  }
}

/* ── CTA секція ── */
@media (max-width: 767px) {
  .cta-section__ttl {
    font-size: 1.875rem;
  }
  .cta-section__desc {
    font-size: 0.875rem;
  }
  .cta-section__btn {
    width: 100%;
    padding: 0.85rem 1.5rem;
  }
  .cta-section__facts {
    gap: 0.5rem;
  }
  .cta-section__facts li {
    font-size: 0.75rem;
  }
}

/* ── Footer ── */
@media (max-width: 767px) {
  .footer__main {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .footer__bottom .container {
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
  }
  .footer__bottom-nav {
    justify-content: center;
  }
  .footer__copy {
    font-size: 0.75rem;
  }
  .footer__col--brand {
    grid-column: auto !important;
  }
  .footer__desc {
    max-width: 100%;
  }
}

/* ── Пошук (#search) на мобільному ── */
@media (max-width: 767px) {
  #search {
    width: 100% !important;
    border-radius: 0 !important;
    left: 0 !important;
  }
}

/* ── Корзина (.popup__inner) на мобільному ── */
@media (max-width: 767px) {
  .popup__inner {
    max-width: 100% !important;
    width: 100% !important;
    padding: 2rem 1.25rem 1.5rem !important;
  }
}

/* ── Малий iPhone (375px) ── */
@media (max-width: 375px) {
  #cw-modes .cw-tab {
    font-size: 0.7rem;
    padding: 0.45rem 0.35rem;
  }
  .calc-widget {
    padding: 1rem 0.875rem 1.25rem;
  }
  .cta-section__label {
    font-size: 0.6rem;
  }
  .cta-section__ttl {
    font-size: 1.625rem;
  }
}

/* ── Сітка категорій — мобільна версія ── */
@media (max-width: 767px) {
  .categories-grid {
    padding: 24px 0;
  }
  .categories-grid__container {
    padding: 0 12px;
  }
  .categories-grid__inner {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 240px 160px 160px;
    gap: 8px;
  }
  /* Великий карточка — на всю ширину вгорі */
  .cat-card--big {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  /* Назви — менший шрифт, не обрізається */
  .cat-card__name {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .cat-card__badge {
    font-size: 9px;
    padding: 3px 8px;
    margin-bottom: 6px;
  }
  .cat-card__info {
    padding: 16px;
  }
  .cat-card__count {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .categories-grid__inner {
    grid-template-rows: 210px 145px 145px;
  }
}

/* ── Hero slider — контент на мобільному ── */
@media (max-width: 767px) {
  .hero-slider__item {
    padding: 2rem 1rem;
    align-items: flex-end;
  }
  .hero-slider__ttl {
    font-size: clamp(1.5rem, 6vw, 2rem);
    margin-bottom: 1rem;
  }
  .hero-slider__txt {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .hero-slider__btn {
    width: auto;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
  }
}

/* ── Popup прихований — не перехоплює кліки/тачі ── */
.popup:not(.--opened) {
  pointer-events: none !important;
}

/* ── Пошук: pointer-events вимкнені поки прихований (iOS fix) ── */
#search {
  pointer-events: none !important;
}
#search[style*="visibility: visible"] {
  pointer-events: auto !important;
}

/* ── Хедер мобільний: відступи ── */
@media (max-width: 1024px) {
  /* Відстань між лого і бургером */
  .header__open-nav {
    margin-left: 1.25rem;
  }
  /* Відстань між корзиною і кнопкою "Передзвоніть" */
  #btn--modal-opener-header {
    margin-left: 1rem;
  }
  /* Зменшити відступ між пошуком і корзиною щоб не стискувалось */
  .header-actions__search {
    margin-right: 1.25rem;
  }
}

/* ── Nav-mobile прихований — не перехоплює тачі (iOS fix) ── */
.nav-mobile:not(.--opened) {
  pointer-events: none !important;
}

/* ============================================================
   Мобільне меню — стиль Стіни.Про
   ============================================================ */

/* Overlay */
.nav-mobile {
  background: rgba(0,0,0,0.72) !important;
}

/* Панель — темна з лівим золотим бордером */
.nav-mobile__inner {
  background: #111111 !important;
  padding: 0 !important;
  width: min(340px, calc(100% - 48px)) !important;
  max-width: 340px !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 100dvh !important;
  border-right: none !important;
  box-shadow: 4px 0 40px rgba(0,0,0,0.6);
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-left: 3px solid #C8922A;
}

/* Хедер панелі */
.nav-mobile__head {
  padding: 1.25rem 1.375rem 1.125rem !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  flex-shrink: 0;
}

/* Кнопка закрити */
.nav-mobile__close {
  filter: invert(1) !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 0.45 !important;
  flex-shrink: 0;
  transition: opacity 0.15s;
}
.nav-mobile__close:hover { opacity: 0.9 !important; }

/* Лого */
.nav-mobile__logo img {
  filter: brightness(0) invert(1) !important;
  height: 32px !important;
  display: block;
}

/* Мовний блок */
.nav-mobile__lang .lang {
  display: flex !important;
  gap: 0 !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.nav-mobile__lang .lang li {
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.35) !important;
  padding: 0 !important;
  margin: 0 !important;
}
.nav-mobile__lang .lang li a,
.nav-mobile__lang .lang li span {
  color: inherit !important;
  text-decoration: none !important;
  padding: 0 0.3rem !important;
}
.nav-mobile__lang .lang li + li::before {
  content: none;
}
.nav-mobile__lang .lang li:not(:last-child)::after {
  display: none !important;
}
.nav-mobile__lang .lang li:not(:last-child) {
  padding-right: 0.5rem !important;
}
.nav-mobile__lang .lang li.active a,
.nav-mobile__lang .lang li.active span,
.nav-mobile__lang .lang li:first-child a {
  color: #C8922A !important;
}

/* account-bar — нейтральний фон */
.nav-mobile .account-bar,
.nav-mobile .account-bar-user {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Блок навігації */
.nav-mobile__menu {
  padding: 1.5rem 1.375rem 1.25rem !important;
  flex: 1 !important;
}

/* Мітка МЕНЮ */
.nav-mobile__menu p.nav-mobile__heading,
.nav-mobile__menu h3,
.nav-mobile .account-bar .account-bar-user .account-bar-menu__ttl,
.nav-mobile .account-bar .account-bar-menu .account-bar-menu__ttl {
  color: #C8922A !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
}

/* Список пунктів */
.nav-mobile__menu ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.nav-mobile__menu ul li {
  position: relative;
}
.nav-mobile__menu ul li:not(:last-child) {
  margin-bottom: 0.55rem !important;
  border-bottom: none !important;
}

/* Посилання */
.nav-mobile__menu ul li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #d4d4d4 !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  padding: 0.6rem 0 !important;
  text-decoration: none !important;
  transition: color 0.15s, padding-left 0.15s;
}
.nav-mobile__menu ul li a::after {
  content: none;
}
.nav-mobile__menu ul li a:hover {
  color: #C8922A !important;
  padding-left: 0.25rem !important;
}

/* Акаунт-бар меню — прихований */
.account-bar-menu {
  display: none !important;
}
.account-bar-menu__ttl {
  display: none !important;
}

/* Футер меню */
.nav-mobile__footer {
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  padding: 1.25rem 1.375rem 1.75rem !important;
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  flex-shrink: 0;
}

/* Телефон */
.nav-mobile__footer .phone-block {
  margin: 0 !important;
}
.nav-mobile__footer .phone-block__current a {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  text-decoration: none !important;
}

/* Кнопка Передзвоніть — повна ширина */
.nav-mobile__footer .phone-block__btn {
  background: #C8922A !important;
  color: #111 !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.03em !important;
  border-radius: 8px !important;
  padding: 0.75rem 1.25rem !important;
  width: 100% !important;
  border: none !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: background 0.15s, opacity 0.15s;
}
.nav-mobile__footer .phone-block__btn:hover {
  background: #b87d22 !important;
}

/* Соцмережі — без рамок, просто іконки */
.nav-mobile__footer .socials {
  display: flex !important;
  gap: 1.25rem !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.nav-mobile__footer .socials__item {
  margin: 0 !important;
}
.nav-mobile__footer .socials__link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}
.nav-mobile__footer .socials__link svg {
  width: 22px !important;
  height: 22px !important;
  fill: rgba(255,255,255,0.4);
  transition: fill 0.15s;
  display: block;
}
.nav-mobile__footer .socials__link:hover svg {
  fill: #C8922A;
}
.nav-mobile__footer .socials__link img {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  filter: none !important;
  opacity: 0.75;
  transition: opacity 0.15s;
}
.nav-mobile__footer .socials__link:hover img {
  filter: none !important;
  opacity: 1;
}

/* ============================================================
   КАТАЛОГ — комплексний фікс
   ============================================================ */

/* 3 колонки замість 4, з gap */
.product-listing {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
  padding: 1.5rem 0 !important;
}

/* Картки — темний фон, рівна висота */
.product-listing .product-item {
  background: #1a1a1a !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  margin-bottom: 0 !important;
  max-width: 100% !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.product-item {
  margin-bottom: 0 !important;
}

/* Заголовок сторінки каталогу */
.page-head {
  padding: 2rem 0 1.5rem !important;
}
.page-head__ttl {
  color: #ffffff !important;
  font-size: 2rem !important;
}
.page-head__subttl {
  color: rgba(255,255,255,0.45) !important;
  font-size: 0.8rem !important;
}

/* Сортування — темний стиль */
.sort-container,
.sort-block-catalog {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0.75rem 0 !important;
}
.custom-select,
.custom-dropdown {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  color: #fff !important;
  padding: 0.5rem 1rem !important;
  font-size: 0.875rem !important;
}
.selected-sort-option,
.selected-filter-option {
  background: #1a1a1a !important;
  color: #fff !important;
  border: none !important;
  font-size: 0.875rem !important;
}
#search-sorting-filter {
  background: #1a1a1a !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  padding: 0.5rem 1rem !important;
}

/* Фільтр збоку */
.s-filter__aside {
  background: #141414 !important;
  border-right: 1px solid rgba(255,255,255,0.07) !important;
}
.s-filter__title,
.s-filter__link {
  color: #e0e0e0 !important;
}
.s-filter__link:hover,
.category-item.active .s-filter__link,
.category-item.active .s-filter__title {
  color: #C8922A !important;
}

/* Картка товару — текст */
.product-item__ttl a {
  color: #ffffff !important;
}
.product-item__ttl a:hover {
  color: #C8922A !important;
}
.product-item__price .new {
  color: #C8922A !important;
}

/* Mobile: 2 колонки */
@media (max-width: 767px) {
  .product-listing {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
  }
}
@media (max-width: 480px) {
  .product-listing {
    grid-template-columns: 1fr !important;
  }
}

/* Fix: animations.js не ламає catalog page-head */
.page-head__ttl,
.page-head__subttl,
.breadcrumbs,
.s-filter,
.product-listing .product-item,
.sort-container {
  opacity: 1 !important;
  transform: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ============================================================
   КАТАЛОГ — фікс UI v2
   ============================================================ */

/* 1. Прибрати підзаголовок "Каталог" під заголовком сторінки */
.page-head__subttl {
  display: none !important;
}

/* 2. Прибрати рамку/фон з сайдбару категорій */
.s-filter__aside {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Посилання сайдбару — світлі */
.s-filter__title {
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
}
.s-filter__link {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  transition: color 0.2s !important;
}
.s-filter__link:hover,
.category-item.active .s-filter__link,
.category-item.active .s-filter__title {
  color: #C8922A !important;
}

/* 3. Сортування — темний дропдаун */
.custom-select,
.custom-dropdown {
  background: #1e1e1e !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  min-width: 180px !important;
}
.selected-sort-option,
.selected-filter-option,
.selected-collection-option {
  background: #1e1e1e !important;
  color: #fff !important;
  border: none !important;
  padding: 0.5rem 1rem !important;
  font-size: 0.875rem !important;
}
.selected-sort-option.active,
.selected-filter-option.active {
  background: #1e1e1e !important;
}

/* Список опцій дропдауна */
.selection-sort-options,
.selection-filter-options,
.selection-dropdown-options,
.selection-collection-options {
  background: #1e1e1e !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}
.selection-sort-options a,
.selection-filter-options a,
.selection-dropdown-options a,
.selection-collection-options a {
  color: rgba(255,255,255,0.75) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
.selection-sort-options a:hover,
.selection-filter-options a:hover,
.selection-dropdown-options a:hover {
  color: #C8922A !important;
  background: rgba(200,146,42,0.06) !important;
}

/* Стрілка/іконка сортування */
.custom-select::after,
.custom-dropdown::after,
.selected-sort-option::after {
  border-color: rgba(255,255,255,0.5) transparent transparent !important;
}

/* Toggle switch поруч із сортуванням — прибрати або затемнити */
.sort-container input[type="checkbox"],
.sort-container .toggle,
.sort-block-catalog input[type="checkbox"] {
  display: none !important;
}

/* Кнопка сортування без toggle */
.sort-container {
  align-items: center !important;
  gap: 0.75rem !important;
}

/* page-head відступи */
.page-head {
  padding-top: 1.5rem !important;
  padding-bottom: 0 !important;
}
.page-head:first-child {
  display: none !important;
}


/* ============================================================
   КАТАЛОГ — фікс UI v3
   ============================================================ */

/* 1. Ховаємо breadcrumbs на сторінці каталогу */
.category-page .breadcrumbs {
  display: none !important;
}

/* 2. Сортування — переносимо вниз поруч з картками */
.s-filter {
  align-items: flex-end !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.s-filter__wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}
.sort-container.sort-block-catalog {
  margin-top: auto !important;
  padding-top: 0 !important;
}

/* Картки з відступом зверху прямо від фільтра */
.category-products {
  margin-top: 1.5rem !important;
}

/* 3. Красивий hover на меню категорій */
.category-item {
  position: relative;
  border-radius: 6px;
  margin-bottom: 2px;
  transition: background 0.2s ease;
  padding: 0 !important;
}
.category-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 70%;
  background: #C8922A;
  border-radius: 2px;
  transition: transform 0.2s ease;
}
.category-item:hover::before,
.category-item.active::before {
  transform: translateY(-50%) scaleY(1);
}
.category-item:hover {
  background: rgba(200,146,42,0.07) !important;
}
.category-item.active {
  background: rgba(200,146,42,0.1) !important;
}
.s-filter__link,
.s-filter__title {
  padding: 0.5rem 0.75rem 0.5rem 1rem !important;
  display: block !important;
  transition: color 0.2s, padding-left 0.2s !important;
}
.category-item:hover .s-filter__link,
.category-item:hover .s-filter__title {
  padding-left: 1.25rem !important;
  color: #C8922A !important;
}
.category-item.active .s-filter__link,
.category-item.active .s-filter__title {
  color: #C8922A !important;
  padding-left: 1.25rem !important;
}

/* "ВСІ ПАНЕЛІ" заголовок сайдбару */
.s-filter__aside > .category-item:first-child .s-filter__title {
  font-size: 0.7rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.35) !important;
  font-weight: 600 !important;
  cursor: default;
  pointer-events: none;
}


/* ============================================================
   КАТАЛОГ — фікс UI v4
   ============================================================ */

/* Прибрати заголовок h1 і підзаголовок на сторінці каталогу */
.category-page .page-head__inner {
  display: none !important;
}
.category-page .page-head {
  padding: 0.5rem 0 0 !important;
}

/* Прибрати лишній елемент зліва від сортування (s-filter__body / content_top) */
.s-filter__body,
.s-filter__wrapper > *:not(.sort-container) {
  display: none !important;
}

/* Сортування — до правого краю, вирівняне по нижньому краю сайдбару */
.s-filter__wrapper {
  justify-content: flex-end !important;
  align-items: flex-end !important;
  flex: 1 !important;
}
.sort-container.sort-block-catalog {
  padding: 0 !important;
  margin: 0 !important;
}

/* Весь блок фільтра — менше відступів */
.s-filter {
  margin-top: 1rem !important;
  gap: 0 !important;
}


/* ============================================================
   КАТАЛОГ — фікс UI v5
   ============================================================ */

/* Перший порожній custom-select в sort-container — прибрати */
.sort-container .custom-select:first-child,
.sort-container .custom-select[style*="z-index"] {
  display: none !important;
}

/* ВСІ ПАНЕЛІ — клікабельний (скасуємо pointer-events: none) */
.s-filter__aside > .category-item:first-child .s-filter__title {
  pointer-events: auto !important;
  cursor: pointer !important;
  color: rgba(255,255,255,0.5) !important;
}
.s-filter__aside > .category-item:first-child:hover .s-filter__title {
  color: #C8922A !important;
}


/* ============================================================
   СТОРІНКА ТОВАРУ — повний редизайн під темну тему
   ============================================================ */

/* Кнопка В КОШИК — золота замість тіл */
.btn--color,
.btn--arr.btn--color,
.btn--color:hover,
.btn--arr.btn--color:hover,
.product-detail-actions__btn .btn--color {
  background: #C8922A !important;
  border-color: #C8922A !important;
  color: #111 !important;
}
.btn--color:hover,
.btn--arr.btn--color:hover {
  background: #b07820 !important;
  border-color: #b07820 !important;
}
.btn--color svg,
.btn--color .btn__ico,
.btn--arr.btn--color svg {
  fill: #111 !important;
}

/* Блок ПОТРІБНА КОНСУЛЬТАЦІЯ — темний замість тіл */
.product-detail-cost {
  background: #1a1a1a !important;
  border: 1px solid rgba(200,146,42,0.25) !important;
  border-radius: 12px !important;
  color: #fff !important;
}
.product-detail-cost__txt {
  color: #C8922A !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}
.product-detail-cost__subtxt a,
.product-detail-cost__subtxt {
  color: rgba(255,255,255,0.7) !important;
}
.product-detail-cost__subtxt a:hover {
  color: #C8922A !important;
}
.product-detail-cost:before {
  opacity: 0.15 !important;
}

/* Breadcrumbs на сторінці товару — показуємо */
.product.product-page .breadcrumbs,
main:not(.category-page) .breadcrumbs {
  display: block !important;
}
.breadcrumbs__list a {
  color: rgba(255,255,255,0.4) !important;
  font-size: 0.8rem !important;
}
.breadcrumbs__list li:last-child span {
  color: rgba(255,255,255,0.75) !important;
  font-size: 0.8rem !important;
}

/* Заголовок товару */
.product-detail-text__ttl {
  color: #ffffff !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Код та колекція */
.product-detail-info__item span:nth-child(1) {
  color: rgba(255,255,255,0.35) !important;
}
.product-detail-info__item span:nth-child(2) {
  color: rgba(255,255,255,0.85) !important;
}

/* Опис товару */
.product-detail-text__dsc,
.product-detail-text__dsc p {
  color: rgba(255,255,255,0.65) !important;
  line-height: 1.7 !important;
}

/* Характеристики (Розмір, Вага, Фактура) */
.product-detail-chars__item {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
}
.product-detail-chars__item span:first-child {
  color: rgba(255,255,255,0.4) !important;
}
.product-detail-chars__item span:last-child {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Ціна */
.product-detail-price__value span,
.product-detail-price__value {
  color: #C8922A !important;
  font-weight: 700 !important;
}
.product-detail-price__discount {
  color: rgba(200,146,42,0.7) !important;
}

/* Лічильник кількості */
.product-detail-actions__count input,
.product-detail-actions__count .qty {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border-radius: 8px !important;
}
.product-detail-actions__count button {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #fff !important;
}
.product-detail-actions__count button:hover {
  background: #C8922A !important;
  color: #111 !important;
  border-color: #C8922A !important;
}

/* Tabs (Опис / Характеристики / Відгуки) */
.product-detail-tabs__btn,
.nav-tabs li a {
  color: rgba(255,255,255,0.5) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
}
.product-detail-tabs__btn.active,
.product-detail-tabs__btn:hover,
.nav-tabs li.active a,
.nav-tabs li a:hover {
  color: #C8922A !important;
  border-bottom-color: #C8922A !important;
}

/* Схожі пропозиції заголовок */
.product-related-ttl,
h2.section-ttl {
  color: #ffffff !important;
}

/* Статус В НАЯВНОСТІ */
.product-detail-price__available {
  color: #4ade80 !important;
}

/* ВСІ тіл-кольорові акценти → золото на product page */
.product-page .s-filter__title,
.product-detail a { color: #C8922A; }


/* ============================================================
   СТОРІНКА ТОВАРУ — фікс v2 (точні селектори)
   ============================================================ */

/* Характеристики — правильні div (не span) */
.product-detail-chars__ttl {
  color: rgba(255,255,255,0.45) !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}
.product-detail-chars__val {
  color: #ffffff !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
}

/* Градієнт опису — прибрати повністю */
.about__text:after,
.about__text::after {
  content: none !important;
  display: none !important;
}
.about__text p {
  color: rgba(255,255,255,0.7) !important;
}

/* Кнопка "Показати більше" — золота */
.about__btn button,
.js-about-btn {
  color: #C8922A !important;
}

/* Tabs — Опис / Характеристики / Відгуки */
.tab__list .tab-btn,
.product-detail-tabs .tab-btn,
[class*="tab__btn"],
.tab__nav button {
  color: rgba(255,255,255,0.5) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
}
.tab__nav button.active,
.tab__nav button:hover,
[class*="tab__btn"].active {
  color: #C8922A !important;
  border-bottom-color: #C8922A !important;
}

/* "Схожі пропозиції" заголовок */
.similar__ttl,
.product-related .section-ttl,
h2.similar-ttl,
.category-products h2 {
  color: #ffffff !important;
}

/* Tabs підкреслення активного */
.tab.active > .tab-btn,
a[data-toggle="tab"].active,
.nav-tabs > li.active > a {
  color: #C8922A !important;
  border-bottom: 2px solid #C8922A !important;
}
/* Стандартні вкладки OpenCart */
#tab-description,
#tab-specification {
  color: rgba(255,255,255,0.75) !important;
}
.nav-tabs {
  border-bottom-color: rgba(255,255,255,0.1) !important;
}
.nav-tabs > li > a {
  color: rgba(255,255,255,0.5) !important;
  background: transparent !important;
  border-color: transparent !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
  color: #C8922A !important;
  background: transparent !important;
  border-color: transparent transparent #C8922A !important;
}


/* ============================================================
   СТОРІНКА ТОВАРУ — фікс v3 (системний)
   ============================================================ */

/* Код / Колекція — мітки і значення */
.product-detail-info {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 1rem !important;
}
.product-detail-info__item span:nth-child(1) {
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}
.product-detail-info__item span:nth-child(2),
.product-detail-info__item a {
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}
.product-detail-info__item a:hover {
  color: #C8922A !important;
}

/* Опис товару (короткий під заголовком) */
.product-detail-text__dsc,
.product-detail-text__dsc p,
.product-detail-content .about__text p {
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
}

/* Знижки від 50 / від 150 шт */
.product-detail-price-discount {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.875rem !important;
}
.product-detail-price-discount li {
  color: rgba(255,255,255,0.55) !important;
}
.product-detail-price-discount li span {
  color: #C8922A !important;
  font-weight: 600 !important;
}

/* Ціна — основна */
.product-detail-price__value {
  color: #C8922A !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
}
.product-detail-price__value span {
  color: #C8922A !important;
}
.product-detail-price__value .price_suffix {
  color: rgba(255,255,255,0.5) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

/* В наявності */
.product-detail-price__available {
  color: #4ade80 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

/* Характеристики — рівні блоки */
.product-detail-chars {
  background: #141414 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  padding: 1rem 1.5rem !important;
  gap: 0 !important;
}
.product-detail-chars__item {
  padding: 0 1rem !important;
  border-left: 1px solid rgba(255,255,255,0.07) !important;
}
.product-detail-chars__item:first-child {
  padding-left: 0 !important;
  border-left: none !important;
}
.product-detail-chars__ttl {
  color: rgba(255,255,255,0.4) !important;
  font-size: 0.65rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 0.4rem !important;
}
.product-detail-chars__val {
  color: #ffffff !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
}


/* ============================================================
   СТОРІНКА ТОВАРУ — фікс v4
   ============================================================ */

/* 1. Характеристики — БЕЗ рамки, чистий текст */
.product-detail-chars {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  padding-bottom: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.product-detail-chars__item {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-left: 1px solid rgba(255,255,255,0.1) !important;
  padding: 0 1.25rem !important;
}
.product-detail-chars__item:first-child {
  border-left: none !important;
  padding-left: 1.25rem !important;
}
.product-detail-chars__ttl {
  color: rgba(255,255,255,0.38) !important;
  font-size: 0.65rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 0.4rem !important;
  font-weight: 400 !important;
}
.product-detail-chars__val {
  color: #f0f0f0 !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
}

/* 2. Опис — яскравіший текст */
.product-detail-text__dsc,
.product-detail-text__dsc *,
.product-detail-content .product-detail-text p,
.product-detail-text p,
.product-detail-text li,
.product-detail-text ul,
.product-detail-text [class],
.bamboo-panels-short,
.bamboo-panels-short * {
  color: rgba(255,255,255,0.85) !important;
  line-height: 1.65 !important;
}

/* 3. "В наявності" — стиль як бейдж на картці товару */
.product-detail-price__available {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(1,138,122,0.88) !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  line-height: 1.4 !important;
  font-style: normal !important;
  font-family: inherit !important;
  margin-bottom: 0.5rem !important;
}
.product-detail-price__available.red {
  background: rgba(200,50,50,0.88) !important;
}
.product-detail-price__available:before {
  display: none !important;
}

/* ============================================================
   ФОТО-ГАЛЕРЕЯ ТОВАРУ — стрілки + SimpleLightbox (v5)
   ============================================================ */

/* 1. Блок з навігацією — темна тема замість білого */
.product-preview__nav,
.product-detail-preview .product-preview__nav,
.product-preview .product-preview__nav {
  background: rgba(13,13,13,0.82) !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  border-left: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px 0 0 0 !important;
}

/* Прибираємо пагінаційну точку в слайдері товару */
.product-preview .swiper-pagination {
  display: none !important;
}

/* 2. Стрілки Swiper — білі, видимі */
.product-preview .product-slider-nav__next svg,
.product-preview .product-slider-nav__prev svg,
.product-preview__nav .product-slider-nav__next svg,
.product-preview__nav .product-slider-nav__prev svg {
  fill: #ffffff !important;
  opacity: 0.85 !important;
  width: 1.4rem !important;
  height: 0.7rem !important;
  transition: opacity 0.2s ease !important;
}
.product-preview .product-slider-nav__next:hover svg,
.product-preview .product-slider-nav__prev:hover svg,
.product-preview__nav .product-slider-nav__next:hover svg,
.product-preview__nav .product-slider-nav__prev:hover svg {
  fill: #C8922A !important;
  opacity: 1 !important;
}
.product-preview__nav span {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.7rem !important;
  white-space: nowrap !important;
}

/* 3. SimpleLightbox — темний оверлей + видимі кнопки */
.sl-overlay {
  background: rgba(10,10,10,0.94) !important;
}
.sl-wrapper .sl-close {
  color: #ffffff !important;
  font-size: 2.5rem !important;
  opacity: 0.85 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.7) !important;
  right: 20px !important;
  top: 20px !important;
}
.sl-wrapper .sl-close:hover {
  opacity: 1 !important;
  color: #C8922A !important;
}
.sl-wrapper .sl-navigation button {
  color: #ffffff !important;
  font-size: 3rem !important;
  opacity: 0.85 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.7) !important;
  background: rgba(0,0,0,0.35) !important;
  border-radius: 4px !important;
  width: 50px !important;
  height: 60px !important;
  line-height: 60px !important;
}
.sl-wrapper .sl-navigation button:hover {
  opacity: 1 !important;
  color: #C8922A !important;
  background: rgba(0,0,0,0.6) !important;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 10px !important;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 10px !important;
}
.sl-wrapper .sl-counter {
  color: rgba(255,255,255,0.7) !important;
}

/* ============================================================
   PRODUCT PAGE FIXES v6
   ============================================================ */

/* 1. Прибрати іконку з блоку "Потрібна консультація?" */
.product-detail-cost:before,
.product-detail-cost::before {
  display: none !important;
}

/* 2. Схожі пропозиції — картки завжди видимі в гриді */
.related-products .product-listing {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
}
.related-products .product-listing .product-item,
.related-products .product-listing .swiper-slide {
  height: auto !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
@media (max-width: 768px) {
  .related-products .product-listing {
    grid-template-columns: 1fr !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .related-products .product-listing {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* 3. "Показати більше" — фікс подвійної лінії та можливість згортати */
.about__content.opened .about__btn {
  display: block !important;  /* показуємо кнопку навіть коли відкрито — щоб можна було згорнути */
}
.about__btn button,
.js-about-btn {
  color: #C8922A !important;
  text-decoration: none !important;
  border: none !important;
  font-size: 0.875rem !important;
  background: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 4. Характеристики — темна тема */
#characteristics .product-characteristics__item {
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  padding: 0.75rem 0 !important;
  padding-top: 0.75rem !important;
}
#characteristics .product-characteristics__item div:first-child {
  color: rgba(255,255,255,0.4) !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}
#characteristics .product-characteristics__item div:last-child {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-align: right !important;
}

/* 5. Модалка відгуків — темний стиль + position:absolute центрування */
#review-modal {
  background: rgba(5,5,5,0.88) !important;
  overflow-y: auto !important;
}
.review-modal-card {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: #1a1a1a !important;
  border: 1px solid rgba(200,146,42,0.2) !important;
  border-radius: 16px !important;
  max-width: 520px !important;
  width: 90% !important;
  padding: 1.5rem !important;
  box-sizing: border-box !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
}
.review-modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.55) !important;
  font-size: 1.3rem !important;
  cursor: pointer !important;
  line-height: 1 !important;
  z-index: 10 !important;
  padding: 4px 8px !important;
}
.review-modal-close:hover { color: #C8922A !important; }

/* Ховаємо дублюючу кнопку з шаблону */
.review-modal-card #btn--close-modal-review { display: none !important; }

/* Заголовок */
.review-modal-card .modal-top-section {
  margin-bottom: 1.25rem !important;
  padding-right: 2rem !important;
}
.review-modal-card .modal-text-to-show {
  color: #fff !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
.review-modal-card .modal-body {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  display: block !important;
  gap: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
}
.review-modal-card .modal-form {
  padding: 0 !important;
  gap: 0 !important;
}
.review-modal-card .modal-form form {
  display: block !important;
  gap: 0 !important;
}
.review-modal-card .modal-form .form-group {
  /* Do NOT set display here — preserves inline display:none on rating group */
  gap: 0 !important;
  width: 100% !important;
  margin-bottom: 0.85rem !important;
}
/* Hide rating section completely */
.review-modal-card .raiting-stars,
.review-modal-card .empty_field_danger {
  display: none !important;
}
/* Fix radio/checkbox — don't inherit text-input styles */
.review-modal-card input[type="radio"],
.review-modal-card input[type="checkbox"] {
  width: auto !important;
  min-width: unset !important;
  max-width: unset !important;
  height: auto !important;
  min-height: unset !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: inline !important;
  box-shadow: none !important;
}

/* Поля форми */
.review-modal-card .form-group { margin-bottom: 0.85rem !important; }
.review-modal-card .control-label {
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.8rem !important;
  display: block !important;
  margin-bottom: 5px !important;
}
.review-modal-card input[type="text"],
.review-modal-card textarea {
  background: #111 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border-radius: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: unset !important;
  padding: 10px 14px !important;
  font-size: 0.9rem !important;
  box-sizing: border-box !important;
  display: block !important;
}
.review-modal-card textarea {
  min-height: 100px !important;
  height: auto !important;
  resize: vertical !important;
}
.review-modal-card input::placeholder,
.review-modal-card textarea::placeholder { color: rgba(255,255,255,0.25) !important; }
.review-modal-card .help-block {
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.75rem !important;
}
/* Captcha fieldset */
.review-modal-card fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0.5rem 0 !important;
}
.review-modal-card legend {
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.8rem !important;
  margin-bottom: 4px !important;
}
.review-modal-card fieldset label {
  color: rgba(255,255,255,0.4) !important;
  font-size: 0.75rem !important;
}
/* text_login */
.review-modal-card #form-review > a,
.review-modal-card #form-review p {
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.8rem !important;
}
/* Кнопка відправки */
.review-modal-card #button-review {
  background: #C8922A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 0.65rem 1.5rem !important;
  margin-top: 0.5rem !important;
  cursor: pointer !important;
  width: 100% !important;
}
.review-modal-card #button-review:hover { background: #E8B04A !important; }
.review-modal-card input,
.review-modal-card textarea {
  background: #111 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;
  border-radius: 8px !important;
  width: 100% !important;
}
.review-modal-card input::placeholder,
.review-modal-card textarea::placeholder {
  color: rgba(255,255,255,0.3) !important;
}
.review-modal-card label,
.review-modal-card p,
.review-modal-card .help-block {
  color: rgba(255,255,255,0.65) !important;
}
.review-modal-card h2 {
  color: #fff !important;
  font-size: 1.25rem !important;
  margin-bottom: 1.5rem !important;
}
.review-modal-card .alert {
  color: rgba(255,255,255,0.7) !important;
  font-size: 0.8rem !important;
}
/* Hide empty error box */
.review-modal-card .empty_field_danger {
  display: none !important;
}
/* reCAPTCHA — invert iframe to dark theme */
.review-modal-card .g-recaptcha,
.review-modal-card fieldset > div {
  border-radius: 6px !important;
  overflow: hidden !important;
  display: inline-block !important;
  background: #2A2A35 !important;
  padding: 4px !important;
}
.review-modal-card iframe {
  filter: invert(0.85) hue-rotate(180deg) !important;
}
/* Hide login/register prompt — confuses customers */
.review-modal-card #form-review > p,
.review-modal-card #form-review > a {
  display: none !important;
}
/* warning note "HTML розмітка не підтримується" — smaller */
.review-modal-card .help-block {
  font-size: 0.72rem !important;
  color: rgba(255,200,50,0.6) !important;
  margin-top: 3px !important;
  margin-bottom: 0 !important;
}
/* tighten bottom spacing */
.review-modal-card .buttons.clearfix {
  margin-top: 0.75rem !important;
}
.review-modal-card .pull-right {
  float: none !important;
  width: 100% !important;
}

/* ─────────────────────────────────────────
   CONSULTATION MODAL — dark theme
   ───────────────────────────────────────── */
#modal-screen-header .modal-body {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  border: 1px solid rgba(200,146,42,0.2) !important;
  border-radius: 16px !important;
  padding: 2rem !important;
  max-width: 520px !important;
  width: 90% !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.7) !important;
  gap: 0 !important;
  display: block !important;
}
/* Title */
#modal-screen-header .modal-text-to-show {
  color: #fff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0 0 1.5rem !important;
}
/* Close button */
#modal-screen-header .modal-close-x {
  position: absolute !important;
  top: 14px !important;
  right: 16px !important;
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 1.4rem !important;
  cursor: pointer !important;
  line-height: 1 !important;
}
#modal-screen-header .modal-close-x:hover { color: #C8922A !important; }
/* Labels */
#modal-screen-header label {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.82rem !important;
  display: block !important;
  margin-bottom: 6px !important;
}
/* Inputs */
#modal-screen-header input[type="text"],
#modal-screen-header input[type="tel"],
#modal-screen-header .form-control {
  background: #111 !important;
  background-color: #111 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 44px !important;
  font-size: 0.9rem !important;
  box-sizing: border-box !important;
}
#modal-screen-header input::placeholder { color: rgba(255,255,255,0.25) !important; }
#modal-screen-header input:focus {
  border-color: rgba(200,146,42,0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(200,146,42,0.12) !important;
}
/* Phone field with flag */
#modal-screen-header .iti {
  width: 100% !important;
}
#modal-screen-header .iti__flag-container {
  background: #1e1e1e !important;
  border-right: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px 0 0 8px !important;
}
#modal-screen-header .iti__selected-dial-code {
  color: rgba(255,255,255,0.7) !important;
}
/* Form groups spacing */
#modal-screen-header .form-group {
  margin-bottom: 1rem !important;
}
/* Submit button */
#modal-screen-header button[type="submit"] {
  background: #C8922A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.05em !important;
  padding: 0.75rem 1.5rem !important;
  width: 100% !important;
  margin-top: 0.5rem !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}
#modal-screen-header button[type="submit"]:hover { background: #E8B04A !important; }
#modal-screen-header button[type="submit"]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
/* Error message */
#modal-screen-header .empty_field_danger_formheader.active {
  background: rgba(200,50,50,0.12) !important;
  border: 1px solid rgba(200,50,50,0.4) !important;
  color: #ff8080 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  margin-bottom: 0.75rem !important;
  font-size: 0.82rem !important;
}
/* Overlay background */
#modal-screen-header {
  background: rgba(5,5,5,0.85) !important;
}

/* Write review button below tabs */
.product-write-review-wrap {
  margin-top: 1.5rem !important;
}
.product-write-review-wrap #review-modal-btn {
  background: transparent !important;
  border: 1px solid rgba(200,146,42,0.5) !important;
  color: #C8922A !important;
  border-radius: 8px !important;
  padding: 0.6rem 1.5rem !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
}
.product-write-review-wrap #review-modal-btn:hover {
  background: rgba(200,146,42,0.12) !important;
}

/* ─────────────────────────────────────────
   QUANTITY SELECTOR — custom +/- buttons
   ───────────────────────────────────────── */
.product-detail-actions__count.input-number-holder {
  display: flex !important;
  align-items: center !important;
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  height: 54px !important;
  min-width: 110px !important;
}
.product-detail-actions__count.input-number-holder input[type="number"] {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #fff !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  text-align: center !important;
  width: 38px !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}
.product-detail-actions__count.input-number-holder input[type="number"]::-webkit-outer-spin-button,
.product-detail-actions__count.input-number-holder input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  display: none !important;
}
.qty-btn {
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 1.3rem !important;
  font-weight: 300 !important;
  width: 36px !important;
  height: 100% !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.2s, background 0.2s !important;
  line-height: 1 !important;
  padding: 0 !important;
}
.qty-btn:hover {
  color: #C8922A !important;
  background: rgba(200,146,42,0.08) !important;
}
.qty-btn--minus { border-right: 1px solid rgba(255,255,255,0.1) !important; }
.qty-btn--plus  { border-left:  1px solid rgba(255,255,255,0.1) !important; }

/* ─────────────────────────────────────────
   CONSULTATION MODAL (#modal-screen-product) — dark theme
   ───────────────────────────────────────── */
#modal-screen-product {
  align-items: center !important;
  justify-content: center !important;
  background: rgba(5,5,5,0.85) !important;
}
#modal-screen-product .modal-body {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  background: #1E1E26 !important;
  background-color: #1E1E26 !important;
  border: 1px solid rgba(200,146,42,0.2) !important;
  border-radius: 14px !important;
  max-width: 480px !important;
  width: calc(100% - 32px) !important;
  padding: 0 !important;
  gap: 0 !important;
  display: block !important;
  max-height: 92vh !important;
  overflow-y: auto !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
}
#modal-screen-product .modal-text-to-show {
  color: #fff !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
#modal-screen-product .modal-top-section {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 20px 20px 0 !important;
  position: static !important;
}
#modal-screen-product .modal-close-x {
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 1.4rem !important;
  cursor: pointer !important;
  line-height: 1 !important;
  padding: 4px 8px !important;
}
#modal-screen-product .modal-close-x:hover { color: #C8922A !important; }
#modal-screen-product .modal-form { padding: 16px 20px 20px !important; }
#modal-screen-product .modal-form .form-group { margin-bottom: 14px !important; }
#modal-screen-product .modal-form label {
  color: rgba(255,255,255,0.6) !important;
  font-size: 0.82rem !important;
  display: block !important;
  margin-bottom: 5px !important;
}
#modal-screen-product .modal-form input[type="text"],
#modal-screen-product .modal-form input[type="tel"],
#modal-screen-product .modal-form .form-control {
  background: #2A2A35 !important;
  background-color: #2A2A35 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 0.9rem !important;
}
#modal-screen-product .modal-form input::placeholder { color: rgba(255,255,255,0.4) !important; }
/* Phone input — don't override iti padding-left (flag+code takes ~88px) */
#modal-screen-product .iti input[type="tel"],
#modal-screen-product .iti input.mobile-phone {
  padding-left: 90px !important;
  padding-right: 14px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
/* Captcha dark theme */
#modal-screen-product .g-recaptcha,
#modal-screen-product [id^="recaptcha-"] {
  background: #2A2A35 !important;
  border-radius: 6px !important;
  padding: 4px !important;
  display: inline-block !important;
  overflow: hidden !important;
  margin: 4px 0 !important;
}
#modal-screen-product iframe {
  filter: invert(0.85) hue-rotate(180deg) !important;
}
#modal-screen-product .modal-form input:focus {
  border-color: rgba(200,146,42,0.5) !important;
  outline: none !important;
}
#modal-screen-product .iti { width: 100% !important; }
#modal-screen-product .iti input,
#modal-screen-product .iti input[type="tel"] {
  background: #2A2A35 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}
#modal-screen-product .iti__selected-dial-code { color: #fff !important; }
#modal-screen-product .btn--color {
  background: #C8922A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  width: 100% !important;
  padding: 0.75rem !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  opacity: 1 !important;
}
#modal-screen-product .btn--color:disabled { opacity: 0.6 !important; }
#modal-screen-product .btn--color:hover { background: #E8B04A !important; }
#modal-screen-product iframe { filter: invert(0.85) hue-rotate(180deg) !important; }
#modal-screen-product .empty_field_danger_formproduct.active {
  background: rgba(200,50,50,0.12) !important;
  border: 1px solid rgba(200,50,50,0.4) !important;
  color: #ff8080 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  margin-bottom: 10px !important;
  font-size: 0.82rem !important;
}

/* ============================================================
   ПОПАП КОШИКА — темна тема
   ============================================================ */

/* Фон і рамка попапу */
.js-popup-cart .popup__inner,
.popup-cart .popup__inner {
  background: #1E1E26 !important;
  border-left: 1px solid rgba(200,146,42,0.18) !important;
}

/* Заголовок "Кошик" і кількість товарів */
.popup-cart .popup__ttl,
.js-popup-cart .popup__ttl {
  color: #ffffff !important;
}
.popup-cart .popup-cart__count,
.js-popup-cart .popup-cart__count {
  color: #C8922A !important;
}

/* Хрестик закрити */
.popup-cart .popup__close svg,
.js-popup-cart .popup__close svg {
  fill: rgba(255,255,255,0.6) !important;
}
.popup-cart .popup__close:hover svg,
.js-popup-cart .popup__close:hover svg {
  fill: #C8922A !important;
}

/* Роздільники між товарами */
.popup-cart .cart-products__item,
.js-popup-cart .cart-products__item {
  border-bottom-color: rgba(255,255,255,0.08) !important;
}

/* Назва товару */
.popup-cart .cart-products__ttl,
.js-popup-cart .cart-products__ttl {
  color: rgba(255,255,255,0.9) !important;
}
.popup-cart .cart-products__ttl:hover,
.js-popup-cart .cart-products__ttl:hover {
  color: #C8922A !important;
}

/* Атрибути / опції */
.popup-cart .cart-products__table span,
.js-popup-cart .cart-products__table span {
  color: rgba(255,255,255,0.45) !important;
}

/* Поле кількості — темне, без стрілок */
.popup-cart .cart-products__input.input-number-holder input[type="number"],
.js-popup-cart .cart-products__input.input-number-holder input[type="number"] {
  background: #2A2A36 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 4px !important;
  text-align: center !important;
  -moz-appearance: textfield !important;
}
.popup-cart .cart-products__input.input-number-holder input[type="number"]::-webkit-outer-spin-button,
.popup-cart .cart-products__input.input-number-holder input[type="number"]::-webkit-inner-spin-button,
.js-popup-cart .cart-products__input.input-number-holder input[type="number"]::-webkit-outer-spin-button,
.js-popup-cart .cart-products__input.input-number-holder input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  background: transparent !important;
  width: 0 !important;
  display: none !important;
}

/* Ціна товару в кошику */
.popup-cart .cart-products__price,
.js-popup-cart .cart-products__price {
  color: rgba(255,255,255,0.85) !important;
  border-color: rgba(255,255,255,0.1) !important;
  background: transparent !important;
}

/* Кастомні кнопки +/- кількості в кошику */
.cart-qty-holder {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  background: #2A2A36 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.cart-qty-btn {
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.75) !important;
  font-size: 1rem !important;
  width: 24px !important;
  height: 32px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  transition: background 0.15s !important;
}
.cart-qty-btn:hover {
  background: rgba(200,146,42,0.25) !important;
  color: #C8922A !important;
}
.cart-qty-holder .input-number {
  width: 32px !important;
  min-width: 0 !important;
  max-width: 32px !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  border-left: 1px solid rgba(255,255,255,0.1) !important;
  border-right: 1px solid rgba(255,255,255,0.1) !important;
  color: #fff !important;
  font-size: 0.8rem !important;
  height: 32px !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}
.cart-qty-holder .input-number::-webkit-outer-spin-button,
.cart-qty-holder .input-number::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  display: none !important;
}

/* Кнопка видалення — в правому нижньому куті, не перекриває назву */
.popup-cart .cart-products__remove,
.js-popup-cart .cart-products__remove {
  top: auto !important;
  bottom: 1.875rem !important;
  right: 0 !important;
}
.popup-cart .cart-products__remove svg,
.js-popup-cart .cart-products__remove svg {
  fill: rgba(255,255,255,0.35) !important;
}
.popup-cart .cart-products__remove:hover svg,
.js-popup-cart .cart-products__remove:hover svg {
  fill: #e05555 !important;
}
/* Відступ праворуч від назви щоб не перекривалась хрестиком */
.popup-cart .cart-products__ttl,
.js-popup-cart .cart-products__ttl {
  padding-right: 1.2rem !important;
}

/* Загальна сума */
.popup-cart .popup-cart__total span,
.js-popup-cart .popup-cart__total span {
  color: rgba(255,255,255,0.6) !important;
}
.popup-cart .popup-cart__total span:last-child,
.js-popup-cart .popup-cart__total span:last-child {
  color: #C8922A !important;
  font-weight: 700 !important;
}

/* Кнопка "Перейти до оформлення" — вже золота, залишаємо */

/* Лінк "Продовжити покупки" */
.popup-cart .popup__link a,
.js-popup-cart .popup__link a {
  color: rgba(255,255,255,0.45) !important;
}
.popup-cart .popup__link a:hover,
.js-popup-cart .popup__link a:hover {
  color: rgba(255,255,255,0.8) !important;
}

/* ============================================================
   ОПИС ТОВАРУ — примусово світлий текст (v-text-fix)
   Перекриває будь-які темні кольори з редактора або CSS-класів
   ============================================================ */
.about__text,
.about__text *,
.about__content .about__text,
.about__content .about__text * {
  color: rgba(255,255,255,0.85) !important;
}
.about__text a,
.about__content .about__text a {
  color: #C8922A !important;
}
.about__text strong,
.about__text b,
.about__content .about__text strong,
.about__content .about__text b {
  color: rgba(255,255,255,1) !important;
}
/* Нумеровані та марковані списки */
.about__text li,
.about__text ul,
.about__text ol,
.about__content .about__text li {
  color: rgba(255,255,255,0.82) !important;
}
/* Таблиці в описі */
.about__text table,
.about__text th,
.about__text td {
  color: rgba(255,255,255,0.82) !important;
  border-color: rgba(255,255,255,0.12) !important;
}
/* Заголовки в описі */
.about__text h1,.about__text h2,.about__text h3,
.about__text h4,.about__text h5,.about__text h6 {
  color: #ffffff !important;
}


/* ============================================================
   СТОРІНКА ОФОРМЛЕННЯ ЗАМОВЛЕННЯ — темна тема v2
   ============================================================ */

/* Загальний контейнер — скидаємо Bootstrap білий фон */
#checkout-checkout {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding-bottom: 3rem !important;
}

/* Хлібні крихти */
#checkout-checkout .breadcrumb,
#checkout-checkout .breadcrumb li,
#checkout-checkout .breadcrumb a,
#checkout-checkout .breadcrumb li.active {
  background: transparent !important;
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.78rem !important;
}

/* h1 — стандартний розмір */
#checkout-checkout h1 {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 1.5rem !important;
}

/* Панелі — скидаємо Bootstrap panel стиль */
#checkout-checkout .panel-group {
  margin-bottom: 0 !important;
}
#checkout-checkout .panel,
#checkout-checkout .panel-default {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

/* Заголовок кроку — виглядає як мітка кроку */
#checkout-checkout .panel-heading {
  background: transparent !important;
  border: none !important;
  padding: 1.2rem 0 0.4rem !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
#checkout-checkout .panel-title,
#checkout-checkout .panel-title a,
#checkout-checkout .panel-title a:hover {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.35) !important;
  text-decoration: none !important;
}

/* Контент панелі */
#checkout-checkout .panel-body {
  background: transparent !important;
  padding: 0.5rem 0 1rem !important;
  border: none !important;
}
#checkout-checkout .panel-collapse {
  border: none !important;
}

/* h2 — "Новий покупець" / "Постійний покупець" */
#checkout-checkout h2 {
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0.5rem 0 0.6rem !important;
}

/* h3, h4 */
#checkout-checkout h3,
#checkout-checkout h4 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.9) !important;
  margin: 0.75rem 0 0.5rem !important;
}

/* Описовий текст і підписи radio */
#checkout-checkout p,
#checkout-checkout .radio label,
#checkout-checkout .checkbox label {
  font-size: 0.875rem !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.5 !important;
}

/* Секція з двома колонками */
#checkout-checkout .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
}
#checkout-checkout .col-sm-6 {
  flex: 1 1 48% !important;
  min-width: 260px !important;
  padding: 0 12px 0 0 !important;
}
#checkout-checkout .col-sm-6:last-child {
  padding: 0 0 0 12px !important;
  border-left: 1px solid rgba(255,255,255,0.08) !important;
}

/* Radio кнопки */
#checkout-checkout input[type="radio"],
#checkout-checkout input[type="checkbox"] {
  accent-color: #C8922A !important;
  margin-right: 6px !important;
}
#checkout-checkout .radio {
  margin: 4px 0 !important;
}

/* Поля форми */
#checkout-checkout .form-group {
  margin-bottom: 0.75rem !important;
}
#checkout-checkout .form-group label,
#checkout-checkout .control-label {
  font-size: 0.8rem !important;
  color: rgba(255,255,255,0.5) !important;
  margin-bottom: 4px !important;
  display: block !important;
}
#checkout-checkout .form-control,
#checkout-checkout input[type="text"],
#checkout-checkout input[type="email"],
#checkout-checkout input[type="password"],
#checkout-checkout input[type="tel"],
#checkout-checkout select,
#checkout-checkout textarea {
  background: #2A2A36 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: 0.9rem !important;
  height: auto !important;
  width: 100% !important;
}
#checkout-checkout .form-control:focus,
#checkout-checkout input:focus {
  border-color: #C8922A !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(200,146,42,0.18) !important;
}
#checkout-checkout .form-control::placeholder,
#checkout-checkout input::placeholder {
  color: rgba(255,255,255,0.25) !important;
}

/* Посилання "Забули пароль?" */
#checkout-checkout a {
  color: #C8922A !important;
  font-size: 0.82rem !important;
}
#checkout-checkout a:hover {
  color: #E8B04A !important;
}

/* Кнопки */
#checkout-checkout .btn-primary,
#checkout-checkout input[type="button"].btn-primary,
#checkout-checkout button.btn-primary {
  background: #C8922A !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 10px 28px !important;
  border-radius: 6px !important;
  margin-top: 0.5rem !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}
#checkout-checkout .btn-primary:hover,
#checkout-checkout input[type="button"].btn-primary:hover {
  background: #E8B04A !important;
}

/* Помилки */
#checkout-checkout .text-danger {
  color: #ff8080 !important;
  font-size: 0.8rem !important;
}
#checkout-checkout .alert-danger {
  background: rgba(200,50,50,0.12) !important;
  border-color: rgba(200,50,50,0.3) !important;
  color: #ff8080 !important;
  border-radius: 6px !important;
}

/* Select */
#checkout-checkout select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23C8922A'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 30px !important;
}

/* HR */
#checkout-checkout hr {
  border-color: rgba(255,255,255,0.08) !important;
  margin: 1rem 0 !important;
}

/* ============================================================
   СХОЖІ ТОВАРИ — темна тема карток
   ============================================================ */
.related-products {
  background: transparent !important;
}
.related-products__ttl {
  color: #ffffff !important;
  font-size: 1.4rem !important;
  margin-bottom: 1.25rem !important;
}
.related-products .product-item {
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #1E1E26 !important;
  display: flex !important;
  flex-direction: column !important;
}
/* Зображення — явно показати */
.related-products .product-item__img-wrap {
  position: relative !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #2a2a36 !important;
}
.related-products .product-item__img-wrap .product-item__img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  position: relative !important;
}
.related-products .product-item__img-wrap img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.related-products .product-item__img-wrap img:nth-child(2) {
  display: none !important;
}
/* Текст */
.related-products .product-item__ttl a,
.related-products .product-item__ttl {
  color: rgba(255,255,255,0.9) !important;
}
.related-products .product-item__ttl a:hover {
  color: #C8922A !important;
}
.related-products .product-item__price,
.related-products .product-price,
.related-products [class*="price"] {
  color: #C8922A !important;
}
.related-products .product-item__attr-name,
.related-products .product-item__attr-val {
  color: rgba(255,255,255,0.6) !important;
}
.related-products .product-item__available {
  background: rgba(1,138,122,0.88) !important;
  color: #fff !important;
}
.related-products .product-item__available.red {
  background: rgba(200,50,50,0.88) !important;
}
.related-products .product-item__cat-tag {
  color: rgba(255,255,255,0.45) !important;
  background: rgba(255,255,255,0.06) !important;
}
/* Кнопка "В кошик" — кольорова */
.related-products .btn--cart,
.related-products .btn__add-single-to-cart {
  background: #C8922A !important;
  color: #ffffff !important;
  border: none !important;
}
.related-products .btn--cart:hover,
.related-products .btn__add-single-to-cart:hover {
  background: #b07d24 !important;
}
/* Якщо схожих товарів немає — прибираємо секцію */
.related-products .product-listing:empty + * { display: none; }
.related-products:has(.product-listing:empty) { display: none !important; }

/* ============================================================
   КАЛЬКУЛЯТОР — кнопка на сторінці товару
   ============================================================ */
.btn--calc-open {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  background: rgba(200,146,42,0.12) !important;
  border: 1px solid rgba(200,146,42,0.4) !important;
  color: #C8922A !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  margin-bottom: 14px !important;
  transition: background 0.2s, border-color 0.2s !important;
  justify-content: center !important;
}
.btn--calc-open:hover {
  background: rgba(200,146,42,0.22) !important;
  border-color: #C8922A !important;
  color: #E8B04A !important;
}

/* ============================================================
   КАЛЬКУЛЯТОР — модальне вікно
   ============================================================ */
#calc-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.75) !important;
  z-index: 99999 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  overflow-y: auto !important;
}
#calc-modal-inner {
  position: relative !important;
  background: #16161e !important;
  border: 1px solid rgba(200,146,42,0.25) !important;
  border-radius: 14px !important;
  max-width: 600px !important;
  width: 100% !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  padding: 0 !important;
}
#calc-modal-close {
  position: sticky !important;
  top: 0 !important;
  float: right !important;
  z-index: 10 !important;
  background: rgba(22,22,30,0.95) !important;
  border: none !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 1.4rem !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 12px 12px 0 auto !important;
  transition: color 0.2s !important;
}
#calc-modal-close:hover { color: #ffffff !important; }
#calc-modal-inner .calc-widget {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 24px 24px !important;
  margin: 0 !important;
}

/* ============================================================
   КЕЙСИ — темна тема + фікс позиції "Гортати"
   ============================================================ */

/* Текст — явно білий */
.cases-col h2 {
  color: #ffffff !important;
}
.cases-col__dsc {
  color: rgba(255,255,255,0.78) !important;
}
.cases-author__name {
  color: rgba(255,255,255,0.85) !important;
}
.cases-col__ttl {
  color: rgba(255,255,255,0.4) !important;
}

/* "Гортати →" — розміщуємо під слайдером, не збоку */
.cases-section__slider .product-slider-nav {
  position: static !important;
  transform: none !important;
  left: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: 1.25rem !important;
  justify-content: flex-start !important;
}

/* ============================================================
   ПРО КОМПАНІЮ — темна тема
   ============================================================ */
.about-text__ttl,
.about-slider__ttl,
.about-video__ttl,
.about-banner__ttl {
  color: #ffffff !important;
}
.about-text__col,
.about-gallery__text,
.about-slider__dsc,
.about-text__head p,
.about-text__head span,
.about-text__head div {
  color: rgba(255,255,255,0.78) !important;
}
.about-text__head {
  color: rgba(255,255,255,0.78) !important;
}
/* Підзаголовки "Хто ми?" та інші */
.about-text__ttl {
  color: #ffffff !important;
}

/* ============================================================
   ДОСТАВКА ТА ОПЛАТА — темна тема
   ============================================================ */
.content__editor h3,
.content__editor h2,
.content__editor h1 {
  color: #ffffff !important;
}
.content__editor p,
.content__editor li,
.content__editor span,
.content__editor div,
.content__col,
.content__inner {
  color: rgba(255,255,255,0.78) !important;
}
.content__editor a {
  color: #C8922A !important;
}
/* Тег MsoNormal (Word-paste) */
.MsoNormal,
.MsoNormal * {
  color: rgba(255,255,255,0.78) !important;
}

/* ============================================================
   ДОСТАВКА ТА ОПЛАТА — вирівнювання колонок + типографіка
   ============================================================ */

/* Відступ між заголовком сторінки та колонками */
.content__inner {
  padding: 3rem 0 4rem !important;
}

/* Контейнер колонок — вирівнювання по верху, рівномірно */
.content__editor {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2.5rem !important;
  align-items: start !important;
  width: 100% !important;
}
@media (max-width: 1024px) {
  .content__editor {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}

/* Колонки — рівна висота і бордер між ними */
.content__editor .content__col {
  max-width: 100% !important;
  padding: 1.75rem !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
}

/* Заголовки колонок h3 */
.content__editor h3 {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(200,146,42,0.35) !important;
  letter-spacing: 0.01em !important;
}

/* Основний текст */
.content__editor p {
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,0.75) !important;
  margin-bottom: 0.75rem !important;
}

/* Список */
.content__editor ul {
  padding-left: 0 !important;
  margin-bottom: 0.75rem !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}
.content__editor ul li {
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,0.75) !important;
  padding-left: 1.1rem !important;
  position: relative !important;
}
.content__editor ul li::before {
  content: "—" !important;
  position: absolute !important;
  left: 0 !important;
  color: #C8922A !important;
  font-weight: 700 !important;
}

/* page-head subtitle */
.page-head__subttl {
  color: rgba(255,255,255,0.55) !important;
  font-size: 1.1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  margin-bottom: 0.6rem !important;
  position: relative !important;
}
.page-head__ttl {
  color: #ffffff !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
}

/* ============================================================
   ПРО КОМПАНІЮ — перекомпоновка "Хто ми?" секції
   ============================================================ */

/* Секція: менший падінг, без декоративного фону */
.about-text__head {
  padding: 2.5rem 0 3rem !important;
}

/* Контейнер: сітка — заголовок зліва, два тексти справа */
.about-text__head .container {
  display: grid !important;
  grid-template-columns: 280px 1fr 1fr !important;
  gap: 3rem !important;
  align-items: start !important;
}
@media (max-width: 1024px) {
  .about-text__head .container {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
}

/* Заголовок "Хто ми?" — великий, зліва */
.about-text__ttl {
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
/* Декоративна лінія — під заголовком */
.about-text__ttl:after {
  content: "" !important;
  display: block !important;
  width: 3rem !important;
  height: 3px !important;
  background: #C8922A !important;
  margin-top: 1rem !important;
  position: static !important;
}
@media (max-width: 1024px) {
  .about-text__ttl:after {
    width: 3rem !important;
    height: 3px !important;
  }
}

/* Колонки тексту */
.about-text__col {
  max-width: 100% !important;
  padding-left: 0 !important;
}
.about-text__col p {
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.75) !important;
}

/* page-head для ПРО компанію */
#information-information .page-head {
  padding: 1.5rem 0 0 !important;
}
#information-information .page-head__ttl {
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* ============================================================
   КАБІНЕТ ДИЗАЙНЕРА — override inline display:none
   ============================================================ */
section.enter-main.active {
  display: flex !important;
}

/* ============================================================
   ПРО КОМПАНІЮ — фікс "Гортати" та галереї
   ============================================================ */

/* "Гортати" — ставимо статично під слайдером (override глобального absolute) */
.about-slider__slider .product-slider-nav {
  position: static !important;
  transform: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  margin-top: 1.5rem !important;
  padding-left: 5rem !important;
}

/* Галерея — зі відступами від краю, gap між фото */
.about-gallery {
  width: 100% !important;
  max-width: 100% !important;
  margin: 3rem 0 0 0 !important;
  padding: 0 5.125rem !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.about-gallery__col {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow: hidden !important;
  margin-right: 0 !important;
  padding-bottom: 0 !important;
}
.about-gallery__col:nth-child(1) {
  margin-right: 0 !important;
  padding-bottom: 0 !important;
}
.about-gallery__col:nth-child(1) .about-gallery__img {
  margin-left: 0 !important;
}
.about-gallery__img {
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  min-height: 18rem !important;
}
.about-gallery__img img,
.about-gallery__col img {
  width: 100% !important;
  height: 100% !important;
  min-height: 18rem !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* Текст під фото в першій колонці */
.about-gallery__text {
  padding: 1.5rem 2rem !important;
  background: rgba(255,255,255,0.04) !important;
  color: rgba(255,255,255,0.7) !important;
}

/* ============================================================
   ОФІЦІЙНІ ПРЕДСТАВНИКИ — layout (форма поруч зі списком)
   ============================================================ */

/* Контейнер: два блоки пліч-о-пліч */
.repres > .container {
  display: flex !important;
  gap: 3.5rem !important;
  align-items: flex-start !important;
  padding-top: 2rem !important;
  padding-bottom: 4rem !important;
}
@media (max-width: 1024px) {
  .repres > .container {
    flex-direction: column !important;
    gap: 2rem !important;
  }
}

/* Лівий блок: список міст — займає весь вільний простір */
.repres > .container > .repres-block:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-bottom: 0 !important;
}

/* Правий блок: соцмережі + форма — фіксована ширина, липкий */
.repres > .container > .repres-block:last-child {
  flex: 0 0 380px !important;
  width: 380px !important;
  position: sticky !important;
  top: 5rem !important;
  margin-bottom: 0 !important;
  /* override глобального display:flex justify-content:space-between */
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 1.5rem !important;
}
@media (max-width: 1024px) {
  .repres > .container > .repres-block:last-child {
    position: static !important;
    width: 100% !important;
    flex: none !important;
  }
}

/* Соцмережі — нижче форми */
.repres > .container > .repres-block:last-child > .contact-info:first-child {
  order: 2 !important;
}
.repres > .container > .repres-block:last-child > .contact-info:last-child {
  order: 1 !important;
}

/* intlTelInput — повна ширина + темна тема */
.repres .iti,
.contact-page__inner .iti {
  width: 100% !important;
  display: inline-block !important;
  position: relative !important;
}
.repres .iti__flag-container,
.repres .iti__selected-flag,
.contact-page__inner .iti__flag-container,
.contact-page__inner .iti__selected-flag {
  background-color: rgba(255,255,255,0.06) !important;
  border-right: 1px solid rgba(255,255,255,0.15) !important;
}
.repres .iti__selected-dial-code,
.contact-page__inner .iti__selected-dial-code {
  color: rgba(255,255,255,0.7) !important;
}
.repres .iti input,
.repres .iti input[type="tel"],
.contact-page__inner .iti input,
.contact-page__inner .iti input[type="tel"] {
  width: 100% !important;
  background-color: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}
.repres .iti input::placeholder,
.contact-page__inner .iti input::placeholder {
  color: rgba(255,255,255,0.38) !important;
  opacity: 1 !important;
}

/* ============================================================
   ОФІЦІЙНІ ПРЕДСТАВНИКИ — темна тема
   ============================================================ */

/* Лейбл "МІСТО" */
.repres .label {
  color: rgba(255,255,255,0.4) !important;
}

/* Назва міста */
.repres .name {
  color: #ffffff !important;
}

/* Адреса, телефон */
.repres .info,
.repres .info * {
  color: rgba(255,255,255,0.72) !important;
}

/* Розділова лінія між містами (якщо є border) */
.repres .city {
  border-color: rgba(255,255,255,0.08) !important;
}

/* Форма праворуч — ті ж фікси що й у Контактах */
.repres .form__col textarea,
.repres .form__col input[type="text"],
.repres .form__col input[type="tel"],
.repres .form__col input[type="email"],
.repres .form__col input[type="number"] {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
  background-color: rgba(255,255,255,0.05) !important;
}
.repres .form__col textarea::placeholder,
.repres .form__col input::placeholder {
  color: rgba(255,255,255,0.38) !important;
  opacity: 1 !important;
}
.repres .form__row label {
  color: rgba(255,255,255,0.55) !important;
}
.repres .contact-form__ttl {
  color: #ffffff !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}
.repres .btn--color {
  background: #C8922A !important;
  color: #ffffff !important;
  border-color: #C8922A !important;
}
.repres .btn--color:disabled {
  opacity: 0.55 !important;
}

/* ============================================================
   КОНТАКТИ — типографіка (зменшення розмірів)
   ============================================================ */

/* Номери телефонів і значення — менший розмір */
.contact-page__inner .contact-info__val,
.contact-page__inner .contact-info__val a {
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

/* Лейбли ТЕЛЕФОН / ПОШТА / АДРЕСА */
.contact-page__inner .contact-info__ttl {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
}

/* Весь html_module — контролюємо розміри */
.contact-page__inner .contact-info p,
.contact-page__inner .contact-info a,
.contact-page__inner .contact-info div,
.contact-page__inner .contact-info span,
.contact-page__inner .contact-info address {
  font-size: 1.4rem !important;
  line-height: 1.4 !important;
}

/* ============================================================
   КОНТАКТИ — темна тема
   ============================================================ */

/* Підписи-лейбли (ТЕЛЕФОН, ПОШТА, АДРЕСА) */
.contact-info__ttl {
  color: rgba(255,255,255,0.45) !important;
  letter-spacing: 0.1em !important;
}

/* Значення (номери, email, адреса) — включно з html_module */
.contact-info__val,
.contact-info__val a,
.contact-info a {
  color: #ffffff !important;
}
.contact-info__val a:hover {
  color: #C8922A !important;
}

/* Будь-який текст у html_module всередині .contact-info */
.contact-info p,
.contact-info span,
.contact-info div,
.contact-info address {
  color: #ffffff !important;
}

/* Заголовок форми "Є ЗАПИТАННЯ?" */
.contact-form__ttl {
  color: #ffffff !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin-bottom: 2rem !important;
}

/* Інпути і textarea форми — темна тема */
.contact-page__inner .form__col textarea,
.contact-page__inner .form__col input[type="text"],
.contact-page__inner .form__col input[type="tel"],
.contact-page__inner .form__col input[type="email"],
.contact-page__inner .form__col input[type="number"] {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
  background-color: rgba(255,255,255,0.05) !important;
}
.contact-page__inner .form__col textarea::placeholder,
.contact-page__inner .form__col input::placeholder {
  color: rgba(255,255,255,0.38) !important;
  opacity: 1 !important;
}
.contact-page__inner .form__row label {
  color: rgba(255,255,255,0.55) !important;
}

/* Кнопка надіслати */
.contact-page__inner .btn--color {
  background: #C8922A !important;
  color: #ffffff !important;
  border-color: #C8922A !important;
}
.contact-page__inner .btn--color:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* ============================================================
   ІНФОРМАЦІЙНІ СТОРІНКИ (privacy, оферта, умови тощо)
   ============================================================ */

/* Контейнер контенту */
#information-information #content,
#information-information .col-sm-12 {
  color: rgba(255,255,255,0.85) !important;
}

/* Заголовки */
#information-information #content h1,
#information-information #content h2,
#information-information #content h3,
#information-information #content h4,
#information-information #content h5,
#information-information #content h6,
#information-information .col-sm-12 h1,
#information-information .col-sm-12 h2,
#information-information .col-sm-12 h3,
#information-information .col-sm-12 h4 {
  color: #ffffff !important;
  font-weight: 600 !important;
  margin-top: 2rem !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.3 !important;
}

/* Параграфи */
#information-information #content p,
#information-information .col-sm-12 p {
  color: rgba(255,255,255,0.78) !important;
  line-height: 1.7 !important;
  font-size: 1rem !important;
  margin-bottom: 0.75rem !important;
}

/* Списки */
#information-information #content ul,
#information-information #content ol,
#information-information .col-sm-12 ul,
#information-information .col-sm-12 ol {
  color: rgba(255,255,255,0.78) !important;
  padding-left: 1.5rem !important;
  margin-bottom: 1rem !important;
}
#information-information #content li,
#information-information .col-sm-12 li {
  color: rgba(255,255,255,0.78) !important;
  margin-bottom: 0.35rem !important;
  line-height: 1.6 !important;
  list-style: disc !important;
}

/* Посилання */
#information-information #content a,
#information-information .col-sm-12 a {
  color: #C8922A !important;
}
#information-information #content a:hover,
#information-information .col-sm-12 a:hover {
  color: #e0a832 !important;
  text-decoration: underline !important;
}

/* Жирний текст */
#information-information #content b,
#information-information #content strong,
#information-information .col-sm-12 b,
#information-information .col-sm-12 strong {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Заголовок сторінки через .page-head (якщо є) */
#information-information .page-head__ttl {
  color: #ffffff !important;
}

/* ============================================================
   КАТАЛОГ — порожній стан і сортування
   ============================================================ */

/* Текст "В цій категорії товарів немає" */
.container-no-products {
  padding: 4rem 2rem !important;
}
.container-no-products p {
  color: rgba(255,255,255,0.55) !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* Кнопка "Скинути фільтри" */
.container-no-products .btn,
.container-no-products .btn-primary,
.container-no-products a.btn {
  background: transparent !important;
  border: 1px solid #C8922A !important;
  color: #C8922A !important;
  padding: 0.75rem 2rem !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  transition: all 0.2s !important;
  border-radius: 2px !important;
}
.container-no-products .btn:hover,
.container-no-products .btn-primary:hover {
  background: #C8922A !important;
  color: #ffffff !important;
}

/* Сортування — вирівнювання і стиль */
.sort-block-catalog {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 4px !important;
  padding: 0.5rem 1rem !important;
  align-self: flex-start !important;
}
.sort-block-catalog select,
.sort-block-catalog .selected-sort-option {
  background: transparent !important;
  color: rgba(255,255,255,0.8) !important;
  border: none !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
}