/**
 * Theme Name: AZSSnab
 * Template: storefront
 *
 * Не обязательные параметры:
 * Theme URI: http://example.com/
 * Description: Дочерняя тема для темы storefront
 * Author: Kama
 * Author URI: http://example.com/about/
 * Version: 1.0
 */

/* импортируем стили родительской темы */
@import url("../storefront/style.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--color-dark: #333333;
	--color-medium-dark: #595959;
	--color-gray: #5c5c5c;
	--color-gray-light: #999999;
	--color-gray-dark: #464646;
	--color-light-gray: #9f9f9f;
	--color-mid-gray: #b2b2b2;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-accent-green: #95be3b;
	--color-yellow: #fe4;
	--color-light: #f0f0f0;
	--color-light-hover: #e0e0e0;
	--color-gray-darkblk: #1E1E1E;
}


/* Свои дополнительные стили */
body{background-color: var(--color-dark);}
h1, h2, h3, h4, h5, h6, body, button, input, textarea {
	font-family: 'Roboto', Arial, sans-serif;	
}

a, span, div{
	font-family: Roboto;
}
p {font-family: Montserrat;}
a:focus, input:focus, textarea:focus, button:focus {
    outline: none;
}
.hentry .entry-content a {text-decoration: none !important;}


/* ========== Header ========== */
.storefront-primary-navigation{ display:none !important;}
#masthead{
	position: fixed; 
	border-bottom: none;
	background-color: var(--color-dark);           
	padding: 0;
	font-size: 24px;
	line-height: 50px;
	height: 100px;
	width: 100%;
	text-align: left;
    background-color: var(--color-dark) !important;
	z-index: 999999;
	border: 0;
	border-bottom: 1px solid var(--color-medium-dark);
}

#masthead .col-full {
	max-width: 100%; 
	margin-left: auto;
	margin-right: auto;
	padding: 0 2.617924em;
	box-sizing: content-box;
	height: 100px;
}


.site-header .site-branding {
	margin: 0px !important;
	padding-right: 30px;
	padding-top: 20px;
    box-sizing: border-box;
	flex: 1 1 20%;
    width: auto !important;
    max-height: 60px;
}
.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
    width: auto;
    max-height: 60px;
}



#site-navigation{
	flex: 2 1 50%;
    padding-left: 0;
    margin-right: 0;
	width: auto !important;
	text-transform: uppercase;
}

#masthead.site-header #menu-main {
    line-height: 5px;
    margin-left: 0;
}

.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 0.5em 1em;
    color: var(--color-mid-gray);
    letter-spacing: 1px;
    font-size: 16px;
}

.main-navigation ul.menu>li:last-child>a, .main-navigation ul.nav-menu>li:last-child>a {
    line-height: 1.8em;
    background-color: var(--color-accent-green);
    color: var(--color-dark);
    border-radius: 5px;
    font-weight: 600;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu{margin-left: 0em;}


.hdr_rig{flex: 1 1 30%; display: flex; gap: 20px; justify-content: flex-end; align-items: center; }
#inputswitch{display: none}

.switch, .trigger {border-radius: 50px;}
.custom-switch-wrapper{align-content: center;}
.switch {
  border:2px solid var(--color-gray-light);
  background: none;
  width: 60px;
  margin: 20px auto;
  padding: 3px;
  box-sizing: border-box;
  display: block;
  transition: background .3s;
  cursor: pointer;
  height:30px;
  overflow:hidden;
}
.moon{
  position:absolute;
  background: var(--color-dark);
  top:0px;
  left:-5px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
    transition: all .2s ;
}
.trigger {
  position:relative;
  background: var(--color-gray-light);
  width: 20px;
  height: 20px;
  border-radius: 50px;
  transition: all .2s ;
}
#inputswitch:checked + .switch{
   border:2px solid var(--color-yellow);
    transition: all .2s ;
}
#inputswitch:checked + .switch .trigger {
  
  background:var(--color-yellow);
  transform: translateX(136%);
    transition: all .2s ;}
#inputswitch:checked + .switch .moon{
    width: 0px;
  height: 0px;
    transition: all .2s ;
}
.hdr_place{align-content: center;}
.hdr_city{font-size: 16px; font-family: Montserrat;}
.hdr_city::before {
	font-family: "Font Awesome 6 Free";
	content: "\f124"; /* Unicode для location-arrow */
	font-weight: 900;  /* Для solid-версии иконок */
	margin-right: 8px;
	color: var(--color-accent-green); 
	rotate: -5deg; 
	font-size: 12px; 
	vertical-align: 0em;
}


.dgwt-wcas-search-wrapp{margin: 0;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius: 10px !important;}

.hdr_basket{font-size: 30px; align-content: center; padding-right: 35px;}
.custom-cart-icon {
	position: relative;
	display: inline-block;
	color: #333;
	text-decoration: none;
	font-size: 1.2em;
	color: var(--color-light-gray);
	cursor: pointer;
}

.custom-cart-icon .cart-count {
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-accent-green);
    color: var(--color-dark);
    border-radius: 999px;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    text-align: center;
    line-height: 18px;
    border: 4px solid var(--color-dark);
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    white-space: nowrap;
}

.admin-bar .rmp-container{margin-top: 132px !important;}



/* ========== XXX Header ========== */

.home #content .col-full, .page-template-template-fullwidth #content .col-full{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    box-sizing: content-box;
}

.foo{ color:red; }
.hp_prim{display: flex;}
.site-content{margin-top: 100px;}
#left-sidebar{border-right: 1px solid var(--color-medium-dark);}
/*#left-sidebar div{font-family: Montserrat;}*/
.city_btn_trg{width: 80%; display: flex; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
.city_btn_trg > div{padding: 10px; width: 50%; text-align: center; border: 1px solid var(--color-accent-green); text-transform: uppercase; font-size: 16px; font-weight: 600; cursor: pointer;}
.city_btn_trg_ala{color: var(--color-white); border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.city_btn_trg_ast{color: var(--color-white); border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.city_btn.active{background-color: var(--color-accent-green); color: var(--color-dark);}
.cty_tabs > div{display:none;}
.cty_tabs .active_tb{display: block;}
.side_graf, .side_box{text-align: center; width: 80%; margin: 0 auto;}
.side_box h2{color: var(--color-accent-green); font-size: 24px; font-weight: 600; margin-bottom: 7px;}
.side_box > div, .side_box .stel a{color: var(--color-light-gray); font-size: 18px; line-height: 1.2em;}

.stel{display: flex; flex-direction: column;}

#left-sidebar .maps_btns{display: flex; justify-content: space-evenly;}
#left-sidebar .maps_btns img{max-width: 50px; filter: grayscale(100%);}
#left-sidebar .maps_btns .gog_mp_btn img{filter: grayscale(100%) brightness(2.5);}

.hp_mai{width: 100%; padding-top: 0 !important;}
.hp_mai .entry-header{display: none;}
.hp_mai .entry-content{width: 95%; max-width: unset;}
.hp_cat {margin-bottom: 7px;}
.hp_cat .wp-block-column{margin: 0; margin-right: initial !important; padding: 25px; border-radius: 10px;}
.hp_cat h2{width: 60%; margin: 0 auto;}

.hp_txt_abt {text-align: justify;}


.smoke-bottom {
  position: relative;
  overflow: hidden;
}

.smoke-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 130px; /* Высота дымки */
  background: linear-gradient(to top, rgb(51 51 51) 0%, /* самый плотный внизу */ rgb(51 51 51 / 94%) 50%, /* полупрозрачный по центру */ rgba(0, 0, 0, 0) 100% /* полностью прозрачный сверху */);
  z-index: 2; /* Поверх текста */
  pointer-events: none;
}

.smoke-bottom > * {
  position: relative;
  z-index: 1; /* Текст будет под дымкой */
}



.spoiler {
  margin: 10px 0;
}
.spoiler button {
  border: none;
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  text-align: left;
  transition: background 0.3s;
}
.spoiler button:hover {
  background: var(--color-light-hover);
}
body.home .spoiler-content {
 	max-height: 0;
	overflow: hidden;
  	transition: max-height 0.5s ease;
    margin: 0;
}
.spoiler-content.open {margin-bottom: 25px !important;}
#spoiler-toggle{
	width: 125px;
    height: 35px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--color-mid-gray);
    border-radius: 8px;
    padding: 0px;
    font-size: 16px;
    color: var(--color-mid-gray);
    font-weight: 400;	
}

/* оборудование на главной */
.custom-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.custom-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
	max-height: 180px;
}

.custom-card-content {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    height: 100%;
}

.custom-card-image-wrapper {
    flex: 1;
    position: relative;
	max-width: 180px;
    margin-right: 20px;
}

.custom-card-image {
	position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 180px;
    height: 180px;
	border-radius: 15px;
	filter: grayscale(100%);
	transition: filter 0.7s ease;
	background-color: var(--color-black);
}
.custom-card-image:hover {
  filter: grayscale(0%);
}

.image-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2025/04/shine_azs.png');
	background-size: 125%;
    background-repeat: no-repeat;
    background-position: center calc(100% + 25px);
	opacity: 25%;
  	transition: opacity 0.7s ease;
	pointer-events: none;
	border-radius: 15px;
}

.custom-card-image:hover .image-overlay {
  opacity: 1;
}

.custom-card-image img {
	position: absolute;
    bottom: -15px;
    width: 80%;
    rotate: -15deg;
    left: -15px;
}

.custom-card-title {
    position: absolute;
    top: 5px;
    left: 5px;
    color: var(--color-light-gray);
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
	transition: color 0.7s ease;
}

.custom-card-image:hover .custom-card-title{color: var(--color-white);}

.custom-card-text {
    flex: 2;
    display: flex;
    align-items: start;
    justify-content: start;
	text-align: justify;
	font-size: 16px;
	color: var(--color-light-gray);
}
/*КОНЕЦ оборудование на главной */


/* Сайдбар слева */
.theme-storefront #primary.hp_prim{
	float: right; 
	margin-right: 0; 
	width: 100%; 
	padding: 0 0 0 25px;
}

.theme-storefront #primary{
	float: right; 
	margin-right: 0; 
	width: 79%; 
	padding: 0 0 0 25px;
}
.theme-storefront #secondary{
	float: left; 
	width: 21%;     
	padding: 0 25px 0 10px;
    border-right: 1px solid var(--color-medium-dark);
}

.custom-cat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 15px;
}
.custom-cat-item {
    text-align: center;
	background-color: var(--color-gray-dark);
	border-radius: 20px;
	padding: 20px 20px 0px 20px;
	position: relative;
    border-radius: 10px;
    /*padding: 20px;*/
    color: var(--color-white); /* Начальный цвет текста */
    transition: background-color 0.3s ease, color 0.3s ease; /* Анимация для фона и текста */
    cursor: pointer;
}

.widget-area .widget .custom-cat-item a{
	font-weight: 400;
	text-decoration: none;
}
.custom-cat-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
}
.cat-title {
	font-weight: 400;
    color: var(--color-white);
    font-size: 16px;
	margin-bottom: 5px;
}
.ct_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.ct_ttl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.custom-cat-item svg {
    width: 100%;
    height: auto;
    max-width: 100px;
	max-height: 60px;
	
	transition: fill 0.3s ease; /* Анимация для цвета SVG */
    color: var(--color-white); /* Начальный цвет SVG */
}
.custom-cat-item svg path {
  fill: var(--color-white);
}

.custom-cat-item:hover svg path {
  fill: var(--color-dark);
}

.custom-cat-item:hover .cat-title {
    color: var(--color-dark);
}

.custom-cat-item:hover {
    background-color: var(--color-light); /* Фон блока при наведении */
}

.custom-cat-item:hover svg {
    fill: var(--color-dark); /* Зеленый цвет для SVG при наведении */
}


/* Для плавности изменения фона и текста */
.custom-cat-item p {
    transition: color 0.3s ease;
}
.side_cntcts h4{font-family: Montserrat; font-weight: 500; font-size: 16px; line-height: 25.77px; letter-spacing: 0%; text-align: center; vertical-align: middle; color: var(--color-accent-green);}

.scntct .tel1 a {
  display: block;
  margin-bottom: 5px; /* расстояние между номерами */
  text-decoration: none;
	font-family: Roboto;
	font-weight: 400;
	font-size: 16px;
	line-height: 18.2px;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
  color: var(--color-light-gray);
}

.grphk{
	font-family: Montserrat;
	font-weight: 500;
	font-size: 16px;
	line-height: 18.2px;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: var(--color-light-gray);
}
.side_cntcts{display: flex; gap: 20px;}

/*КОНЕЦ Сайдбар слева */


.custom-cat-grid.thp_cat_grd {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 15px;
}
.custom-cat-grid.thp_cat_grd .custom-cat-item{padding: 30px 20px 30px 20px;}
.custom-cat-grid.thp_cat_grd svg{max-width: 120px; max-height: 80px;}
.custom-cat-grid.thp_cat_grd .cat-title{font-size: 18px;}

.single-product #content .col-full, .archive.woocommerce-active #content .col-full{padding: 0px 25px 40px 25px !important; }

/* Category */
.storefront-breadcrumb {margin: 0;}
.archive #content #main .storefront-breadcrumb .col-full{padding: 0 !important;}
.woocommerce-breadcrumb{background-color: var(--color-gray); border-radius: 50px; padding: 3px 10px; width: fit-content; color: var(--color-accent-green); font-size: 12px;}
.woocommerce-breadcrumb a, .breadcrumb-separator{color: var(--color-white); text-decoration: none;}
.woocommerce-breadcrumb .breadcrumb-separator::after{opacity: .70; }
.woocommerce-products-header__title{color: var(--color-white); font-size: 32px; font-weight: 700;}
.woocommerce-ordering .orderby{color: var(--color-white); background-color: var(--color-gray); border: 1px solid var(--color-accent-green); padding: 15px 30px; font-size: 16px; border-radius: 10px; min-width: 250px; font-weight: 500; font-family: 'Montserrat'; /*text-align: center;*/}
.storefront-sorting .woocommerce-result-count{display: none;}
.storefront-sorting{display:flex;}
.filtr button{color: var(--color-white); background: var(--color-gray); border: 1px solid var(--color-accent-green); padding: 13px 30px; font-size: 16px; border-radius: 10px; min-width: 250px; font-weight: 500; font-family: 'Montserrat';}
.woocommerce-ordering{padding: 0px; margin-left: 15px;}
select.orderby {
appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none;
  	background: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 1rem center;
    padding-right: 4rem !important;
}

.product-cats {list-style-type: none; padding: 0; display: flex; margin-left: 0px; gap: 10px; border-radius: 12px;}
.product-cats .category {position: relative; margin-bottom: 15px; width: 10%; padding: 15px 20px; background-color: var(--color-gray-dark); border-radius: 12px; min-width: 140px;}
.product-cats .category .product-count {position: absolute; top: 0; right: 0; background-color: var(--color-accent-green); color: var(--color-dark); border-radius: 50%; width: 24px; height: 24px; text-align: center; line-height: 18px; border: 4px solid var(--color-dark); font-family: 'Montserrat'; font-weight: 700; font-size: 12px;}
.product-cats .category img{border-radius: 12px; width: 50%; margin: 0 auto; min-width: 50px;}
.product-cats .category span{width: 100%; display: block; text-align: center;}
.product-cats .category a {display: inline-block; text-decoration: none; padding: 10px 0px 0px 0px; color: var(--color-white); font-family: 'Montserrat'; font-size: 12px;}
.product-cats .category a:hover {color: var(--color-accent-green);}
.woocommerce-loop-product__title.dsc_t{color: var(--color-white); font-family: 'Montserrat'; font-size: 14px; margin-top: 10px;}
.brnd_cntry_box{display: flex; color: #979797; font-weight: 400; font-size: 12px; margin-bottom: 10px;}
.brnd_cntry_box .brnd_prd{flex: 1; border-right: 1px solid #797979; line-height: 2.5em; font-family: 'Montserrat';}
.brnd_cntry_box .cntry_prd{flex: 1; line-height: 2.5em; font-family: 'Montserrat';}
.products .product img, .products .product{border-radius: 10px 10px 0 0;}
.products .product {background-color: #1E1E1E; border-radius: 0px 0px 10px 10px;}

.prc_stc{display: flex;}
.stc_box{flex: 1;}
.prc_box{flex: 1;}
.stc_box strong{color: var(--color-accent-green); font-family: 'Montserrat'; font-size: 12px;}
.stc_box .outofstock strong{color: var(--color-gray-light);}
.products .product .product-price .amount bdi{font-family: 'Montserrat'; font-size: 18px; color: var(--color-white); text-decoration: none;}
ul.products li.product .add_to_cart_button, ul.products li.product.outofstock .button {width: 100%; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-bottom: 0; background-color: var(--color-gray-dark); font-size: 12px; text-transform: uppercase; padding-top: 8px; font-family: 'Montserrat';}
.lmp_products_loading i.fa.fa-spinner.lmp_rotate{color: var(--color-accent-green);}
.category-description{color: var(--color-white); font-weight: 400; size: 16px; text-align: justify;}
nav.woocommerce-pagination .page-numbers li .page-numbers{border: 2px solid; border-radius: 8px; padding: 10px; background-color: transparent; width: 40px; height: 40px; font-family: Montserrat; font-weight: 700; font-size: 16px; line-height: 120%; letter-spacing: 0%; text-align: center; vertical-align: middle; border-left-width: 2px;}
.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current{border-color: var(--color-accent-green); color: var(--color-accent-green); background-color: transparent;}
.woocommerce-pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev{border: none;}
.pagination, .woocommerce-pagination{margin-left: auto;}
.storefront-sorting nav.woocommerce-pagination{margin-right: 50px;}
h2.woocommerce-loop-product__title {min-height: 40px;}
li.category svg{display: block; margin: 0 auto;}
li.category svg path {fill: white;}

ul.products li.product.first:not(:first-child) {clear: none !important;}
.toggleSidebar{display: none;}
.pagination-buttons{display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px;}

.archive #block-11 {position: fixed; top: 0; left: -21%; width: 21%; height: 100%; background: var(--color-dark); box-shadow: -2px 0 5px rgba(0,0,0,0.3); transition: left 0.3s ease; z-index: 9999; margin-top: 107px; padding: 25px 25px 0 25px;}
.archive #block-11.active {left: 0;}
#block-11 h3, #block-11 ul li{font-family: 'Montserrat'; font-size: 16px; color: var(--color-white);}
#secondary .wc-block-components-price-slider__range-input-progress{
    --track-background: linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100% / 100% 100%;
    --range-color: rgb(149 190 59);
    background: var(--track-background);

}


/*КОНЕЦ Category */



/* PRODUCT */
.single-product #content .custom-breadcrumb-inside .storefront-breadcrumb .col-full{padding: 0 0px 15px 15px !important; border-bottom: 1px solid var(--color-gray-dark);}
.custom-product-card{background-color: var(--color-gray-darkblk); display: flow-root; border-radius: 18px; padding: 25px; font-family: Montserrat; line-height: 120%; letter-spacing: 0%;}
.custom-product-card .product_title{font-family: Montserrat; color: var(--color-white); font-weight: 400; font-size: 24px; text-align: center; vertical-align: middle;}
.custom-product-card .price{text-align: center; vertical-align: middle;}
.custom-product-card .price bdi{color: var(--color-white); font-weight: 600; font-size: 40.69px; }
.sku_id{color: var(--color-accent-green); font-weight: 400; font-size: 14px; text-align: center; vertical-align: middle;}
.stck_pr{color: var(--color-accent-green); font-weight: 600; font-size: 16px; text-align: center; vertical-align: middle;}
.sku_pr{color: var(--color-white);}
.custom-product-card .woocommerce-product-details__short-description {color: var(--color-mid-gray); font-weight: 500; font-size: 16px; text-align: justify;}
.custom-product-card .woocommerce-product-details__short-description p{font-weight: 500; font-size: 16px; line-height: 120%; text-align: justify;}
.custom-product-card .ribbon_st{display: flex; justify-content: space-around; margin: 30px 0;}
.single-product #content > .col-full{display: flex; justify-content: center; position: relative;}
.single #primary {padding: 0; width: 58%;}
#secondary{width: 21%; position: absolute; left: 0; padding-right: 15px; padding-left: 15px;}
.single .product-sidebar-extra{float: left; width: 20%; position: absolute; right: 0; margin: 80px 15px 20px 15px;}
.single .product-sidebar-extra .sprod_chr{background-color: var(--color-gray-darkblk); border-radius: 16px; padding: 20px; margin-bottom: 20px;}
div#nickx-gallery .swiper-wrapper .swiper-slide img{max-height: 70px; max-width: 70px;}
.product-sidebar-extra table.product-attributes-table th, .product-sidebar-extra table.product-attributes-table td{background-color: transparent !important; font-family: Montserrat; font-weight: 600; font-size: 12px; line-height: 120%; letter-spacing: 0%; text-align: center; vertical-align: middle; color: var(--color-mid-gray); border: 1px solid var(--color-light-gray);}
.product-sidebar-extra table.product-attributes-table{border-collapse: separate;}
/* Скругления для углов таблицы */
table tbody tr, table tbody th, table tbody td {border: 1px solid var(--color-light-gray);}
table tr:first-child th:first-child {border: 1px solid var(--color-light-gray); border-top-left-radius: 8px;}
table tr:first-child td:last-child {border: 1px solid var(--color-light-gray); border-top-right-radius: 8px;}
table tr:last-child th:first-child {border: 1px solid var(--color-light-gray); border-bottom-left-radius: 8px;}
table tr:last-child td:last-child {border: 1px solid var(--color-light-gray); border-bottom-right-radius: 8px;}

.product-sidebar-extra .cart{display: flex;flex-wrap: wrap; align-items: center; max-width: 100%; box-sizing: border-box; margin-bottom: 0px;}
.product-sidebar-extra .cart .quantity{box-sizing: border-box; flex: 0 0 20%; max-width: 25%;}
.product-sidebar-extra button:not([type="submit"]) {box-sizing: border-box; flex: 0 0 12.5%; max-width: 12.5%;}
.product-sidebar-extra button[type="submit"] {box-sizing: border-box; flex: 0 0 50%; max-width: 50%; margin-left: auto;}
.product-sidebar-extra .single_add_to_cart_button{background-color: var(--color-accent-green); color: var(--color-dark); font-weight: 600; border-radius: 8px; font-family: Montserrat; font-size: 16px; line-height: 120%; text-transform: uppercase;}

.product-sidebar-extra .woocommerce-tabs--titles{background-color: var(--color-gray-darkblk); border-radius: 16px;padding: 20px;}
.product-sidebar-extra ul.wc-tabs{width: 100%; font-family: Montserrat; font-weight: 600; font-size: 16px; line-height: 120%; text-align: center; vertical-align: middle; display: flex; flex-direction: column; gap: 10px;}
.product-sidebar-extra ul.wc-tabs li {border-radius: 8px; background-color: var(--color-dark); color: var(--color-white);}
.product-sidebar-extra ul.wc-tabs li:last-child{background-color: var(--color-accent-green);}
.product-sidebar-extra ul.wc-tabs li:last-child a{color: var(--color-dark) !important;}
.product-sidebar-extra .woocommerce-tabs ul.tabs li a{color: var(--color-white);}
.product-sidebar-extra .woocommerce-tabs ul.tabs li::after{content: none;}

body.single #tab-description{font-family: Montserrat; font-weight: 400; font-size: 16px; line-height: 120%; text-align: justify; color: var(--color-white);}

body.single #tab-description p,
body.single #tab-description strong,
body.single #tab-description ul,
body.single #tab-description li{
	font-family: Montserrat; 
	font-weight: 400;
}


.woocommerce-Tabs-panel {
  display: none;
}
.woocommerce-Tabs-panel.active {
  display: block;
}



.woocommerce-tabs-content{margin-top: 30px;}
.woocommerce-tabs-content h1,
.woocommerce-tabs-content h2,
.woocommerce-tabs-content h3,
.woocommerce-tabs-content h4,
.woocommerce-tabs-content h5,
.woocommerce-tabs-content h6 {
    color: var(--color-white);
	font-family: Montserrat; 
	
}
.woocommerce-tabs-content table tbody td, .woocommerce-tabs-content table tbody tr, .woocommerce-tabs-content table tbody th, .woocommerce-tabs-content table tbody tr:nth-child(2n) td {background-color: transparent;}
.woocommerce-tabs-content table tbody tr {background-color: var(--color-dark);}
.woocommerce-tabs-content table tbody tr:nth-child(2n) {background-color: #3d3d3d;}
.titl_dsc_tab{font-family: Roboto; font-weight: 600; font-size: 24px; line-height: 120%; color: var(--color-white); margin-bottom: 20px;}

.woocommerce_documents a[href$=".pdf"]:after { content: " (PDF)"; }
.woocommerce_documents {list-style-type: none;}
.woocommerce_documents a[href$=".pdf"]:before {
    /* PDF file */
	width:32px;
	height:32px;
	background:url('http://wwwimages.adobe.com/content/dam/acom/en/legal/images/badges/Adobe_PDF_file_icon_32x32.png');
	display:inline-block;
	content:' ';
	margin-right: 10px;
}

.wc-tabs li.active a {
  position: relative;
  padding-left: 1.2em; /* отступ для стрелки */
}
.wc-tabs li.active a::before {
	content: "\f053"; /* Юникод для иконки "chevron-left" */
	font-family: "Font Awesome 6 Free"; /* или "Font Awesome 5 Free", зависит от версии */
	font-weight: 900; /* необходимо для solid-иконок */
	margin-left: 20px;
	display: inline-block;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.single .nickx_product_images_with_video.v-left .nswiper.nickx-slider-nav, .single .nickx_product_images_with_video.v-right .nswiper.nickx-slider-nav{max-height: 320px;}

#label-options{clear: both; position: relative; color: #fff; display: flex; flex-direction: row; justify-content: space-evenly; font-size: 18px;flex-wrap: wrap;}
#label-options label{cursor: pointer;}
#print-label{width: 100%; max-width: 100%; margin-top: 15px; font-size: 18px; border-radius: 8px;}
#print-label:hover{color: var(--color-gray-dark); background-color: var(--color-light-hover);}

/* КОНЕЦ PRODUCT */

/* В корзину Корзина */

	/*временно*/
	.storefront-primary-navigation, .add_to_cart_button, body.admin-bar .storefront-primary-navigation{display:none !important;} 
	.admin-bar .storefront-primary-navigation, .admin-bar .add_to_cart_button{display: block !important;}


.quantity {
    display: flex;
    align-items: center;
    gap: 10px;
	color: var(--color-mid-gray);
}

.quantity input.qty {
    width: 100%;
    padding: 10px;
    text-align: center;
    border: none;
    background: none;
    appearance: textfield;
	
	font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    vertical-align: middle;
	color: var(--color-mid-gray);
	transition: font-size 0.3s ease;
}

/* Убираем стрелки в некоторых браузерах */
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Стили для кнопок + и - (если используете custom JS или WooCommerce) */
button.plus,
button.minus {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    padding: 0 10px;
    cursor: pointer;
	
	font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    vertical-align: middle;
	color: var(--color-mid-gray);
}

/* Чтобы не было синей обводки при клике */
.quantity button:focus {
    outline: none;
}

/*Отображение ЗАГРУЗКИ товара в корзину*/
.single_add_to_cart_button.loading {
  pointer-events: none;
  opacity: 0.7;
  position: relative;
}

.single_add_to_cart_button.loading::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.quantity input.qty.shrink-font {
  font-size: 16px;
}

.product-extra-widget.widget_text, .product-extra-widget.widget_text p{margin: 0px;}

.woocommerce-cart #content .col-full{max-width: none;}



#order-button{display:none;}
.mob #cart-panel {position: fixed; bottom: -100%; left: 0; height: 94%; width: 100%; display: flex; background-color: #fff; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);  z-index: 9999; transition: bottom 0.3s ease; padding: 10px 0px 100px 0px; top: auto; flex-direction: column;}
.mob #cart-panel.open {bottom: 0 !important;}
.mob #cart-container {/*max-height: 50vh;*/ overflow-y: scroll;}
.mob #cart-fast-order{/*max-height: 50vh;*/ display:none; overflow-y: scroll;}
.mob #fast-cart .woocommerce-mini-cart-item{position: relative;}
.mob #fast-cart .delbtncrt {float: left; padding: 0; display: block; background-color: transparent;}
.mob #fast-cart .mcart_img_td{display: block;}
.mob #order-button{display:block; margin: 6px auto; width: 80%; background-color: #96bf3b; color: #fff; text-transform: uppercase; border: 1px solid #96bf3b; border-radius: 5px;}


.woocommerce button[name="update_cart"], /* Автоматичесик обновляем корзину, кнопку убираем */
.woocommerce input[name="update_cart"] {
	display: none;
}

/* Стили для панели корзины */

#cart-panel {
    position: fixed;
    right: -79%; /* Initially hide the panel off-screen */
    top: 0;
    height: 100%;
    width: 79%;
	display: flex;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
    z-index: 999;
    transition: right 0.3s ease; /* Smooth transition */
	padding: 100px 0px 10px 0px;
	background-color: var(--color-dark);
}

#fast-cart{
	flex: 2;
	position: relative;
}
#cart-fast-order{
	flex: 1;
	padding-left: 20px;
}

#cart-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 50%); /* Прозрачная пелена (50% прозрачности) */
    z-index: 10; /* Поверхностный слой для перекрытия содержимого */
    
}

#cart-container.no-click * {
    pointer-events: none; /* Отключает все взаимодействия с содержимым #cart-container */
}

#cart-container.no-click #cart-overlay {
    pointer-events: auto; /* Делает overlay интерактивным для блокировки */
}

.woocommerce-Spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #000;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#cart-panel.open {
    right: 0; /* Slide the panel into view */
}

#cart-content {
    padding: 20px;
}
.cart-btn, .cart-btn button{ background-color: #96bf3b;}
li.cart-btn button i {color: #fff;}

.remove-from-cart {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #f44336; /* Красный цвет фона */
    color: #fff; /* Белый цвет креста */
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    margin-left: 10px;
    transition: background-color 0.3s ease;
}

.remove-from-cart:hover {
    background-color: #d32f2f; /* Более темный оттенок при наведении */
}


.woocommerce-mini-cart-item.removing {
	animation: fadeOut 0.5s forwards;
    overflow: hidden;
}
.woocommerce-mini-cart-item.removing td{height: 0px;}


#cart-fast-order .woocommerce-billing-fields h3{display: none;}
#cart-fast-order form.checkout {width: 90%;}
#cart-fast-order #customer_details{width: 100%;}
#cart-fast-order #billing_first_name_field{width: 100%;}
#cart-fast-order .woocommerce-privacy-policy-text{text-align: justify;}

@keyframes fadeOut {
    from {
        opacity: 1;
        height: auto;
    }
    to {
        opacity: 0;
        height: 0;
        padding: 0;
        margin: 0;
    }
}





.woocommerce-mini-cart-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.woocommerce-mini-cart-item:last-child {
    border-bottom: none;
}

.woocommerce-mini-cart-item a {
    text-decoration: none;
	color: var(--color-gray-light);
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.woocommerce-mini-cart-item img {
    border-radius: 3px;
}

.rem_td{
	padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.woocommerce-mini-cart-item .remove-cart-item {
    background-color: transparent;
    color: #ff0000;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 22px;
    cursor: pointer;
    transition: background-color 0.3s ease;
	padding: 0px;
}
.mcart_img_td{padding:0px;}

.woocommerce-mini-cart-item .remove-cart-item:hover {
    background-color: #cc0000;
	color: #fff;
	border: 1px solid #cc0000;
}

.woocommerce-mini-cart-item .quantity {
    font-size: 14px;
    color: #666;
    margin-left: 10px;
}

.woocommerce-mini-cart-item .item-details {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.woocommerce-mini-cart-item .item-details .title {
    font-weight: bold;
    margin-right: 10px;
}

.woocommerce-mini-cart-item .item-details .price {
    color: #555;
    font-size: 14px;
}
.qnt_mini{display: flex;}
.quantity-input {width: 4.235801032em; text-align: center; margin: 0px 5px; box-shadow: none !important;}
.mob .quantity-input {width: 7em;}
.qnt_mini button.minus{margin-right: 0px;}
#payment .place-order .button {margin: 6px auto; background-color: #96bf3b; color: #fff; text-transform: uppercase; border: 1px solid #96bf3b; border-radius: 5px; font-size: 1em;}
.mob .min_cart_price {min-width: 85px; text-align: right;}
/* Скрыть стрелки в <input type="number"> для всех браузеров */
.quantity-input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}

.quantity-input[type="number"]::-webkit-inner-spin-button, 
.quantity-input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; /* Chrome, Safari, Opera */
    margin: 0;
}

/* Скрыть стрелки в <input type="number"> для Edge */
.quantity-input[type="number"] {
    appearance: textfield; /* Edge */
}

#cart-container {    
	max-height: 80vh; /* Высота контейнера 80% от высоты экрана */
    overflow-y: auto; /* Включаем вертикальную прокрутку */
    overflow-x: hidden;
padding: 10px;}


/* Стили для узкой полосы прокрутки */
#cart-container::-webkit-scrollbar {
    width: 8px; /* Ширина полосы прокрутки */
}

#cart-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* Цвет фона трека */
}
#cart-container::-webkit-scrollbar-thumb {
    background: #888; /* Цвет ползунка */
    border-radius: 10px; /* Скругление углов ползунка */
}
#cart-container::-webkit-scrollbar-thumb:hover {
    background: #555; /* Цвет ползунка при наведении */
}





/* Скрываем поля оплаты */
.wc_payment_methods, .woocommerce-additional-fields, .woocommerce-additional-fields__field-wrapper {
    display: none;
}

/* Убираем order review */
#order_review_heading,
.woocommerce-checkout-review-order-table {
    display: none;
}

.order-summary {
    padding: 20px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
}

.order-summary h3 {
    margin-bottom: 10px;
}

.order-summary p {
    margin: 0;
    font-size: 16px;
}

.woocommerce-mini-cart.cart_list tr, .woocommerce-mini-cart.cart_list td, .woocommerce-mini-cart.cart_list th {background-color: transparent; border: none !important;  color: var(--color-white);}
.woocommerce-mini-cart.cart_list tbody tr:nth-child(2n) td, .woocommerce-mini-cart.cart_list tr th{background-color: var(--color-gray-dark); color: var(--color-white); border-radius: 0px !important;}
.woocommerce-mini-cart.cart_list tbody tr td input{background-color: var(--color-dark); color: var(--color-gray-light);}
.woocommerce-mini-cart.cart_list tbody tr:nth-child(2n) td input{background-color: var(--color-gray-dark); color: var(--color-gray-light);}

#fast-cart #cart-container p{color: var(--color-light-gray);}

/* КОНЕЦ В корзину Корзина */


/* Страница о принятии заказа */
.woocommerce-order p{color: var(--color-light-gray); font-size: 18px;}
p.woocommerce-thankyou-order-received{color: var(--color-accent-green); font-size: 18px;}
.woocommerce-order-details__title, .woocommerce-column__title{font-size: 24px; color: var(--color-light-gray);}
table.order_details{background-color: var(--color-dark);}
.woocommerce-order table.shop_table tr, .woocommerce-order table.shop_table td, .woocommerce-order table.shop_table thead th {background-color: var(--color-dark); border: none !important;  color: var(--color-white);}
.woocommerce-order table.shop_table tfoot tr:nth-child(2n) td, .woocommerce-order table.shop_table tfoot tr:nth-child(2n) th, .woocommerce-order table.shop_table tbody tr:nth-child(2n) td, .woocommerce-order table.shop_table thead tr th{background-color: var(--color-gray-dark); color: var(--color-white); border-radius: 0px !important;}
.woocommerce-order table.shop_table tbody tr td input{background-color: var(--color-dark); color: var(--color-gray-light);}
.woocommerce-order table.shop_table tbody tr:nth-child(2n) td input{background-color: var(--color-gray-dark); color: var(--color-gray-light);}
.woocommerce-order table.shop_table a{color: var(--color-gray-light);}
.woocommerce-order table.shop_table tfoot th{border: none !important;}
.woocommerce-customer-details address{color: var(--color-light-gray);}
/* КОНЕЦ Страница о принятии заказа */


/* Страница оформления заказа корзины */
.theme-storefront.woocommerce-checkout #primary{padding-left: 0px;}
.cart_left{width: 75%; float: left; padding: 10px;}
.checkout {width: 25%; float: left; padding: 15px; border-radius: 8px; background-color: #000;}
.checkout h3, .page.woocommerce-checkout h1.entry-title{display: none;}
#customer_details{width: 100%;}
#billing_first_name, #billing_phone{background-color: var(--color-light-gray); color: var(--color-dark); border-color:  var(--color-dark); border-radius: 5px;}
#billing_first_name_field, #billing_phone{width: 100%;}
.woocommerce-billing-fields{clear: both;}
.woocommerce-billing-fields .order-summary p{color: var(--color-white);}
#payment .place-order{font-size: 10px; background-color: transparent; color: var(--color-white); padding: 0; text-align: justify;}
#payment .place-order .button{line-height: 1.8em; background-color: var(--color-accent-green); color: var(--color-dark); border-radius: 5px; font-weight: 600; font-family: 'Montserrat';}
.wc_payment_methods, .woocommerce-additional-fields, .woocommerce-additional-fields__field-wrapper {display: none;}
.woocommerce-billing-fields .order-summary p{margin-bottom: 1em;}
#billing_first_name_description{color: red; margin-bottom: 0;}

table.shop_table th, table.shop_table tr td, table.shop_table tr, table.shop_table tbody tr:nth-child(2n) td {
    background-color: #333;
    color: #fff;
}

/* КОНЕЦ Страница оформления заказа корзины */



/* Footer */
.site-footer { background-color: var(--color-dark); color: var(--color-light-gray);}
.site-footer .col-full{width: 63%; max-width: 63%;}

.site-footer .left_si{font-size: 14px; margin-bottom: 20px;}
.site-footer .left_si .ftr_adr{font-size: 18px; line-height: 2em;}
	
.site-footer .right_si{flex-basis: 0; flex-grow: 1; display: flex; filter: grayscale(100%); width: 50%;}
.site-footer .right_si > div{flex-basis: 0; flex-grow: 1; }
.site-footer .right_si img{    width: 50px; }

/*КОНЕЦ Footer */




.filters_block .wc-block-price-filter__control input{background-color: var(--color-gray-dark); color: var(--color-white); border-radius: 8px !important; border-color: var(--color-gray-dark) !important; font-size: 14px; text-align: center; font-family: 'Montserrat';}
.filters_block .wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {max-width: 120px;}



.storefront-handheld-footer-bar{z-index: 999999 !important; border-top: none;}
.storefront-handheld-footer-bar ul{display: flex; justify-content: space-between; padding: 0; margin: 0; list-style-type: none;}
.storefront-handheld-footer-bar ul li{flex: 1; text-align: center; box-sizing: border-box;}
.storefront-handheld-footer-bar ul li.home > a:before {content: "\f015";}
.storefront-handheld-footer-bar ul li.phone > a:before {content: "\f095";}
.storefront-handheld-footer-bar ul li.whtsp a.fab::before {font-family: "Font Awesome 5 Brands" !important; font-size: 1.9em; line-height: 2.4;}
.storefront-handheld-footer-bar .fcart{z-index: 99;}
.storefront-handheld-footer-bar .fcart .cart-btn{background-color: #333;}
.storefront-handheld-footer-bar .fcart #open-cart-btn{padding: initial; background-color: #333; font-weight: initial; display: initial;}
.storefront-handheld-footer-bar .fcart #open-cart-btn i.fa-shopping-basket:before{color: #fff; line-height: 1.5; font-size: 2em;}
.storefront-handheld-footer-bar ul li > a{background-color: var(--color-gray-dark); color: var(--color-white) !important;}

/* ========== MEDIA ========== */


@media (max-width: 1440px) {
	
	.single-product #content .col-full, .archive.woocommerce-active #content .col-full{margin: 0; padding-left: 0 !important;}
	.theme-storefront #primary{width: 75%;}
	.single-product #secondary {width: 19%;}
	.theme-storefront #secondary {padding: 0 10px; width: 25%;}
	
	.custom-cat-grid{gap: 10px;}
	.custom-cat-item{padding: 10px;}
	.cat-title{font-size: 10px;}
	.filtr button{min-width: 140px;}
	
}

@media (max-width: 1024px) {
	.storefront-sorting .woocommerce-pagination{display: none !important;}
}

@media (max-width: 1440px) and (min-width: 768px) {
    .woocommerce ul.products.columns-4 li.product {
        width: 32%;
        float: none;
        margin: 0px 0.665% 0.5em;
    }
}

@media (min-width: 768px) {
	/* ========== Header ========== */
	#masthead > .col-full {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 100%;
		display: flex;
		align-items: center;
		padding: 0;
	}
	.woocommerce-active .site-header .site-branding {padding: 0;}
	.site-header .custom-logo-link img{margin: 0 auto;  padding: 0px 0 2px;}
	/* ========== XXX Header ========== */
	
	.single-product #content .col-full, .archive.woocommerce-active #content .col-full, .page #content .col-full{
		padding: 20px 40px 40px 40px;
    	max-width: 100%;
	}
	
	/*Сайдбар слева 
	.custom-sidebar-left {
        flex-direction: column;
    }

    .custom-sidebar-left #secondary,
    .custom-sidebar-left #primary {
        width: 100%;
    }
	КОНЕЦ Сайдбар слева */
	
	.storefront-handheld-footer-bar ul li>a{height: 3em; border: 0; background-color: #333 !important; color: #fff !important;}
	.storefront-handheld-footer-bar ul li.whtsp a.fab::before{line-height: 1.6;}
	.storefront-handheld-footer-bar ul li>a::before{line-height: 2;}
	.storefront-handheld-footer-bar ul li.search .site-search{bottom: -3em;}

}




/* Базовая сетка — 5 колонок на больших экранах */
.woocommerce ul.products.columns-5 li.product {
    width: 19%;
	margin-right: 1.2%;
}



/* Планшеты: 4 колонки */
@media (max-width: 1024px) {
    .woocommerce ul.products.columns-5 li.product {
		width: 23%;
        margin: 7px;
        padding: 0px;
    }
	.site-header .site-branding{flex: 1 1 10%;}
	.hdr_rig {flex: 1 1 75%;}
	
	
	.custom-cat-grid.thp_cat_grd {grid-template-columns: repeat(3, 1fr);}
	.right-sidebar .widget-area {width: 30%;}
	.hdr_basket{padding-right: 0px;}
	#rmp_menu_trigger-174{padding-right: 35px; position: initial; width: auto; margin-top: 0px !important;}
	#rmp-container-174, #rmp-menu-wrap-174, #rmp-menu-wrap-174 .rmp-menu-item-link {font-size: 16px; background-color: var(--color-dark); font-family: 'Montserrat'; color: var(--color-light-gray);}
	#rmp-container-174 {border-left: 1px solid var(--color-medium-dark); margin-top: 100px;}
	
	.hp_txt_abt, .hp_txt_abt div{padding: 0px !important;}
	.custom-grid {grid-template-columns: repeat(1, 1fr);}
	
}

@media (max-width: 768px) {
	.right-sidebar .widget-area {width: 40%;}
	.custom-cat-grid.thp_cat_grd .custom-cat-item {padding: 20px 20px 20px 20px;}
	.custom-cat-grid.thp_cat_grd svg {max-width: 80px; max-height: 60px;}
	.custom-cat-grid.thp_cat_grd .cat-title {font-size: 12px;}
	
	.city_btn_trg{flex-direction: column;}
	.city_btn_trg > div{width: 100%;}
	.city_btn_trg_ala{border-top-right-radius: 5px; border-bottom-left-radius: 0px;}
	.city_btn_trg_ast{border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 5px;}

	 #secondary {position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: var(--color-dark); box-shadow: -2px 0 5px rgba(0,0,0,0.3); transition: right 0.3s ease; z-index: 9999; margin-top: 107px; left: initial; border: none;}
	 #secondary.active {right: 0; width: 100%;}
	header .toggleSidebar{display: block; background-color: #96bf3b; color: #333; font-size: 16px; text-transform: uppercase; border-radius: 8px; width: 100%; margin-bottom: 10px; margin-top: 5px; font-family: 'Montserrat';}
	.custom-cat-item svg {max-width: 80px; max-height: 45px;}
	.back_to{color: var(--color-white); font-size: 16px; font-family: 'Montserrat';}
	.side_cntcts, .product-cats, .archive .woocommerce-products-header__title{display: none;}
	.theme-storefront #primary {width: 100%;}
	.pagination-buttons{display: none;}
	.storefront-sorting .woocommerce-pagination{display: block !important;}
	.woocommerce-ordering .orderby{min-width: 130px; width: 10%;}
	
	.pagination .page-numbers li, .woocommerce-pagination .page-numbers li {display: none;}

	.woocommerce-pagination li:has(span.page-numbers.current),
	.woocommerce-pagination li:has(a.next),
	.woocommerce-pagination li:has(a.prev) {display: inline-block;}

	.filtr button {min-width: 100px;}
	.storefront-sorting .filtr, .storefront-sorting .woocommerce-ordering, .storefront-sorting nav.woocommerce-pagination{flex: 1;}
	.storefront-sorting nav.woocommerce-pagination{margin-right: 0px;}
	
	.archive #primary, .single #primary{padding: 0px 0 0 10px;}
	.single-product #content .col-full, .archive.woocommerce-active #content .col-full{padding: 0px 10px 40px 0px !important;}
	.archive ul.products{margin-bottom: 20px;}
	.lmp_load_more_button{margin-bottom: 20px;}
	
	.archive #block-11{left: -100%; width: 100%;}
	
	
	.single .product-sidebar-extra.mob_st_char{width: 100%; position: relative; margin: 0; float: initial; right: initial;}
	.custom-product-card{padding: 10px;}
	.custom-product-card .ribbon_st{justify-content: space-between; margin: 15px;}
	.stck_pr strong, .sku_pr span{font-family: 'Montserrat'; font-size: 16px;}
	.custom-product-card .product_title{font-size: 16px; margin: 25px 15px;}
	.custom-product-card .price bdi{font-size: 35px;}
	.wc-tabs li.active a::before{content: "\f078";}
	.woocommerce-tabs-content table{display: block; overflow-x: auto; white-space: nowrap;}
	.related.products .products li.product { width: 46%; float: left; margin: 7px !important; padding: 0px;}
	.related.products h2{color: var(--color-light-gray);}
}

/* Мобильные устройства: 1 колонка */
@media (max-width: 600px) {
   
	
	#left-sidebar, .hdr_basket, .hdr_rig .dgwt-wcas-search-wrapp{display: none;}
	
	
	#masthead, #masthead > .col-full {height: 60px;}
	#masthead > .col-full{padding: 0px;}
	.site-header .site-branding {padding-left: 10px; padding-top: 15px;}
	.site-header .custom-logo-link img{max-height: 35px;}
	
	.custom-cat-grid.thp_cat_grd{gap: 10px;}
	.custom-cat-grid.thp_cat_grd .custom-cat-item {padding: 15px;}
	.custom-cat-grid.thp_cat_grd svg {max-width: 60px; max-height: 40px;}
	.custom-cat-grid.thp_cat_grd .cat-title {font-size: 10px;}
	.site-content, #rmp-container-174 {margin-top: 60px;}
	
	.hp_txt_abt{margin-top: 20px;}
	.hp_txt_abt div p{font-size: 12px !important;}
	.hp_txt_abt h2{margin-top: 20px; font-size: 16px !important;}
	
	.custom-card-text {font-size: 12px;}
	.custom-card-image{overflow: hidden; width: 125px; height: 125px;}
	.custom-card-image img{width: 80%;}
	
	.page-template-template-homepage .type-page{padding: 0px; margin: 0px;}
	
	
	.woocommerce ul.products.columns-5 li.product {width: 46%; float: left;}
	
	
	
	.site-footer{display: flex;}
	.site-footer .col-full{width: 100%; max-width: 100%; margin: 0 10px;}
	.site-info{padding: 0 0 50px 0;}
	.site-footer .left_si{font-size: 9px; margin-bottom: 10px;}
	.site-footer .left_si .ftr_adr{font-size: 15px; line-height: 1.5em;}
	
	.site-footer .right_si{width: 100%;}
	
}

/* ========== XXX MEDIA ========== */