@media screen and (min-width:1000px) and (max-width:1100px){
	.header__cart {
		display: inline-block;
		vertical-align: top;
		float: right;
		position: absolute;
		padding: 26px 4px;
	}
}

@media screen and (max-width: 499px) {
	/* Чекаут на весь экран без видимых полей/оверлея по краям — карточка
	   .dialog_content сама становится на весь экран (обёртка .dialog_cart
	   просто перестаёт добавлять отступ). Закрывается только по иконке
	   (см. jquery.azsh_dialog.js), кнопка крупнее — легче попасть пальцем. */
	.dialog_modal.dialog_cart {
		padding: 0;
	}
	.dialog_cart .dialog_content {
		width: 100%;
		max-width: 100%;
		height: 100%;
		border-radius: 0;
	}
	.dialog_cart .dialog_close {
		top: 12px;
		right: 12px;
		width: 64px;
		height: 64px;
		font-size: 28px;
	}
}

@media screen and (max-width:375px){
	.container {
		width: 375px;
		margin: 0px auto;
		position: relative;
		max-width: 100%;
		padding: 0px 20px;
	}

	.local-contacts {
		padding-left: 0;
		font-size: 16px;
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
		width: 310px;
		max-width: 100%;
	}

}

@media screen and (max-width: 780px) and (min-width: 500px) {
   .content {
      padding-top: 120px;
   }
}

@media screen and (min-width:500px) and (max-width:540px){
	.header__logo {
		left: 80px;
		position: relative;
		width: 160px;
		height: 83px;
		background-image: url(../img/contur_logo.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		max-width: 100%;
		background-color: transparent;
		display: inline-block;
		vertical-align: top;
		margin-right: 0px;
	}

	.container {
		width: 510px;
		margin: 0 auto;
		position: relative;
		max-width: 100%;
		padding: 0 20px;
	}

	.nav__link {
		display: block;
		padding: 2px;
		cursor: pointer;
		text-align: center;
		color: #111;
		font-size: 16px;
		border-bottom: 1px solid transparent;
		transition: all 100ms ease-out;
	}

	.header__cart {
		position: absolute;
		top: 0;
		right: 38px;
		display: inline-block;
		vertical-align: top;
		float: right;
		padding: 26px 4px;
	}

	.header__logo {
		width: 160px;
		height: 83px;
		background-image: url(../img/contur_logo.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		max-width: 100%;
		background-color: transparent;
		display: inline-block;
		vertical-align: top;
		margin-right: 60px;
	}
}
.cart-table__image--mobile {
display: none !important;
}
@media(max-width: 1024px) {
	
    .cart-table {
        width: 100%;
	}
	.cart-table__image{
	display: none !important;
	}
	.cart-table__name {
	display: flex;
	gap: 20px;
	}
	.cart-table__image--mobile {
	display: block !important;
	}
#wb {

    padding: 8px 40px 8px 70px;
    display: flex;
    align-items: center;
}
.contacts__tg a {
font-size: 15px;
white-space: nowrap;
}
.contacts__tg a i  {
font-size: 16px;
}
}
@media screen and (max-width:420px){
	.local-contacts {
		padding-left: 0;
		font-size: 16px;
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
		width: 310px;
		max-width: 100%;
	}

}

.swiper-slide .container {
		padding-bottom: 100px;
	}

@media screen and (max-width:479px){
	
	.slider {
		height: auto;
	}

	.slider__video {
		display: block;
	}

	.slider__video video {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.swiper-slide_bg_9.swiper-slide .btn {
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}

	


	.images__main {
	
		display: flex;
		align-items: center;
	}
	.images__main a {
		width: 100%;
		height: auto;
	}

	.mobile_count {
		display: block;
	}
	.cart-table__row {
		padding: 10px 0;
		border-bottom: 1px solid #eee;
	}
	.cart-table__image {
		display: inline-block;
	}

	.cart-table__quantitiy {
		padding-left: 0;
	}

	.related__products {
		 text-align: center;
	}

	.related-wrapper.swiper-container {
		overflow: hidden;
	}

	.related-wrapper.swiper-container .swiper-wrapper {
		flex-wrap: nowrap;
	}

	.related-products__item {
		margin-right: 0;
		width: 33%;
		padding: 8px;
	}

	.related-wrapper.swiper-container .swiper-slide.related-products__item {
		width: 60%;
		flex-shrink: 0;
		margin-right: 12px;
	}

	.dialog_title {
		font-size: 18px;
	}

	.cart-table {
		margin-bottom: 20px;
    	padding-bottom: 20px;
    	border-bottom: 1px solid #dcdcdc;
	}

	.related-products__title {
		padding: 0;
		font-size: 14px;
	}

	.related-products__amount {
		font-size: 14px;
		margin-bottom: 22px;
	}

	.images__thumbs {
		max-width: 100%;
		width: 100%;
	}

	.images__thumb {
		width: 80px;
		height: 80px;
	}

	.relative-wrapper {
		max-width: 100%;
	}
	
	.page_id_3 div span {
		display: inline-block;
	}

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

	.success__message .dialog_close {
		display: block;
	}

	.related-products__image {
		width: 100%;
		height: auto;
	}

	.quantity {
		margin-bottom: 20px;
	}

	.wow h1 {
		font-size: 28px;
	}

	.wow__h2 {
		font-size: 32px;
	}

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

	.header__content {
		text-align: center;
		padding-top: 50px;
	}

	.cart-head__info {
		display: none;
	}

	/* Шапка на мобильном: бургер слева (absolute, чтобы работал режим "закрыть"),
	   логотип по центру, иконки поиск/ЛК/корзина — одним flex-рядом справа.
	   Раньше все три иконки позиционировались absolute с разными right и слипались. */
	.header__container {
		display: flex;
		align-items: center;
		padding-left: 96px;
		padding-right: 12px;
	}

	.header__logo {
		flex: 0 1 160px;
		width: 160px;
		height: 64px;
		display: block;
		position: static;
		margin: 14px auto;
	}

	.header__buttons {
		flex: 0 0 auto;
		position: static;
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.header__buttons .a2-search-button,
	.header__buttons .a2-lk-button {
		position: static;
		margin: 0;
		padding: 0;
	}

	.header__buttons .a2-search-button svg,
	.header__buttons .a2-lk-button svg {
		width: 26px;
		height: 26px;
		display: block;
	}

	.header__cart {
		position: static;
		float: none;
		display: block;
		padding: 0;
	}

	.cart-head {
		display: flex;
		align-items: center;
	}

	.cart-head__icon {
		width: 26px;
		height: 26px;
		margin-right: 0;
	}

	.mobile_count {
		top: -7px;
		right: -9px;
		font-size: 11px;
		height: 18px;
		line-height: 17px;
		min-width: 18px;
		padding: 0 4px;
	}

	.menu__toggle {
		display: block;
	    position: absolute;
	    top: 25px;
	    left: 16px;
	    font-size: 30px;
	    padding: 8px;
	    z-index: 2000;
	    transition: all 100ms ease-out;
	}

	.product__info, .product__image {
		width: 100%;
	}


	.sl-wrapper .sl-image .sl-caption {
		bottom: -44px;
	}

	.gallery__sort {
		top: 4px;
	}

	.gallery__content a {
		width: 49%;
	}

	.gallery__content a img {
		width: 100%;
	}

	.option-color {
		font-size: 0;
	}

	.gallery__content {
		font-size: 0;
	}

	.product__image {
		margin-top: 0;
	}

	.cart-btn {
		padding: 6px 24px;
	}

	.related-products__btn .cart-btn {
		padding: 6px;
	    font-size: 6px;
	    width: 100%;
	}

	.related-products__btn .cart-btn i {
		display: none;
	}
	
	.related_class_5 .related-products__title a {
		line-height: 20px;
		width: 100%;
		font-size: 12px;
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
	}

	.related_class_5 a span {
		display: block;
	}

	.select-block {
		padding-bottom: 24px;
	}

	.contacts .select {
		position: relative;
		left: 0;
	}

	.footer__copyright {
		line-height: 20px;
	}

	.options__value_type_color + .options__value_type_color {
		margin-left: 5%;
	}

	.options__value_type_color {
		height: 35px;
		width: 35px;
	}
	.options__value_type_color::after {
		height: 40px;
		width: 40px;
		min-height: 40px;
		min-width: 40px;
	}

	.product__info {
		padding: 10px;
	}

	.options__value_type_color:after {
	}

	.footer__contacts {
	    text-align: left;
    	margin-top: 16px;
    	width: 100%;
    	margin-left: 0;
	}

	.footer__created {
		text-align: left;
		float: none;
		margin-top: 10px;
	}

	.footer__contacts-item {
		margin: 0;
	}

	.menu__toggle_active {
		left: auto;
		right: 29px;
	}


	.menu__toggle_active {
        left: auto;
        right: -9px;
        padding: 25px 40px;
        top: 0;
	}
	.nav {
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
	    background: #fff;
	    left: -100%;
	    transition: all 100ms ease-out;
	    bottom: 0;
	    z-index: 1100;
	    overflow-y: auto;
	    overflow-x: hidden;
	}

	.nav_active {
		left: 0;
	}

	.mobile__show {
		display: block;
	}

	.menu__contacts {
		padding: 16px 40px;
	}

	.menu__contacts a {
		display: block;
		padding: 2px 0;
		padding-right: 50px;
		font-size: 18px;
	}

	.nav__li {
		display: block;
	}

	.nav__link {
		text-align: left;
		padding: 16px 40px;
	}

	.nav__link_nested_parent:after {
		right: 40px;
	}

	.nav__ul_nested_open {
		position: relative;
		background-color: #f0f0f0;
		padding-left: 20px;
	}

	.nav__link_nested {
		background-color: #f0f0f0;
	}

	.header__top .container {
		padding: 0;
	}

	.header__top {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 90;
	}

	.header__menu {
		position: fixed;
		top: 0;
        left: -100%;
        transition: all 100ms ease-in;
        height: 100%;
        z-index: 100;
        width: 100%;
        background: rgba(255, 255, 255, 0.9019607843137255);
	}

	.header__menu.opened {
		left: 0%;
	}

	.header__menu-ul {
		padding-left: 0;
		margin-top: 90px;
	}

	.menu_toggle {
        display: block;
        position: fixed;
        top: 0px;
        left: 14px;
        padding: 12px 15px;
        font-size: 23px;
        cursor: pointer;
        z-index: 110;
        transition: all 100ms ease-in;
	}

	.menu_toggle.active {
		left: calc(100% - 52px);
	}

	.menu_toggle.active i.fa-bars:before {
		content: "\f00d";
	}

	.header__menu-item, .header__menu-link {
		display: block;
	}

	.header__menu-link {
		font-size: 24px;
	}

	.sidebar {
		display: none;
	}

	.help__sidebar {
		display: block;
		margin-bottom: 40px;
	}

	.sidebar__content-link {
		font-size: 15px;
	}

	.help__tab {
		padding-left: 0;
	}

	.help__tab h2 {
		margin-left: 0;
	}

	img {
		max-width: 100%;
	}

	.dashboard__header-status {
		display: none;
	}

	.dashboard {
		padding: 8px;
	}

	.dashboard__header {
		width: calc(100% + 16px);
		margin-left: -8px;
	}

	.user__tarif-progressBars > div {
		padding-bottom: 80px;
	}

	.user__tarif-progressBars {
		margin-bottom: 40px;
	}

	.dashboard__sidebar {
		display: block;
		margin-bottom: 40px;
		float: none;
		width: 100%;
	}

	.message__send-block--textarea {
		width: 80%;
	}

	.message__send {
		width: 20%;
	}

	.swiper__navigation {
		margin-top: -45px;
		padding-left: 38px;
	}

	.swiper-slide__h1 {
		line-height: 1.2;
		margin-top: 15px;
		font-size: 24px;
	}

	.slider__text {
		font-size: 16px;
		margin-top: 40px;
	}

	.swiper-slide .btn {
		font-size: 9px;
		margin-top: 120px;
	}
	
	.cart-table__remove {
		font-size: 20px;
		padding-top: 32px;
	}

	.swiper__navigation > div.swiper-button-next, .swiper__navigation > div.swiper-button-prev {
		width: 50px;
		height: 50px;
	}
}

/* ===== Checkout v2 responsive ===== */
@media (max-width: 900px) {
  /* Stack: cart+suggested first, then form */
  .co2 {
    flex-direction: column;
    gap: 0;
  }

  .co2__cart {
    order: 1;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
    min-width: 0;
    width: 100%;
  }

  .co2__form {
    order: 2;
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }

  /* Address: single column */
  .co2__address-grid {
    grid-template-columns: 1fr;
  }

  .co2__field--full {
    grid-column: span 1;
  }
}
/* ===== END Checkout v2 responsive ===== */