/*
Theme Name: joy-newsmile

WooCommerce styles override
*/

/**
 * Shop tables
 */
table.shop_table_responsive thead {
	display: none;
}

table.shop_table_responsive tbody th {
	display: none;
}

table.shop_table_responsive tr td {
	display: block;
	text-align: right;
	clear: both;
}

table.shop_table_responsive tr td::before {
	content: attr(data-title) ": ";
	float: left;
}

table.shop_table_responsive tr td.product-remove a {
	text-align: left;
}

table.shop_table_responsive tr td.product-remove::before {
	display: none;
}

table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
	display: none;
}

table.shop_table_responsive tr td.download-actions .button {
	display: block;
	text-align: center;
}

@media screen and (min-width: 48em) {

	table.shop_table_responsive thead {
		display: table-header-group;
	}

	table.shop_table_responsive tbody th {
		display: table-cell;
	}

	table.shop_table_responsive tr th,
	table.shop_table_responsive tr td {
		text-align: left;
	}

	table.shop_table_responsive tr td {
		display: table-cell;
	}

	table.shop_table_responsive tr td::before {
		display: none;
	}
}

/**
 * Products
 */
ul.products {
	margin: 0;
	padding: 0;
}

ul.products li.product {
	list-style: none;
	position: relative;
	margin-bottom: 2em;
}

ul.products li.product img {
	display: block;
}

ul.products li.product .button {
	display: block;
}

@media screen and (min-width: 48em) {

	ul.products li.product {
		width: 30.79667%;
		float: left;
		margin-right: 3.8%;
	}

	ul.products li.product.first {
		clear: both;
	}

	ul.products li.product.last {
		margin-right: 0;
	}

	ul.products.columns-1 li.product {
		float: none;
		width: 100%;
	}

	ul.products.columns-2 li.product {
		width: 48.1%;
	}

	ul.products.columns-3 li.product {
		width: 30.79667%;
	}

	ul.products.columns-4 li.product {
		width: 22.15%;
	}

	ul.products.columns-5 li.product {
		width: 16.96%;
	}

	ul.products.columns-6 li.product {
		width: 13.49333%;
	}
}

/**
 * Single product
 */
.single-product div.product {
	position: relative;
}

.single-product div.product .woocommerce-product-gallery {
	position: relative;
	float: left;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	position: absolute;
	top: 2em;
	right: 1em;
	display: block;
	z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
	margin-bottom: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	margin: 0;
	padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	list-style: none;
	cursor: pointer;
	float: left;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	opacity: 0.5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
	opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
	opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
	width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
	width: 30.79667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
	width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
	clear: both;
}

.stock:empty::before {
	display: none;
}

.stock.in-stock {
	color: #0f834d;
}

.stock.out-of-stock {
	color: #e2401c;
}

/**
 * Checkout
 */
@media screen and (min-width: 768px) {

	.col2-set .form-row-first {
		float: left;
		margin-right: 3.8%;
	}

	.col2-set .form-row-last {
		float: right;
		margin-right: 0;
	}

	.col2-set .form-row-first,
	.col2-set .form-row-last {
		width: 48.1%;
	}
}

/**
 * General WooCommerce components
 */

/**
 * Header cart
 */
.site-header-cart {
	position: relative;
	margin: 0;
	padding: 0;
}

.site-header-cart .cart-contents {
	text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
	display: none;
}

.site-header-cart .product_list_widget {
	margin: 0;
	padding: 0;
}

/**
 * Star rating
 */
.star-rating {
	overflow: hidden;
	position: relative;
	height: 1.618em;
	line-height: 1.618;
	width: 5.3em;
	font-family: star;
	font-weight: 400;
}

.star-rating::before {
	content: "\53\53\53\53\53";
	opacity: 0.25;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.star-rating span::before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
	color: #4169e1;
}

p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	font-weight: 400;
}

p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: star;
	content: "\53";
	color: #404040;
	text-indent: 0;
	opacity: 0.25;
}

p.stars a:hover ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars:hover a::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

p.stars.selected a.active::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

p.stars.selected a.active ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.woocommerce-tabs ul.tabs li {
	display: block;
	margin: 0;
	position: relative;
}

.woocommerce-tabs ul.tabs li a {
	padding: 1em 0;
	display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
	margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
	text-align: right;
}

.woocommerce-password-strength.strong {
	color: #0f834d;
}

.woocommerce-password-strength.short {
	color: #e2401c;
}

.woocommerce-password-strength.bad {
	color: #e2401c;
}

.woocommerce-password-strength.good {
	color: #3d9cd2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
	box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
	box-shadow: inset 2px 0 0 #e2401c;
}

.required {
	color: #f00;
}

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	background-color: #0f834d;
	clear: both;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	background-color: #3d9cd2;
}

.woocommerce-error {
	background-color: #e2401c;
}

.demo_store {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 1em;
	background-color: #3d9cd2;
	z-index: 9999;
}

@media screen and (min-width: 48em) {

	/**
	 * Header cart
	 */
	.site-header-cart .widget_shopping_cart {
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 999999;
		left: -999em;
		display: block;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	}

	.site-header-cart:hover .widget_shopping_cart,
	.site-header-cart.focus .widget_shopping_cart {
		left: 0;
		display: block;
	}
}

/**
 * WooCommerce widgets
 */

/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
	margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
	text-align: right;
	line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
	float: left;
}

.widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: ew-resize;
	outline: none;
	background: #4169e1;
	box-sizing: border-box;
	margin-top: -0.25em;
	opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
	margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
	box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background: #4169e1;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
	height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
	height: 100%;
}


/*--------------------CSS для десктопа для Главной страницы магазина---------------*/
/* ==========================================================================
   ГЛАВНАЯ СТРАНИЦА МАГАЗИНА (WOOCOMMERCE SHOP) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {
    
    /* 1. Общая разметка и удаление сайдбара */
    .post-type-archive-product .site-content,
    .woocommerce-shop .site-content {
        max-width: 1320px;
        margin: 0 auto;
        padding: 40px 20px;
        display: block; /* Гарантирует отключение grid/flex если тема включает сайдбар */
    }

    /* Скрытие сайдбара на странице магазина */
    .woocommerce-shop #sidebar,
    .woocommerce-shop .sidebar,
    .woocommerce-shop #secondary {
        display: none !important;
    }

    /* Растягиваем основной контент на 100% */
    .woocommerce-shop #primary,
    .woocommerce-shop .content-area {
        /*
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        */
        width: 95%;
        margin: 0 auto;
    }

    /* 2. Шапка магазина (Заголовок и сортировка) */
    .woocommerce-shop .woocommerce-products-header {
        margin-bottom: 40px;
        border-bottom: 1px solid #eef2f5;
        padding-bottom: 20px;
    }

    .woocommerce-shop .woocommerce-products-header__title {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 32px;
        font-weight: 700;
        color: #1a2b4c; /* Медицинский глубокий синий */
        margin: 0 0 10px 0;
    }

    /* Панель фильтров и сортировки */
    .woocommerce-shop .woocommerce-notices-wrapper + .product-sorting-container,
    .woocommerce-shop .woocommerce-ordering {
        float: none;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 30px;
    }

    .woocommerce-shop .woocommerce-ordering select {
        padding: 10px 40px 10px 15px;
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        color: #4a5568;
        font-size: 14px;
        cursor: pointer;
        outline: none;
        transition: all 0.3s ease;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C</svg>");
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 16px;
    }

    .woocommerce-shop .woocommerce-ordering select:focus {
        border-color: #00a896; /* Свежий бирюзовый акцент */
        background-color: #fff;
        box-shadow: 0 0 0 3px rgba(0, 168, 150, 0.15);
    }

    /* 3. Сетка товаров (4 колонки для десктопа) */
    .woocommerce-shop ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 30px !important;
        margin: 0 0 50px 0 !important;
        padding: 0 !important;
    }

    .woocommerce-shop ul.products::before,
    .woocommerce-shop ul.products::after {
        display: none !important; /* Убираем старые флоаты WooCommerce */
    }

    /* 4. Карточка товара (Эндпоинты и наборы) */
    .woocommerce-shop ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px;
        background: #ffffff;
        border: 1px solid #e9eff5;
        border-radius: 12px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        position: relative;
    }

    /* Эффект парения при наведении */
    .woocommerce-shop ul.products li.product:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 30px rgba(26, 43, 76, 0.08);
        border-color: #d2e3f0;
    }

    /* Изображение товара */
    .woocommerce-shop ul.products li.product .woocommerce-loop-product__link img {
        margin: 0 auto 15px auto !important;
        display: block;
        border-radius: 6px;
        transition: opacity 0.3s ease;
        max-height: 220px;
        width: auto;
        object-fit: contain;
    }

    /* Хитрый трюк для выравнивания контента по высоте */
    .woocommerce-shop ul.products li.product .woocommerce-loop-product__link {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        text-decoration: none;
    }

    /* Название товара (Enamel наборы, эндпоинты) */
    .woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
        font-family: -apple-system, BlinkMacSystemFont, sans-serif;
        font-size: 16px;
        line-height: 1.4;
        font-weight: 600;
        color: #1a2b4c;
        padding: 0 !important;
        margin: 0 0 12px 0 !important;
        min-height: 44px; /* Фиксация высоты под 2 строки */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .woocommerce-shop ul.products li.product:hover .woocommerce-loop-product__title {
        color: #0077b6; /* Синий стоматологический акцент */
    }

    /* Рейтинг звезд (если есть) */
    .woocommerce-shop ul.products li.product .star-rating {
        margin: 0 0 12px 0;
        font-size: 12px;
        color: #ffb703;
    }

    /* Цена */
    .woocommerce-shop ul.products li.product .price {
        font-size: 18px;
        font-weight: 700;
        color: #00a896; /* Бирюзовый цвет для цены */
        margin-bottom: 15px !important;
        margin-top: auto; /* Прижимает цену и кнопку к низу */
        display: block;
    }

    .woocommerce-shop ul.products li.product .price del {
        color: #a0aec0;
        font-weight: 400;
        font-size: 14px;
        margin-right: 6px;
    }

    .woocommerce-shop ul.products li.product .price ins {
        background: transparent;
        text-decoration: none;
    }

    /* 5. Кнопка «В корзину» */
    .woocommerce-shop ul.products li.product .button {
        display: block;
        text-align: center;
        padding: 12px 20px;
        background-color: #1a2b4c !important;
        color: #ffffff !important;
        font-size: 14px;
        font-weight: 600;
        border-radius: 8px !important;
        border: none !important;
        transition: all 0.2s ease !important;
        margin: 0 !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .woocommerce-shop ul.products li.product .button:hover {
        background-color: #00a896 !important;
        color: #ffffff !important;
    }

    /* Кнопка добавленного товара (Просмотр корзины) */
    .woocommerce-shop ul.products li.product .added_to_cart {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #0077b6;
        margin-top: 8px;
        text-decoration: underline;
    }

    /* Бейдж «Распродажа» / «Sale» */
    .woocommerce-shop ul.products li.product .onsale {
        top: 15px !important;
        left: 15px !important;
        right: auto !important;
        margin: 0 !important;
        background-color: #e63946 !important;
        color: #ffffff !important;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 5px 10px !important;
        min-height: auto !important;
        min-width: auto !important;
        line-height: 1 !important;
        border-radius: 4px !important;
    }

    /* 6. Пагинация */
    .woocommerce-shop nav.woocommerce-pagination {
        margin-top: 40px;
        border-top: 1px solid #eef2f5;
        padding-top: 30px;
    }

    .woocommerce-shop nav.woocommerce-pagination ul {
        border: none !important;
        display: flex;
        justify-content: center;
        gap: 8px;
    }

    .woocommerce-shop nav.woocommerce-pagination ul li {
        border: none !important;
        float: none !important;
    }

    .woocommerce-shop nav.woocommerce-pagination ul li a,
    .woocommerce-shop nav.woocommerce-pagination ul li span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background: #f8fafc;
        border: 1px solid #e2e8f0 !important;
        color: #4a5568 !important;
        font-weight: 600;
        font-size: 14px;
        transition: all 0.2s ease;
    }

    .woocommerce-shop nav.woocommerce-pagination ul li span.current,
    .woocommerce-shop nav.woocommerce-pagination ul li a:hover {
        background: #1a2b4c !important;
        border-color: #1a2b4c !important;
        color: #ffffff !important;
    }
}

/* ==========================================================================
   ГЛАВНАЯ СТРАНИЦА МАГАЗИНА (КАТАЛОГ) — ПЛАНШЕТ (768px - 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    /* 1. Блокировка сайдбаров и адаптация контейнера */
    .woocommerce-shop #sidebar,
    .woocommerce-shop .sidebar,
    .woocommerce-shop #secondary,
    .woocommerce-shop .widget-area,
    .post-type-archive-product #sidebar {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-shop #primary,
    .woocommerce-shop .content-area,
    .woocommerce-shop main#main {
        width: 100% !important;
        padding: 30px 15px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* 2. Заголовок магазина и элементы управления */
    .woocommerce-shop .woocommerce-products-header {
        margin-bottom: 25px !important;
        padding-bottom: 15px !important;
        border-bottom: 2px solid #f0f4f8 !important;
    }

    .woocommerce-shop .woocommerce-products-header__title {
        font-size: 28px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        text-align: left;
    }

    /* Панель сортировки */
    .woocommerce-shop .woocommerce-ordering {
        margin-bottom: 25px !important;
        float: none !important;
        display: flex;
        justify-content: flex-start;
    }

    .woocommerce-shop .woocommerce-ordering select {
        padding: 10px 30px 10px 12px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
        border: 1px solid #dbe2ea !important;
        background-color: #ffffff !important;
    }

    /* 3. Адаптивная сетка товаров (3 колонки для iPad Pro, 2 колонки для стандартных планшетов) */
    .woocommerce-shop ul.products {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
        gap: 20px !important;
        margin: 0 0 40px 0 !important;
        padding: 0 !important;
    }

    /* 4. Карточка товара на планшете */
    .woocommerce-shop ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        padding: 18px !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
    }

    /* Изображение эндпоинта */
    .woocommerce-shop ul.products li.product img {
        margin: 0 auto 15px auto !important;
        max-height: 180px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    /* Название товара */
    .woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
        font-size: 15px !important;
        line-height: 1.4 !important;
        color: #1a2b4c !important;
        margin: 0 0 10px 0 !important;
        min-height: 42px !important; /* Удерживает ровную высоту сетки */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Цена */
    .woocommerce-shop ul.products li.product .price {
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #00a896 !important;
        margin-top: auto !important; /* Привязка кнопки вниз */
        margin-bottom: 15px !important;
    }

    /* 5. Кнопка добавления в корзину */
    .woocommerce-shop ul.products li.product .button {
        display: block !important;
        text-align: center !important;
        padding: 12px 15px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        background-color: #1a2b4c !important;
        color: #ffffff !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        border: none !important;
    }

    /* Хитрый бейдж распродажи */
    .woocommerce-shop ul.products li.product .onsale {
        top: 12px !important;
        left: 12px !important;
        padding: 4px 8px !important;
        font-size: 10px !important;
        border-radius: 4px !important;
    }

    /* 6. Пагинация на планшете */
    .woocommerce-shop nav.woocommerce-pagination {
        border-top: 1px solid #eef2f6 !important;
        padding-top: 25px !important;
    }
    
    .woocommerce-shop nav.woocommerce-pagination ul {
        display: flex !important;
        justify-content: center !important;
        gap: 6px !important;
    }
}


/* ==========================================================================
   ГЛАВНАЯ СТРАНИЦА МАГАЗИНА (КАТАЛОГ) — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {
    
    /* 1. Полное скрытие сайдбаров и оптимизация отступов */
    .woocommerce-shop #sidebar,
    .woocommerce-shop .sidebar,
    .woocommerce-shop #secondary,
    .woocommerce-shop .widget-area,
    .post-type-archive-product #sidebar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .woocommerce-shop #primary,
    .woocommerce-shop .content-area,
    .woocommerce-shop main#main {
        width: 100% !important;
        padding: 20px 10px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* 2. Адаптивная шапка магазина */
    .woocommerce-shop .woocommerce-products-header {
        margin-bottom: 20px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid #eef2f6 !important;
        text-align: center;
    }

    .woocommerce-shop .woocommerce-products-header__title {
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin: 0 0 10px 0 !important;
    }

    /* Сортировка на мобильных во всю ширину экрана */
    .woocommerce-shop .woocommerce-ordering {
        margin-bottom: 20px !important;
        float: none !important;
        width: 100% !important;
    }

    .woocommerce-shop .woocommerce-ordering select {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
        border: 1px solid #dbe2ea !important;
        background-color: #f8fafc !important;
    }

    /* 3. Компактная двухколоночная мобильная сетка */
    .woocommerce-shop ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Два стоматологических товара в ряд */
        gap: 12px !important;
        margin: 0 0 35px 0 !important;
        padding: 0 !important;
    }

    /* Переключение в 1 колонку на сверхмаленьких экранах (до 380px) */
    @media screen and (max-width: 380px) {
        .woocommerce-shop ul.products {
            grid-template-columns: 1fr !important;
            gap: 15px !important;
        }
    }

    /* 4. Мобильная карточка товара */
    .woocommerce-shop ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    /* Уменьшаем картинки под мобильные экраны */
    .woocommerce-shop ul.products li.product img {
        margin: 0 auto 10px auto !important;
        max-height: 130px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    /* Название товара на мобильном */
    .woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
        line-height: 1.3 !important;
        color: #1a2b4c !important;
        margin: 0 0 8px 0 !important;
        min-height: 36px !important; /* Высота под 2 небольшие строки */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Мобильный блок цены */
    .woocommerce-shop ul.products li.product .price {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #00a896 !important;
        margin-top: auto !important;
        margin-bottom: 10px !important;
    }

    .woocommerce-shop ul.products li.product .price del {
        font-size: 12px !important;
        margin-right: 4px !important;
    }

    /* 5. Кнопка «Купить» для тач-скринов */
    .woocommerce-shop ul.products li.product .button {
        display: block !important;
        text-align: center !important;
        padding: 10px 10px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        border-radius: 6px !important;
        letter-spacing: 0.3px !important;
        text-transform: uppercase !important;
        border: none !important;
    }

    /* Компактный бейдж Sale */
    .woocommerce-shop ul.products li.product .onsale {
        top: 8px !important;
        left: 8px !important;
        padding: 3px 6px !important;
        font-size: 9px !important;
        border-radius: 3px !important;
    }

    /* 6. Удобная мобильная пагинация */
    .woocommerce-shop nav.woocommerce-pagination {
        border-top: 1px solid #eef2f6 !important;
        padding-top: 20px !important;
    }

    .woocommerce-shop nav.woocommerce-pagination ul {
        display: flex !important;
        justify-content: center !important;
        gap: 4px !important;
        flex-wrap: wrap;
    }

    .woocommerce-shop nav.woocommerce-pagination ul li a,
    .woocommerce-shop nav.woocommerce-pagination ul li span {
        width: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }
}

/* ==========================================================================
   СТРАНИЦА КАТЕГОРИИ ТОВАРОВ (PRODUCT CATEGORY) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {
    
    /* 1. Сброс сайдбаров и растягивание сетки категории */
    .tax-product_cat #sidebar,
    .tax-product_cat .sidebar,
    .tax-product_cat #secondary,
    .tax-product_cat .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .tax-product_cat #primary,
    .tax-product_cat .content-area,
    .tax-product_cat main#main {
        width: 100%;
        max-width: 1320px;
        margin: 0 auto;
        float: none;
        padding: 40px 20px;
        box-sizing: border-box;
    }

    /* 2. Блок описания и заголовка категории */
    .tax-product_cat .woocommerce-products-header {
        background: #f8fafc !important; /* Светлая подложка для экспертного вида */
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
        padding: 30px !important;
        margin-bottom: 40px !important;
    }

    .tax-product_cat .woocommerce-products-header__title {
        font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 32px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important; /* Глубокий синий */
        margin: 0 0 12px 0 !important;
    }

    /* Стилизация SEO-текста описания эндпоинтов/наборов */
    .tax-product_cat .term-description {
        font-size: 15px !important;
        line-height: 1.6 !important;
        color: #4a5568 !important;
        max-width: 800px !important;
    }

    .tax-product_cat .term-description p {
        margin: 0 !important;
    }

    /* 3. Сетка подкатегорий (если внутри категории есть разделы) */
    .tax-product_cat ul.products li.product-category {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        transition: all 0.25s ease !important;
    }

    .tax-product_cat ul.products li.product-category:hover {
        border-color: #00a896 !important;
        box-shadow: 0 10px 25px rgba(0, 168, 150, 0.05) !important;
    }

    .tax-product_cat ul.products li.product-category img {
        max-height: 150px !important;
        width: auto !important;
        margin: 0 auto 15px auto !important;
        object-fit: contain !important;
    }

    .tax-product_cat ul.products li.product-category .woocommerce-loop-category__title {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #1a2b4c !important;
    }

    .tax-product_cat ul.products li.product-category .count {
        background: #eef2f6 !important;
        color: #718096 !important;
        font-size: 12px !important;
        padding: 2px 8px !important;
        border-radius: 20px !important;
        margin-left: 5px !important;
    }

    /* 4. Основная сетка товаров в категории (4 колонки) */
    .tax-product_cat ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 25px !important;
        margin: 0 0 60px 0 !important;
        padding: 0 !important;
    }

    /* Карточка товара внутри категории */
    .tax-product_cat ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        padding: 24px !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 14px !important;
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        transition: transform 0.25s ease, box-shadow 0.25s ease !important;
        box-sizing: border-box !important;
    }

    .tax-product_cat ul.products li.product:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 15px 35px rgba(26, 43, 76, 0.06) !important;
        border-color: #d2e3f0 !important;
    }

    /* Название, цена и кнопка */
    .tax-product_cat ul.products li.product .woocommerce-loop-product__title {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #1a2b4c !important;
        min-height: 44px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-bottom: 12px !important;
    }

    .tax-product_cat ul.products li.product .price {
        font-size: 19px !important;
        font-weight: 700 !important;
        color: #00a896 !important;
        margin-top: auto !important;
        margin-bottom: 20px !important;
    }

    .tax-product_cat ul.products li.product .button {
        display: block !important;
        text-align: center !important;
        padding: 14px 20px !important;
        background-color: #1a2b4c !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        border: none !important;
        transition: background-color 0.2s ease !important;
    }

    .tax-product_cat ul.products li.product .button:hover {
        background-color: #00a896 !important;
    }
}


/* ==========================================================================
   СТРАНИЦА КАТЕГОРИИ ТОВАРОВ — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {
    
    /* 1. Блокировка сайдбаров и оптимизация контейнера */
    .tax-product_cat #sidebar,
    .tax-product_cat .sidebar,
    .tax-product_cat #secondary,
    .tax-product_cat .widget-area {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .tax-product_cat #primary,
    .tax-product_cat .content-area,
    .tax-product_cat main#main {
        width: 100% !important;
        padding: 20px 10px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* 2. Компактная мобильная шапка категории */
    .tax-product_cat .woocommerce-products-header {
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 8px !important;
        padding: 15px !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

    .tax-product_cat .woocommerce-products-header__title {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin: 0 0 8px 0 !important;
    }

    /* SEO-текст описания категории на мобильном */
    .tax-product_cat .term-description {
        font-size: 13px !important;
        line-height: 1.4 !important;
        color: #4a5568 !important;
    }

    /* Сортировка на мобильных во всю ширину */
    .tax-product_cat .woocommerce-ordering {
        margin-bottom: 20px !important;
        float: none !important;
        width: 100% !important;
    }

    .tax-product_cat .woocommerce-ordering select {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
        border: 1px solid #dbe2ea !important;
        background-color: #f8fafc !important;
    }

    /* 3. Двухколоночная сетка для мобильных */
    .tax-product_cat ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        margin: 0 0 35px 0 !important;
        padding: 0 !important;
    }

    /* Сетка подкатегорий (если есть внутри) */
    .tax-product_cat ul.products li.product-category {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
    }

    .tax-product_cat ul.products li.product-category img {
        max-height: 100px !important;
        margin-bottom: 8px !important;
    }

    .tax-product_cat ul.products li.product-category .woocommerce-loop-category__title {
        font-size: 13px !important;
    }

    /* 4. Карточка товара на мобильном */
    .tax-product_cat ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    .tax-product_cat ul.products li.product img {
        margin: 0 auto 10px auto !important;
        max-height: 130px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    .tax-product_cat ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
        line-height: 1.3 !important;
        color: #1a2b4c !important;
        margin: 0 0 8px 0 !important;
        min-height: 36px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .tax-product_cat ul.products li.product .price {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #00a896 !important;
        margin-top: auto !important;
        margin-bottom: 10px !important;
    }

    /* 5. Кнопка «Купить» для тач-скринов */
    .tax-product_cat ul.products li.product .button {
        display: block !important;
        text-align: center !important;
        padding: 10px 10px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        border-radius: 6px !important;
        text-transform: uppercase !important;
        border: none !important;
    }
}

/* ==========================================================================
   СТРАНИЦА ТОВАРА (SINGLE PRODUCT) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {
    
    /* 1. Сброс сайдбаров и центрирование карточки */
    .single-product #sidebar,
    .single-product .sidebar,
    .single-product #secondary,
    .single-product .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .single-product #primary,
    .single-product .content-area,
    .single-product main#main {
        width: 100%;
        max-width: 1200px; /* Чуть уже для лучшей фокусировки */
        margin: 0 auto;
        padding: 40px 20px;
        box-sizing: border-box;
        float: none;
    }

    /* Хлебные крошки (Навигация) */
    .single-product .woocommerce-breadcrumb {
        font-size: 14px !important;
        color: #718096 !important;
        margin-bottom: 30px !important;
    }

    .single-product .woocommerce-breadcrumb a {
        color: #1a2b4c !important;
        text-decoration: none !important;
    }

    /* Основной блок: деление на фото и информацию */
    .single-product div.product {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 50px !important;
        margin-bottom: 60px !important;
    }

    /* 2. Левая колонка — Изображение товара */
    .single-product div.product .woocommerce-product-gallery {
        width: 45% !important;
        float: none !important;
        margin: 0 !important;
    }

    .single-product div.product .woocommerce-product-gallery__wrapper {
        border: 1px solid #eef2f6 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    /* Навесные миниатюры галереи */
    .single-product div.product .flex-control-thumbs {
        display: flex !important;
        gap: 10px !important;
        margin-top: 15px !important;
        padding: 0 !important;
    }

    .single-product div.product .flex-control-thumbs li {
        width: 70px !important;
        float: none !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        cursor: pointer !important;
    }

    /* 3. Правая колонка — Описание и покупка */
    .single-product div.product .summary {
        width: 48% !important;
        float: none !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Заголовок эндпоинта / набора */
    .single-product div.product .product_title {
        font-size: 32px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin: 0 0 15px 0 !important;
    }

    /* Рейтинг */
    .single-product div.product .woocommerce-product-rating {
        margin-bottom: 20px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    /* Цена внутри карточки */
    .single-product div.product .price {
        font-size: 28px !important;
        font-weight: 700 !important;
        color: #00a896 !important;
        margin-bottom: 25px !important;
    }

    /* Краткое описание */
    .single-product div.product .woocommerce-product-details__short-description {
        font-size: 15px !important;
        line-height: 1.6 !important;
        color: #4a5568 !important;
        margin-bottom: 30px !important;
        border-bottom: 1px solid #eef2f6 !important;
        padding-bottom: 20px !important;
    }

    /* 4. Выбор вариаций (если товар вариативный) */
    .single-product div.product form.variations_form {
        margin-bottom: 30px !important;
    }

    .single-product div.product table.variations {
        width: 100% !important;
        border: none !important;
        margin-bottom: 15px !important;
    }

    .single-product div.product table.variations td {
        border: none !important;
        padding: 8px 0 !important;
        background: transparent !important;
    }

    .single-product div.product table.variations td.label label {
        font-weight: 600 !important;
        color: #1a2b4c !important;
        font-size: 14px !important;
    }

    .single-product div.product table.variations select {
        width: 100% !important;
        max-width: 300px !important;
        padding: 10px 15px !important;
        border: 1px solid #dbe2ea !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        font-size: 14px !important;
    }

    /* Блок добавления: количество и кнопка */
    .single-product div.product .quantity {
        display: inline-block !important;
        margin-right: 15px !important;
        float: none !important;
    }

    .single-product div.product .quantity input.qty {
        width: 70px !important;
        height: 48px !important;
        padding: 0 !important;
        text-align: center !important;
        border: 1px solid #dbe2ea !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #1a2b4c !important;
        background: #f8fafc !important;
    }

    /* Главная кнопка "В корзину" */
    .single-product div.product .single_add_to_cart_button {
        height: 48px !important;
        padding: 0 40px !important;
        background-color: #1a2b4c !important;
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        border: none !important;
        transition: background-color 0.2s ease !important;
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .single-product div.product .single_add_to_cart_button:hover {
        background-color: #00a896 !important;
    }

    /* 5. Вкладки (Описание, Характеристики, Отзывы) */
    .single-product .woocommerce-tabs {
        width: 100% !important;
        margin-top: 40px !important;
        clear: both !important;
    }

    .single-product .woocommerce-tabs ul.tabs {
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        display: flex !important;
        gap: 30px !important;
        border-bottom: 2px solid #f0f4f8 !important;
        margin: 0 0 30px 0 !important;
    }

    .single-product .woocommerce-tabs ul.tabs::before,
    .single-product .woocommerce-tabs ul.tabs::after {
        display: none !important;
    }

    .single-product .woocommerce-tabs ul.tabs li {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 0 15px 0 !important;
        margin: 0 !important;
    }

    .single-product .woocommerce-tabs ul.tabs li a {
        color: #718096 !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        text-decoration: none !important;
        padding: 0 !important;
        transition: color 0.2s ease !important;
    }

    .single-product .woocommerce-tabs ul.tabs li.active {
        border-bottom: 2px solid #00a896 !important; /* Бирюзовый маркер активной вкладки */
        margin-bottom: -2px !important;
    }

    .single-product .woocommerce-tabs ul.tabs li.active a {
        color: #1a2b4c !important;
    }

    .single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        font-size: 15px !important;
        line-height: 1.7 !important;
        color: #4a5568 !important;
    }

    /* 6. Блок похожих товаров (Related Products) */
    .single-product section.related,
    .single-product section.upsells {
        width: 100% !important;
        margin-top: 60px !important;
        border-top: 1px solid #eef2f6 !important;
        padding-top: 40px !important;
        clear: both !important;
    }

    .single-product section.related h2,
    .single-product section.upsells h2 {
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin-bottom: 30px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ТОВАРА (SINGLE PRODUCT) — ПЛАНШЕТ (768px - 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* 1. Настройка главного контейнера карточки */
    .single-product #sidebar,
    .single-product .sidebar,
    .single-product #secondary,
    .single-product .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .single-product #primary,
    .single-product .content-area,
    .single-product main#main {
        width: 100% !important;
        padding: 30px 20px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Структура карточки: уменьшаем гэп для средних экранов */
    .single-product div.product {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 30px !important;
        margin-bottom: 45px !important;
    }

    /* 2. Галерея и основное фото */
    .single-product div.product .woocommerce-product-gallery {
        width: 45% !important;
        float: none !important;
        margin: 0 !important;
    }

    /* 3. Информационный блок */
    .single-product div.product .summary {
        width: 50% !important;
        float: none !important;
        margin: 0 !important;
    }

    .single-product div.product .product_title {
        font-size: 26px !important;
        line-height: 1.3 !important;
        margin-bottom: 12px !important;
    }

    .single-product div.product .price {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }

    /* 4. Вариации и элементы интерфейса покупки */
    .single-product div.product table.variations select {
        width: 100% !important;
        max-width: 100% !important; /* На планшете растягиваем во всю ширину блока */
        padding: 12px !important;
        font-size: 15px !important;
    }

    /* Кнопка "В корзину" и количество */
    .single-product div.product .quantity input.qty {
        height: 50px !important;
        width: 65px !important;
    }

    .single-product div.product .single_add_to_cart_button {
        height: 50px !important;
        padding: 0 30px !important;
        font-size: 14px !important;
    }

    /* 5. Стилизация вкладок на планшете */
    .single-product .woocommerce-tabs ul.tabs {
        gap: 20px !important;
        overflow-x: auto !important; /* Защита от вылезания длинных вкладок */
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .single-product .woocommerce-tabs ul.tabs li a {
        font-size: 15px !important;
    }

    /* 6. Похожие товары (Перестраиваем в сетку по 3 или 2 в ряд) */
    .single-product section.related ul.products,
    .single-product section.upsells ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ТОВАРА (SINGLE PRODUCT) — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {

    /* 1. Сброс сайдбаров и адаптация контейнера */
    .single-product #sidebar,
    .single-product .sidebar,
    .single-product #secondary,
    .single-product .widget-area {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .single-product #primary,
    .single-product .content-area,
    .single-product main#main {
        width: 100% !important;
        padding: 15px 10px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Перевод карточки в одноколоночный режим */
    .single-product div.product {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        margin-bottom: 30px !important;
    }

    /* 2. Галерея во всю ширину экрана */
    .single-product div.product .woocommerce-product-gallery {
        width: 100% !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
    }

    /* 3. Блок информации и коммерческая часть */
    .single-product div.product .summary {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    .single-product div.product .product_title {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .single-product div.product .price {
        font-size: 22px !important;
        margin-bottom: 15px !important;
    }

    .single-product div.product .woocommerce-product-details__short-description {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-bottom: 20px !important;
        padding-bottom: 15px !important;
    }

    /* 4. Форма вариаций на мобильном */
    .single-product div.product table.variations {
        display: block !important;
        width: 100% !important;
    }

    .single-product div.product table.variations tbody,
    .single-product div.product table.variations tr,
    .single-product div.product table.variations td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .single-product div.product table.variations td.label {
        margin-bottom: 5px !important;
    }

    .single-product div.product table.variations select {
        width: 100% !important;
        padding: 12px !important;
        font-size: 15px !important;
        margin-bottom: 15px !important;
        box-sizing: border-box !important;
    }

    /* Блок покупки: кнопка и количество */
    .single-product div.product form.cart {
        display: flex !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .single-product div.product .quantity input.qty {
        height: 48px !important;
        width: 55px !important;
        font-size: 15px !important;
    }

    .single-product div.product .single_add_to_cart_button {
        flex-grow: 1 !important;
        height: 48px !important;
        padding: 0 15px !important;
        font-size: 13px !important;
        letter-spacing: 0.5px !important;
        justify-content: center !important;
    }

    /* 5. Вкладки (Скролл-меню или список) */
    .single-product .woocommerce-tabs ul.tabs {
        display: flex !important;
        gap: 15px !important;
        overflow-x: auto !important;
        padding-bottom: 5px !important;
        margin-bottom: 20px !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .single-product .woocommerce-tabs ul.tabs li {
        padding: 0 0 10px 0 !important;
    }

    .single-product .woocommerce-tabs ul.tabs li a {
        font-size: 14px !important;
    }

    .single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* 6. Похожие товары в 2 колонки на мобильном */
    .single-product section.related ul.products,
    .single-product section.upsells ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА КОРЗИНЫ (WOOCOMMERCE CART) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {

    /* 1. Блокировка сайдбаров и растягивание контейнера */
    .woocommerce-cart #sidebar,
    .woocommerce-cart .sidebar,
    .woocommerce-cart #secondary,
    .woocommerce-cart .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-cart #primary,
    .woocommerce-cart .content-area,
    .woocommerce-cart main#main {
        width: 100%;
        max-width: 1320px;
        margin: 0 auto;
        padding: 40px 20px;
        box-sizing: border-box;
        float: none;
    }

    /* Заголовок страницы */
    .woocommerce-cart .entry-title,
    .woocommerce-cart h1 {
        font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 32px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin: 0 0 35px 0 !important;
    }

    /* Обертка WooCommerce, разделяющая корзину на 2 части */
    .woocommerce-cart .woocommerce {
        display: flex !important;
        align-items: flex-start !important;
        gap: 40px !important;
    }

    /* Левая часть: Таблица товаров */
    .woocommerce-cart .woocommerce-cart-form {
        flex: 1 !important;
        margin: 0 !important;
    }

    /* Правая часть: Итоговый блок */
    .woocommerce-cart .cart-collaterals {
        width: 400px !important;
        margin: 0 !important;
        float: none !important;
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 14px !important;
        padding: 30px !important;
        box-sizing: border-box !important;
    }

    /* 2. Стилизация таблицы товаров */
    .woocommerce-cart table.shop_table {
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    .woocommerce-cart table.shop_table th {
        background-color: #f8fafc !important;
        color: #1a2b4c !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        padding: 16px 20px !important;
        border: none !important;
        border-bottom: 2px solid #eef2f6 !important;
    }

    .woocommerce-cart table.shop_table td {
        padding: 20px !important;
        border: none !important;
        border-bottom: 1px solid #eef2f6 !important;
        background: #ffffff !important;
        vertical-align: middle !important;
        color: #4a5568 !important;
        font-size: 15px !important;
    }

    /* Кнопка удаления товара (крестик) */
    .woocommerce-cart table.shop_table td.product-remove a.remove {
        color: #ff4d4f !important;
        font-size: 22px !important;
        line-height: 1 !important;
        transition: color 0.2s ease !important;
    }

    .woocommerce-cart table.shop_table td.product-remove a.remove:hover {
        background: transparent !important;
        color: #1a2b4c !important;
    }

    /* Миниатюра товара */
    .woocommerce-cart table.shop_table td.product-thumbnail img {
        width: 70px !important;
        height: auto !important;
        border-radius: 6px !important;
        border: 1px solid #eef2f6 !important;
    }

    /* Ссылка на название товара */
    .woocommerce-cart table.shop_table td.product-name a {
        color: #1a2b4c !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .woocommerce-cart table.shop_table td.product-name a:hover {
        color: #00a896 !important;
    }

    /* Цена и Подытог */
    .woocommerce-cart table.shop_table td.product-price,
    .woocommerce-cart table.shop_table td.product-subtotal {
        font-weight: 600 !important;
        color: #1a2b4c !important;
    }

    .woocommerce-cart table.shop_table td.product-subtotal {
        color: #00a896 !important; /* Выделяем итоговую цену позиции бирюзовым */
    }

    /* Количество товара в корзине */
    .woocommerce-cart table.shop_table td.product-quantity .quantity input.qty {
        width: 65px !important;
        height: 40px !important;
        border: 1px solid #dbe2ea !important;
        border-radius: 6px !important;
        text-align: center !important;
        background: #f8fafc !important;
        font-weight: 600 !important;
    }

    /* Блок купона и обновления корзины */
    .woocommerce-cart table.shop_table td.actions {
        padding: 20px !important;
        background: #ffffff !important;
    }

    .woocommerce-cart table.shop_table td.actions .coupon {
        float: left !important;
        display: flex !important;
        gap: 10px !important;
    }

    .woocommerce-cart table.shop_table td.actions .coupon input#coupon_code {
        width: 180px !important;
        height: 42px !important;
        padding: 0 15px !important;
        border: 1px solid #dbe2ea !important;
        border-radius: 8px !important;
        font-size: 14px !important;
    }

    /* Кнопки: Применить купон и Обновить корзину */
    .woocommerce-cart table.shop_table td.actions .button {
        height: 42px !important;
        padding: 0 20px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        border: 1px solid #1a2b4c !important;
        background: #ffffff !important;
        color: #1a2b4c !important;
        transition: all 0.2s ease !important;
    }

    .woocommerce-cart table.shop_table td.actions .button:hover {
        background: #1a2b4c !important;
        color: #ffffff !important;
    }

    /* Кнопка "Обновить корзину" (принудительно сдвигаем вправо) */
    .woocommerce-cart table.shop_table td.actions > .button {
        float: right !important;
    }

    /* 3. Стилизация правого блока (Cart Totals) */
    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-cart .cart-collaterals h2 {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin-bottom: 20px !important;
        border-bottom: 1px solid #eef2f6 !important;
        padding-bottom: 10px !important;
    }

    .woocommerce-cart .cart-collaterals table.shop_table_tot {
        width: 100% !important;
        margin-bottom: 25px !important;
    }

    .woocommerce-cart .cart-collaterals table tr th,
    .woocommerce-cart .cart-collaterals table tr td {
        padding: 12px 0 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid #eef2f6 !important;
        font-size: 15px !important;
    }

    .woocommerce-cart .cart-collaterals table tr.order-total th,
    .woocommerce-cart .cart-collaterals table tr.order-total td {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        border-bottom: none !important;
    }

    .woocommerce-cart .cart-collaterals table tr.order-total td span {
        color: #00a896 !important;
    }

    /* Кнопка "Оформить заказ" */
    .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 15px 20px !important;
        background-color: #1a2b4c !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        transition: background-color 0.2s ease !important;
        border: none !important;
    }

    .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
        background-color: #00a896 !important;
    }
}



/* ==========================================================================
   СТРАНИЦА КОРЗИНЫ (WOOCOMMERCE CART) — ПЛАНШЕТ (768px - 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* 1. Блокировка сайдбаров и перестроение контейнера */
    .woocommerce-cart #sidebar,
    .woocommerce-cart .sidebar,
    .woocommerce-cart #secondary,
    .woocommerce-cart .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-cart #primary,
    .woocommerce-cart .content-area,
    .woocommerce-cart main#main {
        width: 100%;
        padding: 30px 20px;
        box-sizing: border-box;
        float: none;
    }

    .woocommerce-cart .entry-title,
    .woocommerce-cart h1 {
        font-size: 28px !important;
        margin-bottom: 25px !important;
    }

    /* Перевод общей обертки в вертикальный стек */
    .woocommerce-cart .woocommerce {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
    }

    /* Корзина и итоговый блок занимают 100% ширины */
    .woocommerce-cart .woocommerce-cart-form {
        width: 100% !important;
    }

    .woocommerce-cart .cart-collaterals {
        width: 100% !important;
        float: none !important;
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
        padding: 25px !important;
        box-sizing: border-box !important;
    }

    /* 2. Адаптация таблицы для средних экранов */
    .woocommerce-cart table.shop_table th {
        padding: 12px 15px !important;
        font-size: 13px !important;
    }

    .woocommerce-cart table.shop_table td {
        padding: 15px !important;
        font-size: 14px !important;
    }

    /* Слегка уменьшаем картинку товара */
    .woocommerce-cart table.shop_table td.product-thumbnail img {
        width: 60px !important;
    }

    /* Элементы управления купонами */
    .woocommerce-cart table.shop_table td.actions .coupon {
        display: flex !important;
    }

    .woocommerce-cart table.shop_table td.actions .coupon input#coupon_code {
        width: 150px !important;
        height: 40px !important;
    }

    .woocommerce-cart table.shop_table td.actions .button {
        height: 40px !important;
        padding: 0 15px !important;
        font-size: 12px !important;
    }

    /* 3. Итоговый блок на планшете */
    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
    }

    .woocommerce-cart .cart-collaterals table {
        width: 100% !important;
    }

    /* Кнопка перехода к оформлению */
    .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
        padding: 14px 20px !important;
        font-size: 14px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА КОРЗИНЫ (WOOCOMMERCE CART) — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {

    /* 1. Блокировка сайдбаров и контейнеры */
    .woocommerce-cart #sidebar,
    .woocommerce-cart .sidebar,
    .woocommerce-cart #secondary,
    .woocommerce-cart .widget-area {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .woocommerce-cart #primary,
    .woocommerce-cart .content-area,
    .woocommerce-cart main#main {
        width: 100%;
        padding: 15px 10px;
        box-sizing: border-box;
        float: none;
    }

    .woocommerce-cart .entry-title,
    .woocommerce-cart h1 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

    /* Вертикальный стек для всей корзины */
    .woocommerce-cart .woocommerce {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart-collaterals {
        width: 100% !important;
    }

    /* 2. Трансформация таблицы в мобильные карточки */
    .woocommerce-cart table.shop_table {
        border: none !important;
        display: block !important;
        width: 100% !important;
    }

    /* Скрываем заголовки таблицы */
    .woocommerce-cart table.shop_table thead {
        display: none !important;
    }

    .woocommerce-cart table.shop_table tbody {
        display: block !important;
        width: 100% !important;
    }

    /* Каждая строка товара становится отдельной карточкой */
    .woocommerce-cart table.shop_table tr.cart_item {
        display: block !important;
        width: 100% !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
        padding: 15px !important;
        margin-bottom: 15px !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    .woocommerce-cart table.shop_table td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 8px 0 !important;
        border: none !important;
        font-size: 14px !important;
        background: transparent !important;
        width: 100% !important;
    }

    /* Абсолютное позиционирование кнопки удаления (крестика) */
    .woocommerce-cart table.shop_table td.product-remove {
        position: absolute !important;
        top: 10px !important;
        right: 15px !important;
        width: auto !important;
        padding: 0 !important;
        z-index: 10;
    }

    /* Картинка товара */
    .woocommerce-cart table.shop_table td.product-thumbnail {
        justify-content: center !important;
        border-bottom: 1px solid #f0f4f8 !important;
        padding-bottom: 12px !important;
        margin-bottom: 8px !important;
    }

    .woocommerce-cart table.shop_table td.product-thumbnail img {
        width: 80px !important;
        height: auto !important;
    }

    /* Добавляем текстовые метки перед значениями с помощью pseudo-elements */
    .woocommerce-cart table.shop_table td.product-name::before {
        content: "Товар:";
        font-weight: 600;
        color: #1a2b4c;
    }
    .woocommerce-cart table.shop_table td.product-name a {
        text-align: right;
        max-width: 60%;
    }

    .woocommerce-cart table.shop_table td.product-price::before {
        content: "Цена:";
        font-weight: 600;
        color: #1a2b4c;
    }

    .woocommerce-cart table.shop_table td.product-quantity::before {
        content: "Кол-во:";
        font-weight: 600;
        color: #1a2b4c;
    }
    .woocommerce-cart table.shop_table td.product-quantity .quantity input.qty {
        height: 36px !important;
        width: 60px !important;
    }

    .woocommerce-cart table.shop_table td.product-subtotal::before {
        content: "Сумма:";
        font-weight: 600;
        color: #1a2b4c;
    }
    .woocommerce-cart table.shop_table td.product-subtotal span {
        color: #00a896 !important;
        font-weight: 700 !important;
    }

    /* Блок действий (Купон и обновление) */
    .woocommerce-cart table.shop_table td.actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        padding: 10px 0 0 0 !important;
    }

    .woocommerce-cart table.shop_table td.actions .coupon {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        float: none !important;
    }

    .woocommerce-cart table.shop_table td.actions .coupon input#coupon_code {
        width: 100% !important;
        height: 44px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-cart table.shop_table td.actions .button {
        width: 100% !important;
        height: 44px !important;
        text-align: center !important;
        justify-content: center !important;
        float: none !important;
    }

    /* 3. Итоговый блок на мобильном */
    .woocommerce-cart .cart-collaterals {
        border-radius: 10px !important;
        padding: 20px !important;
    }

    .woocommerce-cart .cart-collaterals h2 {
        font-size: 18px !important;
    }

    .woocommerce-cart .cart-collaterals table tr th,
    .woocommerce-cart .cart-collaterals table tr td {
        font-size: 14px !important;
    }

    .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
        padding: 14px 15px !important;
        font-size: 13px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ОФОРМЛЕНИЯ ЗАКАЗА (WOOCOMMERCE CHECKOUT) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {

    /* 1. Блокировка сайдбаров и подготовка рабочей области */
    .woocommerce-checkout #sidebar,
    .woocommerce-checkout .sidebar,
    .woocommerce-checkout #secondary,
    .woocommerce-checkout .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-checkout #primary,
    .woocommerce-checkout .content-area,
    .woocommerce-checkout main#main {
        width: 100%;
        max-width: 1320px;
        margin: 0 auto;
        padding: 40px 20px;
        box-sizing: border-box;
        float: none;
    }

    /* Заголовок страницы */
    .woocommerce-checkout h1.entry-title,
    .woocommerce-checkout h1 {
        font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 32px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin: 0 0 35px 0 !important;
    }

    /* Окно авторизации / ввода купона сверху */
    .woocommerce-checkout .woocommerce-form-login-toggle,
    .woocommerce-checkout .woocommerce-form-coupon-toggle {
        margin-bottom: 20px !important;
    }

    .woocommerce-checkout .woocommerce-info {
        border-top-color: #00a896 !important;
        background-color: #f8fafc !important;
        color: #4a5568 !important;
        border-radius: 8px !important;
        padding: 15px 20px !important;
        font-size: 15px !important;
    }

    .woocommerce-checkout .woocommerce-info a {
        color: #0077b6 !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }

    /* Двухколоночная структура формы чекаута */
    .woocommerce-checkout form.checkout {
        display: flex !important;
        align-items: flex-start !important;
        gap: 40px !important;
        margin-top: 20px !important;
    }

    /* Левая колонка: Данные плательщика и доставка */
    .woocommerce-checkout form.checkout #customer_details {
        flex: 1 !important;
        width: auto !important;
        float: none !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Блоки полей */
    .woocommerce-checkout .col-1, 
    .woocommerce-checkout .col-2 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-bottom: 30px !important;
    }

    /* Правая колонка: Просмотр заказа и оплата */
    .woocommerce-checkout form.checkout #order_review_heading,
    .woocommerce-checkout form.checkout #order_review {
        width: 420px !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Коррекция разметки: помещаем заголовок внутрь общего блока обзора */
    .woocommerce-checkout form.checkout {
        position: relative !important;
    }
    
    .woocommerce-checkout #order_review {
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 14px !important;
        padding: 30px !important;
    }

    /* 2. Стилизация полей ввода (Inputs) */
    .woocommerce-checkout .form-row {
        padding: 0 !important;
        margin-bottom: 18px !important;
    }

    .woocommerce-checkout .form-row label {
        display: block !important;
        font-weight: 600 !important;
        color: #1a2b4c !important;
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .woocommerce-checkout .form-row input.input-text,
    .woocommerce-checkout .form-row textarea,
    .woocommerce-checkout .select2-container--default .select2-selection--single {
        width: 100% !important;
        height: 46px !important;
        padding: 10px 15px !important;
        border: 1px solid #dbe2ea !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        color: #4a5568 !important;
        font-size: 15px !important;
        outline: none !important;
        box-sizing: border-box !important;
        transition: all 0.2s ease !important;
    }

    .woocommerce-checkout .form-row textarea {
        height: 120px !important;
    }

    .woocommerce-checkout .form-row input.input-text:focus,
    .woocommerce-checkout .form-row textarea:focus {
        border-color: #00a896 !important;
        box-shadow: 0 0 0 3px rgba(0, 168, 150, 0.12) !important;
    }

    /* Подписи заголовков блоков (Детали оплаты) */
    .woocommerce-checkout h3 {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin: 0 0 25px 0 !important;
        border-bottom: 2px solid #f0f4f8 !important;
        padding-bottom: 12px !important;
    }

    /* 3. Стилизация правого блока таблицы заказа */
    .woocommerce-checkout #order_review_heading {
        display: none !important; /* Прячем старый заголовок, оформляем внутри #order_review */
    }

    .woocommerce-checkout #order_review::before {
        content: "Ваш заказ" !important;
        display: block !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin-bottom: 20px !important;
        border-bottom: 1px solid #eef2f6 !important;
        padding-bottom: 10px !important;
    }

    .woocommerce-checkout table.shop_table {
        width: 100% !important;
        border-collapse: collapse !important;
        margin-bottom: 25px !important;
    }

    .woocommerce-checkout table.shop_table th,
    .woocommerce-checkout table.shop_table td {
        padding: 12px 0 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid #eef2f6 !important;
        font-size: 14px !important;
        color: #4a5568 !important;
        text-align: left !important;
    }

    .woocommerce-checkout table.shop_table th {
        font-weight: 600 !important;
        color: #1a2b4c !important;
    }

    .woocommerce-checkout table.shop_table td.product-name {
        font-weight: 500 !important;
        color: #1a2b4c !important;
    }

    .woocommerce-checkout table.shop_table td.product-total,
    .woocommerce-checkout table.shop_table .order-total td {
        text-align: right !important;
        font-weight: 600 !important;
    }

    .woocommerce-checkout table.shop_table .order-total th,
    .woocommerce-checkout table.shop_table .order-total td {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        border-bottom: none !important;
        padding-top: 15px !important;
    }

    .woocommerce-checkout table.shop_table .order-total td span {
        color: #00a896 !important;
    }

    /* 4. Блок выбора способов оплаты (Payment Methods) */
    .woocommerce-checkout #payment {
        background: transparent !important;
        padding: 0 !important;
    }

    .woocommerce-checkout #payment ul.payment_methods {
        border: none !important;
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
        list-style: none !important;
    }

    .woocommerce-checkout #payment ul.payment_methods li {
        margin-bottom: 12px !important;
        line-height: 1.4 !important;
    }

    .woocommerce-checkout #payment ul.payment_methods li label {
        font-weight: 600 !important;
        color: #1a2b4c !important;
        cursor: pointer !important;
        margin-left: 8px !important;
    }

    .woocommerce-checkout #payment div.payment_box {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 6px !important;
        padding: 15px !important;
        font-size: 13px !important;
        color: #718096 !important;
        margin: 10px 0 !important;
    }

    .woocommerce-checkout #payment div.payment_box::before {
        display: none !important; /* Убираем уродливый стандартный треугольник */
    }

    /* Кнопка "Подтвердить заказ" */
    .woocommerce-checkout #place_order {
        display: block !important;
        width: 100% !important;
        padding: 16px 20px !important;
        background-color: #00a896 !important; /* Яркий бирюзовый для целевого действия */
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        border: none !important;
        transition: background-color 0.2s ease !important;
        cursor: pointer !important;
    }

    .woocommerce-checkout #place_order:hover {
        background-color: #1a2b4c !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ОФОРМЛЕНИЯ ЗАКАЗА — ПЛАНШЕТ (768px - 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* 1. Блокировка сайдбаров и сброс ширины рабочей области */
    .woocommerce-checkout #sidebar,
    .woocommerce-checkout .sidebar,
    .woocommerce-checkout #secondary,
    .woocommerce-checkout .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-checkout #primary,
    .woocommerce-checkout .content-area,
    .woocommerce-checkout main#main {
        width: 100%;
        padding: 30px 20px;
        box-sizing: border-box;
        float: none;
    }

    /* Заголовок страницы */
    .woocommerce-checkout h1.entry-title,
    .woocommerce-checkout h1 {
        font-size: 28px !important;
        margin-bottom: 25px !important;
    }

    /* Сброс флекс-раскладки десктопа в вертикальный стек */
    .woocommerce-checkout form.checkout {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
    }

    /* Анкета покупателя и обзор заказа занимают 100% ширины */
    .woocommerce-checkout form.checkout #customer_details,
    .woocommerce-checkout form.checkout #order_review {
        width: 100% !important;
        flex: none !important;
        box-sizing: border-box !important;
    }

    /* Настройка внутренних колонок анкеты */
    .woocommerce-checkout .col-1, 
    .woocommerce-checkout .col-2 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-bottom: 25px !important;
    }

    /* 2. Оптимизация полей ввода для планшетов */
    .woocommerce-checkout .form-row input.input-text,
    .woocommerce-checkout .form-row textarea,
    .woocommerce-checkout .select2-container--default .select2-selection--single {
        height: 48px !important; /* Увеличиваем высоту для удобства тача */
        font-size: 15px !important;
    }

    .woocommerce-checkout .form-row textarea {
        height: 100px !important;
    }

    /* 3. Блок обзора заказа на планшете */
    .woocommerce-checkout #order_review {
        padding: 25px !important;
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
    }

    /* Корректировка табличной части */
    .woocommerce-checkout table.shop_table th,
    .woocommerce-checkout table.shop_table td {
        padding: 14px 10px !important;
    }

    /* 4. Кнопка финального действия */
    .woocommerce-checkout #place_order {
        padding: 16px 20px !important;
        font-size: 15px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ОФОРМЛЕНИЯ ЗАКАЗА — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {

    /* 1. Блокировка сайдбаров и оптимизация контейнеров */
    .woocommerce-checkout #sidebar,
    .woocommerce-checkout .sidebar,
    .woocommerce-checkout #secondary,
    .woocommerce-checkout .widget-area {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .woocommerce-checkout #primary,
    .woocommerce-checkout .content-area,
    .woocommerce-checkout main#main {
        width: 100%;
        padding: 15px 10px;
        box-sizing: border-box;
        float: none;
    }

    .woocommerce-checkout h1.entry-title,
    .woocommerce-checkout h1 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

    /* Верхние уведомления (вход/купон) во всю ширину */
    .woocommerce-checkout .woocommerce-info {
        font-size: 14px !important;
        padding: 12px 15px !important;
        line-height: 1.4 !important;
    }

    /* Стек для формы чекаута */
    .woocommerce-checkout form.checkout {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        margin-top: 10px !important;
    }

    .woocommerce-checkout form.checkout #customer_details,
    .woocommerce-checkout form.checkout #order_review {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce-checkout .col-1, 
    .woocommerce-checkout .col-2 {
        margin-bottom: 15px !important;
    }

    /* Подзаголовки блоков */
    .woocommerce-checkout h3 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
        padding-bottom: 8px !important;
    }

    /* 2. Поля ввода во всю ширину на мобильном */
    .woocommerce-checkout .form-row {
        width: 100% !important;
        float: none !important;
        margin-bottom: 14px !important;
    }

    .woocommerce-checkout .form-row label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .woocommerce-checkout .form-row input.input-text,
    .woocommerce-checkout .form-row textarea,
    .woocommerce-checkout .select2-container--default .select2-selection--single {
        height: 44px !important;
        font-size: 14px !important;
        padding: 8px 12px !important;
        border-radius: 6px !important;
    }

    .woocommerce-checkout .form-row textarea {
        height: 90px !important;
    }

    /* 3. Компактный блок "Ваш заказ" */
    .woocommerce-checkout #order_review {
        padding: 15px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
    }

    .woocommerce-checkout #order_review::before {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }

    /* Ужимаем таблицу товаров под мобильный формат */
    .woocommerce-checkout table.shop_table th,
    .woocommerce-checkout table.shop_table td {
        padding: 10px 0 !important;
        font-size: 13px !important;
    }

    .woocommerce-checkout table.shop_table .order-total th,
    .woocommerce-checkout table.shop_table .order-total td {
        font-size: 16px !important;
        padding-top: 12px !important;
    }

    /* 4. Способы оплаты и кнопка */
    .woocommerce-checkout #payment ul.payment_methods li label {
        font-size: 14px !important;
    }

    .woocommerce-checkout #payment div.payment_box {
        padding: 12px !important;
        font-size: 12px !important;
    }

    /* Большая кнопка подтверждения для тач-скринов */
    .woocommerce-checkout #place_order {
        padding: 15px !important;
        font-size: 14px !important;
        border-radius: 6px !important;
        letter-spacing: 0.5px !important;
    }
}

/* ==========================================================================
   СТРАНИЦА ЗАКАЗА (THANK YOU PAGE) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {

    /* 1. Блокировка сайдбаров и центрирование чека */
    .woocommerce-order-received #sidebar,
    .woocommerce-order-received .sidebar,
    .woocommerce-order-received #secondary,
    .woocommerce-order-received .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-order-received #primary,
    .woocommerce-order-received .content-area,
    .woocommerce-order-received main#main {
        width: 100% !important;
        max-width: 900px !important; /* Узкий формат для красивого вида инвойса */
        margin: 0 auto !important;
        padding: 50px 20px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Главное сообщение об успехе */
    .woocommerce-order-received .woocommerce-notice--success {
        background-color: #e6f7f4 !important; /* Очень нежный бирюзовый */
        border: 1px solid #00a896 !important;
        color: #1a2b4c !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        padding: 20px 25px !important;
        border-radius: 10px !important;
        margin-bottom: 40px !important;
        text-align: center !important;
    }

    /* 2. Панель с ключевыми деталями заказа (Номер, дата и т.д.) */
    .woocommerce-order-received ul.woocommerce-order-overview {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
        padding: 25px !important;
        margin: 0 0 45px 0 !important;
        list-style: none !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li {
        border-right: 1px solid #e2e8f0 !important;
        padding-right: 15px !important;
        font-size: 13px !important;
        color: #718096 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        line-height: 1.4 !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li:last-child {
        border-right: none !important;
        padding-right: 0 !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li strong {
        display: block !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        margin-top: 6px !important;
    }
    
    .woocommerce-order-received ul.woocommerce-order-overview li.total strong {
        color: #00a896 !important; /* Выделяем итоговую сумму */
    }

    /* 3. Спецификация и детали заказа (Таблица) */
    .woocommerce-order-received .order_details {
        margin-bottom: 45px !important;
    }

    .woocommerce-order-received h2.woocommerce-order-details__title {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin-bottom: 20px !important;
    }

    .woocommerce-order-received table.shop_table.order_details {
        width: 100% !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 12px !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        overflow: hidden !important;
    }

    .woocommerce-order-received table.shop_table.order_details th {
        background-color: #f8fafc !important;
        color: #1a2b4c !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        padding: 16px 20px !important;
        border: none !important;
        border-bottom: 2px solid #eef2f6 !important;
    }

    .woocommerce-order-received table.shop_table.order_details td {
        padding: 18px 20px !important;
        border: none !important;
        border-bottom: 1px solid #eef2f6 !important;
        background: #ffffff !important;
        color: #4a5568 !important;
        font-size: 15px !important;
    }

    .woocommerce-order-received table.shop_table.order_details tr:last-child td {
        border-bottom: none !important;
    }

    /* Ссылки на товары в чеке */
    .woocommerce-order-received table.shop_table.order_details td.product-name a {
        color: #1a2b4c !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }

    .woocommerce-order-received table.shop_table.order_details td.product-total {
        font-weight: 600 !important;
        color: #1a2b4c !important;
        text-align: right !important;
    }

    /* Итоговые строки внизу таблицы чека */
    .woocommerce-order-received table.shop_table.order_details tfoot th {
        background: #ffffff !important;
        text-align: left !important;
        font-weight: 600 !important;
        color: #4a5568 !important;
        border-bottom: 1px solid #eef2f6 !important;
    }

    .woocommerce-order-received table.shop_table.order_details tfoot tr:last-child th,
    .woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        border-bottom: none !important;
        padding-top: 22px !important;
    }

    .woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td span {
        color: #00a896 !important;
    }

    /* 4. Блок адресов (Покупатель / Клиника) */
    .woocommerce-order-received .woocommerce-customer-details {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
        margin-top: 40px !important;
    }

    .woocommerce-order-received .woocommerce-column__title {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin-bottom: 15px !important;
    }

    .woocommerce-order-received address {
        font-style: normal !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 10px !important;
        padding: 20px !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #4a5568 !important;
    }
}

/* ==========================================================================
   СТРАНИЦА ЗАКАЗА (THANK YOU PAGE) — ПЛАНШЕТ (768px - 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* 1. Блокировка сайдбаров и контейнер рабочей области */
    .woocommerce-order-received #sidebar,
    .woocommerce-order-received .sidebar,
    .woocommerce-order-received #secondary,
    .woocommerce-order-received .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-order-received #primary,
    .woocommerce-order-received .content-area,
    .woocommerce-order-received main#main {
        width: 100% !important;
        padding: 30px 20px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Сообщение об успешном заказе */
    .woocommerce-order-received .woocommerce-notice--success {
        font-size: 17px !important;
        padding: 15px 20px !important;
        margin-bottom: 30px !important;
    }

    /* 2. Адаптация сетки с основными деталями заказа */
    .woocommerce-order-received ul.woocommerce-order-overview {
        grid-template-columns: repeat(2, 1fr) !important; /* Перестраиваем в 2 колонки на iPad */
        gap: 15px !important;
        padding: 20px !important;
        margin-bottom: 35px !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li {
        border-right: none !important;
        border-bottom: 1px solid #eef2f6 !important;
        padding-bottom: 10px !important;
        padding-right: 0 !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li:nth-child(3),
    .woocommerce-order-received ul.woocommerce-order-overview li:nth-child(4) {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li strong {
        font-size: 16px !important;
        margin-top: 4px !important;
    }

    /* 3. Таблица спецификации заказа */
    .woocommerce-order-received table.shop_table.order_details th,
    .woocommerce-order-received table.shop_table.order_details td {
        padding: 14px 15px !important;
        font-size: 14px !important;
    }

    /* 4. Блок адресов плательщика и доставки */
    .woocommerce-order-received .woocommerce-customer-details {
        grid-template-columns: 1fr !important; /* В один ряд для экономии места */
        gap: 20px !important;
        margin-top: 30px !important;
    }

    .woocommerce-order-received address {
        padding: 15px !important;
    }
}

/* ==========================================================================
   СТРАНИЦА ЗАКАЗА (THANK YOU PAGE) — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {

    /* 1. Блокировка сайдбаров и сжатие контейнеров */
    .woocommerce-order-received #sidebar,
    .woocommerce-order-received .sidebar,
    .woocommerce-order-received #secondary,
    .woocommerce-order-received .widget-area {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .woocommerce-order-received #primary,
    .woocommerce-order-received .content-area,
    .woocommerce-order-received main#main {
        width: 100% !important;
        padding: 20px 10px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Компактное мобильное сообщение об успехе */
    .woocommerce-order-received .woocommerce-notice--success {
        font-size: 15px !important;
        padding: 12px 15px !important;
        margin-bottom: 20px !important;
        line-height: 1.4 !important;
    }

    /* 2. Вертикальный стек для деталей заказа */
    .woocommerce-order-received ul.woocommerce-order-overview {
        grid-template-columns: 1fr !important; /* Строго в одну колонку */
        gap: 12px !important;
        padding: 15px !important;
        margin-bottom: 25px !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li {
        border-right: none !important;
        border-bottom: 1px solid #eef2f6 !important;
        padding-bottom: 10px !important;
        padding-right: 0 !important;
        margin: 0 !important;
        font-size: 12px !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .woocommerce-order-received ul.woocommerce-order-overview li strong {
        font-size: 15px !important;
        margin-top: 3px !important;
    }

    /* 3. Оптимизация таблицы инвойса под мобильный */
    .woocommerce-order-received h2.woocommerce-order-details__title {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }

    .woocommerce-order-received table.shop_table.order_details th,
    .woocommerce-order-received table.shop_table.order_details td {
        padding: 12px 10px !important;
        font-size: 13px !important;
    }

    .woocommerce-order-received table.shop_table.order_details tfoot tr:last-child th,
    .woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td {
        font-size: 15px !important;
        padding-top: 15px !important;
    }

    /* 4. Блок адресов */
    .woocommerce-order-received .woocommerce-customer-details {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        margin-top: 25px !important;
    }

    .woocommerce-order-received .woocommerce-column__title {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .woocommerce-order-received address {
        padding: 12px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

/* ==========================================================================
   ЛИЧНЫЙ КАБИНЕТ (ВХОД, РЕГИСТРАЦИЯ, ПРОФИЛЬ) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {

    /* 1. Блокировка сайдбаров темы и центрирование кабинета */
    .woocommerce-account #sidebar,
    .woocommerce-account .sidebar,
    .woocommerce-account #secondary,
    .woocommerce-account .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-account #primary,
    .woocommerce-account .content-area,
    .woocommerce-account main#main {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px 20px;
        box-sizing: border-box;
        float: none;
    }

    .woocommerce-account h1,
    .woocommerce-account h1.entry-title {
        font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 32px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin-bottom: 35px !important;
    }

    /* 2. СТИЛИЗАЦИЯ ФОРМ ВХОДА И РЕГИСТРАЦИИ (Для неавторизованных) */
    .woocommerce-account .woocommerce #customer_login {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 50px !important;
        margin-top: 20px !important;
    }

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        width: 100% !important;
        float: none !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 14px !important;
        padding: 35px !important;
        box-sizing: border-box !important;
        box-shadow: 0 4px 12px rgba(26, 43, 76, 0.02) !important;
    }

    .woocommerce-account h2 {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #1a2b4c !important;
        margin: 0 0 25px 0 !important;
        border-bottom: 2px solid #f0f4f8 !important;
        padding-bottom: 12px !important;
    }

    /* Элементы форм (Поля) */
    .woocommerce-account form.login,
    .woocommerce-account form.register {
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    .woocommerce-account .form-row {
        margin-bottom: 20px !important;
        padding: 0 !important;
    }

    .woocommerce-account .form-row label {
        display: block !important;
        font-weight: 600 !important;
        color: #1a2b4c !important;
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .woocommerce-account .form-row input.input-text {
        width: 100% !important;
        height: 46px !important;
        padding: 10px 15px !important;
        border: 1px solid #dbe2ea !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        color: #4a5568 !important;
        font-size: 15px !important;
        outline: none !important;
        box-sizing: border-box !important;
        transition: all 0.2s ease !important;
    }

    .woocommerce-account .form-row input.input-text:focus {
        border-color: #00a896 !important;
        box-shadow: 0 0 0 3px rgba(0, 168, 150, 0.12) !important;
    }

    /* Кнопки Войти / Зарегистрироваться */
    .woocommerce-account .form-row .button {
        height: 46px !important;
        padding: 0 30px !important;
        background-color: #1a2b4c !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        border: none !important;
        transition: background-color 0.2s ease !important;
        cursor: pointer !important;
    }

    .woocommerce-account .form-row .button:hover {
        background-color: #00a896 !important;
    }

    /* Ссылки "Запомнить меня" и "Забыли пароль" */
    .woocommerce-account .woocommerce-form-login__rememberme {
        display: inline-flex !important;
        align-items: center !important;
        margin-right: 20px !important;
    }

    .woocommerce-account .woocommerce-LostPassword a {
        color: #718096 !important;
        font-size: 14px !important;
        text-decoration: none !important;
    }

    .woocommerce-account .woocommerce-LostPassword a:hover {
        color: #00a896 !important;
    }

    /* 3. ВНУТРЕННЯЯ СТРУКТУРА ЛИЧНОГО КАБИНЕТА (Для авторизованных) */
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none !important;
        width: auto !important;
        margin-left: 280px !important; /* Отступ справа от навигации */
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 14px !important;
        padding: 35px !important;
        box-sizing: border-box !important;
    }

    /* Боковая навигация Личного Кабинета */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left !important;
        width: 240px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        display: block !important;
        padding: 14px 18px !important;
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 8px !important;
        color: #4a5568 !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    /* Активная вкладка меню (например, Заказы) */
    .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
        background-color: #1a2b4c !important;
        border-color: #1a2b4c !important;
        color: #ffffff !important;
    }

    /* Стилизация списков заказов (Таблица внутри ЛК) */
    .woocommerce-account table.my_account_orders {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    .woocommerce-account table.my_account_orders th,
    .woocommerce-account table.my_account_orders td {
        padding: 14px 15px !important;
        border: none !important;
        border-bottom: 1px solid #eef2f6 !important;
        text-align: left !important;
        font-size: 14px !important;
    }

    .woocommerce-account table.my_account_orders th {
        font-weight: 600 !important;
        color: #1a2b4c !important;
        background: #f8fafc !important;
    }

    /* Кнопки действий в таблице заказов (Просмотр) */
    .woocommerce-account table.my_account_orders td.woocommerce-orders-table__cell-order-actions .button {
        padding: 8px 15px !important;
        height: auto !important;
        font-size: 12px !important;
        background: #f1f5f9 !important;
        color: #1a2b4c !important;
    }

    .woocommerce-account table.my_account_orders td.woocommerce-orders-table__cell-order-actions .button:hover {
        background: #00a896 !important;
        color: #ffffff !important;
    }
}


/* ==========================================================================
   ЛИЧНЫЙ КАБИНЕТ (ВХОД, РЕГИСТРАЦИЯ, ПРОФИЛЬ) — ПЛАНШЕТ (768px - 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* 1. Отключение сайдбаров и контейнер */
    .woocommerce-account #sidebar,
    .woocommerce-account .sidebar,
    .woocommerce-account #secondary,
    .woocommerce-account .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-account #primary,
    .woocommerce-account .content-area,
    .woocommerce-account main#main {
        width: 100% !important;
        padding: 30px 20px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* 2. Формы входа и регистрации на планшете */
    .woocommerce-account .woocommerce #customer_login {
        display: flex !important;
        flex-direction: column !important; /* В один вертикальный ряд */
        gap: 30px !important;
    }

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        width: 100% !important;
        padding: 25px !important;
    }

    /* 3. Внутренняя структура кабинета на планшете */
    /* Перестраиваем меню в горизонтальную панель вкладок */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none !important;
        width: 100% !important;
        margin-bottom: 25px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        flex-direction: row !important; /* Элементы меню встают в один ряд */
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        flex: 1 1 auto !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 10px 15px !important;
        font-size: 14px !important;
        text-align: center !important;
    }

    /* Контентный блок занимает всю ширину под меню */
    .woocommerce-account .woocommerce-MyAccount-content {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 25px !important;
    }

    /* Оптимизация таблиц с заказами */
    .woocommerce-account table.my_account_orders th,
    .woocommerce-account table.my_account_orders td {
        padding: 12px 10px !important;
        font-size: 13px !important;
    }
}

/* ==========================================================================
   ЛИЧНЫЙ КАБИНЕТ (ВХОД, РЕГИСТРАЦИЯ, ПРОФИЛЬ) — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {

    /* 1. Блокировка сайдбаров и сжатие контейнеров */
    .woocommerce-account #sidebar,
    .woocommerce-account .sidebar,
    .woocommerce-account #secondary,
    .woocommerce-account .widget-area {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .woocommerce-account #primary,
    .woocommerce-account .content-area,
    .woocommerce-account main#main {
        width: 100% !important;
        padding: 20px 10px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    .woocommerce-account h1,
    .woocommerce-account h1.entry-title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

    /* 2. Формы входа и регистрации во всю ширину */
    .woocommerce-account .woocommerce #customer_login {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        width: 100% !important;
        padding: 20px 15px !important;
        border-radius: 10px !important;
    }

    .woocommerce-account h2 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
        padding-bottom: 8px !important;
    }

    /* Поля ввода и кнопки */
    .woocommerce-account .form-row input.input-text {
        height: 44px !important;
        font-size: 14px !important;
        border-radius: 6px !important;
    }

    .woocommerce-account .form-row .button {
        width: 100% !important;
        height: 44px !important;
        text-align: center !important;
        justify-content: center !important;
        border-radius: 6px !important;
        font-size: 13px !important;
    }

    .woocommerce-account .woocommerce-form-login__rememberme {
        display: flex !important;
        margin-bottom: 15px !important;
    }

    /* 3. Внутреннее меню кабинета на мобильном */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        flex-direction: column !important;
        gap: 6px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 12px 15px !important;
        font-size: 14px !important;
        border-radius: 6px !important;
    }

    /* Контентная область под меню */
    .woocommerce-account .woocommerce-MyAccount-content {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 15px !important;
        border-radius: 10px !important;
    }

    /* 4. Трансформация таблицы заказов в мобильные карточки */
    .woocommerce-account table.my_account_orders {
        display: block !important;
        width: 100% !important;
        border: none !important;
    }

    .woocommerce-account table.my_account_orders thead {
        display: none !important; /* Скрываем шапку таблицы */
    }

    .woocommerce-account table.my_account_orders tbody {
        display: block !important;
        width: 100% !important;
    }

    .woocommerce-account table.my_account_orders tr {
        display: block !important;
        width: 100% !important;
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 8px !important;
        padding: 12px !important;
        margin-bottom: 12px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-account table.my_account_orders td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 6px 0 !important;
        border: none !important;
        border-bottom: 1px dashed #e2e8f0 !important;
        font-size: 13px !important;
        width: 100% !important;
    }

    .woocommerce-account table.my_account_orders td:last-child {
        border-bottom: none !important;
        padding-top: 10px !important;
    }

    /* Добавляем текстовые метки перед значениями */
    .woocommerce-account table.my_account_orders td.woocommerce-orders-table__cell-order-number::before {
        content: "Заказ:";
        font-weight: 600;
        color: #1a2b4c;
    }
    .woocommerce-account table.my_account_orders td.woocommerce-orders-table__cell-order-date::before {
        content: "Дата:";
        font-weight: 600;
        color: #1a2b4c;
    }
    .woocommerce-account table.my_account_orders td.woocommerce-orders-table__cell-order-status::before {
        content: "Статус:";
        font-weight: 600;
        color: #1a2b4c;
    }
    .woocommerce-account table.my_account_orders td.woocommerce-orders-table__cell-order-total::before {
        content: "Итого:";
        font-weight: 600;
        color: #1a2b4c;
    }

    /* Кнопка "Просмотр" во всю ширину мобильной карточки */
    .woocommerce-account table.my_account_orders td.woocommerce-orders-table__cell-order-actions {
        justify-content: center !important;
    }

    .woocommerce-account table.my_account_orders td.woocommerce-orders-table__cell-order-actions .button {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
        font-size: 13px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ОТСЛЕЖИВАНИЯ ЗАКАЗА (ORDER TRACKING) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {

    /* 1. Блокировка сайдбаров и центрирование формы */
    .page-template-default #sidebar,
    .page-template-default .sidebar,
    .page-template-default #secondary,
    .page-template-default .widget-area {
        /* Применяется, если страница создана как стандартный шаблон */
        display: none !important;
        width: 0 !important;
    }

    /* Нацеливаемся на контентную область страницы отслеживания */
    .post-password-required, 
    form.track_order {
        max-width: 600px !important; /* Делаем форму компактной и аккуратной */
        margin: 40px auto !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 14px !important;
        padding: 40px !important;
        box-shadow: 0 4px 12px rgba(26, 43, 76, 0.02) !important;
        box-sizing: border-box !important;
    }

    /* Вводный текст инструкции */
    form.track_order p:first-of-type {
        font-size: 15px !important;
        line-height: 1.6 !important;
        color: #4a5568 !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }

    /* 2. Стилизация полей ввода */
    form.track_order .form-row {
        margin-bottom: 22px !important;
        padding: 0 !important;
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    form.track_order .form-row label {
        display: block !important;
        font-weight: 600 !important;
        color: #1a2b4c !important; /* Глубокий медицинский синий */
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    form.track_order .form-row input.input-text {
        width: 100% !important;
        height: 46px !important;
        padding: 10px 15px !important;
        border: 1px solid #dbe2ea !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        color: #4a5568 !important;
        font-size: 15px !important;
        outline: none !important;
        box-sizing: border-box !important;
        transition: all 0.2s ease !important;
    }

    form.track_order .form-row input.input-text:focus {
        border-color: #00a896 !important; /* Свежий бирюзовый */
        box-shadow: 0 0 0 3px rgba(0, 168, 150, 0.12) !important;
    }

    /* 3. Кнопка «Отследить» */
    form.track_order .form-row button.button {
        display: block !important;
        width: 100% !important; /* Растягиваем кнопку на всю ширину формы */
        height: 48px !important;
        padding: 0 20px !important;
        background-color: #1a2b4c !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        border: none !important;
        transition: background-color 0.2s ease !important;
        cursor: pointer !important;
        margin-top: 10px !important;
    }

    form.track_order .form-row button.button:hover {
        background-color: #00a896 !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ОТСЛЕЖИВАНИЯ ЗАКАЗА — ПЛАНШЕТ (768px - 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* 1. Блокировка сайдбаров и контейнер */
    .page-template-default #sidebar,
    .page-template-default .sidebar,
    .page-template-default #secondary,
    .page-template-default .widget-area {
        display: none !important;
        width: 0 !important;
    }

    /* Адаптация формы для средних экранов */
    form.track_order {
        max-width: 500px !important; /* Чуть сужаем на планшетах */
        margin: 30px auto !important;
        padding: 30px !important;
        border-radius: 12px !important;
    }

    form.track_order p:first-of-type {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-bottom: 25px !important;
    }

    /* 2. Удобство кликов по полям ввода */
    form.track_order .form-row {
        margin-bottom: 18px !important;
    }

    form.track_order .form-row label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    form.track_order .form-row input.input-text {
        height: 48px !important; /* Крупнее для удобства тача */
        font-size: 15px !important;
        border-radius: 8px !important;
    }

    /* 3. Кнопка действия */
    form.track_order .form-row button.button {
        height: 50px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ОТСЛЕЖИВАНИЯ ЗАКАЗА — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {

    /* 1. Блокировка сайдбаров темы */
    .page-template-default #sidebar,
    .page-template-default .sidebar,
    .page-template-default #secondary,
    .page-template-default .widget-area {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Растягиваем форму на мобильных экранах */
    form.track_order {
        max-width: 100% !important;
        margin: 15px 0 !important;
        padding: 20px 15px !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    /* Компактная мобильная инструкция */
    form.track_order p:first-of-type {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin-bottom: 20px !important;
        text-align: left !important;
    }

    /* 2. Поля ввода во всю ширину мобильного экрана */
    form.track_order .form-row {
        margin-bottom: 15px !important;
    }

    form.track_order .form-row label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    form.track_order .form-row input.input-text {
        height: 44px !important;
        font-size: 14px !important;
        padding: 8px 12px !important;
        border-radius: 6px !important;
    }

    /* 3. Большая кнопка для тач-скринов */
    form.track_order .form-row button.button {
        height: 46px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
        letter-spacing: 0.5px !important;
        margin-top: 5px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ВОССТАНОВЛЕНИЯ ПАРОЛЯ (LOST PASSWORD) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {

    /* 1. Блокировка сайдбаров и центрирование формы */
    .woocommerce-lost-password #sidebar,
    .woocommerce-lost-password .sidebar,
    .woocommerce-lost-password #secondary,
    .woocommerce-lost-password .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-lost-password #primary,
    .woocommerce-lost-password .content-area,
    .woocommerce-lost-password main#main {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px 20px;
        box-sizing: border-box;
        float: none;
    }

    /* Стилизация самого окна восстановления */
    .woocommerce-lost-password form.woocommerce-ResetPassword {
        max-width: 550px !important; /* Узкое аккуратное окно по центру */
        margin: 50px auto !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 14px !important;
        padding: 40px !important;
        box-shadow: 0 4px 12px rgba(26, 43, 76, 0.02) !important;
        box-sizing: border-box !important;
    }

    /* Сопроводительный текст инструкции */
    .woocommerce-lost-password form.woocommerce-ResetPassword p:first-of-type {
        font-size: 15px !important;
        line-height: 1.6 !important;
        color: #4a5568 !important;
        margin-bottom: 25px !important;
        text-align: center !important;
    }

    /* 2. Стилизация поля ввода (Логин или Email) */
    .woocommerce-lost-password form.woocommerce-ResetPassword .form-row {
        margin-bottom: 20px !important;
        padding: 0 !important;
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword .form-row label {
        display: block !important;
        font-weight: 600 !important;
        color: #1a2b4c !important; /* Глубокий синий */
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword input.input-text {
        width: 100% !important;
        height: 46px !important;
        padding: 10px 15px !important;
        border: 1px solid #dbe2ea !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        color: #4a5568 !important;
        font-size: 15px !important;
        outline: none !important;
        box-sizing: border-box !important;
        transition: all 0.2s ease !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword input.input-text:focus {
        border-color: #00a896 !important; /* Бирюзовый акцент */
        box-shadow: 0 0 0 3px rgba(0, 168, 150, 0.12) !important;
    }

    /* 3. Кнопка «Сбросить пароль» */
    .woocommerce-lost-password form.woocommerce-ResetPassword button.button {
        display: block !important;
        width: 100% !important; /* На всю ширину формы */
        height: 48px !important;
        padding: 0 20px !important;
        background-color: #1a2b4c !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        border: none !important;
        transition: background-color 0.2s ease !important;
        cursor: pointer !important;
        margin-top: 10px !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword button.button:hover {
        background-color: #00a896 !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ВОССТАНОВЛЕНИЯ ПАРОЛЯ — ПЛАНШЕТ (768px - 1024px)
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* 1. Блокировка сайдбаров и контейнер */
    .woocommerce-lost-password #sidebar,
    .woocommerce-lost-password .sidebar,
    .woocommerce-lost-password #secondary,
    .woocommerce-lost-password .widget-area {
        display: none !important;
        width: 0 !important;
    }

    .woocommerce-lost-password #primary,
    .woocommerce-lost-password .content-area,
    .woocommerce-lost-password main#main {
        width: 100% !important;
        padding: 30px 20px !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Адаптация формы под планшеты */
    .woocommerce-lost-password form.woocommerce-ResetPassword {
        max-width: 480px !important; /* Немного сужаем окно */
        margin: 40px auto !important;
        padding: 30px !important;
        border-radius: 12px !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword p:first-of-type {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-bottom: 20px !important;
    }

    /* 2. Поля ввода под тач-интерфейсы */
    .woocommerce-lost-password form.woocommerce-ResetPassword .form-row {
        margin-bottom: 18px !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword .form-row label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword input.input-text {
        height: 48px !important; /* Увеличиваем высоту для удобства тача */
        font-size: 15px !important;
        border-radius: 8px !important;
    }

    /* 3. Кнопка сброса */
    .woocommerce-lost-password form.woocommerce-ResetPassword button.button {
        height: 50px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }
}


/* ==========================================================================
   СТРАНИЦА ВОССТАНОВЛЕНИЯ ПАРОЛЯ — МОБИЛЬНЫЙ (до 767px)
   ========================================================================== */

@media screen and (max-width: 767px) {

    /* 1. Блокировка сайдбаров темы */
    .woocommerce-lost-password #sidebar,
    .woocommerce-lost-password .sidebar,
    .woocommerce-lost-password #secondary,
    .woocommerce-lost-password #secondary,
    .woocommerce-lost-password .widget-area {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Растягиваем форму на мобильных экранах */
    .woocommerce-lost-password form.woocommerce-ResetPassword {
        max-width: 100% !important;
        margin: 15px 0 !important;
        padding: 20px 15px !important;
        background: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    /* Компактная мобильная инструкция */
    .woocommerce-lost-password form.woocommerce-ResetPassword p:first-of-type {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin-bottom: 20px !important;
        text-align: left !important;
    }

    /* 2. Поля ввода во всю ширину мобильного экрана */
    .woocommerce-lost-password form.woocommerce-ResetPassword .form-row {
        margin-bottom: 15px !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword .form-row label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .woocommerce-lost-password form.woocommerce-ResetPassword input.input-text {
        height: 44px !important;
        font-size: 14px !important;
        padding: 8px 12px !important;
        border-radius: 6px !important;
    }

    /* 3. Большая кнопка для тач-скринов */
    .woocommerce-lost-password form.woocommerce-ResetPassword button.button {
        height: 46px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
        letter-spacing: 0.5px !important;
        margin-top: 5px !important;
    }
}

a {
text-decoration: none;
}


/* ==========================================================================
   ФИКСАЦИЯ КВАДРАТНЫХ ИЗОБРАЖЕНИЙ (ASPECT RATIO 1:1) — ДЕСКТОП (от 1025px)
   ========================================================================== */

@media screen and (min-width: 1025px) {

    /* 1. Окна картинок на главной странице магазина и в категориях */
    .woocommerce-shop ul.products li.product .woocommerce-loop-product__link img,
    .tax-product_cat ul.products li.product .woocommerce-loop-product__link img,
    .products .product img {
        width: 100% !important;
        max-width: 220px !important; /* Ограничиваем максимальный размер */
        height: auto !important;
        aspect-ratio: 1 / 1 !important; /* Строгий квадрат для самого изображения */
        object-fit: contain !important; /* Картинка эндпоинта не обрезается, а аккуратно вписывается */
        background-color: #ffffff !important; /* Белый стерильный фон внутри окна */
        margin: 0 auto 20px auto !important;
    }

    /* 2. Подкатегории товаров (если выводятся картинками) */
    .tax-product_cat ul.products li.product-category img {
        width: 100% !important;
        max-width: 160px !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
        margin: 0 auto 15px auto !important;
    }

    /* 3. Индивидуальная карточка товара (Главная большая галерея слева) */
    .single-product div.product .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important; /* Само окно галереи становится строго квадратным */
        background-color: #ffffff !important;
        border: 1px solid #eef2f6 !important;
        border-radius: 16px !important;
    }

    .single-product div.product .woocommerce-product-gallery__wrapper img {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important; /* Защита от искажения пропорций препарата */
    }

    /* Миниатюры под главным фото товара */
    .single-product div.product .flex-control-thumbs li {
        aspect-ratio: 1 / 1 !important;
        width: 75px !important;
        height: 75px !important;
    }

    .single-product div.product .flex-control-thumbs li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    /* 4. Страница корзины (Миниатюры в таблице) */
    .woocommerce-cart table.shop_table td.product-thumbnail img {
        width: 70px !important;
        height: 70px !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
        background: #ffffff !important;
    }
}


/*-----Контентная часть магазина-----*/
.site-main {
    padding-top: 175px !important;
}