/* Базовые сбросы и шрифты */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f8f9fa;
    color: #333;
    line-height: 1.5;
}

img{
	max-width: 100%;
	height: auto;
}

.hidden, .order .hidden,
.CatalogOrderProduct a.order.hidden, a.order.hidden{
	display: none !important;
}

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



/* ===== HEADER СТИЛИ ===== */
.main-header {
    background: #fff;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    padding: 1rem 0;
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 3px solid #f1ca2f; /* жёлтая полоса */
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.logo-area {

    flex-basis: 18%;
}
.logo-area a{
    display: flex;
    align-items: center;
	gap: 0.5vw;
	text-decoration: none;
}
.logo-img {
    height: 50px;
    width: auto;
}
.logo-text {
    font-size: 1.2vw;
    font-weight: 800;
    color: #374385;
    letter-spacing: 0.05vw;
}

.logoHolder{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.yearsOfWork{
	font-size: 0.8em;
}

.contact-phone {
    background: #f1ca2f;
    padding: 0.5rem 1rem;
    border-radius: 1vw;
    gap: 0;
    flex-basis: 23%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.contact-phone a {
    font-size: 1vw;
    font-weight: 700;
    color: #374385;
    text-decoration: none;
}
.call-description {
    font-size: 0.7vw;
    color: #374385;
}

.main-nav{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    flex-basis: 45%;
}

.main-nav ul {
    display: flex;
    gap: 1.2rem;
    list-style: none;
    flex-wrap: wrap;
}
.main-nav a {
    text-decoration: none;
    font-weight: 600;
    color: #374385;
    transition: color 0.2s;
    font-size: 0.95rem;
}
.main-nav a:hover {
    color: #b80000; /* красный при ховере */
}

.freephonebox {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.MainOffice p{
	padding: 1em 0;
}

/* ===== КОРЗИНА В ШАПКЕ (BasketHolderBox) ===== */
.BasketHolderBox {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: #f8f9fa;
    padding: 0.4rem 1rem 0.4rem 0.8rem;
    border-radius: 60px;
    border: 1px solid #dee2e6;
    transition: all 0.2s;
    flex-basis: 8%;
}
.BasketHolderBox:hover {
    border-color: #f1ca2f;
    background: #fff3e0;
}

.BasketimgIcon {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.basket-emoji {
    font-size: 1.6rem;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
}

.BasketContains {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.BasketContainsAhr {
    text-decoration: none;
    color: #374385;
    font-weight: 600;
    font-size: 0.85rem;
}
.BasketContainsAhr:hover {
    color: #b80000;
}
.InBasketTxt {
    font-weight: 700;
    color: #aa0700;
}
.BasketSummTxt {
    font-size: 0.75rem;
    color: #6c757d;
}
.BasketSummItself {
    font-weight: 700;
    color: #374385;
}


.MainContentHolder{
	margin: 2vw auto;
	width: 80%;
}
.orange.mt1{
	display: none;
}
#Delivery{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 80%;
}
.DeliveryImageHolder{
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
.DeliveryCondtionsText{
    flex-basis: 40%;
    text-align: justify;
}
#UsefulInfo{
    position: relative;
    width: calc(80% - 1vw);
    margin: 2vw auto;
    border: 0.5vw solid #374383;
    padding: 1vw;
}
#UsefulInfo ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 6vw;
}
#UsefulInfo h2{ 
	text-align: center;
}
	
#UsefulInfo ul li{
    flex-basis: calc(50% - 1vw);
    margin: 0.5vw;
}
#UsefulInfo ul li a{
    text-decoration: none;
    color: #333;
    font-weight: 500;
}
#UsefulInfo ul li a:hover{
	text-decoration: underline;
}

#UsefulInfo ul li::before{
    content: "\2022";
    color: #f2cc30;
    font-weight: bold;
    display: inline-block;
    width: 1vw;
    margin-left: -1vw;
    transform: scale(2);
}
#MainPageBanner{
    width: 80%;
    margin: 1vw auto 0;
    flex-basis: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.BannerSlogan{
    flex-basis: 25%;
    font-size: 1.2vw;
    text-align: center;
    font-weight: bold;
}
.BannerImage{
	flex-basis: 50%;
}
.BannerImage img{
	width: 100%;
}

/* ===== СЕКЦИИ ПРОДУКТОВ ===== */
.product-section {
    margin: 3rem 0;
}
.section-title {
    font-size: 1vw;
    font-weight: 700;
    margin-bottom: 1vw;
    padding-bottom: 0.5vw;
    border-bottom: 3px solid #f1ca2f;
    color: #374385;
    display: block;
    text-align: center;
}

.section-title a{
	color: #374385;
	text-decoration: none;
}
.section-title a:hover{
	text-decoration: underline;
}

/* Глобальные гриды 
.two-columns-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
*/
.single-product-grid {
    max-width: 600px;
}

.ItemImage{
	position: relative;
}

.three-columns-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-around;
}
.three-columns-grid .info-card{
	flex-basis: 31%;
}

.schemeContainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

#band-sawmills, #circular-sawmills, #edging-machines{
	    flex-basis: 30%;
		margin: 3rem 1%;
}


/* Активируем позиционирование для секции и грида */
.product-section {
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.two-columns-grid {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-around;
}

/* Рисуем общую горизонтальную линию под заголовком */
.product-section .section-title::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	width: 80%;
	height: 4px;
	background: linear-gradient(90deg, #f1ca2f, #b80000);
	transform: translateX(-50%);
	border-radius: 2px;
}

/* Рисуем вертикальные линии к каждой карточке */
.two-columns-grid .column-card::before {
    content: '';
    position: absolute;
    top: -2vh;
    width: 2px;
    height: 2.1vh;
    background: #f1ca2f;
}

.three-columns-grid .info-card::before {
    content: '';
    position: absolute;
    top: 2vw;
    width: 0.1vw;
    height: 2.1vh;
    background: #f1ca2f;
}

.three-columns-grid .info-card:first-child::before, .three-columns-grid .info-card:last-child::before{
	height: 2.1vh;
}

/* Позиционируем вертикальную линию для левой карточки */
.two-columns-grid .column-card:first-child::before{
    left: 20% !important;
}
.two-columns-grid .column-card{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}



/* Позиционируем вертикальную линию для правой карточки */
.two-columns-grid .column-card:last-child::before{
    right: 20% !important;
}




/* Карточки колонок */
.column-card {
    background: #ffffff;
    border-radius: 1vw;
    padding: 1vw 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #dee2e6;
    transition: transform 0.2s;
}
/*
.column-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}
*/

.subcat-header {
    font-size: 0.8vw;
    font-weight: 700;
    margin-bottom: 1.2rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #dee2e6;
    display: flex;
    align-items: center;
    gap: 12px;
	text-align: center;
}
.subcat-header a{
	color: #446bb0;
}
.electric { color: #446bb0; }    /* синий */
.petrol { color: #b80000; }      /* красный */
.angle { color: #446bb0; }
.horizontal { color: #aa0700; }


.product-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
	width: 100%;
}
.product-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #f8f9fa;
    padding: 0.2rem 0 0.5rem;
    border-radius: 0;
    border: 1px solid #dee2e6;
    text-align: center;
}
.product_item_link{
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.product-spec {
    font-size: 0.6vw;
    color: #6c757d;
    font-weight: 500;
    flex: 1;
    flex-basis: 100%;
}


.price {
    font-weight: 800;
    font-size: 0.6vw;
    background: #f1ca2f; 
    padding: 0.2rem 0.9rem;
    border-radius: 60px;
    color: #aa0700;
    white-space: nowrap;
}

.product_item_link .product-name{
    font-weight: 800;
    font-size: 0.6vw;
    color: #374385;
    flex-basis: 45%;
}
.product_item_link .product-spec{
    font-size: 0.6vw;
    color: #6c757d;
    font-weight: 500;
    flex-basis: 45%;
}


.product_item_link .price{
    font-weight: 800;
    font-size: 0.6vw;
    background: #f1ca2f;
    padding: 0.2rem 0.9rem;
    border-radius: 60px;
    color: #aa0700;
    white-space: nowrap;
    margin-top: 0.3vw;
}

.info-note-list {
    background-color: #fffaf2;
    border-radius: 20px;
    padding: 0.5rem 0;
}
.info-note {
    background: #fff0e0;
    border-left: 4px solid #f1ca2f;
    padding: 0.8rem;
    border-radius: 16px;
    font-size: 0.85rem;
    color: #374385;
    margin-bottom: 0.8rem;
}

/* Карточки доп. оборудования (включая карусель) */
.info-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.2s;
    border: 1px solid #dee2e6;
}
.info-icon {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}
.info-card h3 {
    font-size: 1vw;
    margin-bottom: 0.6rem;
    color: #374385;
}
.info-card p {
    font-size: 0.9vw;
    color: #6c757d;
}

/* ===== СТИЛИ ДЛЯ КАРУСЕЛИ (GalleryBox / ImageSlider) ===== */
#additional .GalleryBox {
    width: 100% !important;
    overflow: hidden;
    border-radius: 20px;
    margin: 0.5rem 0;
    min-height: 30vh !important;
}
.ImageSlider {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.slider-item {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.slider-item picture,
.slider-item img,
.slider-item video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 16px;
}
.slider-item video {
    max-height: 220px;
    background: #000;
}


/* ТАБЛИЦА ТРАНСПОРТИРОВОЧНЫХ РАЗМЕРОВ */
.table-wrapper {
    overflow-x: auto;
    margin-top: 1rem;
    border-radius: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.transport-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 24px;
    font-size: 0.85rem;
    min-width: 900px;
}

.transport-table th,
.transport-table td {
    padding: 1rem 0.8rem;
    text-align: left;
    border-bottom: 1px solid #e9ecef;
    vertical-align: top;
}

.transport-table th {
    background-color: #374385; /* темно-синий фон заголовка */
    color: white;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
}

.transport-table tr:hover td {
    background-color: #f8f9fa;
}

.transport-table td:first-child,
.transport-table th:first-child {
    font-weight: 700;
    background-color: #f8f9fa;
    border-right: 1px solid #e9ecef;
}

.transport-table td:first-child {
    background-color: #fdfdf5;
    font-weight: 700;
}

/* Gallery */
#MPSelfSlider .slider-item{
	height: 25vh !important;
}
#MPSelfSlider .slider-item img{
    height: auto;
    width: 100%;
    display: block;
    margin: 0 auto;
	
}

/* Футер */
.main-footer {
    background: #e2e6f0;
    margin-top: 3rem;
    padding: 1.5rem 0;
    border-top: 1px solid #dee2e6;
}
.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}
.footer-links a {
    margin-left: 1rem;
    text-decoration: none;
    color: #374385;
    font-size: 0.85rem;
}
.footer-links a:hover {
    color: #b80000;
}
/* ===== СТИЛИ ДЛЯ КАТАЛОГА (catalog_samples) ===== */
#catalog_samples {
  margin: 3rem 0;
}

/* Общий контейнер товаров */
#catalog_samples .CatalogItemsHolder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-around;
}

/* Карточка товара */
#catalog_samples .ItemsCatalog {
    background: #ffffff;
    border-radius: 1vw;
    padding: 1.5rem 2%;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #dee2e6;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    flex-basis: 19%;
    justify-content: space-between;
}

#catalog_samples .ItemsCatalog:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}

/* Заголовок и название товара */
#catalog_samples .ItemName {
  margin-bottom: 0.8rem;
}

#catalog_samples .ItemName a {
  font-size: 1.2rem;
  font-weight: 700;
  color: #374385;
  text-decoration: none;
  line-height: 1.3;
  display: block;
}

#catalog_samples .ItemName a:hover {
  color: #b80000;
}

/* Изображение товара */
#catalog_samples .ItemImage {
  position: relative;
  margin-bottom: 1rem;
  border-radius: 20px;
  overflow: hidden;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
}

#catalog_samples .ItemImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Бейдж «В наличии» */
#catalog_samples .ItemAvailable {
  position: absolute;
  top: 0.5vw;
  right: 0.5vw;
  background: #f1ca2f;
  color: #374385;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.3rem 0.8rem;
  border-radius: 60px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Параметры товара */
#catalog_samples .itemDescription {
  /* flex: 1; */
  margin-bottom: 0;
}

#catalog_samples .SawmillParameters {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

#catalog_samples .SawmillParameters .fa {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 0.85rem;
  color: #6c757d;
  border-bottom: 1px dashed #e9ecef;
  padding-bottom: 0.3rem;
}

#catalog_samples .PropTitler {
    font-weight: 500;
    font-size: 0.68vw;
}

#catalog_samples .bolder {
  font-weight: 700;
  color: #374385;
  text-align: right;
}

/* Цена */
#catalog_samples .ItemTextPriceHolder {
  margin: 1rem 0;
  text-align: center;
}

#catalog_samples .Pricer {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 0.2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.SalesHit{
    position: absolute;
    bottom: 0.5vw;
    left: 0.5vw;
    background: #b80000;
    padding: 0.3vw 0.5vw;
    color: #fff;
    border-radius: 0.3vw;
}

#catalog_samples .PriceItself {
  font-size: 1vw;
  font-weight: 800;
  color: #aa0700;
  background: #f1ca2f;
  padding: 0.3rem 1.2rem;
  border-radius: 0.5vw;
  display: inline-block;
  margin-top: 0.3rem;
}

/* Кнопки действий (Подробнее / Купить в кредит) */
#catalog_samples .CatalogOrderProduct {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: center;
  margin-top: auto;
}

#catalog_samples .MoreAboutProduct {
    background: #374385;
    color: #fff;
    font-weight: 600;
    padding: 0.6rem 1.5rem;
    border-radius: 0.8vw;
    text-decoration: none;
    font-size: 0.9rem;
    transition: background 0.2s;
    text-align: center;
    display: block;
}

#catalog_samples .MoreAboutProduct:hover {
  background: #b80000;
}

#catalog_samples .gocredit {
    background: transparent;
    color: #374385;
    border: 2px solid #f1ca2f;
    font-weight: 600;
    padding: 0.6rem 0.8rem;
    border-radius: 1vw;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.2s;
    text-align: center;
    display: block;
    margin: 1vw 0;
}

#catalog_samples .gocredit:hover {
  background: #f1ca2f;
  color: #374385;
}

.social_links{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;	
	flex-basis: 40%;
}
.social_links a{
	text-decoration: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.3vw;
	color: #333;
}

#nonPublicOffer{
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin: 0.5vw 0;
}


/* ==============================================
   СТИЛИ ДЛЯ СТРАНИЦЫ ТОВАРА (КАРТОЧКИ)
   Цветовая гамма: #b80000, #aa0700, #446bb0, #374385, #f1ca2f
   ============================================== */

/* Общие сбросы для блоков, которые есть только на странице товара */

.UpperBlock{
	display: flex;
	gap: 1vw;
}
#LeftPartofItem{
	flex-basis: 40%;
}
.BigItemPict{
	width: 100%;
	position: relative;
}
.BigItemPict a{
	display: block;
	width: 100% !important;
}
.BigItemPict a img{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}


#itemgallery{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.5vw;
}

#itemgallery a{
	flex-basis: 20%;
	padding: 3%;
	border-radius: 0.5vw;
}
#itemgallery a img{
	width: 100% !important;
	height: auto !important;
}

.PriceHolder{
	display: flex;
	flex-direction: column;
}
.Pricer{
    flex-basis: 100%;
    background: #f1ca2f;
    padding: 4%;
    margin: 1em 0;
    border-radius: 1vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
	font-weight: bold;
}
.itempropPRICE{
	background: #b80000;
	padding: 4%;
	font-size: 1.2vw;
	color: white;
	border-radius: 1vw;
}
.order{
	display: flex;
	flex-direction: column;
	gap: 1vw;
	justify-content: center;
}

.order a{
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.order .gocredit{
	flex-basis: 100%;
	clear: both;
	border-radius: 2vw;
	background: #aaa;
	padding: 3%;
	color: #fff;
}
.AskQuestionWa{
	background: green;
	border-radius: 2vw;
	color: white;
	padding: 4%;
}
.DownloadLableHolder{
	margin: 1vw 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	flex-basis: 100%;
}

.DownloadLableHolder a p{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}
.DownloadLableHolder a{
    display: block;
    width: 45%;
    position: relative;
    float: left;
}
.DownloadLableHolder a img{
	width: 100% !important;
	height: auto !important;
}

.KommPredl{
	width: 100%;
	text-align: center;
	font-size: 1vw;
	font-weight: bold;
	margin-bottom: 1vw;
	display: block;
}

.itemFullDescript{
    background: #eee;
    padding: 0.5vw 4%;
    border-radius: 2vw 0.5vw;
}

table{
	border-collapse: collapse;
}

.zebra tr:nth-child(odd){
	background: #eee;
	border: 1px solid #ccc;
}
.zebra tr:nth-child(odd) td, .zebra tr:nth-child(even) td{
	border: 1px solid #ccc;
}
.zebra td{
	text-align: center !important;
}

/* 2. Гибкая сетка карточки (flex, не grid) */
.catalog-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin: 2rem 0;
    align-items: flex-start;
}

/* Левая колонка (изображение) */
.catalog-item-wrapper .item-image-col {
    flex: 1 1 40%;
    background: #fff;
    border-radius: 28px;
    padding: 1rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #dee2e6;
    text-align: center;
    position: sticky;
    top: 2rem;
    align-self: flex-start;
}

.catalog-item-wrapper .item-image-col img {
    max-width: 100%;
    height: auto;
    max-height: 75vh;
    width: auto;
    object-fit: contain;
    border-radius: 20px;
}

/* Правая колонка (информация) */
.catalog-item-wrapper .item-info-col {
    flex: 1 1 50%;
    background: #fff;
    border-radius: 28px;
    padding: 1.8rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #dee2e6;
}

/* 3. Заголовок товара */
.catalog-item-wrapper .item-info-col h1,
.catalog-item-wrapper .CatalogH1,
.catalog-item-wrapper h1.h1v1 {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    color: #374385 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 3px solid #f1ca2f !important;
    display: inline-block !important;
    width: auto !important;
    text-align: left !important;
    text-transform: none !important;
}

/* 4. Цена и кнопка заказа */
.catalog-item-wrapper .item-price-block {
    background: #f8f9fa;
    border-radius: 20px;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #dee2e6;
}

.catalog-item-wrapper .price-value {
    font-size: 2rem;
    font-weight: 800;
    color: #aa0700;
    background: #f1ca2f;
    padding: 0.3rem 1.2rem;
    border-radius: 60px;
    display: inline-block;
}

/* 5. Таблица технических характеристик */
.catalog-item-wrapper .SawmillParameters,
.catalog-item-wrapper table[class*="KedrPrice"] {
    width: 100%;
    margin: 1.5rem 0;
    border-collapse: collapse;
    font-size: 0.95rem;
    background: #fff;
}

.catalog-item-wrapper .SawmillParameters tr {
    border-bottom: 1px solid #e9ecef;
}

.catalog-item-wrapper .SawmillParameters td {
    padding: 0.7rem 0.5rem;
    vertical-align: top;
}

.catalog-item-wrapper .SawmillParameters td:first-child{
    font-weight: 700;
    color: #374385;
    width: 40%;
}

/* 6. Блок полной информации о товаре (если есть) */
#SawmillFullInfo {
    background: #ffffff;
    border-radius: 28px;
    padding: 1.8rem;
    margin: 2rem 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #dee2e6;
}

#SawmillFullInfo h2 {
    font-size: 1.4vw;
    font-weight: 700;
    color: #374385;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #f1ca2f;
}
.RightPartOfItem h1{
	font-size: 2vw;
}

#SawmillFullInfo p {
    font-size: 1rem;
    line-height: 1.5;
    color: #4a5568;
    /* display: flex; */
    margin: 0 auto;
}

#LocalVideoBox{
	max-width: 30%;
}
.TabsContentsHolder{
    display: flex;
    flex-direction: row;
    gap: 1vw;
    margin: 1vw 0;
}

/* 7. Кнопки PDF и заказа */
.CatalogOrderProduct a.order,
a.order {
    background: #374385 !important;
    color: white !important;
    padding: 0.8vw 1.5vw !important;
    border-radius: 2vw !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 700 !important;
    transition: 0.2s !important;
    border: none !important;
    margin-right: 1rem !important;
}
a.GoToBasketToOrder{
	    background: #b80000 !important;
    color: white !important;
    padding: 0.8vw 1.5vw !important;
    border-radius: 2vw !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 700 !important;
    transition: 0.2s !important;
    border: none !important;
    margin-right: 1rem !important;
}

.CatalogOrderProduct a.order:hover,
a.order:hover {
    background: #aa0700 !important;
    transform: translateY(-2px);
}

a[href$=".pdf"],
a[href$=".jpg"] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: #f8f9fa;
    padding: 0.4rem 1rem;
    border-radius: 40px;
    text-decoration: none;
    color: #374385;
    font-size: 0.85rem;
    margin-right: 0.5rem;
}

a[href$=".pdf"] img,
a[href$=".jpg"] img {
    width: 20px;
    height: 20px;
}

/* 8. Блок условий доставки */
.DeliveryCondotionsBlock {
    background: #f8f9fa;
    border-radius: 28px;
    padding: 1.5rem;
    margin: 2rem 0;
    border: 1px solid #dee2e6;
}

.DeliveryCondtionsText h2 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #374385;
    margin-bottom: 0.5rem;
}

#basketFormInBasket{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #ececec;
    padding: 2%;
    border-radius: 0.5vw 2vw;
}
.BasketItem{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align: center;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1vw;
	padding: 1vw 0;
}
.BasketItemName{
	flex-basis: 20%;
	text-align: center;
}
.BasketItemPrice{
	flex-basis: 10%;
}
.SawmillParameters{
	flex-basis: 40%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.BasketManipulations{
	flex-basis: 10%;
}

.TotalAndCreditBox{
    flex-basis: 100%;
    background: #e1e1e1;
    padding: 2%;
    margin: 1vw 0;
}
.BItIm{
	flex-basis: 20%;
}
.BItIm img{
	width: 100%;
	height: auto;
}

.BasketItemName a{
	font-size: 1vw;
}

.BasketTotalCost{
	font-size: 1.2vw;
}
.CreditPurchase a{
	text-decoration: none;
	background: #f1ca2f;
	padding: 2%;
	border-radius: 2vw;
	display: block;
	color: black;
	box-shadow: 0 0 0.3vw #aaa;
	border: 1px solid #333;
}

.WhereToDeliverHeader{
	flex-basis: 100%;
}
.basket_form{
	flex-basis: 100%;
}
.basket_form tr:nth-child(odd){
	background: #fff;
}

.basket_form td{
	font-size: 1vw;
}
.basket_form td input, .basket_form td textarea{
	font-size: 1vw;
	border: 1px solid #ccc;
	margin: 0.5em 0;
}
.basket_form td textarea{
	width: 95%;
	min-height: 5em;
}

.basksubm{
	background: #b80000;
	padding: 1% 2%;
	border-radius: 1vw;
	color: white;
	float: right;
}

.ReturnBackToCatalog{
	width: 100%;
	margin: 1vw 0;
}
.ReturnBackToCatalog a{
	clear: both;
	display: block;
	float: right;
	text-decoration: none;
	padding: 1% 2%;
	background: #ccc;
	color: black;
	margin: 0.5vw 0;
	border-radius: 1vw 0.1vw;
	box-shadow: 0 0 0.3vw #aaa;
	
}
.ReturnBackToCatalog a:hover{
	background: #eee;
	box-shadow: none;
}

/* 9. Таблица транспортировочных размеров */
.TransportationSizes {
    overflow-x: auto;
    margin: 2rem 0;
}

.TransportationSizes table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 24px;
    font-size: 0.85rem;
}

.TransportationSizes th {
    background-color: #374385;
    color: white;
    padding: 0.8rem;
    font-weight: 700;
}

.TransportationSizes td {
    padding: 0.6rem 0.8rem;
    border-bottom: 1px solid #e9ecef;
}

.TransportationSizes tr:hover td {
    background-color: #f8f9fa;
}

/* Стилизация окна уведомления о cookie */
#UserAllowance {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.08);
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-top: 3px solid #f1ca2f;
    font-family: 'Montserrat', sans-serif;
    color: #333;
}
#UserAllowance.show {
    transform: translateY(0);
}

.user-allowance-content {
    max-width: 850px;
    margin: 0 auto;
    padding: 1.2rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}
.user-allowance-content p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    flex: 1 1 280px;
}
.user-allowance-content p a {
    color: #374385;
    text-decoration: underline;
    font-weight: 500;
}
.user-allowance-content p a:hover {
    color: #b80000;
    text-decoration: none;
}

/* Блок с чекбоксом и кнопкой */
.user-allowance-actions {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

/* Стилизация кастомного чекбокса */
.cookie-check-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: #444;
    user-select: none;
}
.cookie-check-label input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.checkmark {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #374385;
    border-radius: 3px;
    flex-shrink: 0;
    transition: all 0.2s;
    position: relative;
}
.cookie-check-label input:checked + .checkmark {
    background: #374385;
    border-color: #374385;
}
.cookie-check-label input:checked + .checkmark::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Кнопка */
#UserAllowanceButton {
    background: #374385;
    color: #ffffff;
    border: none;
    padding: 0.8rem 2.5rem;
    border-radius: 60px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    box-shadow: 0 2px 10px rgba(55, 67, 133, 0.2);
    opacity: 1;
}
#UserAllowanceButton:disabled {
    background: #b0b0b0;
    cursor: not-allowed;
    box-shadow: none;
    opacity: 0.7;
}
#UserAllowanceButton:not(:disabled):hover {
    background: #2b3370;
    box-shadow: 0 4px 15px rgba(55, 67, 133, 0.3);
}
.ItemAvailable{
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
    background: #f1ca2f;
    color: #374385;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.3rem 0.8rem;
    border-radius: 60px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* ======== таблица ПРАЙСА =========== */

	/* ===== ЗАГОЛОВКИ И ЯЧЕЙКИ ===== */
	/* Серый фон для заголовков */
	.KedrPrice .bgGrey { background: #e9ecef; }
	/* Фон для строк с типами пилорам (ленточные, дисковые и т.д.) */
	.KedrPrice .bgTelesn { 
		background: #ffcd5b; 
		color: white; 
		font-weight: 600;
		letter-spacing: 0.3px;
	}
	/* Чередование фона для строк с данными */
	.KedrPrice .deepgrnClr { background: #f3e8a9; }
	.KedrPrice .deepblClr  { background: #fff8d3; }

	/* ===== ГРАНИЦЫ ===== */
	.KedrPrice .hvbrdTop { border-top: 1px solid #333; }
	.KedrPrice .hvbrdRgt { border-right: 1px solid #333; }
	.KedrPrice .hvbrdLft { border-left: 1px solid #333; }
	.KedrPrice .hvbrdBtm { border-bottom: 1px solid #333; }

	/* ===== ВЫРАВНИВАНИЕ ТЕКСТА ===== */
	.KedrPrice .cntr  { text-align: center; }
	.KedrPrice .vcntr { vertical-align: middle; }
	.KedrPrice .bld   { font-weight: bold; }

	/* Цвет текста */
	.KedrPrice .redClr  { color: #aa0700; }
	.KedrPrice .blckClr { color: #333; }
	.KedrPrice .blueClr { color: #0056b3; }
	
@media(min-width: 951px){
	.KedrPrice {
		font-size: clamp(0.7rem, 1vw, 0.95rem);  /* Плавное масштабирование шрифта */
		margin: 1.5rem 0;
		border-collapse: collapse;
		border: 2px solid #333;                 /* Четкая внешняя рамка */
		background: #fff;
		box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Легкая тень для объема */
		border-radius: 8px;                     /* Скругленные углы */
		overflow: hidden;                       /* Чтобы скругление работало */
	}


	/* ===== ОТСТУПЫ В ЯЧЕЙКАХ ===== */
	/* Важно использовать !important, чтобы перебить возможные inline-стили */
	.KedrPrice td {
		padding: 0.6rem 0.5rem;
		vertical-align: middle;
	}
	/* Убираем лишние отступы у пустых ячеек */
	.KedrPrice td:empty {
		padding: 0.2rem;
	}

	/* ===== ССЫЛКИ ВНУТРИ ТАБЛИЦЫ ===== */
	.KedrPrice a {
		color: #374385;
		text-decoration: none;
		font-weight: 600;
		transition: color 0.2s;
	}
	.KedrPrice a:hover {
		color: #b80000;
		text-decoration: underline;
	}
	.KedrPrice .bgTelesn{
		background: #f1ca2f;
	}
	.KedrPrice .hvbrdLft a{
		font-size: 1.4rem;
		text-align: center;
		display: block;
	}
}
.xmlAnc{
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.xmlAnc img{
	display: block;
	width: 5em;
	margin: 0 auto;
}

	.CatalogItemsHolder{
		display: flex;
		flex-direction: row; 
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.CategoryAnnouncement .description{
		margin: 0.5vw 0;
		text-align: center;
		
	}
	.ItemsCatalog{
		background: #ffffff;
		border-radius: 1vw;
		padding: 2vw 2%;
		box-shadow: 0 1vw 4vw rgba(0, 0, 0, 0.05);
		border: 1px solid #dee2e6;
		transition: transform 0.2s, box-shadow 0.2s;
		display: flex;
		flex-direction: column;
		flex-basis: 19%;
		justify-content: space-between;
	}
	.ItemName a{
		font-size: 1vw;
		font-weight: 700;
		color: #374385;
		text-decoration: none;
		line-height: 1.3;
		display: block;
		text-align: center;
	}
	.ItemsCatalog .MoreAboutProduct{
		background: #374385;
		color: #fff;
		font-weight: 600;
		padding: 0.6rem 1.5rem;
		border-radius: 0.8vw;
		text-decoration: none;
		font-size: 0.9rem;
		transition: background 0.2s;
		text-align: center;
		display: block;
	}



/* Адаптивность */
@media (max-width: 950px) and (orientation: landscape) {
    .header-container{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: center;
        gap: 0.5rem;
    }
    /* Дополнительные корректировки для элементов шапки */
    .logo-area {
        order: 1;
    }

    .contact-phone {
        order: 2;
        margin-left: auto;
    }
    .BasketHolderBox {
        order: 3;
    }
    .main-nav {
        order: 4;
        width: 100%;
        margin-top: 0.5rem;
    }
    .main-nav ul {
        justify-content: center;
        gap: 0.8rem;
    }
	.contact-phone{
		background: #f1ca2f;
		padding: 0.5rem 1rem;
		border-radius: 2vw;
		display: flex;
		align-items: center;
		gap: 1vw;
		flex-wrap: wrap;
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 1vw;
	}
	.contact-phone a{
		font-size: 1.5vw;
		font-weight: 700;
		color: #374385;
		text-decoration: none;
	}
	.call-description{
		font-size: 1vw !important;
	}
	.MainContentHolder h1{
		font-size: 4vw !important;
	}
	.MainContentHolder h2{
		font-size: 3vw !important;
	}	
	.MainContentHolder{
		font-size: 3vw !important;
	}
	.product_item_link .product-name{
		font-size: 2vw !important;
	}
	.product_item_link .product-spec{
		font-size: 2vw !important;
	}
	.product_item_link .price{
		font-size: 2vw !important;
	}
	.CatalogItemsHolder{
		display: flex;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		width: 100%;
	}
	#catalog_samples .PropTitler{
		font-size: 1.5vw !important;
	}
	#catalog_samples .PriceItself{
		font-size: 1.3vw !important;
	}
	#catalog_samples .Pricer{
		font-size: 0.9rem;
		color: #6c757d;
		margin-bottom: 0.2rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.section-title{
		font-size: 2vw !important;
	}
	.info-card h3{
		font-size: 2vw !important;
	}
	.info-card p{
		font-size: 1.6vw !important;
		flex-basis: 100% !important;
	}
	#catalog_samples .PriceItself{
		font-size: 2vw !important;
	}
	.ItemAvailable{
	  position: absolute;
	  top: 0.5vw;
	  right: 0.5vw;
	  background: #f1ca2f;
	  color: #374385;
	  font-size: 0.7rem;
	  font-weight: 700;
	  padding: 0.3rem 0.8rem;
	  border-radius: 60px;
	  text-transform: uppercase;
	  letter-spacing: 0.5px;
	  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	}
	.itempropPRICE{
		font-size: 3vw;
	}

	/* ===== СТИЛИ ДЛЯ БЛОКА-АНОНСА КАТЕГОРИЙ (CategoryAnnouncement) ===== */
	#catalog_samples .CategoryAnnouncement {
	  background: linear-gradient(105deg, #374385 0%, #1e2a5a 100%);
	  display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	  align-items: center;
	  justify-content: flex-start;
	  padding: 1.8rem;
	  margin: 2.5rem 0 2rem 0;
	  border-radius: 24px;
	  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
	  border: 1px solid rgba(241, 202, 47, 0.25);
	  position: relative;
	  overflow: hidden;
	}

	/* Декоративная полоса в стиле сайта */
	#catalog_samples .CategoryAnnouncement::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 1vw;
		background: #aa0700;
		border-radius: 24px 0 0 24px;
	}

	/* Заголовок категории */
	#catalog_samples .CategoryAnnouncement .CategoryTitleBox {
	  font-size: 2.4rem;
	  font-weight: 800;
	  color: #fff;
	  margin: 0;
	  padding: 0.4rem 1.8rem;
	  border: 3px solid rgba(255, 255, 255, 0.5);
	  border-radius: 16px;
	  background: rgba(0, 0, 0, 0.15);
	  letter-spacing: 0.5px;
	  white-space: nowrap;
	}

	/* Описание категории */
	#catalog_samples .CategoryAnnouncement .description {
	  flex: 1;
	  margin-left: 2.5rem;
	  font-size: 1.1rem;
	  font-weight: 500;
	  color: rgba(255, 255, 255, 0.9);
	  line-height: 1.6;
	  max-width: 600px;
	}

	/* Адаптивность */
	@media (max-width: 700px) {
	  #catalog_samples .CategoryAnnouncement {
		flex-direction: column;
		align-items: flex-start;
		padding: 1.4rem;
	  }
	  
	  #catalog_samples .CategoryAnnouncement .description {
		margin-left: 0;
		margin-top: 1rem;
		max-width: 100%;
	  }
	  
	  #catalog_samples .CategoryAnnouncement .CategoryTitleBox {
		font-size: 1.8rem;
		padding: 0.3rem 1.2rem;
	  }
	}
	.KedrPrice{
		font-size: 2vw;
	}
}

/* Адаптация корзины */
@media (min-width: 1200px) {
    .container {
        max-width: 80%;
    }
}

@media (max-width: 950px) {
    .container {
        max-width: 96%;
    }
	.logo-area{
		width: 100%;
	}
	.ItemName a{
		font-size: 4vw;
	}
	.logo-area a{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 5vw;
	}

    .BasketHolderBox {
        order: 3; 
        margin-top: 0.5rem;
		display: none;
    }
    .header-container {
        justify-content: center;
    }
	#nonPublicOffer{
		font-weight: bold;
		text-align: center;
		width: 100%;
		margin: 6vw 0;
	}
	.UsefulInfo ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		list-style: none;
	}
	#UsefulInfo ul li{
		flex-basis: calc(100% - 1vw);
		margin: 0.5vw;
	}
	#UsefulInfo ul li::before{
		content: "\2022";
		color: #f2cc30;
		font-weight: bold;
		display: inline-block;
		width: 3vw;
		margin-left: -1vw;
		transform: scale(2);
	}

/* ===== АДАПТАЦИЯ КАРТОЧКИ ТОВАРА ===== */
	.MainContentHolder{
		width: 100%;
		margin: 0;
		overflow-x: scroll;
	}
	.MainContentHolder h1{
		font-size: 6vw;
	}
	.BreadCrumbs{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.ItemImageA{
		position: relative;
		display: block;
	}
	.BreadCrumbs a{
		flex-basis: 95%;
	}
	.breadCrumbCurrent{
		font-size: 5vw;
		font-weight: bold;
	}
	#SawmillFullInfo{
			background: #ffffff;
		border-radius: 4vw;
		padding: 5vw;
		margin: 4vw 0;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
		border: 1px solid #dee2e6;
	}
	#SawmillFullInfo p{
		display: inline;
	}
	#innercat .ItemsCatalog{
		flex-basis: 40%;
	}

	.UpperBlock{
		flex-direction: column;
	}
	.KommPredl{
		font-size: 6vw;
	}
	.KommPredl p a{
		float: left;
	}

	.RightPartOfItem table{
		overflow-x: scroll;
	}
	.RightPartOfItem h1{
		margin-top: 6vw;
		font-size: 6vw;
	}
	#descriptionFull{
		overflow: auto;
	}
	#descriptionFull h2{
		font-size: 4vw !important;
	}
	.TabsContentsHolder{
		display: flex;
		flex-direction: column;
	}
	#LocalVideoBox{
		width: 100% !important;
		max-width: 100%;
	}

    .catalog-item-wrapper {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .item-image-col {
        position: static;
        top: auto;
    }

    .item-image-col img {
        max-height: 50vh;
    }

    .item-info-col {
        padding: 1.2rem;
    }

    .price-value {
        font-size: 1.6rem;
    }
	.BasketItemName a{
		font-size: 5vw;
	}
	.BItIm{
		flex-basis: 40%;
	}
	.BasketItemPrice{
		flex-basis: 100%;
		background: #fff;
	}
	.SawmillParameters{
		flex-basis: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 1vw;
	}
	.BasketManipulations{
		flex-basis: 100%;
		margin: 5vw 0;
	}
	.BasketAddMore, .BasketItemClose{
		background: #f1ca2f;
		border-radius: 2vw;
		padding: 2% 4%;
		text-decoration: none;
		color: black;
		margin: 4vw 0;
		display: block;
	}
	.BasketItemClose{
		background: #ccc;
	}
	.BasketTotalCost{
		font-size: 5vw;
		margin-bottom: 3vw;
	}
	.CreditPurchase{
		width: 100%;
		margin: 4vw 0;
	}
	.CreditPurchase a{
		display: block;
		width: 100%;
	}
	.basket_form td{
		font-size: 5vw;
	}
	.basket_form td input, .basket_form td textarea{
		font-size: 4vw;
	}
	.basket_form td input[type='submit']{
		font-size: 6vw;
		border-radius: 4vw;
		padding: 2% 4%;
	}
	#basketFormInBasket{
		border-radius: 2vw 6vw;
	}
	.ReturnBackToCatalog a{
		border-radius: 4vw 1vw;
	}
	
	#transport-sizes{
		margin-top: 8vw;
	}

/* Мобильная адаптация всплывалки про cookies */
   .user-allowance-content {
        flex-direction: column;
        text-align: center;
        padding: 1rem;
        gap: 1rem;
    }
    .user-allowance-content p {
        min-width: unset;
        flex-basis: auto;
    }
    .user-allowance-actions {
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }
    #UserAllowanceButton {
        width: 100%;
        padding: 0.8rem;
    }
	

	#Delivery{
		width: 100% !important;
	}
	#innercat{
		width: 100%;
	}
	#innercat .CatalogItemsHolder{
		width: 100%;
	}
	#innercat .CatalogItemsHolder .ItemsCatalog{
		flex-basis: 48%;
		overflow-x: scroll;
	}

	#innercat{
		width: 100%;
	}
	#innercat .CatalogItemsHolder{
		width: 100%;
	}
	.CatalogItemsHolder .ItemsCatalog{
		flex-basis: 48%;
		overflow-x: scroll;
		margin: 2vw 0 5vw 0;
	}
	.SawmillParameters{
		font-size: 3.5vw;
	}
  #catalog_samples .CatalogItemsHolder {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.2rem;
  }
  
	.product_item_link .product-name{
		font-weight: 800;
		font-size: 4vw;
		color: #374385;
		min-width: 100px;
		flex-basis: 45%;
	}
	.product_item_link .product-spec{
		font-size: 4vw;
		color: #6c757d;
		font-weight: 500;
		flex: 1;
		flex-basis: 45%;
	}


	.product_item_link .price{
		font-weight: 800;
		font-size: 4vw;
		background: #f1ca2f;
		padding: 0.2rem 0.9rem;
		border-radius: 60px;
		color: #aa0700;
		white-space: nowrap;
		margin-top: 0.3vw;
	}
	.info-card h3{
		font-size: 4vw;
	}
	.info-card p{
		font-size: 4vw;
	}
    .single-product-grid {
        max-width: 100%;
    }
    .header-container {
        flex-direction: column;
        text-align: center;
    }
    .main-nav ul {
        justify-content: center;
    }
    .product-item {
        flex-direction: row;
        gap: 0;
        padding: 0.8rem;
        text-align: center;
        justify-content: center;
    }
    .price {
        align-self: center;
    }
    .section-title {
        font-size: 1.5rem;
		width: 100%;
    }
    .transport-table {
        font-size: 0.75rem;
    }
    .transport-table th,
    .transport-table td {
        padding: 0.75rem 0.5rem;
    }
    .contact-phone {
        justify-content: center;
    }
    .product-spec {
        font-size: 0.8rem;
    }
    .main-nav ul {
		gap: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-around;
		font-size: 1vw;
    }
    .product-name {
        min-width: auto;
    }
    .fullrow {
        flex-basis: 100%;
        margin-bottom: 2vw;
    }
	.slider-item picture {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		min-height: 25vh;	
	}
	#transport-sizes{
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.two-columns-grid .column-card::before{
		display: none;
	}
	#band-sawmills, #circular-sawmills, #edging-machines{
		margin: 3rem 1%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		flex-basis: 100%;
	}
	#band-sawmills .two-columns-grid, #circular-sawmills .two-columns-grid, #edging-machines .two-columns-grid{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		width: 100%;
	}
	#additional .three-columns-grid .info-card::before{
		display: none;
	}
	#additional .three-columns-grid{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.subcat-header{
		font-size: 0.8rem;
		font-weight: 700;
		margin-bottom: 1.2rem;
		padding-bottom: 0.5rem;
		border-bottom: 2px solid #dee2e6;
		display: flex;
		align-items: center;
		gap: 1vw;
	}
	.product-name{
		font-weight: 800;
		font-size: 0.8rem;
		color: #374385;
	}
	.price{
		font-weight: 800;
		font-size: 0.8rem;
		background: #f1ca2f;
		padding: 0.2rem 0.4rem;
		border-radius: 4vw;
		color: #aa0700;
		white-space: nowrap;
	}
	.two-columns-grid .column-card{
		background: #ffffff;
		border-radius: 5vw;
		padding: 1rem;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
		border: 1px solid #dee2e6;
		transition: transform 0.2s;
		width: 45%;
		margin: 0 1vw;
	}
	.two-columns-grid .product-item{
		flex-direction: row;
		gap: 0;
		padding: 0.3rem 0.5rem;
		text-align: center;
		justify-content: center;
		border-radius: 4vw;
	}
	.three-columns-grid .info-card{
		flex-basis: 100%;
	}
	.contact-phone {
		background: #f1ca2f;
		padding: 0.5rem 1rem;
		border-radius: 4vw;
		display: flex;
		align-items: center;
		gap: 1vw;
		flex-wrap: wrap;
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
	}
	.main-header{
		margin: 0;
		padding: 1vw 0 0;
	}
	
	.itempropPRICE{
		font-size: 5vw;
	}
}

@media (max-width: 550px) {
	#catalog_samples .CatalogItemsHolder {
		grid-template-columns: 1fr;
	}
  
    .item-info-col h1,
    .CatalogH1 {
        font-size: 1.4rem !important;
    }

    .SawmillParameters td {
        display: block;
        width: 100%;
        padding: 0.4rem 0;
    }

    .SawmillParameters td:first-child {
        width: 100%;
        padding-bottom: 0;
    }
    .BasketHolderBox {
        padding: 0.3rem 0.8rem;
		display: none;
    }
    .basket-emoji {
        font-size: 1.3rem;
    }
    .BasketContainsAhr {
        font-size: 0.75rem;
    }
    .container {
        padding: 0 15px;
    }
    .logo-text {
        font-size: 1.4rem;
    }
    .contact-phone a {
		font-size: 3vw;
		flex-basis: 40%;
    }
    .transport-table th,
    .transport-table td {
        padding: 0.6rem 0.4rem;
    }
  #catalog_samples .CatalogItemsHolder {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
  }

  #catalog_samples .CategoryAnnouncement {
    padding: 1.2rem;
    border-radius: 20px;
  }

  #catalog_samples .CategoryAnnouncement::before {
    width: 6px;
    border-radius: 20px 0 0 20px;
  }

  #catalog_samples .CategoryAnnouncement .CategoryTitleBox {
    font-size: 1.5rem;
    padding: 0.3rem 1rem;
    border-radius: 12px;
  }

  #catalog_samples .CategoryAnnouncement .description {
    font-size: 0.95rem;
    line-height: 1.5;
  }

  #catalog_samples .ItemsCatalog {
    border-radius: 3vw;
    padding: 3vw;
    flex-basis: 100%;
  }

  #catalog_samples .ItemImage {
    border-radius: 16px;
    margin-bottom: 0.8rem;
  }

  #catalog_samples .ItemName a {
    font-size: 1rem;
  }

  #catalog_samples .SawmillParameters .fa {
    font-size: 0.78rem;
    gap: 0.3rem;
  }

  #catalog_samples .PriceItself {
    font-size: 1.2rem;
    padding: 0.25rem 0.9rem;
  }

  #catalog_samples .CatalogOrderProduct {
    flex-direction: column;
    gap: 0.6rem;
  }

  #catalog_samples .MoreAboutProduct,
  #catalog_samples .gocredit {
    width: 100%;
    text-align: center;
    padding: 0.7rem;
    font-size: 0.9rem;
  }

  #catalog_samples .ItemAvailable {
    font-size: 0.65rem;
    padding: 0.2rem 0.6rem;
    top: 6px;
    right: 6px;
  }
}

/* ===== МОБИЛЬНАЯ АДАПТАЦИЯ ДЛЯ #catalog_samples ===== */

/* Планшеты и крупные смартфоны (до 768px) */
@media (max-width: 768px) {
  #catalog_samples .CatalogItemsHolder {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.2rem;
  }

  #catalog_samples .CategoryAnnouncement {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
    margin: 2rem 0 1.5rem 0;
  }

  #catalog_samples .CategoryAnnouncement .CategoryTitleBox {
    font-size: 1.8rem;
    padding: 0.3rem 1.2rem;
    white-space: normal; /* разрешаем перенос */
    margin-bottom: 0.8rem;
  }

  #catalog_samples .CategoryAnnouncement .description {
    margin-left: 0;
    font-size: 1rem;
    max-width: 100%;
  }

  #catalog_samples .ItemsCatalog {
    padding: 1.2rem;
  }

  #catalog_samples .ItemName a {
    font-size: 1.1rem;
  }

  #catalog_samples .PriceItself {
    font-size: 1.3rem;
    padding: 0.3rem 1rem;
  }

  #catalog_samples .SawmillParameters .fa {
    font-size: 0.8rem;
  }
  #catalog_samples .PropTitler{
	  font-size: 4vw;
  }
/* ===== АККОРДЕОН В МОБИЛЬНОЙ ВЕРСИИ ===== */

    /* Заголовок с кнопкой */
    .accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        cursor: pointer; /* Вся область заголовка будет кликабельной */
        padding: 0.5rem 0;
    }

    /* Кнопка-плюсик */
    .accordion-toggle {
        width: 40px;
        height: 40px;
        background: #f1ca2f;
        border: none;
        border-radius: 50%;
        position: relative;
        cursor: pointer;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        transition: background 0.2s, transform 0.2s;
        flex-shrink: 0; /* не даём кнопке сжиматься */
        animation: jump 2s ease infinite;
    }

    .accordion-toggle:hover {
        background: #e0b51e;
    }

    /* Рисуем крестик (плюс) */
    .accordion-toggle::before,
    .accordion-toggle::after {
        content: '';
        position: absolute;
        background-color: #374385;
        transition: transform 0.3s, opacity 0.3s;
    }

    /* Горизонтальная линия */
    .accordion-toggle::before {
        top: 50%;
        left: 10px;
        right: 10px;
        height: 3px;
        margin-top: -1.5px;
    }

    /* Вертикальная линия */
    .accordion-toggle::after {
        left: 50%;
        top: 10px;
        bottom: 10px;
        width: 3px;
        margin-left: -1.5px;
    }

    /* Состояние «открыто»: вертикальная линия исчезает — плюс превращается в минус */
    .active .accordion-toggle::after {
        transform: rotate(90deg);
        opacity: 0;
    }

    /* Скрываем контент по умолчанию */
    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out;
    }

    /* Показываем контент, когда секция активна */
	.active .accordion-content {
		max-height: 5000px;
		transition: max-height 0.6s ease-in;
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-between;
	}
	
	/* Скрываем ::after у заголовка, если секция не развёрнута */
	.product-section:not(.active) .section-title::after {
	  content: none;
	}
	.DeliveryImageHolder{
		flex-basis: 100%;
	}

    /* Анимация прыжка (как на вашем эскизе) */
    @keyframes jump {
        0%, 100% { transform: scale(1); }
        10% { transform: scale(1.15); }
        20% { transform: scale(0.95); }
        30% { transform: scale(1.1); }
        50% { transform: scale(1); }
    }
	.footer-inner{
		display: flex;
		flex-direction: column;
	}
	.footer-inner .social_links, .footer-inner .footer-links{
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		gap: 0.5em;
	}
	.footer-links a{
		text-align: center;
	}
	.call-description{
		font-size: 2vw;
	}
	#MainPageBanner{
		display: block;
		width: 100%;
		margin: 0;
	}
	.BannerSlogan{
		width: 100%;
		font-size: 5vw;
	}
	.BannerImage{
		width: 100%;
	}

    /* Останавливаем прыжок при наведении и когда секция открыта */
    .accordion-toggle:hover,
    .active .accordion-toggle {
        animation: none;
    }
	
	/* Вёрстка таблицы прайса KedrPrice для мобильных */
  .KedrPrice{
    display: table !important; /* для .KedrPrice */
  }
  .KedrPrice tbody{
    display: table-row-group !important; /* для tbody */
  }
  .KedrPrice tr{
    display: table-row !important; /* для tr */
  }
  .KedrPrice th,
  .KedrPrice td {
    display: table-cell !important; /* для th и td */
    float: none !important;
    width: auto !important;
  }
  .price-table-wrapper {
    /* Разрешаем горизонтальную прокрутку */
    overflow-x: auto;
    /* Убираем возможные ограничения ширины */
    width: 100%;
  }
  .KedrPrice {
    overflow-x: auto;
    display: block; /* Ключевой момент: сама таблица становится блочной, чтобы внутри работал overflow */
    width: 100%;
    -webkit-overflow-scrolling: touch; /* Для плавной прокрутки на iOS */
    margin: 1.5rem 0;
  }


}


/* Очень маленькие экраны (до 380px) – дополнительная компактность */
@media (max-width: 380px) {
  #catalog_samples .CategoryAnnouncement .CategoryTitleBox {
    font-size: 4vw;
    padding: 0.3rem 0.8rem;
	text-align: center;
  }

  #catalog_samples .CategoryAnnouncement .description {
    font-size: 0.85rem;
  }

  #catalog_samples .ItemName a {
    font-size: 0.95rem;
  }

  #catalog_samples .PriceItself {
    font-size: 1.1rem;
  }
}


/* На десктопе кнопка не нужна */
@media (min-width: 769px) {
    .accordion-toggle {
        display: none;
    }
}