html, body {
    height: 100%; /* Обеспечиваем полную высоту страницы */
    margin: 0;
    display: flex;
    flex-direction: column;
    }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  color: #333;
  min-height: 100vh;
}
.path-cart{
  background-color: #F6F6F9;
}
.main-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    }

a{
    text-decoration: none;
}
h1, h2{
  font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.container-1400 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Header */
header {
    width: 100%;
    background-color: #0D0D0D;
    color: white;
    padding: 20px 0;
}

header .container-1400 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-right-section i {
    font-size: 24px;
    color: #0D0D0D;
}

.header-right-section a span{
  color:#c7c4c4;
}

.header-right-section a:hover>span{
  color: #fff;
}

.header-right-section span {
    font-size: 11px;
    color: #f2f2f2;
    margin-top: 7px;
}

.menu-bar .container-1400 {
    display: flex;
    justify-content: center;
}

.search-form {
    background-color: white;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.search-form .form-search {
    border: none;
    background: transparent;
}

.search-form .form-actions {
    margin-left: -30px;
}
header #search-block-form .form-search {
    border: none !important;
}
header #search-block-form #edit-actions {
    color:#0D0D0D;
}

/* Гамбургер */
.hamburger {
  width: 40px;
  height: 30px;
  cursor: pointer;
  position: relative;
  margin-right: -25px;
  margin-left: 20px;
}

.line {
  width: 100%;
  height: 4px;
  background-color: #fff;
  position: absolute;
  transition: all 0.3s ease;
}

.line:nth-child(1) {
  top: 0;
}

.line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.line:nth-child(3) {
  bottom: 0;
}

/* Активное состояние */
.hamburger.active .line:nth-child(1) {
  transform: rotate(45deg);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.hamburger.active .line:nth-child(2) {
  opacity: 0;
}

.hamburger.active .line:nth-child(3) {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}

/* Стиль для кнопки закрытия */
.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: white;
  cursor: pointer;
  z-index: 1001; /* Чтобы кнопка была выше остального содержимого */
}
.close-button:hover {
  color: #d3d1d1; /* Изменение цвета при наведении */
}

.menuleft {
  position: fixed;
  top: 0;
  left: -300px; /* Панель изначально скрыта */
  width: 300px;
  height: 100%; /* Полная высота экрана */
  background-color: #333;
  color: white;
  z-index: 1000; /* Выше других элементов */
  transition: left 0.3s ease;
  overflow-y: auto; /* Добавляем вертикальную прокрутку */
  overflow-x: hidden;
  scrollbar-width: thin; /* Тонкая полоса прокрутки (для Firefox) */
  margin-top: 90px;
}

.menuleft.active {
  left: 0; /* Панель выезжает на экран */
}

/* Стиль для ссылок в меню */
.menuleft ul {
  display: block;
  list-style: none;
  padding: 0;
}

.menuleft ul ul{
  margin-left: 10px;
}

.menuleft li {
  margin: 5px 0;
  position: relative;
}

.menuleft a {
	display:block;
  text-decoration: none;
  color: white;
  font-size: 16px;
  transition: color 0.3s ease;
  padding: 5px;
}

.menuleft a:hover {
  color: #d3d1d1;
}
.lmg {
  margin-top: 50px;
}

/* Стиль для скроллбара (для Chrome/Edge/Safari) */
.menuleft::-webkit-scrollbar {
  width: 8px; /* Ширина скроллбара */
}

.menuleft::-webkit-scrollbar-thumb {
  background-color: #555; /* Цвет ползунка */
  border-radius: 4px; /* Закругление ползунка */
}

.menuleft::-webkit-scrollbar-track {
  background-color: #333; /* Цвет дорожки */
}


/* Показать меню */
.menuleft.active {
  left: 0; /* Панель выезжает на экран */
}

/* Правая панель */
.menuright {
  position: fixed;
  top: 0;
  left: 300px; /* Располагаем справа от левой панели */
  width: 300px;
  height: 100%;
  background-color: #555;
  color: white;
  z-index: 999;
  display: none; /* Панель изначально скрыта */
  overflow-y: auto;
  margin-top: 90px;
}

.menuright.active {
  display: block; /* Панель становится видимой */
}

/* Стиль для контента подменю */
.submenu-content {
  padding: 20px;
}

/* Наведение на элемент с подменю */
.menuleft .subitem-cl:hover {
  background-color: #555;
}

.subitem-cl::after {
    content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='24' width='24'><path d='M11.89 8l-1.415 1.414-4.95 4.95-1.414-1.414L9.06 8 4.11 3.05l1.414-1.414 4.95 4.95L11.889 8z' fill='%23ffffff' /></svg>");
    display: inline-block;	
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px; /* Размещаем справа */
    top: 20px; /* Центрируем по вертикали */
    transform: translateY(-50%); /* Корректируем центрирование */
    transition: transform 0.3s ease; /* Плавная анимация поворота */
}

/* Скрываем подменю внутри левой панели */
.menuleft .menu {
  display: none;
}

/* Отображаем подменю в правой панели */
.submenu-content ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.submenu-content li {
  margin: 5px 0;
}

.submenu-content a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  transition: color 0.3s ease;
  padding: 5px;
}

.submenu-content a:hover {
  color: #d3d1d1;
}

/* Выделение активного элемента */
.menuleft .subitem-cl.active {
  background-color: #555; /* Фон активного элемента */
}

.menuleft .subitem-cl.active > a {
  color: #d3d1d1; /* Цвет текста активного элемента */
  font-weight: bold; /* Жирный шрифт */
}

.menuright > .link-title {
  display: none; /* Изначально скрыт */
  color: #000;
}
/*------------------------------------*/

/* Нижняя панель */

/*------------------------------------*/


header #search-block-form {
    padding: 0 15px 0 0;
}
.header-right-section a{
    color: #f2f2f2;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.header-right-section .d-flex.flex-column {
    height: 42px;
    justify-content: flex-end;
}

.header-right-section .cart-container {
    position: relative;
}

.header-right-section .cart-block--summary__count {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    font-size: 10px;
    background-color: #dc3545;
    color: #fff;
    padding: 2px 5px;
    border-radius: 50%;
    z-index: 1;
}

/* счетчик флагов сверху */
.fav{
  position: relative;
}
.view-favourites.view-display-id-block_2 .products{
  display: block;
}

.shetchik {
  position: absolute;
  background-color: #7d9b08;
  color: #fff;
  padding: 2px 6px;
  border-radius: 50%;
  top: 0;
  right: 0;
  font-size: 10px;
}


.main-wrapper {
    display: flex;
    flex: 1;
    width: 100%;
}

.sidebar {
    width: 250px;
    background-color: white;
    padding: 20px;
    border-right: 1px solid #ddd;
}

.content-wrapper {
    flex: 1;
	/* padding: 20px; */
    padding: 10px 0 20px 0;
    background-color: transparent;
   /* margin-left: 10px;*/
   margin-left: 0;
}

.view-products .products{
  padding: 0 15px;
}

.block-views-blockproducts-block-5, .block-views-blockincluded-termins-block-1{
  margin-top:50px;
}

.block-views-blockproducts-block-5{
  margin-bottom: 25px;
}

.block-views-blockproducts-block-5 h2{
  margin-bottom:25px;
}

.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 25px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

@media (max-width: 1024px) {
.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
}

/* Кнопка еще */
li.pager__item::marker {
    content: "";
}

li.pager__item {
  text-align: center;
  margin-top: 30px;
}

.pager li.pager__item a{
  color:#ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  font-size: 1.22rem;
  font-weight: 400;
  border-radius: 0.375rem;
}

.pager li.pager__item a:hover{
	background-color: #51585e;
  border-color: #51585e;
}


.card {
    background-color: transparent;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s;
    max-width: 100%;
    position: relative;
}
.card .flag{
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-block;
}
.flag .svg-inline--fa{
    height: 1.3em;
}
.action-flag a{
    color: #999;
}
.action-unflag a{
    color: #ff6f61;
}
.ajax-progress-throbber { display: none}


.card-img-top, .cart-item .product-image {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 12px;
}
.card-title {
    font-size: 14px;
    color: #9d9da5;
    line-height: 1.2;
    white-space: nowrap; /* Запрет переноса текста на новую строку */
    overflow: hidden; /* Скрытие текста, который не помещается */
    text-overflow: ellipsis; /* Добавление многоточия */
}

.card-title a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    font-size: 14px;
}

.card-title a:hover {
    color: #ff6f61;
}


.card.product-card .card-text {
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
  display: flex;
  align-items: baseline;
}

.price {
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px;
    color:#f44;
}

.old_price {
  display: inline-block;
  margin-right: 10px;
  text-decoration: line-through;
  color: grey;
  font-size: 14px;
}




.card p{
    margin-bottom: 0;
}
.products .card{
    box-shadow: none;
    border: none;
    background-color: transparent;
}
.card-body{
    width: 100%;
    padding:0;
}
.add-product{
    width: 100%;
    margin-top: auto;
    display: block;
    background-color: #0D0D0D;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s;
    border-color: #0D0D0D;
}

.add-product:hover, .add-product:active, .add-product:focus{
    background-color: #333;
    color: #fff;
    border-color: #0D0D0D;
}

.commerce-ajax-add-to-cart-container .add-product{
  display: flex;
  height: 45px;
  align-items: center; /* вертикальное выравнивание */
  justify-content: center;
  margin-top: 15px;
}

footer {
    margin-top: auto;
    background-color: #0D0D0D;
    color: white;
    text-align: center;
    padding: 20px;
    width: 100%;
}



.main-wrapper {
    flex: 1;
}


.icon {
    width: 24px;
    height: 24px;
    color: white;
}


.tr {
    border-bottom: 1px solid #161515;
    padding: 0.1em 0.6em;
    background: #f2f2f2;
}


input[type="search"]:focus {
    outline: none;
    box-shadow: none;
}
.delete-order-item {
    color: #999;
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 2px;
}


.delete-order-item i {
    font-size: 1.2em;
}


.delete-order-item:hover {
    color: #ff0000;
    border: none;
    background: transparent;
    padding: 0;
}
.quantity-button {
    width: 100%;
    box-sizing: border-box;
}
.number-editor-button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.products-count-form input[type=number]::-webkit-inner-spin-button,
.products-count-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.products-count-form input[type=number] {
    -moz-appearance: textfield;
}

.products-count-form input[type="number"] {
    appearance: textfield;
}

.quantity-edit-input {
  border: none !important;
  background: transparent !important;
  text-align: center !important;
  -moz-appearance: textfield !important;
}

.quantity-edit-input::-webkit-outer-spin-button,
.quantity-edit-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.item-total-price{
  font-weight: 600;
}

.number-editor-button:hover {
  background: #e0e0e0;
}

.quantity-button {
  width: 12px;
  height: 12px;
  color: #666;
}

.form-control {
  height: 32px;
  box-shadow: none !important;
}

.form-control:focus {
  border-color: transparent !important;
  background: transparent !important;
}

input[type="number"] {
    text-align: center;
}
.product-page__image {
    padding: 10px;
    text-align: center;
}

.product-page__details {
    padding: 10px 10px 10px 20px;
}

.product-title {
    font-size: 20px;
    font-weight: 650;
    margin-bottom: 15px;
    color:#242424;
}

.product-description {
    font-size: 16px;
    margin-bottom: 20px;
}

.product-specifications {
    font-size: 14px;
    color: #666;
}



.product-price {
    font-size: 24px;
    font-weight: bold;
    color: #f44;
    margin-bottom: 20px;
    align-items:baseline;
    gap:8px;
}
.product-price .field{
  display: flex;
  justify-content: start;
  align-items: baseline;
}
.product-page__purchase .old-price{
  color: #868695;
  padding-right: 8px;
  font-size: 14px;
  line-height: 20px;
  align-items: baseline;
}
.product-page__purchase button {
    padding: 8px 20px;
    background-color: #0d0d0d;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s, transform 0.3s;
}

.product-page__purchase button:hover{
    background-color: #666;
}

.product-page__purchase label{
  display: none;
}

.product-page__purchase button{
  font-size:14px;
  border: none;
  border-radius: 5px;
  width:100%;
  margin-top: 10px;
}

.product-page__purchase{
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
  height: 200px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 20px 20px;
}



.product-page__content .product-page__image{
    position:relative;
}
.product-page__content .product-page__image .product-page-like{
    position: absolute;
    top: 20px;
    right: 20px;
}
.product-page__image img{
    width: 100%;
    height: auto;
}

.included-termins-container .views-field{
    background: #f2f2f2;
    border-radius: 15px;
    padding: 2px 15px;
}

.included-termins-container{
    margin: 25px 0;
}

.included-termins-container .views-field:hover{
    background: #cdcbcb;
}

.included-termins-container .views-field a{
    text-decoration: none;
    color: #0d0d0d;
}
.dialog-off-canvas-main-canvas{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.moonshop-user-register-page-form {
    max-width: 500px;
    margin: 50px auto;
    padding: 30px;
    background: linear-gradient(135deg, #f9f9f9, #e8f3ff);
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    font-family: 'Roboto', Arial, sans-serif;
}


.moonshop-user-register-page-form h1 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    color: #0d0d0d;
}


.moonshop-user-register-page-form .form-item {
    margin-bottom: 15px;
}

.moonshop-user-register-page-form .form-item label {
    font-weight: bold;
    color: #0d0d0d;
    display: block;
    margin-bottom: 5px;
    font-size: 0.9rem;
}


.moonshop-user-register-page-form .form-item-mail .description,
.moonshop-user-register-page-form .form-item-name .description {
    display: none;
}

.moonshop-user-register-page-form .form-control {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 1rem;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.moonshop-user-register-page-form .form-control:focus {
    border-color: #0d0d0d;
    box-shadow: 0 0 6px rgba(13, 13, 13, 0.5);
}


.moonshop-user-register-page-form .btn-primary {
    display: block;
    margin: 20px auto;
    background: #0d0d0d;
    border: none;
    padding: 10px 20px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.moonshop-user-register-page-form .btn-primary:hover {
    background: rgba(13, 13, 13, 0.9);
    box-shadow: 0 4px 10px rgba(13, 13, 13, 0.5);
    transform: translateY(-2px);
    transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;
}


.moonshop-user-register-page-form .social-buttons {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.moonshop-user-register-page-form .social-buttons .btn-social {
    background: #ddd;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 0.9rem;
    text-align: center;
    color: #555;
    transition: background 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.moonshop-user-register-page-form .social-buttons .btn-social:hover {
    background: #bbb;
    transform: scale(1.05);
    transition: all 0.3s ease;
}


@media (max-width: 768px) {
.moonshop-user-register-page-form {
    padding: 20px;
}



.moonshop-user-register-page-form .social-buttons {
    flex-direction: column;
    gap: 15px;
}
}
#block-moonshopsub-socialauthlogin .content{
    display: inline-block
}
#block-moonshopsub-socialauthlogin{
    text-align: center;
}
.moonshop-user-page .container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 20px 0;
    border-radius: 10px;
    margin-top: 25px;
  }

  .moonshop-user-page .title-blocks {
    width: 100%;
    margin-bottom: 20px;
  }

  .moonshop-user-page .title-blocks h1 {
    font-size: 2em;
    border-bottom: 2px solid #0d0d0d;
    padding-bottom: 10px;
  }

  .moonshop-user-page .content-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .moonshop-user-page nav, .moonshop-user-page .content-blocks{
    background: #fff;
    border-radius: 20px;
    padding: 20px;
  }
  .moonshop-user-page nav {
    flex: 0 0 25%;
    
  }
  .moonshop-user-page .content-blocks {
    flex: 0 0 70%;
  }
  .moonshop-user-page nav ul {
    list-style: none;
    padding: 0;
  }

  .moonshop-user-page nav ul li {
    margin-bottom: 15px;
  }

  .moonshop-user-page nav ul li a {
    color: #242424;
    text-decoration: none;
    display: block;
    padding: 10px;
    border-radius: 12px;
    transition: background 0.3s;
    background-color: #f6f6f9;
  }

  .moonshop-user-page nav ul li a:hover {
    background: #0d0d0d;
    color: #fff;
  }

  

  .moonshop-user-page .bottom-blocks {
    width: 100%;
    padding: 20px;
    background: #f1f1f1;
    border-radius: 12px;
  }

  .moonshop-user-page nav ul li a.active {
    background: #0d0d0d;
    color: #fff;
  }

  .moonshop-user-page nav ul li a:hover {
    background: #333;
    color: #fff;
  }
  .moonshop-user-page .user-account-name::first-letter{
    text-transform: uppercase;
  }

.moonshop-user-page .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #333;
    background-color: #fff;
    border-collapse: collapse;
  }

  .moonshop-user-page .table th,
  .moonshop-user-page .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
  }


  .moonshop-user-page .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    background-color: #0d0d0d;
    color: #fff;
    text-align: left;
  }


  .moonshop-user-page .table tbody tr:hover {
    background-color: #f1f1f1;
  }

  .moonshop-user-page .table tbody td {
    border-bottom: 1px solid #dee2e6;
  }

  .moonshop-user-page .table tbody td a {
    color: #0d0d0d;
    text-decoration: none;
  }

  .moonshop-user-page .table tbody td a:hover {
    text-decoration: underline;
  }

  .moonshop-user-page .table tbody time {
    display: block;
    color: #666;
    font-size: 0.875rem;
  }


  .moonshop-user-page .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

.btn-quick-nav {
  z-index: 97;
  background: #3f3e3e url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.5a1%201%200%200%200%201-1V6.414l4.293%204.293a1%201%200%200%200%201.414-1.414l-6-6a1%201%200%200%200-1.414%200l-6%206a1%201%200%200%200%201.414%201.414L11%206.414V19.5a1%201%200%200%200%201%201Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) 50% no-repeat;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  font-size: 0;
  display: none;
  position: fixed;
  bottom: 68px;
  left: 16px;
  cursor:pointer;

}

.category_title{
  color:black;
}
.catalog_cart:hover{
  border: 1px solid #3f3e3e;
}

.prudct_title{
  color:#3f3e3e;
}

.rating{
  position: relative;
  display: inline-flex;
  align-items: center; 
}
.rating .mb-3{
  margin-bottom:5px !important;
}
.rating_count{
  margin-left: 7px;
}
.avg_rating {
  position: relative;
  display: inline-flex;
  align-items: center; /* Выравнивание по вертикали */
}
.avg_rating:after{
  content: "";
  background-color: #868695;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  right: -5px;
}
.avg_rating:before
{
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22%23FCA95D%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m13.568%201.395%203.052%207.577%207.816.704c.542.05.762.758.35%201.132l-5.927%205.386%201.776%208.012c.123.557-.452.995-.918.699l-6.716-4.248-6.717%204.248c-.467.294-1.04-.144-.918-.7l1.777-8.011-5.93-5.387c-.411-.374-.192-1.083.352-1.132L9.38%208.97l3.053-7.576a.605.605%200%200%201%201.135%200Z%22%20stroke%3D%22%23FCA95D%22%2F%3E%3C%2Fsvg%3E);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: block;
}
/*taxonomy term filters*/
#views-exposed-form-termin-taksonomii-page-1 div .form-actions{
  align-self: auto;
  margin-top: 24px;
}
#views-exposed-form-termin-taksonomii-page-1 .btn-secondary,
#views-exposed-form-termin-taksonomii-page-1 .form-select{
  background-color:#f1f1f5;
  color: #242424;
  border-radius: 12px;
  font-size:14px;
  border:none;
}
 /* Отзывы */

.comment-otzyvy-form .js-filter-wrapper {
  display: none;
}

h3.text-rev-zagl .fivestar-widget-static {
  display: none;
}

h3.text-rev-zagl{
 /* display: grid;
  grid-template-columns: 1fr 1fr; */
}

.fivestar-oxygen {
}
.card.product-card .fivestar-widget-static.fivestar-widget-static-vote.fivestar-widget-static-5.clearfix, .product-page__content  .fivestar-widget-static.fivestar-widget-static-vote.fivestar-widget-static-5.clearfix {
  margin-right: 5px;
  display: none;
}

.card.product-card .mb-3 {
  margin-bottom: 0.5rem !important;
}

.average-rating svg {
  margin-bottom: 4px;
}

.swiper-container {
  position: relative;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden;
}
.product-rating .mb-3{
  margin-bottom: 0 !important;
}
.footer-reviews .btn{
  padding: 11px 15px 12px;
  margin-top:24px;
}
.btn{
  border-radius: 12px !important;
}

.swiper-slide {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  padding: 20px;
  text-align: center;
  display: flex; /* Добавлено для центрирования содержимого */
  flex-direction: column; /* Вертикальное выравнивание */
  justify-content: center; /* Центрирование по вертикали */
  align-items: center; /* Центрирование по горизонтали */
  height: 130px;
}

.swiper-slide img {
  max-width: 100px;
  border-radius: 50%;
  margin-bottom: 15px;
}

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

.swiper-button-prev:before, .swiper-button-next:before {
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.361.238a.977.977%200%20011.278%200l7.097%206.377a.755.755%200%20010%201.147.977.977%200%2001-1.278%200L8%201.96%201.542%207.762a.977.977%200%2001-1.277%200%20.755.755%200%20010-1.147L7.36.238z%22%20fill%3D%22%23000%22%2F%3E%3Crect%20width%3D%222%22%20height%3D%2216%22%20rx%3D%221%22%20transform%3D%22matrix%28-1%200%200%201%209%200%29%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: block;
}

.swiper-button-next:before {
    transform: rotate(90deg);
}

.swiper-button-prev:before {
    transform: rotate(270deg);
}
.swiper-button-next {
    right: -10px;
}
.swiper-button-prev {
    left: -10px;
}

 .swiper-button-prev, .swiper-button-next {
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 100%;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 0;
    line-height: 1;
    position: absolute;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
}

.swiper-button-next, .swiper-button-prev{
  color:#000;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}

.footer-reviews {
  text-align: center;
  margin-bottom: 50px;
}

a.btn.btn-gray {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

a.btn.btn-gray:hover{
  background-color: #7d8690;
  border-color: #7d8690;
}

.review .swiper-slide a {
  width: 100%;
  color: #333;
}
.gr-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: baseline;
}

.gr-top form {
  justify-items: end;
}
.nam-gr {
  display: inline-block;
  margin-right: 5px;
  margin-left: -15px;
  color: #333;
  font-weight: 600;
}

.gr-top small{
  color: #333;
}

.nam-gr::first-letter{text-transform: uppercase;}

.col-12.row.review {
    margin-top: 50px;
}

/* Reviews Page */

.review-card {
  border-radius: 10px;
  border:none;
  margin-bottom: 20px;
}
.card{
  background-color: white;
}

.rating {
  color: gold;
}
.review-text {
  font-size: 16px;
  line-height: 22px;
}
.reviews-page-product-name a{
  color: #868695;
}
.author-info {
  font-size: 0.9rem;
  color: #6c757d;
}
.link-prod a {
  color: #aba6a6;
}

.link-prod {
  text-align: right;
}
.empty-review-add-button {
    display: inline-block;
    background-color: #6c757d;
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 16px;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    transition: background-color 0.3s ease;
    width: auto;
    max-width: 200px;
}

.empty-review-add-button:hover {
    background-color: #5a6268;
    color: #ffffff;
    text-decoration: none;
}

.empty-review-add-button i {
    margin-right: 8px;
}
.author-info .nam-gr {
  margin-left: 0;
}

.add-review-btn {
  display: block;
  width: 100%;
  margin-top: 20px;
}
div#form-review {
    margin-bottom: 50px;
}

.toast {
  background: #000;
  border-radius: 4px;
  color: #fff;
}

.toast a{
  color: #dbd7d7;
}

.toast-header {
  background-color: #000;
}

.view-blok-s-terminami-dlya-tovara.view-display-id-block_1 .view-content.row>div {

    padding: 12px 0;
}

.view-blok-s-terminami-dlya-tovara.view-display-id-block_1 .view-content.row a {

    padding: 9px 12px;
	background:#eee;
	color:#000;
	border-radius:4px;
}

.view-blok-s-terminami-dlya-tovara.view-display-id-block_1{
	margin-bottom:30px;margin-left: 15px;
}

.grid-icon-fa-1 {
    display: flex;
    gap: 10px;
	padding-bottom: 10px;
	align-items: center;
}

.field--name-field-ikonka-1 svg {
    font-size: 30px;
	color: #7e7c7c;
}

.text-icon_1 {
    font-weight: bold;
}

.grid-icon-fa-2 {
    display: flex;
    gap: 10px;
	padding-bottom: 10px;
	align-items: center;
}

.field--name-field-ikonka-2 svg {
    font-size: 30px;
	color: #7e7c7c;
}

.text-icon_2 {
    font-weight: bold;
}

.grid-icon-fa-3 {
  display: flex;
  gap: 10px;
	align-items: center;
}

.field--name-field-ikonka-3 svg {
  font-size: 30px;
	color: #7e7c7c;
}

.text-icon_3 {
  font-weight: bold;
}

.view-hlebnye-kategorii{
  margin-bottom:15px;
}
.breadcrumb-container{
  display: flex;
  margin-bottom: 25px;
}
.view-hlebnye-kategorii, .view-hlebnye-kategorii a, 
.breadcrumb-container, .breadcrumb-container a {
  color: #868695;
  font-size: 14px;
}

.view-hlebnye-kategorii a:hover, .breadcrumb-container a:hover {
    color: #3c3838;
}
/*
.krohi {
    display: flex;
    margin-bottom:30px;
}

.krohi a {
    color: #827e7e;
}

.krohi a:hover {
    color: #3c3838;
}

.krohi .views-element-container {
    display: flex;
}
*/
.no-reviews-message-container{
  margin-bottom: 25px;
}

.custom-review-btn {
  width: 140px !important;
  color: white !important;
  background-color: #6c757d !important;
  display: inline-block !important;
  text-align: center !important;
}

.custom-review-btn:hover {
  color: white !important;
}

div#block-moonshopsub-views-block-banner-block-1 img{
	width:100%;
	border-radius: 15px;
}
div#block-moonshopsub-views-block-banner-block-1 .views-row{position:relative;}

.text-bannera {
  position: absolute;
  top: 50%;
  left: 33%;
  transform: translateY(-50%);
  
  font-size: 32px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Georgia', serif; /* элегантный, тёплый шрифт */
  letter-spacing: 1px;

  color: #F2F2F2;
  text-shadow: 0 0 8px rgba(255, 214, 170, 0.4),
               0 0 12px rgba(255, 120, 90, 0.3);

  background: rgba(0, 0, 0, 0.3); /* лёгкая подложка для читаемости */
  padding: 10px 20px;
  border-radius: 12px;
}
.text-bannera a{color:#000;}

.field.field--name-field-strana-proizvodstva {
    display: flex; margin-bottom:5px;
}
.field.field--name-field-strana-proizvodstva .field__label{font-weight:bold; margin-right:3px;}


.field.field--name-field-materialy {
    display: flex; margin-bottom:5px;
}
 .field.field--name-field-materialy .field__label{font-weight:bold; margin-right:3px;}

.field.field--name-field-razmery {
    display: flex; margin-bottom:5px;
}
.field.field--name-field-razmery .field__label{font-weight:bold; margin-right:3px;}

/* slider */
.thumbnail-item img{
  cursor: pointer;
}

/* Фиксированный размер для контейнера превьюшек */
.thumbnail-item {
  width: 100px; /* Ширина превьюшки */
  height: 80px; /* Высота превьюшки */
  overflow: hidden; /* Обрезать картинку, если она больше контейнера */
  margin: 0 5px; /* Отступы между превьюшками */
  min-width: 90px;
  min-height: 90px;
  max-width: 90px;
  max-height: 90px;
}

/* Фиксированный размер для картинок в превьюшках */
.thumbnail-item img {
  cursor: pointer;
  object-fit: cover; /* Картинка заполняет контейнер без искажений */
      width: 100%;
    height: 100%;
    -o-object-fit: cover;
}

.thumbnail-item {
  border-radius: 5px; /* Закругленные углы */
  padding: 0;
  box-sizing: border-box; /* Чтобы padding не влиял на размер */
}

.slick-vertical .thumbnail-item.slick-slide {
    border: 1px solid #d8d2d2;
	margin-bottom: 10px;
}

/* Стили для активной (выбранной) превьюшки */
.slick-vertical .thumbnail-item.slick-slide.slick-current {
  border: 1px solid #007bff; /* Синяя рамка */
  border-radius: 5px; /* Закругленные углы */
}

.image-wrapper .image-gallery {
    display: flex;
}
.thumbnail-gallery.slick-initialized.slick-slider.slick-vertical {
    width: 20%;
}

.main-image.slick-initialized.slick-slider {
    width: 80%;
    border: 1px solid #d8d2d2;
    border-radius: 8px;
}

.main-image.slick-initialized.slick-slider .slick-list{border-radius:8px;}

.slick-vertical .slick-slide {
    height: 100px !important;
}

@media (max-width: 1050px) {
	.thumbnail-gallery.slick-initialized.slick-slider.slick-vertical{display:none;}
	.main-image.slick-initialized.slick-slider {width:100%}
}

@media (max-width: 760px) {
	.thumbnail-gallery.slick-initialized.slick-slider.slick-vertical{display:none;}
	.main-image.slick-initialized.slick-slider {width:100%}
	 body {
    overflow-x: hidden;
  }
  .swiper-button-next {
    display: none;
  }

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

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

  .link-prod {
    text-align: left;
    padding-top:10px;
  }
  
  .text-bannera {
    position: absolute;
    top: 50px;
    left: 18%;
    font-size: 20px;
}
div#block-moonshopsub-views-block-banner-block-1 img{
	height:145px;
}
}

 .mobile-indicator {
        display: none;
    }
	
    @media (max-width: 768px) {
        .mobile-indicator {
            display: block;
			padding-top: 10px;
			padding-bottom: 10px;
        background: #0d0d0d;
        position: fixed;
        bottom: 0;
        width: 100%;
        }
		
		.menu-bar{display:none;}
		
		.logo, #hambur, .d-flex.header-right-section {display:none !important;}
		.mx-5 {margin-right: 1rem !important; margin-left: 1rem !important;}
		
		.mobile-indicator .d-flex.header-right-section {display: grid !important; grid-template-columns: 1fr 1fr 1fr 1fr;}
		.mobile-indicator #hambur{display:block !important;padding-bottom: 10px;}
		.mobile-indicator .hamburgerm {width: 26px;height: 24px;cursor: pointer;position: relative;margin-right: -25px;margin-left: 20px;}
		/* Гамбургер */

.line {width: 100%;height: 4px;background-color: #fff;position: absolute;transition: all 0.3s ease;}

.line:nth-child(1) {top: 0;}

.line:nth-child(2) {top: 50%;transform: translateY(-50%);}

.line:nth-child(3) {bottom: 0;}

/* Активное состояние */
.hamburgerm.active .line:nth-child(1) {transform: rotate(45deg);top: 50%;transform: translateY(-50%) rotate(45deg);}

.hamburgerm.active .line:nth-child(2) {opacity: 0;}

.hamburgerm.active .line:nth-child(3) {bottom: 50%;transform: translateY(50%) rotate(-45deg);}

/* Стиль для кнопки закрытия */
.close-buttonm {position: absolute;top: 10px;right: 40px;font-size: 24px;color: white;cursor: pointer;z-index: 1001; /* Чтобы кнопка была выше остального содержимого */} 
.close-buttonm:hover {color: #d3d1d1; /* Изменение цвета при наведении */}

.menuleftm {position: fixed;top: 0;left: -100%; /* Панель изначально скрыта */width: 100%;height: 100%; /* Полная высота экрана */background-color:#333;color: white;z-index: 1000; /* Выше других элементов */transition: left 0.3s ease;overflow-y: auto; /* Добавляем вертикальную прокрутку */overflow-x: hidden;scrollbar-width: thin; /* Тонкая полоса прокрутки (для Firefox) */}

.menuleftm.active {left: 0; /* Панель выезжает на экран */}

/* Стиль для ссылок в меню */
.menuleftm ul {display: block;list-style: none;padding: 0;}

.menuleftm ul ul{margin-left: 10px;}

.menuleftm li {margin: 5px 0;}

.menuleftm a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  transition: color 0.3s ease;
  padding: 5px;
}

.menuleftm a:hover {
  color: #d3d1d1;
}
.lmg {
  margin-top: 50px;
}

/* Стиль для скроллбара (для Chrome/Edge/Safari) */
.menuleftm::-webkit-scrollbar {
  width: 8px; /* Ширина скроллбара */
}

.menuleftm::-webkit-scrollbar-thumb {
  background-color: #555; /* Цвет ползунка */
  border-radius: 4px; /* Закругление ползунка */
}

.menuleftm::-webkit-scrollbar-track {
  background-color: #333; /* Цвет дорожки */
}


/* Показать меню */
.menuleftm.active {
  left: 0; /* Панель выезжает на экран */
}

.chat-button {bottom: 67px;}
footer{padding:20px 20px 40px 20px;}
.swiper-wrapper{z-index:0;}

.menuleftm ul.menu {
  display: none; /* Скрываем меню второго уровня */
}

.menuleftm ul.menu.active {
  display: block; /* Показываем меню второго уровня */
}

/* Добавляем галочку через псевдоэлемент */
.nav-item.subitem-cl {
  position: relative; /* Для позиционирования галочки */
  background: #4e4e4e;
}

.nav-item.subitem-cl:hover{cursor:pointer;}

.nav-item.subitem-cl::after {
    content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='24' width='24'><path d='M11.89 8l-1.415 1.414-4.95 4.95-1.414-1.414L9.06 8 4.11 3.05l1.414-1.414 4.95 4.95L11.889 8z' fill='%23ffffff' /></svg>");
    display: inline-block;	
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px; /* Размещаем справа */
    top: 16px; /* Центрируем по вертикали */
    transform: translateY(-50%); /* Корректируем центрирование */
    transition: transform 0.3s ease; /* Плавная анимация поворота */
}

/* Поворачиваем галочку, если меню активно */
.nav-item.subitem-cl.active-parent::after {
    transform: translateY(-50%) rotate(90deg); /* Поворот на 90 градусов */
}
    }
	
body.no-scroll {
  overflow: hidden;
}

.overlay {
  display: none; /* По умолчанию скрыто */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный фон */
  z-index: 999; /* Помещаем поверх основного контента */
}

.cart-items-main-container{
  padding-right: 16px;
}

.cart-item .product-image{
  border-radius: 8px;
}

.cart-items-main-container .commerce-cart__line-item-box{
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 1px solid transparent;
}
.cart-items-main-container h1{
  font-size: 24px;
  font-weight: 400;
}
.cart-header-info{
  margin-bottom: 25px;
}

.cart-form{
  margin-bottom: 25px;
}

.product-description-header{
  color: #001a34;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  outline: none;
}

.path-product .field--name-field-variation-description{
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  color: #001a34;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.29;
  text-transform: none;
}

.product-specs{
  margin-bottom: 15px;
  font-size:14px;
}

.product-specs .field--label-inline{
  display: flex;
}

.product-specs .field__label,
.product-specs .field__item{
  flex:1;
  justify-content:start;
}

.product-specs .field__label{
  color: #868695;
  font-weight:500;
}

.product-specs .field__item{
  color: #242424;
}

.product-page__details .fivestar-summary-average-count{
  font-size: 14px;
}

.field--name-field-kategorii-tovarov a{
  color: #242424;
  background-color: #f6f6f9;
  border-radius: 8px;
  align-self: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 8px;
  padding: 4px 10px 4px 10px;
  font-size: 14px;
  line-height: 20px;
  transition: background-color .3s;
}

.commerce-ajax-add-to-cart-container{
  width: 100%;
}
/* ---- 1. Сброс базовых Bootstrap-стилей ---- */
.menu-bar .navbar,
.menu-bar #navbar-main,
.menu-bar .navbar.navbar-dark,
.menu-bar .navbar.bg-primary {
  background: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Сброс внутреннего контейнера (если нужно) */
.menu-bar .container-1400 {
  padding-left: 0;
  padding-right: 0;
}

/* Убираем отступы collapse-блока */
.menu-bar .navbar-collapse {
  margin: 0 !important;
  padding: 0 !important;
}

/* Убираем стили для toggler‑а (мобильного меню) */
.menu-bar .navbar-toggler {
  border: none !important;
  padding: 4px !important;
}
.menu-bar .navbar-toggler-icon {
  background-image: none !important;
  /* если нужна своя иконка, можно поставить через content или background */
  filter: invert(85%) !important; 
}

/* ---- 2. Лёгкие фон и рамка ---- */
.menu-bar {
  background-color: rgba(27, 23, 39, 0.9) !important; /* тёмно-фиолетовый */
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  margin-bottom: 25px;
}

/* ---- 3. Стили ссылок ---- */
.menu-bar .navbar-nav .nav-link {
  font-family: 'Georgia', serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #F2F2F2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding: 6px 12px !important;
  transition: color 0.2s ease, background 0.2s ease !important;
}

/* Добавляем лёгкий сепаратор между пунктами */
.menu-bar .navbar-nav .nav-item + .nav-item .nav-link {
  margin-left: 4px !important;
  padding-left: 16px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

/* ---- 4. Hover и Active ---- */
.menu-bar .navbar-nav .nav-link:hover,
.menu-bar .navbar-nav .nav-link:focus {
  color: #d3d1d1 !important; 
  background-color: rgba(78, 71, 121, 0.1) !important;
  border-radius: 4px !important;
}

/* Активный пункт меню */
.menu-bar .navbar-nav .nav-link.active {
  color: #d3d1d1 !important; 
  background-color: rgba(78, 71, 121, 0.1) !important;
}

/* ---- 5. Мобильная адаптация ---- */
@media (max-width: 991px) {
  .menu-bar .navbar-nav {
    background-color: rgba(38, 4, 1, 0.95) !important;
  }
  .menu-bar .navbar-nav .nav-link {
    padding: 10px !important;
    font-size: 16px !important;
  }
}

#block-moonshopsub-views-block-banner-block-1{
  margin-bottom:25px;
}

/* Основные стили */
.cart-item {
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.cart-item-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  align-items: stretch;
  align-content: stretch;
}

/* Изображение товара */
.cart-item-image {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(12% - 20px); /* Учитываем gap */
}

.cart-item-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Информация о товаре */
.cart-item-info {
  flex: 1 1 48%; 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cart-item-title {
  margin-top: 0;
  margin-bottom: 10px;
}

.cart-item-title a{
  color: #242424;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size:16px;
  font-weight:500;
  letter-spacing: -0.3px;
}

.cart-item-actions {
  display: flex;
  gap: 15px;
}

/* Количество */
.cart-item-quantity {
  flex: 0 0 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cart-item-edit-quantity {
  width: 96px;
  display: flex;
  justify-content: center;
}
.number-editor-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
  border-radius: 4px;
  height: 32px;
  flex:1;
  transition: background-color 0.2s;
}
.cart-item-edit-quantity .input-number{
  flex:1;
}
/* Стоимость */
.cart-item-price {
  flex: 0 0 15%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: bold;
}

/* Адаптивность */
.desktop-only {
  display: flex;
}

.mobile-only {
  display: none;
}

/* Медиа-запросы */
@media (max-width: 768px) {
  .cart-item-container {
    flex-direction: column;
  }
  
  .cart-item-image {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .cart-item-info {
    flex: 0 0 100%;
  }
  
  .cart-item-quantity {
    flex: 0 0 100%;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .cart-item-price {
    flex: 0 0 100%;
    justify-content: flex-start;
  }
  
  .desktop-only {
    display: none;
  }
  
  .mobile-only {
    display: flex;
  }
  
  /* Для средних планшетов - опционально */
  @media (min-width: 576px) {
    .cart-item-container {
      flex-direction: row;
      flex-wrap: wrap;
    }
    
    .cart-item-image {
      flex: 0 0 30%;
    }
    
    .cart-item-info {
      flex: 0 0 65%;
    }
    
    .cart-item-quantity, .cart-item-price.mobile-only {
      flex: 0 0 100%;
    }
  }
}

/* Порядок элементов на мобильных устройствах - опционально */
@media (max-width: 576px) {
  .cart-item-image { order: 1; }
  .cart-item-info { order: 2; }
  .cart-item-price.mobile-only { order: 3; }
  .cart-item-quantity { order: 4; }
}