:root {
  --main-color: #3397d1;
  --third-color: #3397d1;
  --color-hover: #0a517a;
  --second-hover: #0a517a;
  --hover: #0a517a;
  --blue: #e2f0f9;
  --white: #fff;
  --black: #1e1e1e;
  --gray: #f7f8f9;
  --brdrds: 10px;
  --bxsdw: none;
  --trnshn: all 0.2s ease-in;
  --brdr: 1px solid #3397d1;
  --mrgnbtm: 30px;
}
.jshop_categ.category .image {
  height: 480px;
  overflow: hidden;
}

.ui-widget-header {
  background: var(--main-color) !important;
}

div#mod-custom171 {
  margin-top: -1px;
}

jdiv#jvLabelWrap {
  left: 40px !important;
  right: unset !important;
}

::marker {
  color: var(--main-color);
}

#system-message-container {
  z-index: 999 !important;
}

span#active_step {
  font-weight: bold !important;
  text-decoration: underline;
}

.order-thankyou {
  font-size: 26px;
  font-weight: 600;
  color: var(--main-color);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.tablo--img-mobile {
  display: none;
}

a.product_link {
  font-size: 21px;
  display: block;
  line-height: 26px;
}

.offcanvas-menu .offcanvas-inner a {
  color: #ffffff;
}

a:hover {
  color: var(--color-hover);
}

p.map--time {
  font-size: 14px;
  margin-block: 10px;
}

.fas,
[class^="icon-"],
[class*="\ icon-"],
.fa-classic,
.fa-solid,
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
}

body {
  :is(p, h1, h2, span, h3, a, input, td, tr) {
    font-family: "Geologica", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 200;
  }
}

.cookie--content span {
  font-size: 12px;
}

/* Fonts */

@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-ExtraLight.woff2") format("woff2"),
    url("../fonts/Geologica-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-Light.woff2") format("woff2"),
    url("../fonts/Geologica-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-Medium.woff2") format("woff2"),
    url("../fonts/Geologica-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-SemiBold.woff2") format("woff2"),
    url("../fonts/Geologica-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

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

.manager-price {
  margin-top: 15px;
  color: #e40000c9;
  font-size: 15px;
  line-height: 19px;
}

.sp-module ul > li > a:hover {
  color: var(--color-hover) !important;
}

#sp-news .gallery-slider {
  height: auto;
}

.article-list .article .readmore a {
  color: white;
}

.cf-label a {
  text-decoration: underline;
}

.main-page #sp-main-body {
  padding: 0px;
}

#sp-main-body {
  padding: 50px 0;
}

.badge {
  background-color: var(--main-color) !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1460px;
  }
}

@media (min-width: 1921px) {
  .container {
    max-width: 1720px;
  }
}

@media (min-width: 2560px) {
  .container {
    max-width: 1920px;
  }
}

@media (min-width: 3440px) {
  .container {
    max-width: 2100px;
  }
}

.icon-arrow-up {
  display: inline-block;
  width: 17px;
  height: 21px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'><path d='M13 0.000216722L10.1145 5.00147L15.888 4.99896L13 0.000216722ZM13.0049 19.9922L13.5049 19.992L13.5011 4.5L13.0011 4.50022L12.5011 4.50043L12.5049 19.9924L13.0049 19.9922Z' fill='%232AABEE'/><line x1='9' y1='9.33398' x2='9' y2='20.0005' stroke='%232AABEE' stroke-width='2'/><line x1='5' y1='13.332' x2='5' y2='19.9986' stroke='%232AABEE' stroke-width='2'/><line x1='1' y1='17.334' x2='1' y2='20.0006' stroke='%232AABEE' stroke-width='2'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
}

.icon-arrow-down:before {
  content: none !important;
}

.block_sorting_count_to_page .control-label.mt-2 {
  font-size: 12px;
}

.block_sorting_count_to_page .icon-arrow {
  background-color: #eaedf063;
}

select#order {
  font-size: 12px;
}

.icon-arrow-down {
  display: inline-block;
  width: 17px;
  height: 21px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'><path d='M13 0.000216722L10.1145 5.00147L15.888 4.99896L13 0.000216722ZM13.0049 19.9922L13.5049 19.992L13.5011 4.5L13.0011 4.50022L12.5011 4.50043L12.5049 19.9924L13.0049 19.9922Z' fill='%232AABEE'/><line x1='9' y1='9.33398' x2='9' y2='20.0005' stroke='%232AABEE' stroke-width='2'/><line x1='5' y1='13.332' x2='5' y2='19.9986' stroke='%232AABEE' stroke-width='2'/><line x1='1' y1='17.334' x2='1' y2='20.0006' stroke='%232AABEE' stroke-width='2'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";

  transform: rotate(180deg);
}

.icon-arrow-up:before {
  content: none !important;
}

select:not(.form-select):not(.form-control):focus {
  border-color: var(--main-color);
}

a {
  color: var(--black);
  &:hover {
    color: var(--hover);
  }
  &:focus {
    color: var(--hover);
  }
  &:active {
    color: var(--hover) !important;
  }
}

.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a {
  color: var(--hover) !important;
}

section h2 {
  margin-bottom: 30px;
}

.main-page section {
  margin-block: 50px;
}

::selection {
  background-color: var(--main-color) !important;
  color: var(--white);
}

.block_sorting_count_to_page {
  display: flex;
  gap: 15px;
}

.form-horizontal .block_sorting_count_to_page .control-group {
  align-items: baseline;
}

.control-group.box_products_count_to_page {
  gap: 25px;
}

ul.menu.nav-pills .active > a {
  font-weight: 600 !important;
  color: var(--main-color) !important;
}

.sp-module-title {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* Register */

.jshop_register input {
  text-align: left;
}

/* Checkbox */

.form-check-input {
  margin: 0 3px 0 0;
}

.form-check-input:checked {
  background-color: var(--main-color) !important;
}

.form-check-input {
  border: 1px solid var(--main-color) !important;
  padding: 9px !important;
  width: 9px;
  height: 9px;
}

.form-check-input:focus {
  border-color: var(--main-color);
  outline: 0;
  box-shadow: 0 0 0 0.25rem #7539693e;
}

/* Stcky-header */
.fixed-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000 !important;
  background: white;
  border-bottom: 1px solid #cccccc4f;

  .container-inner {
    padding-top: 0px !important;
    border-top: none !important;
    .row {
      align-items: center;
    }
  }

  .logo-image {
    height: 55px !important;
    margin-bottom: 0px !important;
  }
}

.other_delivery_adress {
  display: none;
}

/* Breadcrumbs */
.breadcrumb {
  background: transparent;
  padding: 0;
  margin-block: 15px;

  .float-start {
    display: none;
  }
}

.breadcrumb a {
  color: #ababab !important;
  &:hover {
    color: #444444 !important;
  }
}

.breadcrumb-item.active {
  color: #444444;
}

.related_header {
  border-bottom: 0;
}

/* Topbar */

.catalog--button a:hover {
  color: var(--white) !important;
}

.catalog--button {
  background: var(--main-color);
  color: var(--white);
  padding: 13px 17px;
  border-radius: var(--brdrds);
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  transition: var(--trnshn);
  &:hover {
    background: var(--color-hover);
    color: var(--white);
    transition: var(--trnshn);
  }
}

.catalog--button-decor.active .decor--item {
  width: 15px;
  transition: var(--trnshn);
}

.decor--item {
  background: var(--white);
  height: 2px;
  border-radius: var(--brdrds);
  display: block;
  transition: var(--trnshn);
}

.decor--item-1 {
  width: 10px;
  margin-bottom: 4px;
  margin-left: auto;
}

.decor--item-2 {
  width: 15px;
  margin-bottom: 4px;
}

.decor--item-3 {
  width: 10px;
}

#sp-topbar .row {
  align-items: center;
}

.shop-icons--item {
  display: block;
  margin: auto;
  max-height: max-content;
  img {
    display: block;
    margin: auto;
  }
  p {
    margin-bottom: 0;
  }
}

.shop-icons--item.heart--item {
  margin-top: 7px;
}

.fixed-header .cart-main {
  position: relative !important;
}

.fixed-header .cart-main .start-100 {
  left: 83% !important;
}

.cart-main .start-100 {
  left: 83% !important;
}

.fixed-header i.fa.fa-heart {
  margin-bottom: 3px !important;
}

div#mod-custom171 img {
  margin-bottom: 5px;
}

.shop-icons--wrapper {
  display: flex;
  gap: 15px;
}

.shop-icons--wrapper p {
  display: flex;
  gap: 15px;
  color: var(--black) !important;
}

.cart-main {
  padding: 0 !important;
}
.shop-icons--item.basket--item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 4px 0;
}

i.fas.fa-shopping-cart {
  display: block;
  margin: auto;
}

.fa-shopping-cart:before {
  content: url(/images/icons/basket.svg) !important;
}

.topbar {
  margin: 0 !important;
  padding-block: 20px;
  background: transparent;
  position: relative;
  z-index: 999;
  p {
    margin-bottom: 0;
  }
  a {
    transition: var(--trnshn);
  }
  .logo--wrapper {
    width: 22%;
    gap: 15px;
  }

  .adaptive--wrapper {
    display: contents;
  }

  .shop-icons--wrapper {
    width: 20%;
    margin-top: 6px;
  }

  .info--wrapper {
    width: 80%;
    /* gap: 40px; */
    justify-content: space-between;
  }
  .logotype {
    max-width: 163px;
  }
  :is(.logo--wrapper, .info--wrapper) {
    align-items: center;
  }

  .topbar--phone {
    text-align: end;
  }
  .raiting--num {
    font-size: 32px;
    font-weight: 200;
    line-height: 32px;
  }
  .raiting {
    flex-direction: column;
    align-items: center;
    gap: 0px;
    background-color: #ffffff1f;
    border-radius: var(--brdrds);
  }
  .raiting--desr {
    max-width: 113px;
  }

  .whatsapp--name {
    color: #60d669;
    margin-top: 5px;
  }

  .telegram--name {
    color: #2aabee;
    margin-top: 5px;
  }

  .raiting--text {
    color: var(--main-color);
    text-wrap: nowrap;
    font-size: 14px;
  }

  .stars {
    margin-bottom: 5px;
    display: flex;
    gap: 2px;
    img {
      width: 13px;
    }
  }

  .topbar--info {
    display: flex;
    flex-direction: column;
    text-align: left;
  }

  .topbar--messengers {
    display: flex;
    gap: 7px;
    align-items: center;
    img:hover {
      translate: 0 -3px;
      transition: var(--trnshn);
    }
    img {
      transition: var(--trnshn);
    }
    .d-flex {
      gap: 10px;
    }
  }

  .messenger--icon {
    max-height: 29px;
    margin: auto;
    display: block;
  }

  .raiting--wrapper {
    gap: 20px;
  }

  .messenger--item:hover img {
    translate: 0 -3px;
    transition: var(--trnshn);
  }

  .contacts--wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
  }

  .adress a:hover {
    color: var(--second-color-hover);
  }
}

/* Catalog-dropdown */

.dropdown--catalog-wrapper ul.menu {
  column-count: 1;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* ul.menu.furnitura {
  column-count: 2;
} */

.other--menu {
  margin-top: 15px;
}

.dropdown--catalog-wrapper h3 {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  gap: 10px;
  align-items: center;
}

.dropdown--catalog-wrapper h3 img {
  max-width: 22px;
}

.dropdown--catalog-wrapper a {
  margin-bottom: 5px;
  margin-right: 5px;
  display: inline-block;
}

.catalog--main-wrapper {
  position: relative;
  display: inline-block;
}

.dropdown--catalog-wrapper {
  position: absolute;
  top: 110%;
  left: -190px;
  width: max-content;
  box-shadow: 0px 6px 10px 4px #00000029;
  border-radius: var(--brdrds);
  min-width: 150px;
  max-width: 1400px;
  height: auto;
  background: white;
  border: 1px solid #cccccc11;
  padding: 30px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(5px); /* Немного сдвигаем вниз для плавности */
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
    visibility 0.3s;
}

.dropdown--catalog-wrapper.active {
  display: inline-block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
    visibility 0s;
}

/* Buttons */

.outline--btn {
  color: transparent !important;
  border: 1px solid var(--main-color);
  font-weight: 400;
  cursor: pointer;
  font-size: 20px;
  color: var(--main-color) !important;
  &:hover {
    color: var(--black) !important;
    background-color: var(--main-color);
  }
}

.main--btn {
  background: var(--main-color);
  color: var(--white);
  padding: 20px 30px !important;
  font-weight: 200;
  &:hover {
    background: var(--hover);
    color: var(--white);
  }
}

/* Header */

@media (min-width: 991px) {
  #sp-head .row {
    justify-content: end;
  }
}

.offcanvas-menu a.element--menu {
  color: white !important;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
  right: -100%;
  top: 0;
}

#sp-header {
  .logo-image {
    max-height: 47px !important;
    transition: var(--trnshn);
  }
  .logo {
    height: auto;
  }
}

.offcanvas-menu {
  width: 100%;
}

div#mod-custom154 {
  margin-bottom: 10px;
}

.search-popup {
  display: none;
}

#sp-header #sp-logo {
  opacity: 0;
}

#sp-header #sp-basket {
  opacity: 0;
}

.fixed-header {
  padding-block: 10px;
  height: 90px !important;
  :is(#sp-logo, #sp-basket) {
    opacity: 1 !important;
  }
  .shop-icons--item.favorite--item {
    margin-top: 4px;
    margin-bottom: 0px;
  }
}

#sp-header {
  box-shadow: none;
  .justify-content-end {
    justify-content: center !important;
  }

  .logo-image {
    max-height: 45px;
    margin-bottom: 0px;
  }
  .sp-megamenu-parent > .sp-menu-item {
    margin-left: 0px;
    display: inline;
    padding-block: 5px;
    position: relative;
  }
}

#sp-header a.element--menu::before {
  content: "";
  height: 35px;
  width: 1px;
  background: #cccccc4a;
  position: absolute;
  right: 0;
  top: 20%;
}

.sp-megamenu-parent > .sp-menu-item > a {
  font-weight: 300;
  position: relative;
}

.sp-menu-item {
  height: 35px;
  display: block;
}

.sp-megamenu-parent > .sp-menu-item {
  .block_item {
    box-shadow: none !important;
    padding: 0;
  }
  .sp-megamenu-parent > li:last-child > a {
    padding: 0px;
  }
  .sp-megamenu-parent > li > a {
    padding: 0 15px;
  }
  .sp-menu-item:first-child {
    border: none;
  }
  .sp-megamenu-parent > li:last-child {
    padding-inline: 10px;
    border: none;
  }

  .sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: inherit;
  }
}

#sp-head {
  margin-block: 15px !important;
  .btn-primary {
    background-color: var(--main-color) !important;
    &:hover {
      background-color: var(--hover) !important;
    }
  }
}

.eb-dialog {
  .btn-primary {
    background-color: var(--main-color) !important;
    &:hover {
      background-color: var(--hover) !important;
    }
  }
}

.search--wrapper {
  padding: 3px;
  border-radius: var(--brdrds);
  background: var(--main-color);
  width: 330px;
  transition: var(--trnshn);
  &:hover {
    background: var(--color-hover);
    transition: var(--trnshn);
  }
}

.search--wrapper:hover .button {
  background: var(--color-hover) !important;
  transition: var(--trnshn);
}

input#jshop_search {
  text-align: justify;
}

.mod-shop-search {
  display: flex;
  justify-content: end;
}

.mod-shop-search .inputbox {
  border-radius: 10px !important;
  background-color: #ffffff !important;
}

.mod-shop-search .btn {
  border-radius: 0px 4px 4px 0px !important;
  background: var(--main-color);
  color: var(--white) !important;
  padding: 10px !important;
  font-weight: 200;
}

.mod-shop-search .btn:hover {
  background: var(--color-hover);
}

.row-fluid .sblock3 {
  margin-bottom: 30px;
}

input:focus {
  border-color: var(--main-color) !important;
}

.contacts-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 45px;
  .time {
    margin-bottom: 0;
    font-size: 13px;
    color: #0000005f;
  }
  .phone {
    text-align: right;
    img {
      width: 18px;
      margin-right: 7px;
      display: none;
    }
    div {
      display: flex;
      justify-content: end;
    }
    a {
      font-size: 18px;
    }
  }
}

.messengers-wrapper {
  align-items: center;
  display: flex;
  gap: 12px;
  img {
    width: 40px;
    transition: var(--trnshn);
    &:hover {
      translate: 0 -3px;
      transition: var(--trnshn);
    }
  }
}

/* QR */

#sp-qr {
  .row {
    align-items: center;
  }
}

.qr--item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

.qr-title {
  h2 {
    font-weight: bold;
  }
  p {
    color: #7c7c7c;
  }
}

.qr--items {
  display: flex;
  gap: 47px;
}

/* Карусель новинок */

#sp-furniture .jshop_img {
  max-width: 200px;
}

.owl-prev,
.owl-next {
  top: -50px;
  color: var(--black) !important;
}

.owl-carousel .owl-item {
  margin-block: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.owl-carousel .owl-item .wrapper {
  min-height: 100%;
}

.owl-carousel .owl-item .owl-text {
  justify-content: end;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.owl-carousel .owl-item > .wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.owl-item .buttons {
  flex-direction: row !important;
  justify-content: flex-start !important;
}

.owl-carousel .block_product {
  box-shadow: none;
  &:hover {
    box-shadow: none !important;
  }
}

.product_label {
  z-index: 9999;
}

.block_product .btn-sm {
  border: 0;
}

.block_product .btn-sm {
  background: transparent;
}

.block_product i.fa.fa-heart:before {
  content: url(/images/icons/heart-outline.svg);
}

.block_product .selected i.fa.fa-heart:before {
  content: url(/images/icons/heart-blue.svg) !important;
}

.owl-item {
  background-color: var(--gray);
  border-radius: var(--brdrds);
}

.owl-item .description {
  display: none;
}

.owl-item .favorite--button {
  align-self: baseline;
}

.owl-image .jshop_img {
  height: 100%;
  max-height: 345px;
  width: 100% !important;
}

.product-quantity {
  display: flex;
}

.btn {
  height: fit-content !important;
  margin-top: 0 !important;
}
.name h3 {
  font-size: 17px;
  font-weight: bold;
  text-align: left !important;
  margin-bottom: 35px;
}

.count_commentar {
  margin-bottom: 15px;
  font-family: "Geologica", sans-serif;
}

.name h3 a {
  font-size: 16px;
  font-weight: 600;
}
img.jshop_img {
  margin-bottom: 30px !important;
}

.review-box {
  margin: inherit;
  margin-bottom: 15px;
}
p.price--title {
  color: #b4b4b4;
  margin-bottom: 5px;
  text-align: left;
  line-height: 16px;
  font-size: 16px;
}

.owl-text .review-box {
  margin-right: auto !important;
  margin-left: 0;
  margin-top: 0;
  max-width: 100px;
  margin-bottom: 15px;
}

.jshop_price {
  text-align: left !important;
  margin-bottom: 30px;
}

.jshop_price span {
  font-size: 20px !important;
  font-weight: 500;
}

.buttons {
  align-items: center;
  justify-content: space-between;
}

.product-quantity .quantity-buttons {
  display: flex;
  max-width: 80px;
  align-items: center;
}

.quantity-buttons input {
  font-size: 16px !important;
  color: var(--black) !important;
  background-color: transparent !important;
  padding: 10px 20px !important;
  text-align: center;
  width: 35px !important;
}

/* Убираем стрелки на всех браузерах */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield; /* Для Firefox */
}

.quantity-minus,
.quantity-plus {
  background: #ffffff00;
  font-size: 30px;
  border: 0px;
  border-radius: 3px;
  height: 25px;
  width: 25px;
  color: #7f7f7f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 200;
  padding-bottom: 5px;
}

.owl-prev,
.owl-next {
  position: relative;
  display: inline-block;
  width: 40px; /* Размер кнопки */
  height: 40px; /* Размер кнопки */
  background-color: #e1e1e1 !important; /* Цвет фона */
  border: none;
  border-radius: var(--brdrds);
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Лёгкая тень */
  transition: background-color 0.3s, transform 0.3s; /* Анимация */
}

.owl-next span,
.owl-prev span {
  font-size: 0px !important;
}

.owl-next::after {
  content: "→"; /* Код стрелки вправо из Font Awesome */
  font-family: "Font Awesome 5 Free"; /* Указываем шрифт */
  font-weight: 900; /* Жирность для отображения иконки */
  font-size: 20px; /* Размер стрелки */
  color: #474747; /* Цвет стрелки */
  position: absolute;
  top: 50%; /* Центровка вертикально */
  left: 50%; /* Центровка горизонтально */
  transform: translate(-50%, -50%); /* Центрирование стрелки */
}

.owl-prev::after {
  content: "←"; /* Код стрелки вправо из Font Awesome */
  font-family: "Font Awesome 5 Free"; /* Указываем шрифт */
  font-weight: 900; /* Жирность для отображения иконки */
  font-size: 20px; /* Размер стрелки */
  color: #474747; /* Цвет стрелки */
  position: absolute;
  top: 50%; /* Центровка вертикально */
  left: 50%; /* Центровка горизонтально */
  transform: translate(-50%, -50%); /* Центрирование стрелки */
}

.owl-prev:hover,
.owl-next:hover {
  background-color: #e0e0e0 !important; /* Изменение цвета кнопки при наведении */
  transform: scale(1.1); /* Лёгкое увеличение кнопки */
}

.owl-next:hover::after {
  color: #000; /* Изменение цвета стрелки при наведении */
}

button#wt-jshopping-favorite-empty-list {
  margin-bottom: 30px;
}

.bg-gray {
  background: var(--gray);
}

/* span.jshop_code_prod {
  display: none;
} */

/* Числа */
.tablo--wrapper {
  position: relative;
  display: flex;
  /* margin-block: 150px 100px; */
  gap: 77px;
  align-items: center;
  justify-content: center;
  :is(h2, p) {
    font-weight: bold;
  }
}

.tablo--num-item {
  padding: 20px 10px;
  background: #f7f8f9;
  margin-right: 12px;
  box-shadow: 0px 7px 12px 5px #00000012;
  border-radius: var(--brdrds);
  min-width: 75px;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.tablo--num-item span {
  text-align: center;
  font-size: 96px;
  color: var(--main-color);
  font-weight: 300;
  line-height: 100px;
  display: block;
  transition: 0.3s ease-in-out;
}

p.free--zamer {
  margin-top: 20px;
  font-size: 32px;
}

.tablo--num-item:nth-child(2) {
  margin-right: 30px;
}

.tablo--numbers {
  display: flex;
  max-width: 453px;
}

/* Filter */

/* Скрыть отключённые опции в select */
select option:disabled {
  display: none;
}

.catalog--button-mobile a {
  font-size: 21px;
  line-height: 27px;
  font-weight: 500;
}

.catalog--button-mobile .decor--item {
  background: #ccc;
  height: 2px;
  border-radius: var(--brdrds);
  display: block;
  transition: var(--trnshn);
}

.filter--item {
  background: #ccc;
  width: 2px;
  height: 22px;
  display: block;
  position: relative;
  transition: var(--trnshn);
}

.filter--item-1::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: white;
  border: 2px solid #ccc;
  top: 11px;
  left: -2px;
  transition: var(--trnshn);
}

.filter--item-2::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: white;
  border: 2px solid #ccc;
  top: 5px;
  left: -2px;
  transition: var(--trnshn);
}

.filter--item-3::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: white;
  border: 2px solid #ccc;
  top: 12px;
  left: -2px;
  transition: var(--trnshn);
}

.filter--icon {
  display: flex;
  gap: 6px;
}

div#desctop--filter-title {
  display: flex;
  gap: 13px;
  align-items: center;
  margin-bottom: 30px;
}

/* Стилизуем сам селект */
.jshop_filters select {
  border: none;
  border-radius: var(--brdrds) !important;
  padding: 8px 30px 8px 10px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font: inherit;
  color: inherit;
  position: relative !important;
}

.select-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.select-wrapper select {
  width: 100%;
  padding: 8px 30px 8px 10px;
  background-color: #ebebeb;
  border: none;
  border-radius: 4px;
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: inherit;
  cursor: pointer;
}

/* Стрелка через псевдоэлемент */
.select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  width: 9px;
  height: 9px;
  pointer-events: none;
  border-right: 2px solid var(--main-color);
  border-bottom: 2px solid var(--main-color);
}

/* Прячем стандартные чекбоксы */
input[name="extra_fields[34][]"].form-check-input {
  display: none;
}

/* Стили для всех цветных квадратиков */
input[name="extra_fields[34][]"] + .label-checkbox {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border 0.2s ease, opacity 0.2s ease;
}

/* Обводка при выборе */
input[name="extra_fields[34][]"]:checked + .label-checkbox {
  border: 3px solid var(--main-color);
}

/* Универсальная обработка отключённых чекбоксов */
input[name="extra_fields[34][]"]:disabled + .label-checkbox {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Цвета (заданы независимо от состояния) */
input[value="920"] + .label-checkbox {
  background-color: saddlebrown;
} /* Коричневый */
input[value="921"] + .label-checkbox {
  background-color: green;
} /* Зелёный */
input[value="922"] + .label-checkbox {
  background-color: gray;
} /* Серый */
input[value="929"] + .label-checkbox {
  background-color: #f5f5f5;
  border: 1px solid #969696;
} /* белый дуб */
input[value="932"] + .label-checkbox {
  background-color: #e5dfcc;
  border: 1px solid #969696;
} /* беленый дуб */
input[value="936"] + .label-checkbox {
  background-color: black;
} /* Чёрный */
input[value="958"] + .label-checkbox {
  background-color: white;
  border: 1px solid #969696;
} /* Белая */

/* Убираем подписи */
input[name="extra_fields[34][]"] + .label-checkbox + .finame {
  display: none;
}

.list_fblock .filters-lists {
  display: flex;
  gap: 10px;
}

.multilabel span {
  z-index: 6 !important;
}

/* Услуги */

#sp-services {
  margin-bottom: 75px;
  .col-lg-6 {
    padding: 0;
  }

  img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    filter: brightness(0.9);
  }
}

.service--wrapper {
  padding-inline: 30px;
  max-height: 370px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #00000019;
  background-blend-mode: darken;
}

.service--wrapper-1 {
  padding-block: 200px 20px;
  background-image: url("/images/beautiful-hotel-insights-details_1.jpg");
}

.service--wrapper-2 {
  padding-block: 200px 30px;
  background-image: url("/images/Group_74.jpg");
}

.service--wrapper-3 {
  padding-block: 90px;
  background-image: url("/images/Group_75.jpg");
}

.service--content.service--content-last {
  left: 23%;
  bottom: 20%;
  p.service--price {
    margin-bottom: 20px;
    font-weight: 200;
    line-height: 27px;
  }
  h2.service--title {
    font-weight: bold !important;
    margin-bottom: 20px;
  }
}

.double--column {
  display: flex;
  .service--wrapper {
    width: 50%;
  }
}

.service--content {
  color: var(--white);
}

p.service--title {
  font-size: 20px;
  line-height: 25px;
}

p.service--price {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}

.service--content.service--content-last {
  max-width: 750px;
  text-align: center;
  display: block;
  margin: auto;
}

/* Склад */
.guest--info-wrapper p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}

.vievers--info,
.sklad--info {
  max-width: 205px;
}

.sklad--value,
.vievers--value {
  font-weight: 500;
}

.sklad--info {
  margin-block: 10px;
}

.sklad--bar {
  margin-top: 5px;
  height: 6px;
  background: #cccccc75;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}

.sklad--bar::after {
  background: var(--main-color);
  position: absolute;
  bottom: 0;
  content: "";
  left: 0;
  height: 100%;
  width: var(--bar-width, 0%);
  border-radius: 50px;
  transition: width 0.5s ease-in-out;
}

/* Profile */

.order-item-img {
  max-width: 90px;
  width: 100%;
  display: block;
  margin: auto;
}

.jshop_profile_data .name {
  font-size: 21px;
  margin-bottom: 15px;
}

.account-menu {
  font-size: 18px;
  border-radius: var(--brdrds);
  padding: 30px;
  box-shadow: 0px 4px 10px 5px #0000000e;
  transition: var(--trnshn);
  width: 100%;
  display: block;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
}

img.jshop-order--img {
  display: block;
  margin: auto;
}

.jshop.myorderinfo {
  border-radius: var(--brdrds);
  padding: 30px;
  box-shadow: 0px 4px 10px 5px #0000000e;
  transition: var(--trnshn);
}

.order_total {
  margin-bottom: 30px;
}

.jshop.myorderinfo .span12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.myorders_block_info {
  border-radius: var(--brdrds);
  padding: 30px;
  box-shadow: 0px 4px 10px 5px #0000000e;
  transition: var(--trnshn);
  &:hover {
    box-shadow: 0px 6px 12px 7px #00000013;
  }
}

.table_order_list {
  background-color: #3397d11f;
  border: 1px solid #cccccc18;
  border-radius: var(--brdrds);
  padding: 15px;
}

/* Catalog */

#sp-left .menu-collapse li > a {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

.menu-collapse li > a {
  font-size: 17px;
  line-height: 20px !important;
  font-weight: 600 !important;
  font-weight: 500;
}

ul.menu-child a {
  margin-left: 5px;
  font-weight: 300 !important;
  font-size: 17px;
  line-height: 22px !important;
}

ul.menu-child li {
  margin-block: 15px;
}

/* ul.menu-child.open li:first-child {
  margin-top: 15px;
} */

.catalog--main li {
  transition: var(--trnshn);
}

.catalog--main .current.menu-parent a {
  color: var(--color-hover);
}

/* Скрываем подпункты по умолчанию */
.menu-child {
  height: 0; /* Скрываем содержимое */
  overflow: hidden; /* Обрезаем содержимое за границами */
  transition: height 0.3s ease;
}

/* Стили для треугольника */

.menu-toggler.no-transition {
  transition: none !important; /* отключаем анимацию при загрузке */
}

.catalog--main .menu-toggler {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 12px solid #3498d1;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.3s;
  transform: rotate(90deg);
}

/* Поворот треугольника при открытии */
.menu-toggler.open {
  transform: rotate(0deg);
}

#sp-left .menu-parent a {
  position: relative;
  display: flex !important;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
  font-weight: 5\00 !important;
}

.main--catalog-item {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 30px;
}

.main--catalog-item .decor--item {
  background: #b9b9b9;
}

.catalog--main h3 {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 0;
}

#sp-left .sp-module ul > li,
#sp-right .sp-module ul > li {
  display: block;
  border-bottom: none;
}

.menu-collapse li {
  margin-bottom: 15px;
}

#sp-left .catalog--main .menu-child a {
  font-family: "Geologica", sans-serif;
}

#sp-left .menu-child.open li > a {
  font-weight: 200 !important;
  color: var(--black);
}

#sp-left .menu-child.open li.active > a {
  color: var(--hover);
}

#sp-left .sp-module,
#sp-right .sp-module {
  margin-top: 50px;
  border: none;
  padding: 0px;
}

#sp-catalog .row.g-3 {
  padding-top: 10px;
}

.catalog--item {
  padding-inline: 10px !important;
}

.catalog--item-wrapper {
  background: var(--gray);
  padding: 17px 24px;
  border-radius: var(--brdrds);
  height: 100%;
  transition: var(--trnshn);
  position: relative;
  &:hover {
    transition: var(--trnshn);
    box-shadow: 0px 4px 15px 1px #00000017;
    translate: 0 -2px;
  }
  &:hover span.go--link {
    gap: 8px;
    transition: var(--trnshn);
  }
}

.catalog--item-1 img {
  position: absolute;
  top: 0;
  right: 24px;
  width: 175px;
}

.catalog--item-1 .catalog--item-wrapper {
  display: flex;
  justify-content: space-between;
}

.catalog--item-1 .catalog--item-text {
  margin-bottom: 15px;
}

.catalog--item-text {
  margin-bottom: 0;
}

.catalog--item-1 .catalog--item-description {
  max-width: 320px;
}

.catalog--item-description p {
  max-width: 300px;
  color: #7d7d7d;
  font-weight: 300;
}

span.go--link {
  transition: var(--trnshn);
  display: flex;
  gap: 5px;
  align-items: center;
  font-weight: 600;
  color: var(--main-color);
  text-decoration: underline;
  margin-top: auto;
}

.catalog--item-description.catalog--item-callback {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}

.catalog--item-1 h3.catalog--item-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}

img.catalog--item-icon {
  margin-bottom: 10px;
  max-height: 53px;
}

h3.catalog--item-title {
  font-size: 18px;
  font-weight: 600;
}

.joomshop--product .buttons {
  margin-bottom: 0;
}

.callback-btn {
  cursor: pointer;
  padding: 10px 20px;
  background: var(--main-color);
  color: var(--white);
  border-radius: var(--brdrds);
  &:hover {
    color: var(--white);
    background: var(--color-hover);
  }
}

.catalog--item-1 {
  width: 37% !important;
}

.catalog--item-2 {
  width: 22% !important;
}

.catalog--item-12 {
  width: 21%;
}

.catalog--item-3 {
  width: 20% !important;
}

.catalog--item-4 {
  width: 20% !important;
}

.catalog--item-5 {
  width: 18% !important;
}

.catalog--item-6 {
  width: 28% !important;
}

.catalog--item-7 {
  width: 34% !important;
}

.catalog--item-11 {
  width: 20% !important;
}

.catalog--item-10 {
  width: 18% !important;
}

.catalog--item-9 {
  width: 28% !important;
}

.catalog--item-8 {
  width: 34% !important;
}

@media (max-width: 768px) {
  a.product_link {
    font-size: 16px;
    line-height: 19px;
  }

  .last_seen_products h6 {
    font-size: 16px;
  }

  #sp-header .logo-image {
    max-height: 38px !important;
    transition: var(--trnshn);
  }

  .fixed-header i.fa.fa-heart {
    margin-bottom: 0px !important;
  }

  #sp-basket
    .wt_jshop_favorite_module
    span.digit.position-absolute.top-0.start-100.translate-middle.badge.rounded-pill.bg-danger {
    left: 95% !important;
    top: 15% !important;
  }

  .catalog--main .menu-toggler {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #3498d1;
  }

  .articles-leading .article {
    flex-direction: column;
  }

  .sblock4 {
    margin-bottom: 20px;
  }

  .jshop_categ {
    padding: 0px 20px !important;
  }

  .tablo--wrapper {
    margin-block: 60px !important;
  }

  #sp-last-seen {
    margin-block: 60px !important;
  }

  p.catalog--item-text {
    font-size: 14px;
  }
  .catalog--item-1 h3.catalog--item-title {
    font-size: 18px;
  }
  .catalog--item-1 img {
    position: absolute;
    top: 0;
    right: 0px;
    width: 120px;
  }
  .catalog--item-1 .catalog--item-description p {
    max-width: 190px;
  }

  .catalog--item-description p {
    max-width: unset;
  }

  img.catalog--item-icon {
    max-height: 38px;
  }
  .catalog--item-wrapper {
    padding: 15px 20px;
  }

  .catalog--item-1 img.catalog--item-icon {
    max-height: unset;
  }
  .callback-btn {
    font-size: 14px;
  }
  .last_seen_products .product {
    width: 43% !important;
  }
  .sp-module-title {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .qr--items {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .cart--right-column {
    flex-direction: column;
  }

  .cart--item-img .data.cart--img {
    display: block;
    margin: auto;
  }

  .cart--item-price {
    margin-bottom: 15px;
  }

  .cart--item-qty {
    height: auto;
  }
}

@media (max-width: 576px) {
  .tablo--num-item {
    min-width: 40px;
  }

  .owl-carousel .owl-item > .wrapper {
    display: block;
    padding: 20px !important;
  }

  .jshop_categ.category .image {
    height: auto;
  }

  .order-thankyou {
    font-size: 18px;
  }

  .owl-image .jshop_img {
    max-width: 180px;
  }
  .newsflash-image {
    max-height: 220px;
  }
  .block_product .btn-outline {
    font-size: 10px;
  }
  .block_product .buy-whatsapp--link span {
    font-size: 10px;
  }
  .buy-whatsapp--link img {
    margin-right: 0px !important;
    width: 15px;
  }
  a.btn.btn-success.button_buy {
    width: 100%;
  }
}

@media (max-width: 425px) {
  h3.catalog--item-title {
    font-size: 16px;
  }

  .breadcrumb span {
    font-size: 13px;
  }
  .breadcrumb {
    margin-block: 15px 0px;
  }
}

/* Info */
#sp-features,
#sp-bottom {
  background-color: var(--white);
}

.info {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  h2 {
    margin-bottom: 30px;
  }
}
.info-wrapper {
  p {
    margin: 0;
    text-wrap: balance;
    line-height: 20px;
  }
  button {
    background-color: transparent;
    padding: 5px 20px;
    color: var(--black);
    font-size: 13px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    &:active {
      background-color: transparent;
      color: var(--black);
    }
  }
}

.info-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px;
  box-shadow: var(--bxsdw);
  border-radius: var(--brdrds);
  background-color: #fff;
}

.tooltip-inner {
  background-color: var(--white) !important;
  color: var(--black) !important;
  border: var(--brdr) !important;
}

.info-img {
  max-width: 60px;
}

/* Checkout page */

.checkout--row {
  height: 320px;
}

div#jshop_menu_order {
  margin-bottom: 30px;
  background: var(--main-color);
  span {
    color: var(--white);
    font-weight: 300;
  }
  a {
    color: var(--white);
    font-weight: 300;
  }
}

.cart--items-wrapper .total_price {
  font-weight: 600;
}

.checkout-border--item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-right: 1px solid #cccccc47;
}

span.font-weight-bold {
  font-weight: 600;
}

.jshop_subtotal td {
  font-size: 20px;
}

.jshop_subtotal .value {
  font-weight: 600;
}

.checkoutinfo span {
  font-size: 14px;
}

.bill_address {
  margin-bottom: 15px;
}

/* Cart */

button.btn.delete--btn.btn-sm.border-1 {
  color: red;
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  height: 25px !important;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

a.wt_jshop_module_cart.btn.btn-primary.btn-sm {
  border: 1px solid var(--main-color);
  background: transparent !important;
  color: var(--main-color) !important;
}

#wt_jshopping_cart_152 .fw-bold {
  color: var(--black) !important;
}

#sp-basket {
  .sp-column {
    justify-content: center;
  }
  .cart-main {
    margin-top: 5px;
  }
  .fa-shopping-cart:before {
    font-size: 25px;
    color: var(--main-color);
  }
  .bg-danger {
    background-color: var(--third-color) !important;
  }
}

.wt_jshop_module_cart .alert-info {
  background-color: var(--gray);
  border: 1px solid var(--third-color);
}

/* Buttons */

.btn-outline {
  text-align: center;
  cursor: pointer;
  border: var(--brdr);
  background: transparent;
  color: var(--main-color);
  border-radius: var(--brdrds);
  padding: 5px 15px;
  transition: var(--trnshn);
  &:hover {
    background: var(--main-color);
    transition: var(--trnshn);
    color: var(--white) !important;
  }
}

svg {
  fill: currentColor;
}

.btn,
.readmore {
  padding: 8px 18px;
  border-radius: var(--brdrds);
  border: none;
}

.btn:disabled {
  background-color: var(--hover);
  color: var(--white);
}

.btn-primary,
.btn-success {
  background-color: var(--third-color) !important;
  &:hover {
    background-color: var(--second-hover) !important;
  }
  &:focus {
    background-color: var(--second-hover);
    color: var(--white) !important;
  }
  &:active {
    background-color: var(--second-hover) !important;
    color: var(--white) !important;
  }
}

.main__button,
.button_buy,
.btn-outline-primary,
.readmore,
.btn-buy,
.btn-secondary {
  background-color: var(--main-color) !important;
  color: var(--white) !important;
  display: inline-block;
  text-align: center;
  border: 1px solid var(--main-color) !important;
  font-weight: 200 !important;
  &:hover {
    background-color: var(--hover) !important;
    color: var(--white) !important;
    border: 1px solid var(--main-color) !important;
  }
  &:focus {
    color: var(--white);
  }
  &:active {
    border: 1px solid var(--hover) !important;
    color: var(--black) !important;
    background-color: transparent !important;
  }
  &:hover a {
    color: var(--white) !important;
  }
  &:active a {
    color: var(--black);
  }
  &:focus a {
    color: var(--white) !important;
  }
}

.buttons {
  display: flex;
  gap: 10px;
  justify-content: start;
  margin-bottom: 15px;
}

.button_detail {
  margin: 0;
  background-color: transparent;
  border: 1px solid var(--third-color);
  color: var(--third-color);
  &:hover {
    background-color: var(--second-hover);
  }
}

/* .button_buy::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/images/icons/cart2.svg");
  background-size: cover;
  margin-left: 15px;
  filter: invert(1);
  position: relative;
  top: 2px;
} */

/* Тор */

.top {
  background: var(--blue);
  padding-block: 8px;
  margin-block: 0 !important;
  a {
    color: var(--main-color);
    font-weight: 200;
    &:hover {
      color: var(--color-hover);
    }
  }
}

.top--wrapper {
  display: flex;
  justify-content: end;
  gap: 40px;
  align-items: center;
}

/* Menu */

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  right: 160px !important;
}

#sp-header a {
  font-size: 16px !important;
}

.sp-menu-full.container {
  width: 800px !important;
}

ul.sp-megamenu-parent
  > li.sp-menu-item.sp-has-child
  > a.collections
  + div.sp-dropdown {
  width: 700px !important;
}

ul.sp-megamenu-parent
  > li.sp-menu-item.sp-has-child
  > a.collections
  + div.sp-dropdown
  .sp-dropdown-items {
  column-count: 4;
  column-gap: 20px; /* Настройка расстояния между колонками */
}

#sp-menu {
  padding-left: 10px;
  h3 {
    font-size: 20px !important;
    font-weight: 500;
    text-transform: inherit;
  }
  .image_block {
    padding: 0px;
  }
  .buttons {
    text-align: center;
    margin-top: 15px;
  }
  .br-right {
    border-right: 1px solid #0000000f;
  }
  p {
    margin-bottom: 9px;
    width: 100% !important;
  }
  .sp-dropdown-inner {
    padding: 25px;
    a {
      display: block;
      width: 100%;
    }
  }
  .name,
  .image {
    text-align: center;
    img {
      max-width: 120px;
    }
  }
}
/* List-product */
.block_product .product {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  img {
    height: 100%;
  }
}

.jshop_list_product .block_product {
  background-color: var(--gray);
}

.jshop_list_product .block_product,
.jshop_list_product .block_item,
.last_seen_products .block_item,
.jshop_categ {
  padding: 20px 20px 70px 20px;
  margin-bottom: 0px;
  height: 100%;
  box-shadow: var(--bxsdw) !important;
  border-radius: var(--brdrds) !important;
  transition: var(--trnshn) !important;
  &:hover {
    /* box-shadow: 0px 0px 8px 4px #75396922 !important; */
    transition: var(--trnshn) !important;
  }
  img {
    transition: var(--trnshn);
  }
  &:hover .jshop_img {
    transform: scale(1.02);
    transition: var(--trnshn);
  }
}

.block_product .image {
  max-height: 400px;
  /*overflow: hidden;*/
  .image_block {
    height: 100%;
  }
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.sblock4 {
  margin-bottom: 30px;
}

.category img {
  width: 100%;
}

.jshop_list_category img.jshop_img {
  margin-bottom: 15px !important;
  height: 100%;
  object-fit: cover;
}

.jshop_list_category .jshop_categ {
  padding: 20px 20px 20px 20px;
}

.jshop_list_category .sblock4 {
  margin-bottom: 0px;
}

.jshop_categ.category a {
  height: 100%;
  display: block;
}

/* Catalog-popular */
.catalog__item,
.service-image {
  display: flex;
  flex-direction: column;
  &:hover img {
    transform: scale(1.04);
    transition: var(--trnshn);
    filter: brightness(0.9);
  }
  &:hover .catalog__name {
    color: var(--main-color);
  }
  &:hover a {
    color: var(--main-color);
  }
}

.catalog .row {
  margin-bottom: var(--mrgnbtm);
}

.catalog__img {
  will-change: transform;
  transform-origin: center center;
  overflow: hidden;
  border-radius: var(--brdrds);
  margin-bottom: 5px;
  cursor: pointer;
  max-height: 276px;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--trnshn);
  }
}
.catalog__name {
  text-align: center;
  font-weight: 600;
  transition: var(--trnshn);
  font-size: 18px;
}

.catalog__content {
  display: flex;
}

/* Tabs */

.nav-tabs {
  border: none !important;
}

.nav-link {
  margin-right: 15px;
  border: 1px solid #0000002c !important;
  border-radius: var(--brdrds);
  color: var(--black);
  &:hover {
    color: var(--black);
  }
}

.nav-link.active {
  border: 1px solid var(--main-color);
  background-color: var(--main-color) !important;
  color: var(--white) !important;
  border-radius: var(--brdrds);
}

.show-more {
  text-align: center;
  margin: auto;
  display: block;
  margin-top: 30px;
}

#sp-tabs {
  height: 100%;
  .product-wrapper {
    width: 23%;
    display: none;
  }

  .product-wrapper.visible {
    display: block;
  }
  .image {
    text-align: center;
    margin-bottom: 5px;
  }
  .name {
    text-align: center;
    font-size: 18px;
    margin-bottom: 5px;
    a {
      line-height: 20px;
      display: block;
    }
  }
  .jshop_price {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 15px;
  }
  .buttons {
    text-align: center;
  }
}

.product-tabs {
  .jshop_list_product {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    margin-top: 30px;
  }
}

/* About */

.gallery-slider {
  scroll-behavior: smooth;
  transition: transform 0.5s ease;
  height: 400px;
}

#sp-actions {
  overflow: hidden;
}

.about .news-items {
  border-radius: var(--brdrds);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.about .news-items::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: linear-gradient(to top, #010d15 0%, rgba(255, 255, 255, 0) 50%);
  pointer-events: none;
  height: 100%;
}

.about h3.newsflash-title {
  position: absolute;
  bottom: 15px;
  left: 30px;
  z-index: 2;
  color: var(--white);
}

.about {
  user-select: none;
  transition: var(--trnshn);

  .container {
    position: relative;
  }
  .mod-articlesnews__item {
    margin-right: 40px;
    height: 100%;
    border-radius: var(--brdrds);
    overflow: hidden;
  }

  .newsflash-image {
    max-height: 555px;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: var(--brdrds);
    height: 100%;
  }
  .newsflash-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }

  .mod-articlesnews {
    display: flex;
    width: 100%;
    align-items: flex-end;
    position: relative;
  }
}

.arrow {
  height: 50px;
  width: 50px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: var(--white);
  transition: var(--trnshn);

  &:hover {
    background-color: var(--hover);
    transition: var(--trnshn);
  }
}

.slide-left {
  position: absolute;
  top: 40%;
  left: 2%;
}

.slide-right {
  position: absolute;
  top: 40%;
  right: 2%;
}

/* Banners */

.mobile-banners {
  display: none !important;
}

.banners-top {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.banner-img {
  height: 212px;
  width: 100%;
  overflow: hidden;
  border-radius: var(--brdrds);
  box-shadow: var(--bxsdw);
  transition: var(--trnshn);
  cursor: pointer;
  position: relative;
  &:hover {
    /* box-shadow: 0px 0px 8px 4px #75396922; */
    transition: var(--trnshn);
  }
  img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    object-position: bottom;
  }
}

/* News */

#sp-news .newsflash-image {
  margin-bottom: 0;
}

.sp-module-content {
  position: relative;
}

.module_link {
  align-items: center;
  position: absolute;
  right: 6px;
  top: -52px;
  display: flex;
  gap: 7px;
  transition: var(--trnshn);
  &:hover {
    transition: var(--trnshn);
    right: 0px;
  }
  img {
    max-width: 8px;
  }
}

#mod-custom165,
.sp-module.news {
  margin-bottom: 100px;
}

#sp-news {
  width: 100%;
}

#sp-news .mod-articlesnews {
  display: flex;
  gap: 25px;
}

#sp-news .slide-content {
  width: 32%;
}

#sp-news a {
  order: 2;
  margin-bottom: 15px;
}

#sp-news #mod-custom165,
#sp-news .sp-module.news {
  margin-bottom: 50px;
}

#sp-news .readmore {
  order: 3;
}

#sp-news .readmore a {
  color: var(--white) !important;
}

#sp-news .slider-controls {
  display: none;
}

#sp-news .news-items a {
  font-weight: 600;
}

#sp-news .newsflash-title {
  order: 1;
}

#sp-news .news-items .newsflash-readmore {
  order: 4;
}

#sp-news .news-items {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  box-shadow: var(--bxsdw);
  border-radius: var(--brdrds);
  transition: var(--trnshn);
}

#sp-news .news-items:hover {
  /* box-shadow: 0px 0px 8px 5px #75396922; */
  transition: var(--trnshn);
}

#sp-news .newsflash-image {
  overflow: hidden;
}

#sp-news .newsflash-image img {
  transition: var(--trnshn);
}

#sp-news .news-items:hover img {
  transform: scale(1.03);
  transition: var(--trnshn);
}

#sp-news .news-items .newsflash-image {
  order: 2;
}

#sp-news .news-items .newsflash-title {
  order: 1;
  margin-bottom: 15px;
}

#sp-news .news-items .newsflash-introtext {
  order: 3;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

#sp-news .newsflash-title {
  font-size: 18px;
}

/* Actions */

.actions-main {
  .article {
    border: none;
    transition: var(--trnshn);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    &:hover {
      transition: var(--trnshn);
      box-shadow: 0 20px 30px rgba(178, 188, 191, 0.226);
      cursor: pointer;
      transform: translateY(-5px);
    }
  }
  .article-intro-image:first-child {
    max-height: 400px;
    overflow: hidden;
  }
}

/* Blog */

.article-full-image.float-left {
  max-height: 600px;
  overflow: hidden;
}

.article-full-image.float-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 -60px;
}

.articles-leading .article {
  display: flex;
  width: 100%;
  padding: 0;
  height: 100%;
  box-shadow: var(--bxsdw);
  transition: var(--trnshn);
  border: var(--brdr);
  border-radius: var(--brdrds);
  border: none;
  &:hover {
    transition: var(--trnshn);
  }
}

.article-header h2 a {
  font-weight: bold;
}

.article-list .article {
  box-shadow: 0px 10px 9px 15px #cccccc26;
  border-radius: 5px;
  transition: var(--trnshn);
  cursor: pointer;
  &:hover {
    translate: 0 -3px;
    transition: var(--trnshn);
    box-shadow: 0px 10px 15px 10px rgba(0, 0, 0, 0.114);
  }
}

.article-list .article .article-intro-image {
  max-height: 333px;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.article-list .cols-3 .article {
  padding: 0;
  .article-intro-image {
    width: 100%;
  }
}

.article-introtext p,
.newsflash-introtext p {
  position: relative;
}

.article-introtext p::after,
.newsflash-introtext p::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.252) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.article-intro-image {
  margin: 0 !important;
  overflow: hidden;

  img {
    height: 100%;
    object-fit: cover;
  }
}
.article-body {
  padding: 15px;
  width: 100%;
}
p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.readmore a {
  color: var(--white) !important;
}

/* Bottom */

#sp-bottom .sp-module ul > li {
  margin-bottom: 7px;
}

#sp-bottom {
  font-size: 15px;
}

#sp-bottom .sp-module .sp-module-title {
  font-weight: 500;
  font-size: 28px;
  margin: 0 0 15px;
  color: #000000;
}

.footer--phone {
  color: var(--main-color) !important;
}

#sp-bottom {
  margin: 0;
  padding-block: 30px;
  h3 {
    color: var(--black);
  }
  a {
    color: var(--black);
    &:hover {
      color: #0000005c;
    }
  }
  p {
    margin-bottom: 5px;
    color: var(--black);
  }
  .contacts-wrapper {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    margin-block: 10px;
  }
  .phone {
    div {
      justify-content: start;
      margin-bottom: 5px;
    }
  }
  .payments-methods {
    display: flex;
    align-items: center;
    gap: 10px;
    img {
      max-width: 45px;
      height: 100%;
    }
  }
  .cards {
    margin-bottom: 15px;
  }
}

/* Карточка товара */

.joomshop--product .btn-buy {
  position: relative;
  height: auto; /* Чтобы кнопка адаптировалась под текст */
  padding: 5px 20px !important;
  white-space: normal;
  text-align: center;
  display: block;
  width: 160px;
  font-weight: 200 !important;
}

h1#product--title {
  font-weight: 500;
  font-size: 32px;
}

.extra_fields_group {
  font-size: 20px;
  margin-bottom: 15px;
}

span.extra_fields_value {
  font-weight: 500;
}

/* .extra_fields_el {

  margin-bottom: 30px;
} */

.block_efg {
  display: flex;
  flex-wrap: wrap;
}

.extra_fields_el {
  flex: 0 1 calc(50% - 10px);
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}

span.extra_fields_name {
  line-height: 17px;
  font-weight: 200;
}

.joomshop--product {
  padding: 30px;
  background-color: #f7f8f9;
  border-radius: 20px;
}

.product--header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 20px;
}

.productfull .block_available.available::before {
  background-color: #60d669;
}

.jshop .product_label {
  /* position: absolute; */
  z-index: 3;
}

.image_block {
  position: relative;
}

.jshop_price {
  color: var(--main-color) !important;
}

.jshop .available {
  color: var(--black);
  display: none;
}

.text_zoom {
  display: none;
}

.image_thumb_list {
  order: 1;
  height: 100%;
}

.image_thumb_list .sblock0 {
  width: 16% !important;
}

.oiproduct .description {
  display: none;
}

.jshop_oiproduct {
  .prod_qty_input {
    display: flex;
    justify-content: space-between;
  }
  #block_price {
    display: inline-block;
    font-size: 32px !important;
    color: var(--main-color);
    font-weight: 500;
    line-height: 32px;
  }
  .prod_buttons {
    display: flex;
    align-items: end;
    gap: 10px;
    #quantity {
      max-width: 50px;
      padding: 0 !important;
      text-align: center;
      border: none !important;
      color: var(--black) !important;
    }
    button {
      padding: 2px 15px;
      font-size: 20px;
      background-color: transparent;
      border: none;
      color: var(--third-color);
      &:hover {
        background-color: #cccccc4c;
      }
    }
  }
  .prod_qty_input {
    border: var(--brdr);
    border-radius: var(--brdrds);
    background: var(--white);
    padding: 0;
    height: 60px;
    width: 110px;
  }
}

.additional--buttons {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8px;
}

span.text-decor {
  color: var(--main-color);
}

input#form1_name,
input#form1_phone {
  border-radius: 10px !important;
  padding: 12px 7px !important;
}

.termsofservice {
  font-size: 14px;
}

.productfull .prod_buttons {
  margin-bottom: 0;
}

.image_middle img.image {
  width: 60% !important;
  display: block;
  margin: auto;
}

div.jshop_prod_description {
  padding-bottom: 0px;
}

#list_product_image_thumb {
  .jshop_img_thumb {
    opacity: 0.5;
    transition: var(--trnshn);
    &:hover {
      transition: var(--trnshn);
      opacity: 1;
    }
  }
  .active img {
    opacity: 1 !important;
  }
}

.joomshop--product .additional--buttons {
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 15px;
}

.images-wrapper {
  justify-content: center !important;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column !important;
  width: 100%;
  background: var(--white);
  padding: 10px;
  border-radius: 20px;
  transition: var(--trnshn);
  &:hover {
    transition: var(--trnshn);
    box-shadow: 0px 3px 15px 5px #cccccc32;
  }

  .image_thumb_list {
    width: 100%;
  }
  .image_middle {
    width: 100%;
  }
  .btn-sm {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    background: transparent;
  }
  .btn-sm i.fa.fa-heart:before {
    content: url(/images/icons/heart-outline.svg);
  }

  .btn-sm.selected i.fa.fa-heart:before {
    content: url(/images/icons/heart-blue.svg) !important;
  }
}

.joomshop--product .btn-sm i.fa.fa-heart:before {
  text-align: end;
  display: block;
}

.joomshop--product .btn-sm.selected i.fa.fa-heart:before {
  text-align: end;
  display: block;
}

.guest--info-wrapper {
  display: flex;
  align-items: baseline;
  gap: 70px;
}

.product--divider {
  width: 100%;
  height: 1px;
  background: #0000001b;
  margin-block: 15px 25px;
}

.product--divider-second {
  margin-block: 30px;
}

.price--wrapper {
  gap: 25px;
  display: flex;
  align-items: end;
}

.prod_price {
  display: flex;
  flex-direction: column;
}

div#mod-custom148 {
  color: var(--main-color);
  margin-top: -20px;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no-spinners {
  -moz-appearance: textfield;
}

.jshop_prod_attributes {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  padding-bottom: 30px !important;
  .col-4 {
    margin: 0px !important;
    width: 31%;
  }
  .prod_attr_img {
    display: none;
  }
}

div.jshop_prod_attributes .attributes_title,
.prod_free_attribs .name {
  font-size: 12px;
}

.product-info {
  width: 100%;
  justify-content: flex-start;
  .info-item {
    flex-direction: column;
    padding: 19px;
    p {
      font-size: 13px;
    }
  }
  img {
    transition: var(--trnshn);
    cursor: pointer;
  }

  img:hover {
    transform: scale(1.08);
    transition: var(--trnshn);
  }
}

/* Табы в карточке */

#infoTab {
  .nav-link {
    padding: 10px 35px;
    border-radius: 10px !important;
    border: 2px solid var(--main-color) !important;
    color: var(--main-color);
    transition: var(--trnshn);
    &:hover {
      transition: var(--trnshn);
      box-shadow: 0px 0px 15px 5px #3397d166;
    }
  }
  .nav-link.active {
    box-shadow: 0px 0px 15px 5px #3397d166;
  }
}

/* last-seen */

#sp-last-seen {
  margin-block: 100px 110px;
}

.last_seen_products {
  display: flex;
  gap: 30px;
  justify-content: start;

  .block_item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .item_price {
    font-size: 23px;
    font-weight: 300;
    margin-bottom: 10px;
  }
  .item_image {
    overflow: hidden;
    max-height: 500px;
    height: 100%;
    display: flex;
  }

  .item_image a {
    margin-block: auto;
    height: 100%;
  }

  .img-fluid {
    height: 100%;
  }

  h6 {
    text-align: center;
    font-size: 18px;
    margin-block: 15px 5px;
  }
  .item_price {
    color: var(--main-color) !important;
    font-size: 1.3rem;
    margin-bottom: 15px;
    font-weight: 400;
  }

  .product {
    width: 20%;
  }
}

/*  Product */

.com-jshopping .tab-content {
  border: none !important;
  padding: 1.2rem 0 !important;
  /* height: 200px; */
}

#block_price {
  font-size: 1.5rem !important;
}

/* .list_related .sblock3 {
  width: 25%;
} */

/* Reviews */

#services {
  height: 100%;
  position: relative;
  margin-block: 0px;
  .sp-module-title {
    margin-bottom: 6px !important;
  }
  .service-items {
    width: 20%;
  }
  .service-image img {
    border-radius: var(--brdrds);
  }
}

.slider {
  overflow: hidden;
}

#sp-slider {
  margin-block: 10px 50px;
}

#services {
  .slider__content {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  .service-image img {
    transition: var(--trnshn);
  }
}

/* left */

.catalog-left {
  border-radius: var(--brdrds);
  border: var(--brdr);
  box-shadow: var(--bxsdw);
}

#left .menu-parent a:first-child {
  font-weight: 600;
}

/* .menu-child.open {
  transition: var(--trnshn) !important;
  margin-top: 15px !important;
} */

.menu-child a {
  font-weight: normal !important;
  transition: var(--trnshn);
  &:hover {
    transition: var(--trnshn);
    transform: translate(5px, 0px);
  }
}

.catalog-left .current > a:first-child {
  color: var(--main-color) !important;
}

#sp-left {
  width: 22%;
}

.catalog-left ul > li {
  border: none !important;
}

.catalog-left .menu-child {
  margin-left: 15px !important;
  border-left: var(--brdr);
  padding-left: 10px !important;
}

.catalog-left a:hover {
  color: var(--main-color) !important;
}

.fblock {
  border-bottom: 0px !important;
}

.controls {
  margin-top: 30px;
  button {
    width: 100%;
  }
}

/* Delivery */

.wf-columns.delivery .wf-column {
  padding: 30px;
  border: 1px solid var(--gray);
  border-radius: var(--brdrds);
  background-color: #f7f8f9;
}

/* Cart */

.shop-icons--item .wt_jshop_favorite_module {
  padding: 0;
  display: block;
  margin: auto;
}

.wt_jshop_favorite_module
  span.digit.position-absolute.top-0.start-100.translate-middle.badge.rounded-pill.bg-danger {
  left: 80% !important;
}

i.fa.fa-heart {
  display: block;
  margin: auto;
}

.wt_jshop_favorite_module i.fa.fa-heart:before {
  content: url(/images/icons/heart.svg) !important;
}

.jshop .span12 {
  display: flex;
  align-items: end;
  justify-content: end;
  .inputbox {
    max-width: 300px;
    height: 40px;
  }
  .name {
    margin: 0 15px 0 0;
    line-height: 17px;
  }
}

.jshop_prod_cart {
  .data {
    display: flex;
    input {
      text-align: center;
    }
  }
}

.jshop_img_description_center {
  padding: 5px 0 !important;
}

/* Offcanvas */

.offcanvas--wrapper {
  .offcanvas--exit {
    padding-block: 19px;
    width: 100%;
    border: 1px solid var(--white);
    border-radius: var(--brdrds);
    display: block;
    text-align: center;
    margin-bottom: 25px;
  }
  .raiting--num {
    margin-bottom: 0;
    color: var(--white);
    font-size: 21px;
  }
  .raiting {
    gap: 10px;
    align-items: start;
  }
  p.adress--title {
    color: #ffffff6e;
    margin-bottom: 0;
  }
  p.adress--text {
    color: var(--white);
  }
  .offcanvas--phone {
    display: flex;
    flex-direction: column;
    gap: 5px;
    a.phone {
      color: var(--main-color);
      font-size: 20px;
      line-height: 23px;
    }
  }
}

.offcanvas--geo {
  display: flex;
  flex-direction: column;
  gap: 3px;
  .stars {
    display: flex;
    gap: 3px;
  }
}

/* Whatsapp button */

.wa-qrcode-container {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  background: white;
  max-width: 200px;
  bottom: 100%;
  transition: height 0.5s ease, opacity 0.5s ease;
  width: 100%;
}

.wa-qrcode img {
  margin: auto;
}

/* .wa-qrcode {
  padding: 15px;
} */

.owl-carousel .wa-qrcode img {
  display: block;
  width: auto !important;
  transition: 0.3s ease;
}

.wa-qrcode-container p {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.qr--code {
  position: relative;
}

.wa-qrcode-container.show {
  height: auto;
  transition: 0.5s ease;
  opacity: 1;
}

.buy-whatsapp--link img {
  max-width: 20px;
}

.buy-whatsapp--link {
  justify-content: center;
  width: 100%;
  text-wrap: nowrap;
  background: #60d66a;
  display: flex;
  gap: 5px;
  padding: 8px 18px;
  border-radius: var(--brdrds);
  color: var(--white);
  cursor: pointer;
  &:hover {
    color: var(--white);
    background: #41b44b;
  }
}

/* Widget */

.widget--item a:hover {
  color: var(--white);
}

.widget--wrapper {
  display: flex;
  position: fixed;
  bottom: -100%;
  width: 100%;
  z-index: 999999999999;
  transition: bottom 0.3s ease-in-out;
}

.widget--wrapper.visible {
  bottom: 0;
}

.widget--item {
  padding-block: 15px;
  width: 50%;
  display: flex;
  justify-content: center;
}

.widget--link {
  color: var(--white);
  img {
    width: 20px;
  }
}

.widget--item.telegram {
  background: #3397d1eb;
}

.widget--item.whatsapp {
  background: #60d66aeb;
}

@media (max-width: 1300px) {
  .owl-item {
    .btn {
      font-size: 14px !important;
    }
    .buttons {
      flex-direction: column;
    }
  }
  .service--content.service--content-last {
    left: 10%;
    bottom: 10%;
  }
  p.service--price {
    margin: 0;
    font-size: 21px;
  }
  .tablo--wrapper {
    margin-block: 100px;
  }
}

@media (max-width: 1200px) {
  .topbar {
    .raiting--text {
      color: var(--main-color);
      text-wrap: nowrap;
      font-size: 12px;
    }
    .logotype {
      max-width: 110px;
    }
    .raiting--wrapper {
      gap: 10px;
      margin-right: 5px;
    }
    .stars img {
      width: 9px;
    }
    .raiting--num {
      font-size: 25px;
      font-weight: 400;
      line-height: 25px;
    }
    .info--wrapper {
      width: 85%;
    }
    .shop-icons--wrapper {
      width: 15%;
      padding: 0;
    }
  }

  .jshop_oiproduct {
    #block_price {
      font-size: 30px !important;
    }
  }

  .image_middle img {
    width: 75% !important;
  }

  .cart--main-info a.prodname {
    font-size: 18px;
    line-height: 21px;
  }

  .cart--items-wrapper {
    border-radius: var(--brdrds);
    padding: 15px;
  }

  .cart--services {
    img.service--icon-cart {
      max-width: 25px;
      max-height: 30px;
    }
  }

  .cart--checkout-main {
    a {
      width: 100%;
      padding-block: 15px;
      font-size: 16px;
    }
  }

  .cart--items-wrapper h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .cart--services {
    display: flex;
    gap: 10px;
  }

  img.jshop_img {
    margin-bottom: 0px !important;
  }

  li.nav-item {
    margin-bottom: 15px;
  }

  .price--wrapper {
    gap: 15px;
    flex-direction: column;
    align-items: baseline;
  }

  .catalog--button {
    background: var(--main-color);
    color: var(--white);
    padding: 11px 15px;
  }

  .banner-img {
    height: 150px;
  }
  #sp-header {
    .logo-image {
      height: 58px;
      margin-bottom: 0;
    }
    .sp-megamenu-parent > .sp-menu-item > a {
      font-size: 14px;
    }
    .sp-megamenu-parent > li > a {
      padding: 0 8px;
    }
  }
  .info-item {
    display: flex;
    text-align: center;
    flex-direction: column;
    margin-bottom: 30px;
  }
  #sp-tabs {
    .product-wrapper {
      width: 30%;
    }
  }

  .search--wrapper {
    width: 280px;
    margin-inline: 8px;
  }
  .shop-icons--item p {
    font-size: 13px;
  }
  .messenger--item p {
    font-size: 13px;
  }
  .shop-icons--wrapper {
    gap: 10px;
  }
}

@media (max-width: 991px) {
  #sp-catalog .catalog--item {
    width: 50% !important;
  }

  .main--info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .fixed-header .shop-icons--item.basket--item {
    margin-top: 5px;
  }

  .shop-icons--item.basket--item {
    margin: 1px 0 0 0;
  }

  .product-quantity .quantity-buttons {
    max-width: fit-content;
  }

  .product-quantity label {
    margin: 0px !important;
  }

  .form-horizontal .form_sort_count .control-group .controls {
    margin-left: 0px;
    margin-right: 0px;
  }

  .controls {
    margin-top: 5px;
  }

  .form-horizontal .form_sort_count .control-group .control-label {
    margin-right: 0px;
    margin-bottom: 4px;
  }

  .article-header h1 {
    font-size: 25px !important;
    text-wrap: balance;
  }

  #sp-bottom .contacts-wrapper {
    align-items: center;
  }

  #sp-bottom .payments-methods {
    justify-content: center;
  }

  #sp-bottom .wf-columns .wf-column {
    max-width: 100%;
    text-align: center;
  }

  #desctop--filter-title {
    display: none !important;
  }

  #sp-catalog .catalog--item-5 {
    width: 100% !important;
  }

  #sp-catalog .catalog--item-1 {
    width: 100% !important;
  }
  #sp-catalog .catalog--item-6 {
    width: 100% !important;
  }
  #sp-catalog .catalog--item-7 {
    width: 100% !important;
  }
  #sp-catalog .catalog--item-8 {
    width: 100% !important;
  }
  #sp-catalog .catalog--item-9 {
    width: 100% !important;
  }

  #sp-bottom h3 {
    font-size: 18px !important;
    color: var(--black);

    font-weight: 600 !important;
  }

  #sp-bottom a.element--menu::before {
    display: none;
  }

  div#contact_map_167 {
    margin-bottom: 15px;
  }

  .search--wrapper {
    width: 100%;
    margin-inline: 0px;
    margin-bottom: 10px;
    height: 50px;
  }

  .view-category .jshop_list_product .product .buttons {
    flex-direction: column;
    justify-content: flex-start;
  }

  .block_rating_hits {
    align-self: end;
  }

  .productfull .extra_fields {
    margin-top: 15px;
  }

  .image_middle img {
    width: 66% !important;
  }

  .product--header {
    flex-direction: column;
  }

  section#sp-mobile-search {
    margin-top: 30px;
  }

  .shop-icons--item.heart--item {
    margin-top: 0px;
  }

  .offcanvas-menu .offcanvas-inner ul.menu > li > a,
  .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    opacity: 1;
  }

  a.element--menu::before {
    content: "";
    height: 1px;
    width: 100%;
    background: #cccccc4a;
    position: absolute;
    right: 0;
    top: unset;
    bottom: 0;
  }

  .offcanvas-active .burger-icon > span,
  #modal-menu-toggler.active .burger-icon > span {
    background-color: var(--white);
  }

  .offcanvas-menu {
    background-color: #1e1e1eb0;
  }

  #sp-header {
    padding: 10px 0px;
  }

  #sp-header #sp-basket {
    opacity: 1;
  }

  .shop-icons--item p {
    font-size: 11px;
    margin-bottom: 0;
    text-align: center;
  }

  .shop-icons--wrapper {
    margin-right: 15px;
  }

  .shop-icons--item img {
    max-height: 25px;
    margin-bottom: 3px;
  }

  #sp-header #sp-logo {
    opacity: 1 !important;
  }

  #sp-basket {
    .fa-shopping-cart:before {
      height: 28px;
      display: block;
    }
  }

  .fixed-header .cart-main .start-100 {
    left: 100% !important;
  }

  .cart-main .start-100 {
    left: 100% !important;
    top: 15% !important;
  }

  .top {
    background: var(--black);
    padding-block: 5px;
    a.phone {
      display: none;
    }
    .btn-outline {
      border: none;
      background: transparent;
      text-align: center;
      color: var(--white);
      border-radius: var(--brdrds);
      padding: 5px 15px;
      transition: var(--trnshn);
    }
    .top--wrapper {
      justify-content: center;
    }
  }

  #sp-header .row {
    align-items: center;
  }

  .catalog--button {
    justify-content: center;
  }

  #sp-basket {
    .btn {
      padding: 10px;
      margin-right: 0px;
      margin-top: 0;
    }
    .favorite--item .btn {
      padding: 0 !important;
    }
  }

  .desctop-banners {
    display: none !important;
  }

  .mobile-banners {
    display: flex !important;
  }

  .offcanvas-footer {
    .btn {
      padding: 10px;
      margin-right: 0px !important;
      margin-top: 0;
      color: var(--white);
    }
  }

  .burger-icon > span {
    margin: 8px 0;
  }

  .offcanvas-active .burger-icon > span:nth-child(3),
  #modal-menu-toggler.active .burger-icon > span:nth-child(3) {
    transform: translate(0, -11px) rotate(45deg);
  }

  .burger-icon {
    position: relative;
  }

  /* .burger-icon::after {
    content: "Меню"; 
    position: absolute; 
    bottom: -100%; 
    margin-top: 5px;
    font-size: 11px; 
    color: var(--black); 
    text-align: center; 
    white-space: nowrap; 
  } */

  .logo-image {
    height: 50px !important;
  }
  #sp-menu {
    order: 1;
  }
  .mod-shop-search {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
  }
  #sp-tabs {
    .product-wrapper {
      width: 45%;
    }
  }
  .last_seen_products {
    flex-wrap: wrap;
  }
  .news {
    .mod-articlesnews {
      flex-wrap: wrap;
    }
    .slide-content {
      width: 47% !important;
    }
    .news-items {
      padding: 0;
    }
  }
  #sp-left {
    width: 100%;
  }
  #sp-left .sp-module,
  #sp-right .sp-module {
    margin: 30px 0px;
    border: 1px solid #f3f3f3;
    padding: 15px;
  }
  #sp-main-body {
    padding: 30px 0;
  }
  .banner-img {
    height: 100%;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: relative;
      object-position: bottom;
    }
  }
  li.nav-item.last--nav-item {
    width: 100%;
  }
  #description-tab {
    width: 100%;
  }
  #infoTab {
    gap: 10px;
    .nav-link {
      padding: 10px 0px;
    }
  }
  .nav-tabs {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .checkout--row {
    height: auto;
    justify-content: center;
    img {
      max-width: 115px;
    }
  }

  .review--block {
    margin-bottom: auto;
  }

  .filter-price-block {
    max-width: 295px;
    margin: auto;
  }

  .favorite--button {
    margin-top: 0px;
    padding-top: 0px;
    position: relative;
    top: 10px;
    left: 10px;
  }

  .row-fluid .sblock3 {
    margin-bottom: 20px;
  }

  .block_product {
    padding: 0px;
  }

  .price_extra_info {
    display: none;
  }

  .jshop_list_product .product .name {
    margin-bottom: 0px;
  }

  .block_product .product {
    padding: 15px;
    justify-content: space-between;
    height: 100%;
    margin-bottom: 0px;
    height: 100%;
    box-shadow: var(--bxsdw) !important;
    border-radius: var(--brdrds) !important;
    transition: var(--trnshn) !important;
    background-color: var(--gray);
  }

  .block_product .oiproduct {
    /* display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto; */
    margin-top: -10px;
  }

  .last_seen_products h6 {
    text-align: center;
    font-size: 16px;
    margin-block: 15px 5px;
  }

  .last_seen_products .item_price {
    font-size: 1.2rem;
    font-weight: 600;
  }

  .pfinish_comment_block .box_button .btn {
    padding-block: 20px;
    margin-top: 15px !important;
  }

  div#jshop_menu_order {
    margin-bottom: 0px;
    background: transparent;
  }

  div#jshop_menu_order span {
    color: var(--black);
    font-weight: 300;
    text-decoration: underline;
  }

  .myaccount_urls .col-12 {
    margin-bottom: 15px;
  }

  .service--wrapper-1,
  .service--wrapper-2 {
    padding-block: 50px;
  }

  #sp-services .container {
    padding: 0;
  }

  #sp-news .mod-articlesnews {
    gap: 30px;
  }

  #sp-services h3.sp-module-title {
    padding-left: 15px;
  }

  #sp-bottom3 ul.menu {
    text-align: center;
  }

  #sp-bottom .sp-module .sp-module-title {
    text-align: center;
  }

  #mod-custom165,
  .sp-module.news {
    margin-bottom: 15px;
  }

  section#sp-widget {
    margin: 0;
  }

  .service--wrapper-3 {
    padding-block: 50px;
    background-position: right;
  }

  ul.menu-child.open a {
    font-weight: 300 !important;
    font-size: 16px;
    display: block;
  }

  .tablo--img {
    display: none;
  }

  .tablo--img-mobile {
    display: block;
    margin: auto;
    max-width: 120px;
    margin-bottom: -35px;
  }

  .about h3.newsflash-title {
    font-size: 15px;
    left: 15px;
  }

  .arrow {
    z-index: 3;
  }

  .gallery-slider {
    height: 170px;
  }

  span#active_step {
    text-align: center;
    font-size: 16px;
    display: block;
  }

  /* Catalog&filter mobile */

  .mobile--buttons {
    display: flex;
    justify-content: space-between;
  }

  .catalog--button-mobile {
    border: 1px solid var(--main-color);
    padding: 5px 20px;
    border-radius: 8px;
    display: flex;
    gap: 13px;
    align-items: center;
    padding-block: 10px;
    cursor: pointer;
    background: var(--main-color);
    color: white;
  }

  .filter--item {
    background: #ffffff;
    width: 2px;
    height: 22px;
    display: block;
    position: relative;
    transition: var(--trnshn);
  }

  .filter--item-1::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: white;
    border: 2px solid #fff;
    top: 11px;
    left: -2px;
    transition: var(--trnshn);
  }

  .filter--item-2::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: white;
    border: 2px solid #fff;
    top: 5px;
    left: -2px;
    transition: var(--trnshn);
  }

  .filter--item-3::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: white;
    border: 2px solid #fff;
    top: 12px;
    left: -2px;
    transition: var(--trnshn);
  }

  .filter--icon {
    display: flex;
    gap: 6px;
  }

  .mobile--buttons {
    margin-top: 20px;
  }

  .catalog--block .main--catalog-item {
    display: none;
  }

  .catalog--button.open .decor--item {
    width: 15px !important;
    transition: 0.3s ease;
  }

  .catalog--block,
  .filter--block {
    height: 0;
    overflow: hidden;
    transition: 0.3s ease;
  }

  .catalog--block.open {
    height: auto;
    transition: 0.3s ease;
  }

  .catalog--button-mobile.filter--btn.open .filter--item::after {
    top: 8px;
    transition: 0.3s ease;
  }

  .catalog--button-mobile.catalog--btn.open .decor--item {
    width: 15px;
    transition: 0.3s ease;
  }

  .filter--block.open {
    height: auto;
    transition: 0.3s ease;
  }

  .catalog--button-mobile.filter--btn.active .filter--item-1::after {
    top: 8px;
    transition: var(--trnshn);
  }
  .catalog--button-mobile.filter--btn.active .filter--item-2::after {
    top: 8px;
    transition: var(--trnshn);
  }
  .catalog--button-mobile.filter--btn.active .filter--item-3::after {
    top: 8px;
    transition: var(--trnshn);
  }

  .catalog--button-mobile.catalog--btn.active .decor--item {
    width: 14px;
    transition: 0.3s ease;
  }

  .catalog--block ul {
    list-style-type: none;
    padding: 0;
  }

  #catalog-block {
    margin-top: 15px;
  }

  span.menu-toggler {
    margin-left: 6px;
  }

  .catalog--button-mobile a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 200;
  }

  .catalog--button-mobile .decor--item {
    background: #ffffff;
    height: 2px;
    border-radius: var(--brdrds);
    display: block;
    transition: var(--trnshn);
  }

  #sp-head .callback-popup {
    display: none;
  }

  .tablo--wrapper {
    flex-direction: column;
    gap: 30px;
    text-align: center;
  }
  .tablo--num-item {
    span {
      font-size: 50px;
      line-height: 55px !important;
    }
  }

  p.free--zamer {
    font-size: 25px;
  }

  .double--column {
    padding: 0;
    flex-direction: column;
    .service--wrapper {
      width: 100%;
    }
  }

  #sp-services {
    margin-bottom: 50px;
    .service--wrapper {
      height: auto;
      margin-bottom: 0px;
    }
  }

  h2.service--title {
    font-size: 18px;
  }

  p.service--price {
    font-size: 16px;
    line-height: 21px !important;
  }

  .service--content.service--content-last {
    position: unset;
  }

  .tablo--img {
    max-width: 200px;
  }

  #sp-bottom .btn {
    padding: 8px 10px;
  }
  .contacts-wrapper {
    justify-content: space-between;
  }
  .arrow {
    height: 30px;
    width: 30px;
    top: unset !important;
    bottom: 5%;
  }

  .slide-left {
    left: unset;
    right: 20%;
  }

  .banners-top {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
  }

  .contacts-wrapper {
    gap: 10px;
    .phone a {
      font-size: 15px;
    }
    img {
      width: 30px;
    }
    .time {
      font-size: 11px;
    }
  }
  .search-popup {
    display: block;
    margin-left: 15px;
    width: 25px;
  }

  .info-item {
    margin-bottom: 0;
    height: 100%;
  }
  .row-fluid .sblock4 {
    width: 50%;
  }
  .row-fluid .sblock3 {
    width: 50%;
  }
  .form-horizontal .form_sort_count .control-group {
    justify-content: flex-start;
    align-items: baseline;
    flex-direction: column;
  }

  select#limit {
    font-size: 12px;
    width: 70px;
    text-align: center;
  }

  .control-group {
    margin-bottom: 0rem;
  }

  .box_products_sorting .controls {
    max-width: 130px;
  }

  .block_sorting_count_to_page {
    gap: 20px;
    margin: 0;
  }
  .control-group.box_products_count_to_page {
    gap: 0px;
  }
  .jshop .span12 {
    flex-direction: column;
  }

  .sklad--info .d-flex.align-items-center.gap-2,
  .vievers--info .d-flex.align-items-center.gap-2 {
    flex-direction: column;
  }
  .guest--info-wrapper {
    gap: 0px;
    justify-content: space-between;
  }
  .guest--info-wrapper p {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
  .joomshop--product {
    padding: 15px;
  }
  .product--divider-second {
    margin-block: 20px;
  }
  .manager-price {
    font-size: 14px;
  }
  .nav-link {
    margin-right: 0px;
    width: 100%;
  }

  li.nav-item {
    margin-bottom: 0px;
    width: 48%;
  }
  img.jshop_img {
    margin-block: 15px !important;
  }

  .name h3 {
    margin-bottom: 5px;
  }

  .row-fluid [class*="sblock"] {
    padding: 10px;
  }

  .count_commentar {
    margin-bottom: 0px;
  }

  .cart--items-wrapper {
    flex-direction: column;
    margin-top: 60px;
  }
  p.cart--title.fw-bold {
    text-align: left;
  }
  .jshop_prod_cart {
    .data {
      display: flex;
      justify-content: flex-start;
    }
  }
}

@media (max-width: 480px) {
  .product-wrapper {
    width: 43% !important;
  }

  .joomshop--product .buttons {
    margin-bottom: 0px;
  }

  .joomshop--product .additional--buttons a {
    width: 100%;
    text-align: center;
  }

  a.buy-whatsapp--link {
    justify-content: center;
    align-items: center;
  }

  .joomshop--product .qr--code {
    width: 100%;
  }

  .tablo--num-item {
    span {
      font-size: 27px !important;
      line-height: 31px !important;
    }
  }

  .main-page section {
    margin-block: 30px;
  }

  .jshop_prod_attributes {
    .col-4 {
      margin: 0px !important;
      width: 45%;
    }
    .info-img {
      max-width: 48px;
    }
  }

  #sp-left {
    order: 2;
  }

  .jshop_oiproduct {
    .prod_buttons {
      display: flex;
      align-items: end;
      gap: 5px;
    }
  }

  .jshop_oiproduct {
    .prod_qty_input {
      height: 51px;
    }
  }

  input.btn.btn-success.button.btn-buy {
    font-size: 16px !important;
    line-height: 20px;
    height: 51px !important;
  }

  .productfull .prod_qty {
    display: block;
    margin-bottom: -8px;
  }

  .block_product .image {
    max-height: 300px;
    overflow: hidden;
  }

  .btn,
  .readmore {
    padding: 8px 12px;
  }

  .product_name .data {
    flex-direction: column;
  }

  .prodname {
    margin-bottom: 15px;
  }

  .form-horizontal .controls {
    margin-left: 0px;
  }

  p.price--title {
    line-height: 16px;
    font-size: 13px;
  }

  .buttons {
    flex-direction: column;
  }

  #sp-tabs {
    .name {
      font-size: 16px;
    }
  }

  .jshop_list_product .block_product,
  .jshop_list_product .block_item,
  .last_seen_products .block_item {
    padding: 15px;
  }

  .jshop_list_product .block_product {
    padding: 0px !important;
  }

  #services {
    .service-items {
      width: 50%;
    }
  }
  .news {
    .mod-articlesnews {
      flex-wrap: wrap;
      gap: 30px;
    }
    .slide-content {
      width: 100% !important;
    }
  }
  .fixed-header {
    height: 65px !important;
    padding-block: 5px;

    .logo-image {
      height: 38px !important;
      transition: var(--trnshn) !important;
    }
  }

  #sp-bottom {
    .payments-methods {
      margin-bottom: 30px;
    }

    .last-item {
      margin-bottom: 30px;
    }

    .contacts-wrapper {
      margin-bottom: 30px !important;
      gap: 8px;
    }
  }

  .pagination {
    flex-wrap: wrap;
  }
}

/* --- Pagination --- */

.jshop_pagination {
  margin: auto;
}

:is(.pagination-wrapper, .jshop_pagination) {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 30px;
}
:is(.pagination-wrapper, .jshop_pagination) .page-link:active,
:is(.pagination-wrapper, .jshop_pagination) .page-link:focus {
  outline: none;
  box-shadow: none;
}
:is(.pagination-wrapper, .jshop_pagination) {
  --text--color: transparent;
  --text--size: 0.9rem;
  --text--weight: 400;
  --icon: "";
  --icon--color: var(--grey, #b0b0b0);
  --icon--size: 10px;
  --bg: var(--grey-lighten, #f2f2f2);
  --bg--active: var(--grey, #b0b0b0);
  --bg--arrow: transparent;
  --bg--size: 0.5;
  --btn--radius: 50%;
  --btn--size: 2rem;
  --counter__text--color: transparent;
  --counter__text--size: 0.8rem;
  --counter__text--weight: 300;
  color: var(--counter__text--color) !important;
  font-size: var(--counter__text--size) !important;
  display: grid !important;
  justify-items: center;
  justify-content: revert !important;
  row-gap: 1rem;
}
:is(.pagination-wrapper, .jshop_pagination):hover {
  --text--color: var(--black, #000000);
  --bg: transparent;
  --bg--active: var(--grey-lighten, #f2f2f2);
  --bg--size: 1;
  --counter__text--color: var(--grey, #b0b0b0);
}
:is(.pagination-wrapper, .jshop_pagination) .pagination {
  margin: 0 !important;
  gap: 0.35rem;
}
:is(.pagination-wrapper, .jshop_pagination) .page-item {
  margin-bottom: 0;
}
:is(.pagination-wrapper, .jshop_pagination) .page-item.active .page-link {
  color: var(--text--color) !important;
  background-color: transparent !important;
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-item.active
  .page-link::after {
  --bg: var(--bg--active);
}
:is(.pagination-wrapper, .jshop_pagination) .page-link {
  color: var(--text--color);
  font-size: var(--text--size);
  font-weight: var(--text--weight);
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: var(--btn--radius) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--btn--size);
  height: var(--btn--size);
  padding: 0;
  margin-left: 0 !important;
  position: relative;
  transition: var(--tz, 0.2s ease);
}
:is(.pagination-wrapper, .jshop_pagination) .page-link::before,
:is(.pagination-wrapper, .jshop_pagination) .page-link::after {
  width: var(--btn--size);
  height: var(--btn--size);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: var(--tz, 0.2s ease);
}
:is(.pagination-wrapper, .jshop_pagination) .page-link::after {
  content: "";
  background-color: var(--bg);
  background-size: var(--bg--size);
  border-radius: var(--btn--radius);
  scale: var(--bg--size);
  z-index: -1;
}
:is(.pagination-wrapper, .jshop_pagination) .page-link:hover,
:is(.pagination-wrapper, .jshop_pagination) .page-link:focus,
:is(.pagination-wrapper, .jshop_pagination) .page-link:active {
  color: var(--text--color);
}
:is(.pagination-wrapper, .jshop_pagination) .page-link:hover::after,
:is(.pagination-wrapper, .jshop_pagination) .page-link:focus::after,
:is(.pagination-wrapper, .jshop_pagination) .page-link:active::after {
  --bg: var(--grey-light, hsl(0deg 0% 92%));
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-link:where(
    [title="В начало"],
    [title="Start"],
    [title="Назад"],
    [title="«"],
    [title="Вперед"],
    [title="»"],
    [title="В конец"],
    [title="End"]
  ) {
  color: transparent;
  font-size: 0;
  overflow: hidden;
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-link:where(
    [title="В начало"],
    [title="Start"],
    [title="Назад"],
    [title="«"],
    [title="Вперед"],
    [title="»"],
    [title="В конец"],
    [title="End"]
  )::before {
  content: "";
  -webkit-mask-image: var(--icon) !important;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: var(--icon--size);
  background-color: var(--icon--color);
  z-index: 1;
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-link:where(
    [title="В начало"],
    [title="Start"],
    [title="Назад"],
    [title="«"],
    [title="Вперед"],
    [title="»"],
    [title="В конец"],
    [title="End"]
  )::after {
  --bg: var(--bg--arrow);
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-link:where(
    [title="В начало"],
    [title="Start"],
    [title="Назад"],
    [title="«"],
    [title="Вперед"],
    [title="»"],
    [title="В конец"],
    [title="End"]
  ):hover::before {
  --icon--color: var(--black, hsl(0, 0%, 0%));
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-link:where([title="В начало"], [title="Start"])::before {
  --icon: url("/images/icon-pack/solid/angles-left.svg");
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-link:where([title="Назад"], [title="«"])::before {
  --icon: url("/images/icon-pack/solid/angle-left.svg");
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-link:where([title="Вперед"], [title="»"])::before {
  --icon: url("/images/icon-pack/solid/angle-right.svg");
}
:is(.pagination-wrapper, .jshop_pagination)
  .page-link:where([title="В конец"], [title="End"])::before {
  --icon: url("/images/icon-pack/solid/angles-right.svg");
}
:is(.pagination-wrapper, .jshop_pagination):is(
    .pagination-counter,
    .pagination_result_counter
  ) {
  color: var(--counter__text--color) !important;
  font-size: var(--counter__text--size) !important;
  font-weight: var(--counter__text--weight);
  margin-bottom: 0;
}
.pagination-wrapper .pagination-counter {
  color: var(--counter__text--color) !important;
  font-size: var(--counter__text--size) !important;
}