/* This stylesheet generated by Transfonter (https://transfonter.org) on June 26, 2017 12:11 PM */
/* remastering by AlexK July 07, 2024 */

@font-face {
  font-family: 'Gotham Pro';
  font-weight: bold;
  font-style: italic;
  src: local('Gotham Pro Bold Italic'), url('font/GothamPro-BoldItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: normal;
  font-style: italic;
  src: local('Gotham Pro Italic'), url('font/GothamPro-Italic.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: 500;
  font-style: normal;
  src: local('Gotham Pro Medium'), url('font/GothamPro-Medium.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: 900;
  font-style: italic;
  src: local('Gotham Pro Black Italic'), url('font/GothamPro-BoldItalic.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: bold;
  font-style: normal;
  src: local('Gotham Pro Bold'), url('font/GothamPro-Bold.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro Narrow';
  font-weight: bold;
  font-style: normal;
  src: local('Gotham Pro Narrow Bold'), url('font/GothamProNarrow-Bold.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro Narrow';
  font-weight: 500;
  font-style: normal;
  src: local('Gotham Pro Narrow Medium'), url('font/GothamProNarrow-Medium.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: 300;
  font-style: italic;
  src: local('Gotham Pro Light Italic'), url('font/GothamPro-LightItalic.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: 300;
  font-style: normal;
  src: local('Gotham Pro Light'), url('font/GothamPro-Light.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: 900;
  font-style: normal;
  src: local('Gotham Pro Black'), url('font/GothamPro-Black.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: normal;
  font-style: normal;
  src: local('Gotham Pro'), url('font/GothamPro.woff'),
    format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  font-weight: 500;
  font-style: italic;
  src: local('Gotham Pro Medium Italic'), url('font/GothamPro-MediumItalic.woff'),
    format('woff');
  font-display: swap;
}

body,
h1,
h2,
h3,
h4,
h5,
a,
p {
  font-family: 'Gotham Pro', sans-serif !important;
}

* {
  /* outline: 1px solid red; */
}

div #sp-logo .col-lg-2 {
  padding-right: 0px !important;
  width: auto;
}

#sp-section-1 .row>* {
  width: auto;
  max-width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

#sp-section-1 .row .header-search {
  width: 100%;
}

#sp-search {
  flex-grow: 1;
}

#sp-menu {
  width: 100%;
}

.logo-header {
  width: 168px;
  margin-right: 20px;
  padding-left: calc(var(--bs-gutter-x)* .5);
}

.header-basket {
  padding: 0px;
  display: block;
  margin-left: 12px;
  padding-right: 28px;
  top: 5px;
  position: relative;
}

.header-basket .display-6 {
  font-size: 1.75rem;
}

.menu-and-search .container-inner {
  padding-bottom: 15px;
  border-bottom: 1px solid #dfdfdf;
}

.product_main_card {
  justify-content: center;
}

div.jshop_prod_description {
  padding-top: 9px !important;
}

.toggle-description:hover {
  cursor: pointer;
  text-decoration: underline;
}

.short-description,
.full-description {
  font-size: 12px;
}

.short-description span,
.full-description span {
  text-decoration: underline;
}

.productfull h1 {
  font-size: 14px;
  line-height: 1.65;
}

.hover-underline::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 50%;
  background-color: black;
  transition: width 0.3s ease, left 0.3s ease;
}

.hover-underline:hover::after {
  width: 100%;
  left: 0;
}

.title_main_product {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

hr {
  clear: both;
  border-width: 1px 0 0;
  border-color: #5f5f5f;
  margin: 35px 0;
  height: 0;
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

hr.hr--small {
  margin: 17.5px 0;
}

hr.hr--small-top {
  margin: 0 0 17.5px;
}

.product_description_review {
  padding: 17.5px;
  border: 1px solid #5f5f5f33;
  height: fit-content;
}

.product-info {
  padding: 17.5px;
  border: 1px solid #f4f4f4;
}

.text_zoom {
  display: none;
}

.block_rating_hits {
  /* display: none; */
}

.block_rating_hits {
  height: 22px;
  margin-bottom: 15px;
  margin-left: 15px;
}

.block_rating_hits:after {
  content: '';
  display: block;
  clear: both;
}

.block_rating_hits table {
  float: right;
  width: auto;
  border: 0px;
}

.btn-success,
.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #1f2021 !important;
  --bs-btn-border-color: #1f2021 !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(61, 61, 61) !important;
  --bs-btn-hover-border-color: rgb(61, 61, 61) !important;
  --bs-btn-focus-shadow-rgb: 60, 153, 110 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: rgb(61, 61, 61) !important;
  --bs-btn-active-border-color: rgb(61, 61, 61) !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #1f2021 !important;
  --bs-btn-disabled-border-color: #1f2021 !important;
}

.btn-add_to_card,
.btn-primary {
  display: inline-block;
  padding: 8px 10px;
  width: 100%;
  margin: 0;
  line-length: 1.42;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  transition: all .25s ease-out;
  background-color: #1f2021;
  border-radius: 4px !important;
  font-size: calc(13px + .01vmax);
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.782rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 13px;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 4px;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(60, 153, 110 !important, .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-length);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.fs-5 {
  font-size: 16px !important;
}

.ysn-btn-review-submit .validate {
  font-size: calc(13px + .01vmax) !important;
}

.form-horizontal .block_sorting_count_to_page .box_products_count_to_page.control-group {
  justify-content: flex-end;
  align-items: center;
}

.form-horizontal .box_products_count_to_page .control-label {
  width: auto;
  padding: 0;
  margin: 0 !important;
}

.form-horizontal .form_sort_count .control-group .controls {
  margin: 0 0 0 10px !important;
}

.form-horizontal .box_products_count_to_page .controls .inputbox {
  text-align: center;
}

.jshop_list_category .row-fluid {
  gap: 25px;
}

.product_main_card .jshop {
  display: flex;
  justify-content: center;
}

.top_hits_products,
.label_products,
.latest_products {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 25px;
}

.all_include .jshop_list_product {
  padding-left: 15px;
  /* margin-right: -15px; */
}

.latest_products .block_item {
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}

.row-fluid [class*="sblock"]:nth-child(4n+1) {
  padding-left: 0px !important;
}

.row-fluid [class*="sblock"]:nth-last-child(4n) {
  /* padding-right: 15px; */
}

.block_item {
  border-radius: 0px;
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  padding: 0 0 23px 0 !important;
  /* width: calc(100%- 20px) / 4; */
}

.block_item:nth-child(4n) {
  margin-right: 0px !important;
}

.jshop_list_product .name {
  text-align: left;
  font-weight: 400;
  font-size: 12px !important;
  line-length: 16px !important;
  margin-bottom: 3px;
  text-transform: uppercase;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.jshop_list_product .jshop_price {
  font-weight: 500 !important;
  color: #1f2021;
  text-align: left;
  font-size: 12px !important;
  line-length: 20px !important;
  padding-right: 8px !important;
}

.jshop_list_product .jshop .old_price,
.jshop_list_product .old_price-new_price .old_price {
  color: #1f2021;
  font-weight: 300;
}

.col-lg-4 {
  padding-right: 0;
  padding-left: 0;
  width: auto;
}

.productfull .image_thumb_list .sblock0 {
  /* margin-bottom: 14px; */
  /* width: 25%; */
  width: 100%;
  max-width: 100% !important;
}

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

.product_image-block .row-fluid0 {
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
  padding-right: 25px;
  padding-left: 0;
}

#sp-khlebnye-kroshki .container {
  padding-right: 0px;
}

.productfull .image_middle,
.productfull .jshop_oiproduct {
  margin-bottom: 0px;
  border-radius: 0px !important;
  overflow: hidden;
}

.prod_price {
  font-size: 13px;
  font-weight: 700;
}

#jshop_review_write .inputbox {
  width: 100% !important;
}

.productfull .old_price {
  margin-right: 4px;
}

.productfull .prod_qty,
.productfull .prod_qty_input {
  display: none;
}

.price_block {
  display: flex;
}

.productfull #block_price {
  font-size: 14px !important;
  color: #1f2021;
}

.block_available {
  font-weight: 700;
  color: #55C377;
  font-size: 11px;
  display: flex;
  margin: 0 0 1rem 0;
}

.form-validate {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.jshop h1 {
  margin-top: 0px;
  margin-bottom: 9px;
}

.productfull .manufacturer_name {
  padding-bottom: 10px;
  font-size: 9px;
  text-transform: uppercase;
}

.productfull .buttons {
  display: block !important;
}

.productfull .manufacturer_name:hover {
  color: #bbb;
}

span.review {
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
}

.jshop label {
  margin: 0px;
  display: inline-block;
  margin-right: 5px;
  font-size: 11px;
}

.review_form {
  margin-bottom: 20px;
}

.toggle-review-form {
  cursor: pointer;
  color: #1f2021;
}

.toggle-review-form:hover {
  text-decoration: none;
}

.ysn-btn-review-submit input {
  font-size: calc(9px + .01vmax);
}

#jshop_review_write {
  margin: 0 -15px;
}

#jshop_review_write div input,
#jshop_review_write div textarea {
  font-size: 12px;
}

#jshop_review_write .inputbox {
  display: block;
  width: 100%;
  padding: 7px 12px !important;
  font-size: 1rem;
  font-weight: 400;
  line-length: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d9d9d9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

img.jshop_img_thumb {
  margin-bottom: 0px;
  cursor: pointer;
  border-radius: 0px;
  overflow: hidden;
}

.review_accordion {
  position: relative;
}

#list_product_image_thumb {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 20px;
}

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

.jshop_img_thumb::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.jshop_img_thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1400px) {
  #list_product_image_thumb {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}

@media (max-width: 992px) {
  #list_product_image_thumb {
    grid-template-columns: repeat(auto-fill, minmax(154px, 1fr));
  }
}

@media (max-width: 768px) {
  #list_product_image_thumb {
    grid-template-columns: repeat(auto-fill, minmax(113px, 1fr));
  }
}

@media (max-width: 576px) {
  #list_product_image_thumb {
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  }
}

/* ============== ========================= */

.product_image-block img {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.image_thumb_list {
  margin-top: 20px;
}

.product_image-block .row-fluid0 [class*="sblock"] {
  padding-left: 0px;
  padding-right: 0px;
}

.sp-module-title{
  font-size: 40px !important;
  font-weight: 400 !important;
  margin: 19.5px 0 !important;
  padding-left: 0 !important;         /* ← убираем сдвиг влево */
  text-transform: uppercase !important;
  text-align: center !important;       /* ← центрируем заголовок */
  display: block;                      /* на всякий случай */
  width: 100%;
}


.jshop_list_product .image_block {
  display: block;
  margin-bottom: 12px;
}

.jshop_list_product .image_block img {
  width: 100%;
}

.list_product .button_detail {
  display: none;
}

.list_product .review_mark {
  display: none;
}

.list_product .count_commentar {
  display: none;
}

#comjshop_list_product .block_available {
  display: none;
}

#comjshop_list_product .row-fluid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: 0px;
  margin-left: 0px;
}

#comjshop_list_product .row-fluid [class*="sblock"] {
  /* padding-right: 0px !important; */
}

.review_container {
  height: fit-content;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
}

.buy_btn_product {
  background-image: url(/images/icons/Basket.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  background-color: #f5f5f5 !important;
  padding: 8px;
  height: 40px;
  width: 40px;
  border: 0px solid;
  display: flex;
}

.buy_btn_cart {
  background-image: url(/images/icons/Basket-cart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: none !important;
  height: 24px;
  width: 24px;
  border: 0px solid;
  display: flex;
}

.stars_active {
  height: 19px;
  background-image: url(/components/com_jshopping/images//star.png);
  background-repeat: repeat-x;
  background-position: 0px -19px;
}

.bg-light {
  bs-bg-opacity: 0;
  background-color: #ffffff !important;
}

.form-control {
  display: block;
  width: 100%;
  padding: 7px 12px;
  font-size: 1rem;
  font-weight: 400;
  line-length: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d9d9d9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
  color: #1f2021;
  background-color: #fff;
  border-color: #1f2021;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: #5f5f5f33;
  --bs-card-border-radius: 0px;
  --bs-card-inner-border-radius: calc(0rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: #F6F6F6;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  margin-bottom: 20px;
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  margin-top: 8px;
}

#nevigenOneStepCheckout .payment_wrapper.active,
#nevigenOneStepCheckout .shipping_wrapper.active {
  border-color: #F6F6F6;
  background: #F6F6F6;
}

#nevigenOneStepCheckout .payment_wrapper.active .form-check-input:checked,
#nevigenOneStepCheckout .shipping_wrapper.active .form-check-input:checked {
  background-color: #040404;
  border-color: #1f2021;
}

#nevigenOneStepCheckout .payment_wrapper.active label,
#nevigenOneStepCheckout .shipping_wrapper.active label {
  font-weight: bold;
  color: #1f2021;
}

#nevigenOneStepCheckout .payment_wrapper,
#nevigenOneStepCheckout .shipping_wrapper {
  padding: 15px 15px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
}

.stars_no_active {
  height: 19px;
  background-image: url(/components/com_jshopping/images/star.svg);
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

.review-star {
  padding-left: 17.5px;
  padding-top: 13px;
  padding-bottom: 4px;
}

.review_user {
  padding-left: 17.5px;
  font-size: 12px;
  text-transform: capitalize;
}

.review_mark {
  color: #333333;
  height: auto !important;
}

.review_text {
  padding: 17.5px;
  font-size: 12px;
}

.review_name-time {
  display: flex;
  justify-content: space-between;
}

.old_price-new_price {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.jshop_list_product .product .buttons a {
  margin-top: 0px !important;
}

.buy_btn_product {
  --bs-btn-bg: none !important;
  --bs-btn-hover-bg: none !important;
  --bs-btn-active-bg: none !important;
}

.buy_btn_product:hover {
  transform: scale(1.2);
}

.name_basket {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.name_basket .mt-3 {
  margin-top: 0rem !important;
}

.review-form-block {
  padding: 0 17.5px;
  margin: 0 auto;
  border: 1px solid #5f5f5f33;
  height: fit-content;
}

.ysn-btn-review-submit input {
  width: 220px;
}

.ysn-btn-review-submit {
  display: flex;
  justify-content: flex-end;
}

.all_include .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.related_header {
  font-weight: bold !important;
  font-size: 16px !important;
  margin-bottom: 20px;
  margin-top: 40px !important;
  margin-right: 0;
}

.breadcrumb {
  padding: 0rem 0rem;
  background-color: #fff;
  border-radius: 0.25rem;
  font-size: 14px;
}

.nevigen_prodcurcat {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.nevigen_prodcurcat .row-cols-md-4 {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 25px;
}

.nevigen_prodcurcat .block_product {
  margin-bottom: 0px !important;
  padding-left: 0px;
  padding-right: 0px;
}

.review_item {
  border-bottom: 1px dotted #999999;
  padding: 10px 0 10px 0;
  padding-left: 0px;
  border: 1px solid #5f5f5f33;
  margin-bottom: 20px;
  margin-left: 15px;
}

.body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  height: 27px !important;
  width: 14px !important;
}

.burger-icon {
  width: 27px !important;
}

hr.hr--small-top {
  display: none;
}

.review_time {
  display: flex;
  font-size: 12px;
  padding-right: 17.5px;
  align-items: center;
}

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

#list_product_image_middle a {
  padding-right: 25px;
  padding-left: 0;
  display: block;
}

@media (min-width: 768px) {
  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 992px) {
  #jshop_review_write .col-lg-9 {
    width: 100%;
    display: flex;
  }

  .product_main_card .col-lg-4 {
    width: 50%;
  }

  .product_main_card .col-lg-8 {
    width: 50%;
  }

  .review-form-block {
    border-top: 1px solid #5f5f5f33;
    margin-top: 20px;
    margin-right: 0px;
  }

  hr.hr--small-top {
    display: none;
  }

  .review_accordion::after {
    display: none !important;
  }

  .review_accordion::before {
    display: none !important;
  }

  .header-menu-top {
    display: none;
  }

  .menu-and-search #sp-search {
    display: none;
  }
}

@media (max-width: 1400px) {
  .top_hits_products,
  .label_products,
  .latest_products,
  .list_product {
    grid-template-columns: repeat(auto-fill, minmax(260px, 4fr));
  }
}

@media (max-width: 1200px) {
  .top_hits_products,
  .label_products,
  .latest_products,
  .list_product {
    grid-template-columns: repeat(auto-fill, minmax(180px, 4fr));
  }
}

@media (max-width: 992px) {
  .productfull .image_thumb_list .sblock0 {
    /* width: 23%; */
    /* margin-right: 5px; */
  }

  .productfull .image_middle {
    padding-right: 0px;
  }

  #sp-section-2 .container {
    padding-right: 21px;
  }

  .header-search {
    display: none;
  }

  .header-menu-top {
    padding-right: 15px;
  }

  .related_header {
    margin-right: 0px;
  }

  .menu-and-search .sp-megamenu-wrapper {
    display: none !important;
  }

  .product_image-block {
    padding-right: 0px !important;
  }

  .top_hits_products,
  .label_products,
  .latest_products,
  .list_product {
    grid-template-columns: repeat(auto-fill, minmax(150px, 2fr));
  }

  .nevigen_prodcurcat .row-cols-md-4 {
    grid-template-columns: repeat(auto-fill, minmax(150px, 2fr));
  }

  .product_image-block .row-fluid0 [class*="sblock"] {
    padding-left: 0;
    padding-right: 0px;
  }

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

  .product_image-block .row-fluid0 [class*="sblock"] {
    padding-left: 0px;
  }

  .product_image-block .row-fluid0 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .review_item {
    margin-left: 0px;
  }

  .review-form-block {
    margin-left: 0px;
  }

  .all_include .jshop_list_product {
    margin-right: 0px;
  }

  .container {
    padding-left: 21px;
    padding-right: 21px;
  }

  #sp-khlebnye-kroshki .container {
    padding-right: 21px;
  }

  .productfull .image_middle,
  .productfull .jshop_oiproduct {
    margin-left: 0px;
  }

  #list_product_image_middle a {
    padding-right: 0px;
  }

  .product_description_review {
    margin-right: 0px;
  }

  .ysn-btn-review-submit .col-lg-9 input {
    /* margin: 0 auto; */
  }

  .review_container {
    width: 100%;
    margin-left: 0px;
  }

  .product_main_card .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .product_image-block img {
    padding-right: 0px;
    padding-left: 0px;
  }

  .productfull form {
    /* padding: 0 35px 0 35px; */
  }

  .product_image-block {
    margin-bottom: 15px;
  }

  .product_image-block {
    padding-right: 15px;
  }

  .burger-icon>span {
    height: 1px !important;
    margin: 6px 0;
  }
}

@media (max-width: 991px) {
  #offcanvas-toggler {
    height: 26px !important;
  }
}

@media (max-width: 767px) {
  .row-fluid .sblock5 {
    width: 50%;
  }

  .row-fluid .jshop_categ {
    width: 100% !important;
  }

  .nevigen_prodcurcat .row-cols-md-4 {
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  }
}

@media (max-width: 576px) {
  .logo-image-phone {
    height: 22px !important;
  }
}

@media (max-width: 480px) {
  .productfull .buttons input {
    width: 100%;
    font-size: calc(13px + .01vmax);
    font-weight: 500;
  }

  .sp-module-title {
    font-size: 22px !important;
  }

  #sp-section-1 .row>* {
    /* width: 204px; */
  }
}

button.modNevigenJShopCart:focus {
  border: none !important
}

@media (max-width:992px) {
  button.modNevigenJShopCart {
    top: -5px !important
  }
}

#modNevigenJShopCartModal .modal-dialog {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
}

#modNevigenJShopCartModal .modal-content {
  border-radius: 0 !important;
}

@media (min-width:768px) {
  #modNevigenJShopCartModal .modal-dialog,
  #nevigenOneStepCheckoutCartEditModal .modal-dialog {
    max-width: 680px;
    left: -7px;
  }
}

@media (min-width:992px) {
  #modNevigenJShopCartModal .modal-dialog,
  #nevigenOneStepCheckoutCartEditModal .modal-dialog {
    max-width: 930px;
    left: -7px;
  }
}

@media (min-width:1200px) {
  #modNevigenJShopCartModal .modal-dialog,
  #nevigenOneStepCheckoutCartEditModal .modal-dialog {
    max-width: 1110px;
    left: -7px;
  }

  .nevigen-jshop-cart-row-product .img-fluid {
    width: 60% !important;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width:1400px) {
  #modNevigenJShopCartModal .modal-dialog,
  #nevigenOneStepCheckoutCartEditModal .modal-dialog {
    max-width: 1290px;
    left: -7px;
  }

  .nevigen-jshop-cart-row-product .img-fluid {
    width: 60% !important;
    margin-right: auto;
    margin-left: auto;
  }
}

#nevigenOneStepCheckoutCartEditModal .row[data-nevigen-onestepcheckout-cart-edit="product"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#nevigenOneStepCheckoutCartEditModal .row[data-nevigen-onestepcheckout-cart-edit="product"] .col-lg-4 {
  width: 33.33333333% !important;
}

.nevigen-jshop-cart-row-product .img-fluid {
  width: 80% !important
}

.nevigen-cart-price {
  text-align: center !important;
  display: none;
}

.nevigen-cart-qtyprice {
  font-weight: 400 !important;
  text-align: center;
}

.nevigen-cart-price-block {
  width: 100% !important;
  justify-content: space-around;
}

.nevigen-cart-price-block .col {
  width: auto !important;
  flex: 0 0 auto;
}

.nevigen-onestepcheckout-cart-product-row {
  border-bottom: 1px solid #5f5f5f33;
  margin: 5px 0;
  padding: 5px 0;
}

.nevigen-onestepcheckout-cart-product-row>div {
  margin: 0 !important;
}

.nevigen-onestepcheckout-cart-product-row:last-child {
  border: none;
}

.nevigen-onestepcheckout-cart-product-row .col {
  padding-left: 0;
}

.nevigen-onestepcheckout-cart-product-row .col-auto {
  padding-right: 0;
}

.nevigen-jshop-cart-cart-sum,
.nevigen-jshop-cart-cart-sum-title {
  font-weight: 500;
  font-size: 18px
}

.nevigen-jshop-cart-cart-sum {
  margin-right: 30px
}

.nevi-remove-but {
  background: url('../images/delete.svg');
  height: 25px;
  width: 25px;
}

#modNevigenJShopCartModal .alert.alert-success {
  display: none !important;
}

.burger-icon>span {
  height: 1.5px !important;
}

.close-offcanvas .burger-icon>span {
  width: 40px !important;
  margin-left: -6px !important;
  margin-top: 3px !important;
}

.close-offcanvas .burger-icon {
  height: 26px !important;
  width: 26px !important;
  padding-top: 0px !important;
  overflow: hidden !important;
}

.nevigen-jshop-cart-row-product {
  padding-bottom: 15px !important;
  padding-top: 10px
}

#comjshop_list_product .row-fluid [class*="sblock"] {
  padding-right: 0px !important;
}

.mod-custom#mod-custom141,
.category_description {
  margin: 30px 0;
  height: 300px;
  overflow-y: scroll;
}

.mod-custom#mod-custom141::-webkit-scrollbar,
.category_description::-webkit-scrollbar {
  width: 5px;
}

.mod-custom#mod-custom141::-webkit-scrollbar-track,
.category_description::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

.mod-custom#mod-custom141::-webkit-scrollbar-thumb,
.category_description::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 4px;
}

.mod-custom#mod-custom141::-webkit-scrollbar-thumb:hover,
.category_description::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mod-custom#mod-custom141,
.category_description {
  scrollbar-width: thin;
  scrollbar-color: #000 transparent;
}

.albs-articles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-bottom: 5rem;
}

.albs-article {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  word-break: break-word;
}

.albs-article-image {
  display: flex;
  overflow: hidden;
  align-items: flex-end;
  aspect-ratio: 1 / 1;
  transition: transform 0.3s ease-in-out;
}

.albs-article-date {
  display: flex;
  font-size: 0.75rem;
  color: #758295;
}

.albs-article-title {
  display: flex;
  font-weight: 500;
  font-size: 1.1rem;
  line-length: 1.3;
}

@media (max-width:767px) {
  .nevigen-jshop-cart-row-product {
    position: relative;
  }

  .nvg-middle {
    vertical-align: middle;
  }

  .nevigen-cart-price-block {
    justify-content: center;
  }

  .nvg-cart-name-row {
    width: 100%;
    height: 100%;
    vertical-align: middle !important
  }

  #modNevigenJShopCartModal .modal-body {
    margin-top: 0px !important;
    margin-bottom: 0px
  }

  .albs-articles {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .albs-article-title {
    font-size: 12px;
    line-length: 1.2;
  }
}

/*----------------- Onestep Checkout ---------------*/

@media (max-width: 766px) {
  .np-form-table {
    margin-left: -20% !important;
    width: 116% !important
  }

  .np-servicetypes-row td:first-child {
    display: none;
  }

  td#servicetypeContainer {
    width: 100%
  }

  tr.np-warehouses-row td:first-child,
  tr.np-cities-row td:first-child,
  tr.np-streets-row td:first-child {
    display: none;
  }

  tr.np-street-house-flat-row td {
    display: block !important;
  }
}

#system-message-container {
  display: none;
}

#mobileWarehouseSearch {
  display: none;
}

.task-finish .jshop_list_product .block_item .card-body {
  background-color: transparent !important;
}

/* Kill UPPERCASE всередині блоку оплат, навіть якщо прописано на батьках */
#nevigenOneStepCheckout .nevigen-onestepcheckout_payment_block .payment_wrapper label .nevigen-onestepcheckout-payment-name,
.nevigen-onestepcheckout_payment_block .nevigen-onestepcheckout-payment-name {
  text-transform: none !important;
}

/* Якщо батьку навішали .text-uppercase (Bootstrap utility) */
#nevigenOneStepCheckout .nevigen-onestepcheckout_payment_block .text-uppercase,
.nevigen-onestepcheckout_payment_block .text-uppercase {
  text-transform: none !important;
}

/* Якщо хтось дав uppercase на label у цьому блоці */
#nevigenOneStepCheckout .nevigen-onestepcheckout_payment_block label {
  text-transform: none !important;
}

/* ---------------------------------------------------------------- */
/* Дополнительные стили для цветовых свотчей (swatches) */
.js-color-swatches {
  margin: 16px 0 8px;
}

.js-color-swatches__label {
  font-size: 14px;
  margin-bottom: 8px;
  color: #666;
}

.js-color-swatches__list {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.js-color-swatches__item {
  display: inline-flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .15);
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.js-color-swatches__item.is-active {
  border: 2px solid #111;
}

.js-color-swatches__item:hover {
  border-color: #111;
}

.js-color-swatches__dot {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}

/* Для белого кружка можно добавить тонкую рамку */
.js-color-swatches__dot[style*="#fff"],
.js-color-swatches__dot[style*="#FFF"],
.js-color-swatches__dot[style*="white"] {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
}
/* === Спрятать плитки категорий над товарами на мобилках === */
@media screen and (max-width: 991.98px) {
  /* сам блок с плитками */
  .jshop_list_category {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }

  /* на всякий пожарный — внутренности, если где-то принудительно flex */
  .jshop_list_category .row-fluid,
  .jshop_list_category > * {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }

  /* убираем возможный зазор над списком товаров */
  #comjshop_list_product,
  .jshop_list_category + .row,
  .jshop_list_category + .row-fluid {
    margin-top: 0 !important;
  }
}
/* Убиваем наследованный «низ» на карточках товаров (те самые 70px) */
#comjshop_list_product .block_product,
.comjshop .jshop_list_product .block_product,
#comjshop .jshop_list_product .block_product {
  margin-bottom: 0 !important;
}

/* На всякий случай: отключаем вертикальные отступы-«гаттеры» у рядов */
#comjshop_list_product .row,
#comjshop_list_product .row-fluid {
  --bs-gutter-y: 0 !important;
  margin-bottom: 0 !important;
}

/* Контролируем нужный вертикальный шаг между карточками вручную */
#comjshop_list_product .block_item {
  padding-bottom: 24px !important; /* поставь 0–32px как тебе нужно */
}

/* Если отступ приходит от блока «плиток категорий» под ним — обнули */
.comjshop .jshop_list_category,
#comjshop .jshop_list_category {
  margin-bottom: 0 !important;
}
/* ----- Вертикальные отступы между рядами карточек товаров ----- */

/* Сбрасываем любой внутренний паддинг, которым мы раньше помогали */
#comjshop_list_product .block_item {
  padding-bottom: 0 !important;
}

/* Контейнер со списком товаров:
   - выключаем bootstrap-гаттеры по вертикали (чтобы не мешали)
   - задаём «настоящий» вертикальный gap, который работает и в grid, и во flex-wrap */
#comjshop_list_product .row,
#comjshop_list_product .row-fluid {
  --bs-gutter-y: 0 !important;
  margin-bottom: 0 !important;
  row-gap: 32px !important;   /* желаемый отступ между рядами */
}

/* На десктопе оставляем горизонтальный шаг 25px (если его где-то затирают) */
@media (min-width: 1200px) {
  #comjshop_list_product .row,
  #comjshop_list_product .row-fluid {
    column-gap: 25px !important;  /* горизонтальный отступ между карточками */
  }
}

/* На планшетах/мобилках — можно сделать помягче (при желании поменяй число) */
@media (max-width: 1199.98px) {
  #comjshop_list_product .row,
  #comjshop_list_product .row-fluid {
    row-gap: 24px !important;     /* вертикальный отступ между рядами на адаптиве */
  }
}
/* ===== Breadcrumbs: mobile — одна строка, в фокусе последний шаг ===== */
@media (max-width: 767.98px) {
  /* сам контейнер хлебных крошек */
  .breadcrumb{
    display:flex;                 /* всё в одну линию */
    flex-wrap:nowrap;
    align-items:center;
    gap:.25rem;
    white-space:nowrap;           /* запрет переносов */
    overflow-x:auto;              /* горизонтальный скролл при необходимости */
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .breadcrumb::-webkit-scrollbar{display:none;}

  /* «Вы тут:» или любой другой префикс — остаётся слева */
  .breadcrumb > :not(ol):not(ul){
    flex:0 0 auto;                /* не сжимать и не переносить */
  }

  /* список крошек: трюк RTL, чтобы сразу показывался правый край */
  .breadcrumb > ol,
  .breadcrumb > ul{
    display:flex;
    flex-wrap:nowrap;
    gap:.25rem;
    margin:0; padding:0;
    direction:rtl;                /* прокручено к последнему элементу */
  }
  /* элементы списка возвращаем в нормальное направление */
  .breadcrumb > ol > li,
  .breadcrumb > ul > li{
    direction:ltr;
    flex:0 0 auto;
    display:inline-flex;
    max-width:70vw;               /* чтобы длинные названия не ломали верстку */
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* На всякий случай не даём разъехаться разделителю */
  .breadcrumb li::marker{content:"";}    /* если <ol> — убираем нумерацию */
}

/* визуальный акцент на текущем (последнем) пункте */
.breadcrumb li:last-child,
.breadcrumb li:last-child a,
.breadcrumb li.active{
  font-weight:600;
  color:#1f2021;
  pointer-events:none;
}
/* предыдущие ссылки чуть бледнее (опционально) */
.breadcrumb li:not(:last-child) a{color:#758295;}

/* ===== Mobile gallery: full-width horizontal slider with dots ===== */
@media (max-width: 767.98px) {
  /* старые блоки картинок на мобилке прячем */
  .product_image-block .image_middle,
  .product_image-block .image_thumb_list { display: none !important; }

  /* новая галерея */
  .m-gallery { position: relative; width: 100%; }
  .m-gallery__track{
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;      /* Firefox */
    gap: 0;
  }
  .m-gallery__track::-webkit-scrollbar{ display:none; } /* Chrome/Safari */

  .m-gallery__slide{
    flex: 0 0 100%;
    scroll-snap-align: center;
  }
  .m-gallery__slide img{
    display:block;
    width:100%;
    height:auto;
  }

  /* точки */
  .m-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    padding:10px 0 6px;
  }
  .m-dot{
    width:6px;height:6px;border-radius:50%;
    background:#d6d6d6; border:0; padding:0;
  }
  .m-dot.is-active{ background:#111; }
}
/* Контейнер списка языков в #sp-user1 */
#sp-user1 .sp-module.langtabs .mod-languages ul.lang-inline{
  display:inline-flex !important;
  align-items:center;
  gap:2px !important;
  margin:0 !important;
  padding:3px !important;                 /* внутренняя «капсула» вокруг табов */
  border-radius:999px !important;
  background:#f5f5f5 !important;  /* если фон оранжевый — можно rgba(255,255,255,.18) */
  list-style:none !important;
}

/* ОБНУЛЯЕМ оформление, которое шаблон вешает на LI (там стоит !important) */
#sp-user1 .sp-module.langtabs .mod-languages ul.lang-inline > li,
#sp-user1 .sp-module.langtabs .mod-languages ul.lang-inline > li.lang-active{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  margin:0 !important;
}

/* Расстояние между табами (поправляй цифру здесь) */
#sp-user1 .sp-module.langtabs .mod-languages ul.lang-inline{
  gap: 2px !important;          /* ← меняй на нужное: 6, 10 и т.д. */
}

/* Ссылки как табы */
#sp-user1 .sp-module.langtabs .mod-languages ul.lang-inline > li > a{
  display:inline-block !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  font-weight:400 !important;
  font-size:12px !important;    /* ← РАЗМЕР ТЕКСТА тут меняй */
  line-height:1 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  color:#111 !important;        /* неактивная */
  background:transparent !important;
}

/* АКТИВНЫЙ таб — «пилюля» на самой ссылке */
#sp-user1 .sp-module.langtabs .mod-languages ul.lang-inline > li.lang-active > a{
  background:#000 !important;
  color:#fff !important;
}

/* Ховер по неактивному */
#sp-user1 .sp-module.langtabs .mod-languages ul.lang-inline > li:not(.lang-active) > a:hover{
  background:rgba(0,0,0,.10) !important;
}

/* Чуть сдвинуть блок, если нужно */
#sp-user1 .sp-module.langtabs{ margin-left:8px !important; }

@media (max-width:480px){
  #sp-user1 .sp-module.langtabs .mod-languages ul.lang-inline > li > a{
    padding:5px 8px !important;
    font-size:11px !important;  /* компактнее на мобилке */
    font-weight:600 !important;
  }
}
/* ===================== 0) БАЗА / СБРОС ===================== */
#sp-section-1.header-top-menu{
  position:relative;
  z-index: 1050; /* выше слайдера */
}
#sp-section-1.header-top-menu .container,
#sp-section-1.header-top-menu .container-inner,
#sp-section-1.header-top-menu .row,
#sp-section-1.header-top-menu #sp-user2{
  overflow: visible !important; /* дропдауны не режем */
}

/* Снимаем ВСЕ старые «верхние» полосы, чтобы не было дублей */
#sp-section-1.header-top-menu > .container,
#sp-section-1.header-top-menu .container-inner{
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* ===================== 2) ГОРИЗОНТАЛЬНОЕ МЕНЮ ===================== */
.sp-megamenu-parent{ float:none !important; margin:0 !important; position:static !important; }

#sp-section-1.header-top-menu #sp-user2,
#sp-section-1.header-top-menu #sp-user2 .sp-column,
#sp-section-1.header-top-menu #sp-user2 .sp-module{
  margin:0 !important; padding-left:0 !important; text-align:left !important;
}

#sp-user2{ position: relative; z-index: 1050; }

#sp-user2 .sp-module.sp-megamenu-parent{
  display:flex !important; align-items:center !important; justify-content:flex-start !important;
}

/* список верхнего уровня */
#sp-user2 .sp-module ul.menu,
#sp-user2 .sp-module .sp-megamenu-parent,
#sp-user2 .sp-module .menusp-megamenu-parent{
  list-style:none; margin:0; padding:0;
  display:flex !important; align-items:center !important; justify-content:flex-start !important;
  gap: clamp(8px, 1.6vw, 24px);
  max-width:100%; min-width:0; box-sizing:border-box;
  padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #dee2e6;
  
}
#sp-user2 .sp-module ul.menu > li,
#sp-user2 .sp-module .sp-megamenu-parent > li,
#sp-user2 .sp-module .menusp-megamenu-parent > li{
  position:relative; margin:0; flex:0 1 auto; min-width:0; float:none !important;
}

/* ссылки */
#sp-user2 .sp-module ul.menu > li > a,
#sp-user2 .sp-module .sp-megamenu-parent > li > a,
#sp-user2 .sp-module .menusp-megamenu-parent > li > a{
  display:block;
  padding:14px clamp(6px,1vw,10px);
  font: 500 16px/1.2 "Gotham Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#111; text-decoration:none; white-space:nowrap;
}
#sp-user2 .sp-module ul.menu > li.active > a,
#sp-user2 .sp-module .sp-megamenu-parent > li.active > a,
#sp-user2 .sp-module .menusp-megamenu-parent > li.active > a{ color:#0061af; }
#sp-user2 .sp-module ul.menu > li > a:hover,
#sp-user2 .sp-module .sp-megamenu-parent > li > a:hover,
#sp-user2 .sp-module .menusp-megamenu-parent > li > a:hover{ color:#0061af; }

/* стрелка у пунктов с подпунктами */
#sp-user2 .sp-module .sp-megamenu-parent > li.menu-parent > a::after,
#sp-user2 .sp-module ul.menu > li.menu-parent > a::after,
#sp-user2 .sp-module .menusp-megamenu-parent > li.menu-parent > a::after{
  content:"▾"; margin-left:8px; font-size:.85em; opacity:.75;
}

/* ===================== 3) ДРОПДАУНЫ RU/UA (жёстко по hover) ===================== */
#sp-user2 .sp-megamenu-parent li,
#sp-user2 .menusp-megamenu-parent li{ position:relative; }

/* любые типы выпадашек: ul или дивы с «dropdown» */
#sp-user2 .sp-megamenu-parent li > ul,
#sp-user2 .menusp-megamenu-parent li > ul,
#sp-user2 .sp-megamenu-parent li > .sp-dropdown,
#sp-user2 .sp-megamenu-parent li > .sp-dropdown-items,
#sp-user2 .sp-megamenu-parent li > .sp-dropdown-inner{
  display:none !important;
  visibility:hidden; opacity:0;
  position:absolute; top:100%; left:0;
  z-index: 1050;
  background:#fff; border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  padding:8px 0; margin:0; list-style:none; min-width:240px;
}

/* вложенные вправо */
#sp-user2 .sp-megamenu-parent li ul ul,
#sp-user2 .menusp-megamenu-parent li ul ul,
#sp-user2 .sp-megamenu-parent li .sp-dropdown .sp-dropdown,
#sp-user2 .sp-megamenu-parent li .sp-dropdown-items .sp-dropdown-items{
  top:0; left:100%;
}

/* раскрытие по hover/focus — перекрываем логику темы */
@media (min-width:992px){
  #sp-user2 li:hover > ul,
  #sp-user2 li:focus-within > ul,
  #sp-user2 li:hover > .sp-dropdown,
  #sp-user2 li:focus-within > .sp-dropdown,
  #sp-user2 li:hover > .sp-dropdown-items,
  #sp-user2 li:focus-within > .sp-dropdown-items,
  #sp-user2 li:hover > .sp-dropdown-inner,
  #sp-user2 li:focus-within > .sp-dropdown-inner{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* ссылки внутри подменю */
#sp-user2 .sp-megamenu-parent li > ul > li > a,
#sp-user2 .menusp-megamenu-parent li > ul > li > a,
#sp-user2 .sp-megamenu-parent li > .sp-dropdown > li > a{
  display:block; padding:10px 14px; color:#333; text-decoration:none; white-space:nowrap;
}
#sp-user2 .sp-megamenu-parent li > ul > li > a:hover,
#sp-user2 .menusp-megamenu-parent li > ul > li > a:hover,
#sp-user2 .sp-megamenu-parent li > .sp-dropdown > li > a:hover{
  background:#f5f5f5; color:#000;
}

/* ===================== 4) Правая колонка ===================== */
#sp-position1 .sp-column{ display:flex; align-items:center; justify-content:flex-end; gap:12px; }
#sp-position1 .sp-module.burger-mod{ display:none !important; }
#sp-position1 .sp-module.burger-mod .offcanvas-toggler{
  background:none; border:0; padding:0; margin:0; line-height:1; cursor:pointer;
}
#sp-position1 .sp-module.burger-mod .offcanvas-toggler img.burger-img{ display:block; width:24px; height:auto; }

/* ===================== 5) Мобилка (mobilebar) ===================== */
@media (max-width:991.98px){
  #sp-user2 .sp-module ul.menu,
  #sp-user2 .sp-module .sp-megamenu-parent,
  #sp-user2 .sp-module .menusp-megamenu-parent{ display:none !important; }

  #sp-position1 .sp-module.burger-mod{ display:block !important; order:-1; }

  .sp-mobilebar{
    position:sticky; top:0; z-index:1050;
    background:#fff; border-bottom:1px solid #eee; padding-top:env(safe-area-inset-top);
  }
  .sp-mobilebar .sp-column{
    display:flex !important; align-items:center; justify-content:space-between;
    padding:25px 0; gap:0;
  }
  .sp-mobilebar .sp-column > *:not(.sp-module){ display:none !important; }
  .sp-mobilebar .sp-module, .sp-mobilebar .sp-module .sp-module-content, .sp-mobilebar .sp-module p{
    margin:0 !important; padding:0 !important; line-height:0 !important; background:none !important; box-shadow:none !important;
  }
  .sp-mobilebar .sp-module-content:empty{ display:none !important; }

  .sp-mobilebar .sp-module.ml-burger{ order:1; flex:0 0 44px; display:flex !important; align-items:center; justify-content:flex-start; }
  .sp-mobilebar .sp-module.ml-logo  { order:2; flex:1 1 auto; display:flex; align-items:center; justify-content:center; text-align:center; }
  .sp-mobilebar .sp-module.ml-cart  { order:3; flex:0 0 44px; display:flex !important; align-items:center; justify-content:flex-end; margin-left:auto; }

  .sp-mobilebar .offcanvas-toggler{ width:44px; height:44px; display:inline-flex !important; align-items:center; justify-content:center; background:none; border:0; padding:0; cursor:pointer; }
  .sp-mobilebar .burger-img{ width:24px; height:auto; display:block; }

  .sp-mobilebar .ml-logo a{ display:block; line-height:0 !important; }
  .sp-mobilebar .ml-logo img.mobile-logo{ height:var(--logo-h,28px) !important; width:auto !important; max-height:none !important; display:block !important; }
  .sp-mobilebar .ml-logo svg{ height:var(--logo-h,28px) !important; width:auto !important; display:block !important; }

  .sp-mobilebar .sp-module.ml-cart{ line-height:0 !important; }
  .sp-mobilebar .ml-cart .sp-module-content{ display:flex !important; align-items:center !important; justify-content:flex-end !important; }
  .sp-mobilebar .ml-cart img, .sp-mobilebar .ml-cart svg, .sp-mobilebar .ml-cart i{ display:block !important; height:var(--cart-h,24px) !important; width:auto !important; }
  .sp-mobilebar .ml-cart sup, .sp-mobilebar .ml-cart .badge, .sp-mobilebar .ml-cart .count{ line-height:1 !important; margin:0 !important; }
}

/* ===================== 6) Десктоп — компактнее ===================== */
@media (min-width:992px){
  #sp-user2 .sp-module ul.menu,
  #sp-user2 .sp-module .sp-megamenu-parent,
  #sp-user2 .sp-module .menusp-megamenu-parent{
    justify-content:flex-start !important; gap:19px !important;
  }
  #sp-user2 .sp-module ul.menu > li > a,
  #sp-user2 .sp-module .sp-megamenu-parent > li > a,
  #sp-user2 .sp-module .menusp-megamenu-parent > li > a{
    padding:12px 8px !important;
  }
  #sp-user2 .sp-module .sp-megamenu-parent > li.menu-parent > a::after,
  #sp-user2 .sp-module ul.menu > li.menu-parent > a::after,
  #sp-user2 .sp-module .menusp-megamenu-parent > li.menu-parent > a::after{ margin-left:6px !important; }

  #sp-section-1.header-top-menu #sp-user2 .sp-module{ margin-left:0 !important; margin-right:auto !important; text-align:left !important; }
}

/* ===================== 7) Одинаковый размер шрифта (UA/RU) ===================== */
html[lang="ru-ru"] #sp-user2 .sp-module ul.menu > li > a,
html[lang="uk-ua"] #sp-user2 .sp-module ul.menu > li > a,
html[lang="ru-ru"] #sp-user2 .sp-module .sp-megamenu-parent > li > a,
html[lang="uk-ua"] #sp-user2 .sp-module .sp-megamenu-parent > li > a,
html[lang="ru-ru"] #sp-user2 .sp-module .menusp-megamenu-parent > li > a,
html[lang="uk-ua"] #sp-user2 .sp-module .menusp-megamenu-parent > li > a{
  font-size:16px !important;
}
/* === ЛОКАЛЬНЫЕ GAP ДЛЯ ДЕСКТОПА (>=992px) === */
@media (min-width: 992px){
  /* RU: компактнее */
  html[lang="ru-ru"] #sp-user2 .sp-module ul.menu,
  html[lang="ru-ru"] #sp-user2 .sp-module .sp-megamenu-parent,
  html[lang="ru-ru"] #sp-user2 .sp-module .menusp-megamenu-parent{
    gap: 19px !important;     /* поставь своё значение */
  }

  /* UA: как сейчас / можно шире */
  html[lang="uk-ua"] #sp-user2 .sp-module ul.menu,
  html[lang="uk-ua"] #sp-user2 .sp-module .sp-megamenu-parent,
  html[lang="uk-ua"] #sp-user2 .sp-module .menusp-megamenu-parent{
    gap: 27px !important;     /* поставь своё значение */
  }
}

/* (необязательно) если для RU хочешь ещё плотнее паддинги ссылок: */
/*
@media (min-width: 992px){
  html[lang="ru-ru"] #sp-user2 .sp-module ul.menu > li > a,
  html[lang="ru-ru"] #sp-user2 .sp-module .sp-megamenu-parent > li > a,
  html[lang="ru-ru"] #sp-user2 .sp-module .menusp-megamenu-parent > li > a{
    padding: 12px 6px !important;
  }
}
*/
/* Отступ сверху перед ценой в модульных карточках */
.top_hits_products .old_price-new_price,
.label_products .old_price-new_price,
.nevigen_jshop_idsproducts .old_price-new_price,
.nevigen_prodcurcat .old_price-new_price {
  margin-top: 8px;   /* можно 10–12px, если нужно больше воздуха */
}

/* На всякий случай: если где-то цена идёт вне .old_price-new_price */
.top_hits_products .jshop_price,
.label_products .jshop_price,
.nevigen_jshop_idsproducts .jshop_price,
.nevigen_prodcurcat .jshop_price {
  margin-top: 4px;
}

/* Небольшой отступ от названия вниз (универсально для модулей) */
.top_hits_products .name,
.label_products .name,
.nevigen_jshop_idsproducts .name,
.nevigen_prodcurcat .name {
  margin-bottom: 6px;
}

/* === Sticky Buy: большая кнопка с иконкой и текстом =================== */
.ml-sticky-buy .buy_btn_product{
  /* переопределяем квадратную кнопку только внутри панели */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1;
  min-height: 52px;
  padding: .9rem 1.2rem .9rem 2.75rem !important; /* место под иконку слева */
  border-radius: 1rem !important;
  width: auto !important;
  height: auto !important;
  text-indent: 0 !important;
  overflow: visible !important;

  /* иконка из твоего глобального правила .buy_btn_product — смещаем влево */
  background-repeat: no-repeat !important;
  background-position: 14px 50% !important;
  background-size: 22px 22px !important;

  /* цвет кнопки (поверх сброса переменных в твоём css) */
  background-color: #1f2021 !important;
  color: #fff !important;

  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  transition: transform .06s ease, box-shadow .12s ease;
}
.ml-sticky-buy .buy_btn_product:active{
  transform: translateY(1px);
  box-shadow: 0 3px 10px rgba(0,0,0,.10);
}
/* отключим глобальный «скейл» на ховере — на фикс-панели дёргается */
.ml-sticky-buy .buy_btn_product:hover{ transform:none; }

/* подпись внутри кнопки */
.ml-sticky-buy__label{ display:inline-block; }

/* узкие экраны — можно растянуть кнопку */
@media (max-width: 400px){
  .ml-sticky-buy__inner{ gap: .5rem; }
  .ml-sticky-buy .buy_btn_product{ flex: 1 1 auto; justify-content: center; }
}
/* === Sticky Buy: панель всегда видна =============================== */
.ml-sticky-buy{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;              /* а не -120px */
  z-index: 10000 !important;         /* выше любого контента/модалок темы */
  display: block !important;
  transform: translateZ(0);          /* форсируем компоновку (Chrome/Android) */
  will-change: transform;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 -8px 24px rgba(0,0,0,.08);
  padding-bottom: max(env(safe-area-inset-bottom), 0px);
}
/* На всякий случай игнорируем возможные скрывающие атрибуты */
.ml-sticky-buy[hidden],
.ml-sticky-buy[aria-hidden="true"]{
  display: block !important;
  visibility: visible !important;
}

.ml-sticky-buy__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:.75rem; padding:.75rem .875rem; min-height:60px;
}
.ml-sticky-buy__price{ font-weight:700; font-size:1.05rem; color:#111; }

/* Кнопка без иконки */
.ml-sticky-buy .buy_btn_product{
  display:inline-flex !important; align-items:center; justify-content:center;
  gap:.6rem; font-weight:700; font-size:1.05rem; line-height:1;
  min-height:52px;
  padding:.9rem 1.2rem !important;     /* ← без левого места под иконку */
  border-radius:4px !important;
  width:auto !important; height:auto !important;
  text-indent:0 !important; overflow:visible !important;

  background-image: none !important;   /* ← убрать иконку корзины */
  background-color:#1f2021 !important; color:#fff !important;

  box-shadow:0 6px 16px rgba(0,0,0,.08);
  transition:transform .06s ease, box-shadow .12s ease;
}
.ml-sticky-buy .buy_btn_product:hover{ transform:none; }
.ml-sticky-buy .buy_btn_product:active{ transform:translateY(1px); box-shadow:0 3px 10px rgba(0,0,0,.10); }

.ml-sticky-buy__label{ display:inline-block; }

/* Бейдж “Немає в наявності” вместо кнопки */
.ml-sticky-buy__soldout{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.65rem .9rem; min-height:46px;
  border-radius: .75rem;
  background:#f5f5f5; color:#444; font-weight:700; font-size:.95rem;
  white-space:nowrap;
}

/* Прячем панель на десктопах */
@media (min-width: 992px){
  .ml-sticky-buy{ display:none !important; }
}

/* Узкие экраны — можно растянуть кнопку */
@media (max-width: 400px){
  .ml-sticky-buy__inner{ gap:.5rem; }
  .ml-sticky-buy .buy_btn_product{ flex:1 1 auto; justify-content:center; }
}
/* Стрелка «вверх» — держим над нижней панелью покупки + не прячем под iOS-браузер */
.sp-scroll-up,
#sp-scroll-up,
#sp-scroll-top,
#toTop,
#topcontrol{
  position: fixed !important;
  right: 16px !important;
  /* 60px — высота твоей .ml-sticky-buy; 16px — отступ */
  bottom: calc(80px + 16px) !important;
  /* iOS safe-area (айфоны с «подбородком») */
  bottom: calc(80px + 16px + env(safe-area-inset-bottom)) !important;
  bottom: calc(80px + 16px + constant(safe-area-inset-bottom)) !important; /* старые iOS */
  z-index: 10050 !important; /* выше панели покупки (у неё 9999) */
}

/* Внутри панели ничего не переносим и не «растягиваем» */
.ml-sticky-buy__inner{
  flex-wrap: nowrap;                 /* запрет переносов в одну строку */
}

/* Цена — фиксированная ширина по содержимому */
.ml-sticky-buy__price{
  flex: 0 0 auto;                    /* не тянется, не сжимается */
  white-space: nowrap;               /* не переносить "100 ₴" */
  margin-right: 12px;                /* небольшой зазор от кнопки */
}

/* Кнопка — тоже фикс. ширины, не «залипает» на всю строку */
.ml-sticky-buy .buy_btn_product{
  flex: 0 0 auto;                    /* ← ключ к Safari */
  align-self: center;                /* по вертикали красиво */
  max-width: 70vw;                   /* подстраховка на очень узких экранах */
  white-space: nowrap;               /* текст кнопки в одну строку */
}
.ml-sticky-buy{
  padding-bottom: max(env(safe-area-inset-bottom), 0px);
}
/* DESKTOP */
body.itemid-316 .article-details .article-header h1 {
    font-size: 32px;
    line-height: 1.15;
    font-weight: 600;
}

/* TABLET */
@media (max-width: 991px) {
    body.itemid-316 .article-details .article-header h1 {
        font-size: 30px;
    }
}

/* MOBILE */
@media (max-width: 575px) {
    body.itemid-316 .article-details .article-header h1 {
        font-size: 24px;
        line-height: 1.25;
    }
}
/* Full width фон */
.monoline-cta-full {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: #f5f5f5;
}

/* Контент */
.monoline-cta {
    max-width: 1200px; /* как основной контейнер сайта */
    margin: 0 auto;
    padding: 64px 20px;
    text-align: center;
}

/* Кнопка */
.monoline-cta-btn {
    width: 200px;
    display: inline-block;
}