/* Мобильная адаптация */

@media (min-width: 1921px) {
  .modal-dialog.jviewport-width70 {
    width: 55vw !important;
  }

  #productModal .modal-content {
    height: max-content;
  }
}

@media (max-width: 1600px) {
  .phone-site {
    font-size: 16px;
  }

  .container-top ul.main-menu {
    color: #000;
    gap: 1rem;
    flex-wrap: wrap;
  }
}

@media (max-width: 1400px) {
  .container-top .btn.btn-site {
    padding: 15px 10px !important;
  }
  img.logo.d-inline-block {
    max-width: 200px;
  }

  .metismenu.mod-menu .metismenu-item > span,
  .metismenu.mod-menu .metismenu-item > a,
  .metismenu.mod-menu .metismenu-item > button {
    font-size: 15px;
  }

  .container-top ul.main-menu {
    gap: 0.5rem;
  }

  #mod-custom188 #text {
    font-size: 12px;
  }
}

@media (max-width: 1200px) {
  img.logo.d-inline-block {
    max-width: 180px;
  }
}

@media (max-width: 991px) {
  .com-content-article table,
  .article-details table,
  .item-page table {
    display: block;
    width: 100% !important;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    border-collapse: collapse;
  }

  .com-content-article tbody,
  .com-content-article thead,
  .com-content-article tr,
  .article-details tbody,
  .article-details thead,
  .article-details tr,
  .item-page tbody,
  .item-page thead,
  .item-page tr {
    white-space: nowrap;
  }

  .door-quiz-progress {
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-width: none;
  }

  .door-quiz-progress::-webkit-scrollbar {
    display: none;
  }

  .door-repair-services__list {
    grid-template-columns: 1fr;
  }

  .door-quiz-progress__item {
    min-width: 180px;
  }
  .quiz-popup {
    width: 180px;
    height: 48px;
    right: -66px;
    font-size: 16px;
  }

  .quiz-popup:hover {
    right: -66px;
  }

  .main-catalog-btn > li > ul.mod-menu__sub {
    position: absolute !important;
    top: 55px !important;
    left: auto !important;
    right: 0 !important;

    width: min(320px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 24px) !important;

    max-height: calc(100vh - 170px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    z-index: 99999;
  }

  .main-catalog-btn > li > ul.mod-menu__sub *,
  .main-catalog-btn .mega-columns,
  .main-catalog-btn .nav-item {
    max-width: 100% !important;
    min-width: 0 !important;
    width: auto !important;
    box-sizing: border-box;
  }

  .main-catalog-btn .mega-columns {
    display: block !important;
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .shop-search .mod-shop-search {
    height: 50px;
  }

  .container-header .main-catalog-btn > li.parent > ul.mod-menu__sub {
    display: block !important;
  }

  .main-catalog-btn > li.parent > ul.mod-menu__sub {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .main-catalog-btn > li.parent > ul.mod-menu__sub.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* .shop-search .shop-search__button {
    right: unset;
    top: 0;
    left: 0;
    width: 50px;
    background: transparent;
  } */

  .shop-search .shop-search__button img {
    width: 19px;
    /* filter: contrast(0.1); */
  }

  .shop-search .shop-search__button {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }

  /* .shop-search #jshop_search {
    padding: 0 10px 0 45px;
  } */

  .shop-search #jshop_search {
    background: #aaaaaa26;
  }

  .bhmod {
    margin-right: 0rem;
  }

  span.unit-text,
  span.compare-header_label {
    display: none;
  }

  .main-catalog-wrapper {
    min-width: 0;
  }

  .main-catalog-btn > .item-112 > a {
    margin-left: 0px !important;
    padding-inline: 10px !important;
    min-height: 50px;
    font-size: 16px;
    flex: 0 0 auto !important;
    max-width: 136px;

    gap: 5px;
    white-space: nowrap;
  }

  .main-catalog-btn .fa-bars {
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle;
  }

  .main-catalog-btn > li > .mod-menu__sub > li > a {
    font-size: 14px;
  }

  .main-catalog-btn .fa-bars {
    width: 1.6rem;
    height: 1.6rem;
    flex: 0 0 1.6rem;
  }

  .main-catalog-btn .fa-bars::before,
  .main-catalog-btn .fa-bars::after {
    width: 1.6rem;
    height: 1.6rem;
  }

  body.header-fixed #main-header {
    width: 100%;
  }

  .topbar-feature-row {
    display: flex;
    gap: 32px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;

    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .topbar-feature-row::-webkit-scrollbar {
    display: none;
  }

  .topbar-feature {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .topbar-feature__text {
    white-space: nowrap;
  }

  .topbar-feature:not(:last-child)::after {
    right: -18px;
  }

  #mod-custom187 {
    padding-inline: 0px !important;
  }

  .jshop_prod_attributes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 0px;
  }

  .jshop_list_product .product .name a {
    font-size: 14px;
    line-height: 18px;
    display: block;
  }

  .jshop_list_product .block_product .name {
    padding: 0;
  }

  .jshop_list_product .sblock4 {
    width: 50%;
  }
}

@media (max-width: 575px) {
  :root {
    --mblck: 0px;
    --mt: 50px;
  }

  .interior-viewer,
  button.btn.btn-primary.btn-view-interior,
  .btn-my-interior,
  .button-my-interior {
    width: 100% !important;
  }

  .btn-my-interior {
    padding: 0 !important;
  }

  .box_products_sorting .control-label.mt-2 {
    display: none;
  }

  .view-category.blog-akcii .row-akcii .col.grid-item,
  .view-category.blog-akcii .row-akcii .grid-sizer {
    width: 100%;
    margin-bottom: 15px;
  }

  .view-category.blog-akcii .row-akcii .blog-item {
    border: solid 1px #ccc;
    height: 300px;
  }

  .landing-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }

  .landing-sale {
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
  }

  .landing-sale button {
    width: 100%;
  }

  .landing-sale {
    background: var(--white);
    padding: 10px 10px;
    text-align: center;
  }

  .landing-features__number {
    font-size: 21px;
  }

  h1.landing-title {
    font-size: 27px;
    margin-bottom: 15px;
  }

  .landing-position {
    padding-block: 30px;
  }

  .landing-features__icon img {
    width: 50px;
  }

  .landing-features__text {
    font-size: 13px;
  }

  .landing-features__item {
    margin-bottom: 0px;
    padding: 15px;
  }

  p.landing-subtitle {
    font-size: 16px;
  }

  .view-category.blog-akcii
    .row-akcii
    .blog-item
    .item-content
    .page-header
    h2
    > a {
    color: currentColor;
    font-size: 16px;
    line-height: 1.2;
    padding: 1rem 0 1rem 1rem;
  }

  body.header-fixed #main-header.container-below-top {
    padding-block: 0.2rem;
  }

  .main-catalog-btn > .item-112 > a {
    padding-inline: 8px !important;
    min-height: 40px;
  }

  /* .bhmod a.wt_jshop_module_cart .digit {
    margin-left: 0px;
    top: -2px !important;
  } */

  .bhmod a .fas,
  .bhmod a .far {
    font-size: 1.2rem;
  }

  .bhmod a.compare_icon_link .count_items {
    font-size: 10px;
    margin-left: 0px;
    margin-top: 8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
  }

  #mod-custom111 {
    align-items: center;
  }

  .bhmod a .fas,
  .bhmod a .far {
    height: auto;
  }

  a.wt_jshop_favorite_module.btn.btn-primary.position-relative {
    margin-top: 2px;
  }
  #mod-custom188 {
    margin-top: 5px;
    margin-left: 50px;
  }

  img.search-mobile {
    max-width: 20px;
    height: 20px;
    margin-bottom: 3px;
  }

  .container-header .navbar-brand {
    margin: 0 0 0 10px !important;
  }

  .bhmod a.wt_jshop_favorite_module .digit {
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    margin-left: 3px;
  }

  .mobile-bottom-widget .bhmod a.wt_jshop_module_cart .digit {
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    margin-left: -10px;
    margin-top: -5px !important;
  }

  .btn-check:checked + .btn,
  :not(.btn-check) + .btn:active,
  .btn:first-child:active,
  .btn.active,
  .btn.show {
    background-color: var(--white);
  }

  .bhmod a.wt_jshop_module_cart {
    padding: 0 !important;
    width: 100%;
  }

  .bhmod a.wt_jshop_module_cart .fas:before {
    width: 22px;
    height: 20px;
  }

  .bhmod a.compare_icon_link .img {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }

  .main-catalog-btn > .item-112 > a {
    font-size: 0px;
    gap: 0px;
  }

  .img-bottom.choose-img.h-100 img {
    max-width: 100%;
  }

  label.cf-label {
    font-size: 12px !important;
  }

  .img-bottom.choose-img.h-100 {
    position: relative;
    bottom: -30px;
    right: 0px;
  }

  .sotrudnichestvo h2 {
    font-size: 21px;
    text-align: center;
  }

  .convertforms .cf-control-group .cf-input {
    height: 45px;
    font-size: 15px;
  }

  .jshop_list_product .block_product .oiproduct .buttons-prices.buttons {
    gap: 1rem;
    opacity: 1;
    z-index: 1;
    position: relative;
    bottom: 0 !important;
    padding: 0rem;
    box-shadow: none !important;
  }

  .buttons.buttons-prices.justify-content-between .d-flex {
    justify-content: end;
    width: 100%;
  }

  .jshop_list_product
    .block_product
    .oiproduct
    .buttons-prices
    .wt_jshop_favorite_btn {
    padding: 0rem 0.75rem !important;
  }

  .jshop_list_product
    .block_product
    .oiproduct
    .buttons-prices
    .js_list_add_to_compare
    .btn.btn-primary {
    padding: 0rem 0.75rem !important;
  }

  .jshop_list_product .block_product {
    margin-bottom: 0rem !important;
  }

  .block_product a.btn.pad_button_preview {
    display: none !important;
  }

  .eb-container .cf-form-wrap.cf-col-16 {
    padding-block: 0px !important;
  }

  #joffcanvas235 .offcanvas.show .offcanvas-body ul {
    margin-top: 0 !important;
  }

  .home-products .swiper-wrapper .item_name a {
    font-size: 15px;
    text-wrap: balance;
    font-weight: 500;
  }

  .home-products .swiper-wrapper .item_prices .item_price {
    font-size: 1.3rem;
    margin-top: 10px;
  }

  .home-products .swiper-navigation {
    height: revert-rule;
    position: relative;
    z-index: 1;
    top: 0rem;
    right: unset;
    left: 0;
    display: flex;
    margin-bottom: 10px;
  }

  .home-products .swiper-wrapper .card-footer-buttons {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .home-products h2 {
    margin-bottom: 32px !important;
  }

  .home-products .card-footer {
    flex-wrap: wrap;
  }

  .row-fluid .sblock5 {
    width: 50%;
  }

  html,
  body {
    overflow-x: clip;
  }

  .block_product .product {
    padding: 10px;
  }

  .about-title,
  .history-title {
    font-size: 25px !important;
    margin-top: 20px;
    letter-spacing: 0px !important;
    margin-bottom: 15px !important;
  }

  .swiper-wrapper .item_image.position-relative {
    height: 225px;
  }

  .fs-7 {
    font-size: 16px !important;
  }
  h2.fs-1 {
    font-size: 23px !important;
  }
  div#cf_5 {
    width: 100%;
  }
  .promo-slide__title {
    font-size: 16px;
  }

  .sotrudnichestvo .cf-form-wrap.cf-col-16 {
    padding: 0 !important;
  }

  .sotrudnichestvo h3 {
    text-align: center !important;
    font-size: 21px !important;
  }

  .sotrudnichestvo
    .col-lg-6.col-12.d-flex.flex-wrap.align-items-center.px-0.px-lg-5 {
    justify-content: center;
  }

  .sotrudnichestvo .img-bottom {
    max-width: 250px;
    margin: auto;
  }

  .sotrudnichestvo button {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .dizaineram-vybor .plitka img,
  .dileram-vybor .plitka img {
    max-width: 96px;
    margin: auto;
    display: block;
  }

  .design-mobile {
    max-width: 250px;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: block;
  }

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

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

  .oiproduct .tooltip-show {
    max-width: 35px !important;
  }
  .jshop_list_product .block_product .oiproduct .product-prices {
    line-height: 1;
    padding: 0;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
    justify-content: end;
  }

  .block_product .jshop_price span {
    font-size: 17px;
  }

  .jshop_list_category .row-fluid .sblock6 {
    width: 50%;
  }

  div#comjshop_list_product {
    margin-bottom: 30px;
  }

  .oiproduct .product-price {
    display: flex;
    flex-direction: column;
  }

  .block_product .image_block {
    height: 215px;
    padding: 0 !important;
  }

  h2.sub-page.fs-01 {
    font-size: 23px !important;
    letter-spacing: 1px !important;
  }
  .jshop.list_category .category {
    width: 50%;
  }
  .jshop_list_category .category .category_name a {
    text-wrap: balance;
    font-weight: 500;
    font-size: 14px;
  }
  .home-vybor img.vh {
    width: 23%;
    top: 4.25rem;
    left: 0.1rem;
  }

  .social-footer {
    width: 100%;
  }

  .mod_wtjshoppingswipercarousel211::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 44px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0));
  }

  .btn.btn-site,
  .btn-site {
    padding: 20px 35px !important;
  }

  .convertforms p.terms-text {
    margin-left: 5px;
    font-size: 12px;
    text-wrap: balance;
  }

  .home-dveri.block-br-ccc {
    padding: 20px 20px 0px 20px;
  }

  .btn-send {
    width: 100% !important;
  }

  .plitka h3 {
    font-size: 16px !important;
    margin-bottom: 20px !important;
    margin-top: 15px !important;
  }
  .fs-00.work-number {
    font-size: 72px !important;
    display: inline-block;
    line-height: 1;
    margin-top: 20px;
  }

  .articles-news-slide__title {
    font-size: 20px;
    line-height: 1.2;
  }

  .home-18let .plitka.plitka-black60 {
    left: 0px;
    bottom: 1.5rem;
  }

  .home-18let-title {
    font-weight: 500 !important;
    line-height: 1.5rem !important;
    font-size: 18px !important;
  }

  .articles-news-slide {
    height: auto;
  }

  .home-18let .plitka.plitka-black60 {
    position: unset;
    background: transparent !important;
    color: var(--black);
    padding: 8px !important;
  }

  .chose-num {
    letter-spacing: 0px !important;
    font-size: 42px !important;
  }

  .plitka {
    padding: 25px 14px;
  }

  .gallery-img {
    max-height: 210px;
  }

  .ord-1 {
    order: 1;
  }

  .ord-2 {
    order: 2;
  }

  .ord-3 {
    order: 3;
  }

  .plitka p {
    font-size: 15px !important;
    margin-bottom: 0;
  }

  .plitka-black60 p {
    margin-bottom: 0;
  }

  .warranty-wrapper {
    background: url(/images/2026/fon-garantia-mob.jpg);
    padding: 32px 8px 12px 8px;
    background-size: cover;
    overflow: hidden;
  }

  .feature-item {
    margin-bottom: 14px;
  }

  .plitka .features-text {
    font-size: 14px !important;
    max-width: 140px;
  }

  .articles-news-slide__text {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .articles-news-slider__button {
    padding: 10px 20px;
    font-size: 14px;
    width: 100%;
  }

  .articles-news-slide__btn {
    font-size: 13px;
  }

  .articles-news-slide__content {
    height: 100%;
    padding: 25px;
  }

  body.header-fixed #main-header {
    margin: 0 !important;
  }

  .jshop_prod_attributes .attributes_name {
    font-size: 12px;
    font-weight: 400;
  }

  .modal-dialog p {
    font-size: 14px;
  }

  .option-item {
    width: 25%;
  }

  .option-images {
    max-height: 80px;
    margin: auto;
  }

  .option-name {
    font-size: 12px;
    margin-top: 3px;
    text-align: center;
  }

  .option-images {
    height: 100%;
  }

  .option-images img {
    height: 100%;
  }

  .jshop_prod_attributes select {
    height: 40px;
    font-size: 13px;
    padding: 0 8px;
  }

  input#btn_add_to_compare {
    max-width: 55px;
  }

  .jshop .product_label {
    z-index: 8;
    max-width: 50px;
  }

  .product-kit2m2 .buttons-prices a.btn.btn-primary.button_buy {
    font-size: 13px;
    width: 100%;
  }

  .block_product .oiproduct {
    justify-content: end;
  }

  .product-kit2m2 .buttons-prices a.btn.btn-primary.button_buy img {
    max-width: 19px;
    margin-right: 8px;
  }

  .jshop_list_product .block_product .oiproduct .buttons-prices .button_buy {
    padding: 0.5rem 0rem !important;
  }

  #list_product_image_middle::before {
    height: 75%;
    border-radius: 5px;
  }

  .product-slide::before {
    height: 75%;
    border-radius: 5px;
  }

  body.wrapper-fluid .site-grid {
    grid-gap: 0 1em;
  }

  .tech-labels-block {
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
  }

  .swiper-slide.product-slide {
    max-height: 77px;
    min-height: auto !important;
  }

  .tech-labels-block .tech-labels .tech-label .tech-icon + .tech-desc {
    left: 3rem;
  }

  .productfull .prod_buttons .buttons {
    flex-wrap: wrap;
  }

  .button-my-interior .name {
    justify-content: flex-start;
  }

  .main-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .btn-buy,
  .popup-btn-black,
  .btn-danger {
    flex: 1;
    font-size: 15px !important;
  }

  .popup-btn-black {
    padding: 10px 20px;
  }

  .btn-buy {
    padding: 10px 5px 10px 30px;
  }

  .tech-label {
    max-width: 40px;
  }

  ul#myTab {
    justify-content: center;
  }

  ul#myTab .nav-item {
    width: 50%;
  }

  #list_product_image_middle {
    max-height: 275px;
  }

  .back-to-top-link {
    width: 45px;
    height: 45px;
    bottom: 6rem;
  }

  .jshop_list_product .form_sort_count .block_sorting_count_to_page {
    flex-wrap: wrap;
  }

  #sortingOrderBy label {
    margin-bottom: 5px;
  }

  .control-group.box_products_sorting.d-flex {
    flex-direction: column;
    gap: 4px;
  }

  .box_products_sorting {
    margin: 0;
  }

  .btn-name {
    padding: 5px 10px;
  }

  .productfull .buttons input {
    margin-top: 5px;
    flex: 1;
  }

  .nav-tabs + .tab-content {
    padding: 0px;
  }

  #myTab {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
    font-size: 14px;
    padding-inline: 15px !important;
  }

  .jshop_prod_description {
    font-size: 14px;
  }

  .jshop_prod_description table {
    margin-bottom: 15px;
  }

  .jshop_prod_description ol,
  .jshop_prod_description ul {
    padding-left: 1rem;
    margin-top: 1rem !important;
  }

  .productfull .prod_qty_input {
    padding-left: 0px;
    margin-top: 0px;
    display: flex;
    align-items: center;
  }

  .footer1,
  .footer2 {
    color: #757575;
    font-size: 12px;
  }

  .product-thumbs-arrow {
    display: none;
  }

  h1.product-title {
    font-size: 18px;
    text-wrap: balance;
    margin-bottom: 15px;
  }

  ol.breadcrumb {
    font-size: 13px !important;
  }

  .product-thumbs-arrow #list_product_image_middle .image {
    width: auto;
  }

  .product-thumbs-swiper {
    height: 275px;
  }

  .image_middle img {
    margin-left: auto !important;
    margin-right: inherit;
  }

  .product-icons-wrapper {
    gap: 0px;
  }

  .awd-image img {
    max-width: 25px;
  }

  span.awd-name.d-block {
    font-size: 12px;
  }

  .awd-images {
    margin-bottom: 15px !important;
  }

  #mod-custom128 {
    margin-top: 15px !important;
  }

  .social-head {
    text-align: start;
  }

  .payment {
    justify-content: flex-start !important;
    gap: 20px;
  }

  .w-site {
    padding-inline: 10px;
  }
  .container-top {
    margin: 0px !important;
  }

  .door-quiz-progress {
    margin-bottom: 28px;
  }

  .container-below-top {
    margin-block: 5px !important;
  }

  .container-topbar .green-stripe span {
    font-size: 12px;
  }

  .container-topbar .green-stripe .top-icons {
    background: var(--bg-top1);
    display: flex;
    margin-right: 10px;
  }

  #mod-custom188 .btn-primary {
    padding: 0px !important;
  }

  div#mod-custom224 {
    align-items: baseline;
  }

  img.logo.d-inline-block {
    max-width: 135px;
  }

  .door-quiz-progress__title {
    font-size: 12px;
  }

  .door-quiz-progress__bar {
    height: 3px;
  }
  .door-repair-intro,
  .door-repair-services,
  .door-repair-warning,
  .door-repair-final {
    border-radius: var(--r-4);
  }

  .door-repair-card,
  .door-repair-text-card,
  .door-repair-step {
    padding: 1.25rem;
  }

  .salon-card {
    padding: 0px;
    gap: 16px;
  }

  .home-dveri.block-br-ccc h2 {
    text-align: center;
    font-weight: 800;
    justify-content: center;
  }

  .salon-card__title {
    font-size: 15px;
    margin-bottom: 15px;
  }

  .salon-card__type,
  .salon-card__btn {
    font-size: 14px;
  }

  h3.fs-4 {
    font-size: 18px !important;
  }

  .features-title {
    font-size: 17px !important;
  }

  img.warranty-photo {
    max-width: 360px;
    right: -115px;
  }

  .home-garantia .bg-img .plitka {
    padding: 14px !important;
    font-size: 14px;
  }

  .warranty-prof {
    position: relative;
    z-index: 5;
  }
  .salon-card__btn {
    padding: 10px 20px;
  }

  .salon-card__img {
    width: 105px;
    height: 135px;
    flex-basis: 105px;
  }
  .action-slider-wrapper {
    flex-direction: column-reverse;
  }
  .articles-news-slide__image img {
    height: 185px;
  }
  .fact-card h3 {
    font-size: 16px !important;
  }
  p.fs-8.mb-3.fact-text {
    margin-bottom: 0px;
    margin-top: 5px;
    color: #595959;
  }
}

/* На десктопе показываем кнопки */
.jshop-sort-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Мобильный select по умолчанию скрыт */
.jshop-sort-select-wrap {
  display: none;
  position: relative;
}

/* Стрелка select */
.jshop-sort-select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;

  width: 8px;
  height: 8px;

  border-right: 2px solid var(--black);
  border-bottom: 2px solid var(--black);

  pointer-events: none;

  transform: translateY(-70%) rotate(45deg);
}

/* Сам select */
.jshop-sort-select {
  width: 100%;
  height: 46px;
  padding: 0 45px 0 16px;

  color: var(--black);
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;

  background-color: #fff;
  border: 1px solid var(--black);
  border-radius: 5px;
  outline: none;

  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.jshop-sort-select:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .box_products_sorting {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .box_products_sorting .controls {
    width: 100%;
  }

  .jshop-sort-buttons {
    display: none !important;
  }

  .jshop-sort-select-wrap {
    display: block;
    width: 100%;
  }
}