/*   
Theme Name: Yonex
Version: 1.0
Author: Notfar
*/

.grecaptcha-badge {
	visibility: hidden;
}

.select_attr_main {
	padding-left:0px;
}

.card-text, .main_page_content  {
	line-height:1.6em;
}

.card-title a {
	color:#000;
	font-size:150%; 
}

.card-title { 
    padding: 20px 0;
}

.card {
    border: none;
	background-color:#f5f5f5!important;
}

.card-img-top {
    width: 100%;
    height: 200px;  
    object-fit: cover; 
    border-bottom: none;
}

.card-body { 
    padding: 1rem 1rem!important;
}

.main_page_content {
line-height:1.9em;
}
	
.main_page_title	 {
	margin-top:20px;
}
	
/* Опис категорії / бренду (.term-description) — чистий текст із редактора
   (заголовки, абзаци, таблиці без ручного форматування), тому вся типографіка
   задається тут і однаково діє для всіх категорій. */
.term-description {
	max-width: 760px;
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid #E5E5E5;
	font-size: 16px;
	line-height: 1.6;
	color: var(--main-gray);
}

.term-description > :first-child {
	margin-top: 0;
}

.term-description h2 {
	margin: 32px 0 12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--main-black);
}

.term-description h3 {
	margin: 24px 0 8px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--main-black);
}

.term-description p {
	margin: 0 0 12px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--main-gray);
}

.term-description ul,
.term-description ol {
	margin: 0 0 12px;
	padding-left: 20px;
}

.term-description li {
	margin-bottom: 4px;
}

.term-description a {
	color: var(--main-black);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: var(--transition);
}

.term-description a:hover {
	color: var(--main-yelow-hover);
}

.term-description table {
	width: 100%;
	margin: 8px 0 24px;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.5;
}

.term-description th,
.term-description td {
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #E5E5E5;
}

.term-description th {
	font-weight: 600;
	color: var(--main-black);
	background: #F2F2F2;
	border-bottom: 0;
}

.term-description td:first-child {
	font-weight: 600;
	color: var(--main-black);
}

@media (max-width: 767px) {
	.term-description {
		margin-top: 24px;
		padding-top: 24px;
	}

	.term-description h2 {
		font-size: 18px;
		margin-top: 28px;
	}

	.term-description table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.term-description th,
	.term-description td {
		min-width: 140px;
	}

	/* Таблиця з підписами (js/main.js ставить data-label і клас) — рядок стає
	   карткою, замість вузьких стовпців із горизонтальною прокруткою. */
	.term-description table.term-table-stack,
	.term-description table.term-table-stack tbody,
	.term-description table.term-table-stack tr,
	.term-description table.term-table-stack td {
		display: block;
		width: 100%;
		min-width: 0;
	}

	.term-description table.term-table-stack {
		overflow: visible;
	}

	.term-description table.term-table-stack thead {
		display: none;
	}

	.term-description table.term-table-stack tr {
		margin-bottom: 12px;
		padding: 14px 16px;
		border: 1px solid #E5E5E5;
		border-radius: 8px;
	}

	.term-description table.term-table-stack td {
		padding: 0;
		margin-bottom: 10px;
		border: 0;
	}

	.term-description table.term-table-stack td:first-child {
		font-size: 16px;
	}

	.term-description table.term-table-stack td:last-child {
		margin-bottom: 0;
	}

	.term-description table.term-table-stack td[data-label]:not(:first-child)::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 2px;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		color: var(--main-gray-menu);
	}
}

/* Перемикач мови у футері. Розмітку й inline-стилі виводить плагін tennis-ru-layer —
   тут перекриваємо їх вищою специфічністю, файл плагіна не чіпаємо. js/main.js
   будує з його посилань сегментний перемикач UA | RU (.lang-segmented); без JS
   лишається штатний випадний список, але в кольорах сайту. Перемикач стоїть
   останнім у колонці, щоб «Способи оплати» був на одній лінії з іншими заголовками. */
.footer_payments .footer-lang-switcher {
	order: 2;
	margin-top: 20px;
}

.footer-lang-switcher .trl-lang-switcher__summary {
	color: var(--main-black);
	border-color: #E5E5E5;
}

.footer-lang-switcher .trl-lang-switcher__arrow {
	border-color: var(--main-gray);
}

.footer-lang-switcher .trl-lang-switcher__option {
	color: var(--main-black);
}

.footer-lang-switcher .trl-lang-switcher.has-segmented .trl-lang-switcher__details {
	display: none;
}

.footer-lang-switcher .lang-segmented {
	display: inline-flex;
	gap: 2px;
	padding: 3px;
	background: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 999px;
}

.footer-lang-switcher .lang-segmented > * {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 32px;
	padding: 0 12px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	color: var(--main-gray);
	text-decoration: none;
	border-radius: 999px;
	transition: var(--transition);
}

.footer-lang-switcher .lang-segmented a:hover {
	color: var(--main-black);
	background: #F2F2F2;
}

.footer-lang-switcher .lang-segmented .is-current {
	color: var(--main-black);
	background: var(--main-yelow);
}

@media (max-width: 767px) {
	.footer_payments .footer-lang-switcher {
		margin-top: 16px;
	}

	.footer-lang-switcher .lang-segmented > * {
		min-width: 52px;
		height: 38px;
		font-size: 14px;
	}
}

.wpfMainWrapper {
    background-color: #fff;
    padding: 0 20px;
}

 .wpfFilterVerScroll { 
    scrollbar-color: #e7e7e7 #f9f9f9;
}

.wpfFilterVerScroll::-webkit-scrollbar-track{
	background-color:#f9f9f9; 
border:1px solid #f9f9f9;
border-radius:10px;
}

.wpfFilterVerScroll::-webkit-scrollbar-thumb{
background-color:#e7e7e7; 
border:1px solid #e7e7e7;
}

.wpfFilterWrapper .wpfCheckbox label::before{
	background-color: rgb(255, 255, 255) !important;
}

.wpfFilterWrapper ul li {
	margin-bottom:10px;
}
 
/* .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
 padding: 0.8em!important;
} */


 li.product > .woocommerce-page img { 
    min-height: 300px;
}
 
.wpfFilterContent > select {
	  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
  padding:5px!important;
  background-color:#fff!important;
}

 .wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
   border-radius: 0px!important;
    max-width: 90%;
    color: #000;
}

/*
 * Явні кольори для елементів фільтра.
 * Без них iOS Safari фарбує <button> і текст <select> у свій системний синій
 * (#007AFF), бо жодне правило не задавало color — на десктопі цього не видно,
 * там дефолт браузера чорний. Значення ті самі, що фактично були на десктопі.
 */
.wpfFilterContent select,
.wpfMainWrapper select {
    color: #000;
}

.wpfSelectedParametersClear {
    color: #666;
}


.notinstock {
	pointer-events: none;
}

.tm-epo-field.tmcp-select { 
    font-family: Inter, sans-serif;
    font-size: 16px;
}

.woocommerce nav.woocommerce-pagination { 
    padding: 20px 0;
}

.woocommerce nav.woocommerce-pagination ul li { 
    width: 40px;
    height: 40px;
}

 .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { 
    line-height: inherit!important;
 }

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #d1eb21!important;
    color: #000;
}

 .woocommerce-pagination ul li a { 
    color: #8b8b8b;
}

.lrm-user-modal-container-inner {min-height:440px;}

.lrm-user-modal p.lrm-form-bottom-message a {
    color: #8e8888!important; 
}

p.lrm-form-bottom-message { 
    bottom: 15px!important;
}

 .yith-woocompare-counter {
	/* visibility:hidden;*/
	 }

.lrm-user-modal { 
    z-index: 999999999;
}

.galogin-powered {
	display:none;
}

.galogin   .buttonText {
	color:#75821c;
}

 .lrm-user-modal-container .lrm-switcher a {
    background-color: #f5f5f5;
}

.lrm-nice-checkbox__label input:checked ~ .lrm-nice-checkbox__indicator {
    background: #d1eb21;
    border-color: #d1eb21;
}

.lrm-form button {
	background-color: #d1eb21!important;
	 color: #000!important;
}

.lrm-switcher a {
	font-weight:bold;
}

.modal_content {
    position: relative;
    z-index: 111;
    background-color: #fff;
}

.woocommerce-variation-price {
	display:none;
}

.checkout-product-data {
	display:flex;
	  flex-direction: row;
	    justify-content: flex-start; 
	 align-items: center;
}


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

.quantity input[type=number]  { 
  -webkit-appearance: none;
  margin: 0;  
      padding: 3px;
  -moz-appearance: textfield; 
} 

.quantity button {
	padding:3px;
	background-color:#fff; 
}

 
.product-total a {
	color:#000;
}
.product-total {
	text-align:center;
}

.woocommerce-Price-amount {
	white-space:nowrap;
}
 
 .search_block_mob {
		display:none;
	 }

@media screen and (max-width: 600px) {
	
.section_404 h1 {
font-size:100px!important;	
}

.review-order-table  dl {
	display:table!important;
}

.mob_header{
    position: fixed;
    z-index: 99;
    background-color: #fff;
    width: 100%;
}

.lrm-col-first {
	margin-bottom:25px;
}

 .search_block_mob {
display: block;
    position: absolute;
    right: 80px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	 }	
	
.nav-title	img {
	max-width:180px;
}

span.xoo-wsc-items-count { 
    top: -3px!important; 
    left: -1px!important;
}

.right_cat_blocks .category_item h3 { 
bottom: -1px!important;
    left: 3px; 
}

.cat_4 { 
	 
}

.cat_5 h3 {
 
}

.cat_3 h3 {
 
}

.cat_7 h3 {
	 
}

.cat_7, .cat_8 {    border-top: 3px solid white;}

.right_cat_blocks .category_item.top_big h3 {
    left: 3px!important;
    bottom: -1px!important;
}

.cat_item_dress > h3 {
	bottom:0;
}
	
/*fix mobile search*/	
	.dgwt-wcas-suggestions-wrapp {
		width:100%!important;
}
.dgwt-wcas-sp { 
    padding-left: 0px!important; 
}
	
	/* Force table to not be like tables anymore */
  .woocommerce-page table.shop_table,
  .woocommerce-page table.shop_table thead,
  .woocommerce-page table.shop_table tbody,
  .woocommerce-page table.shop_table th,
  .woocommerce-page table.shop_table td,
  .woocommerce-page table.shop_table tr {
    display: block;
  }
/* Hide table headers (but not display: none;, for accessibility) */
  .woocommerce-page table.shop_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
.woocommerce-page table.shop_table tr {
    /*border: 1px solid #d2d3d3; */
  }
.woocommerce-page table.shop_table td {
    /* Behave  like a "row" */
    border: 1px solid #d2d3d3;
    position: relative;
    padding-left: 30% !important;
  }
.woocommerce-page table.shop_table {
    border: none;
  }
.woocommerce-page table.shop_table td.product-spacer {
    border-color: #fff;
    height: 10px;
  }
.woocommerce-page table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
/*
Label the data
*/
  .woocommerce-page table.shop_table td.product-remove:before {
    content: "Видалити";
  }
.woocommerce-page table.shop_table td.product-thumbnail:before {
    content: "Картинка";
  }
.woocommerce-page table.shop_table td.product-name:before {
    content: "Товар";
  }
.woocommerce-page table.shop_table td.product-price:before {
    content: "Ціна";
  }
.woocommerce-page table.shop_table td.product-quantity:before {
    content: "Кількість";
  }
.woocommerce-page table.shop_table td.product-subtotal:before {
    content: "Всього";
  }
.woocommerce-page table.shop_table td.product-total:before {
    content: "Всього";
  }
.woocommerce .quantity,
  .woocommerce #content .quantity,
  .woocommerce-page .quantity,
  .woocommerce-page #content .quantity {
    margin: 0 auto;
    margin-left: 0px; 
    max-width: 120px;
  }
.woocommerce-page table.cart td.actions,
  .woocommerce-page #content table.cart td.actions {
    text-align: left;
    border: 0;
    padding-left: 6px !important;
  }
.woocommerce-page table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {
    float: left;
    margin-top: 10px;
  }
.woocommerce-page table.cart td.actions div,
  .woocommerce-page #content table.cart td.actions div,
  .woocommerce-page table.cart td.actions input,
  .woocommerce-page #content table.cart td.actions input {
    margin-bottom: 10px;
  }
.woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
    text-align: left;
  }
.woocommerce-page .cart-collaterals .cart_totals th,
  .woocommerce-page .cart-collaterals .cart_totals td {
    border: 0 !important;
  }
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
    padding-left: 6px !important;
  }
.woocommerce-page table.shop_table tr.cart-subtotal td,
  .woocommerce-page table.shop_table tr.shipping td,
  .woocommerce-page table.shop_table tr.total td,
  .woocommerce-page table.shop_table.order_details tfoot th,
  .woocommerce-page table.shop_table.order_details tfoot td {
    padding-left: 6px !important;
    border: 0 !important;
  }
.woocommerce-page table.shop_table tbody {
    padding-top: 10px;
  }
.woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2,
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
  }
.woocommerce .order_details ul,
  .woocommerce-page .order_details ul,
  .woocommerce .order_details,
  .woocommerce-page .order_details {
    padding: 0;
  }
.woocommerce .order_details li,
  .woocommerce-page .order_details li {
    clear: left;
    margin-bottom: 10px;
    border: 0;
  }
}
/* by TLON end*/



*, *::before, *::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    --main-white: #ffffff;
    --main-black: #000000;
    --main-gray: #666666;
    --main-gray-menu: #8C8C8C;
    --main-yelow: #D1EB21;
    --main-yelow-hover: #BBD029;
    --transition: all 0.25s;
}

body {
    font-family: 'Raleway', sans-serif;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-gray);

}

.products_section .container {
  width: 1136px;
    margin: 0 auto; 
}

a, a:hover, a:focus, a:active, svg path, svg:hover path, .btn, .btn:hover {
    text-decoration: none;
    transition: var(--transition);
}
input {
    outline: none;
}
.btn {
    font-weight: 600;
    font-size: 14px;
    width: 175px;
    height: 41px;
    color: var(--main-black);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.btn-yellow {
    background: var(--main-yelow);
}
.btn-yellow:hover {
    background: var(--main-yelow-hover);
}
@media (max-width: 767px) {

  .other_button_block {
	width: 100px; 
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #fff!important;
    padding: 0;
  }
  
  .btn-yellow {
	  padding:10px 0!important;
	  }
	
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: calc(-.5 * var(--bs-gutter-x));
  }
}
@media (min-width: 768px) and (max-width: 979px) {
 .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
}

@media (max-width: 979px) {
  .navbar .container {
    width: auto;
    padding: 0;
  }
}
/*
Header
 */
.header_big_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 50px;
    border-bottom: 1px solid #B7B7B7;
}
.phone_and_other, .user_and_other {
    display: flex;
	max-width:100px;
    align-items: center;
    gap: 8px;
	margin-right:15px;
}
.phone_select {
    display: flex;
    align-items: center;
    gap: 3px;
}
.logo_top svg {
    width: 250px;
    height: auto;
}
.logo_top svg g path:nth-child(1) {
    fill: #E1530C;
}
.user_and_other div:not(.search_block.mob):not(.search_form_block):not(.mini_cart_link div), .phone_and_other>div {
    position: relative;
    cursor: pointer;
}
.user_and_other span, .mini_cart_link div {
    position: absolute ;
    right: -5px;
    top: -5px;
    font-size: 12px;
    color: var(--main-black);
}
.phone_group {
    position: relative;
}
.phone_numbers {
    position: absolute;
    background: var(--main-white);
    padding: 24px;
    z-index: 1;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}
.phone_numbers ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
	 width: 180px;
}
.phone_numbers ul a { 
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--main-black);
	margin-left:10px;
}
.phone_numbers ul a:hover {
    color: var(--main-yelow-hover);
}
.phone_select:hover svg path {
    fill: var(--main-yelow-hover);
}
.phone_select.active svg path {
    fill: var(--main-yelow-hover);
}
.youtube_link:hover svg path {
    stroke: var(--main-yelow-hover);
}
.search_button:hover svg path, .сompare:hover svg path, .user_link:hover svg path, .mini_cart_link:hover svg path {
    fill: var(--main-yelow-hover);
}

.user_active svg path {fill: green!important; }

.header_menu_block {
    display: flex;
    gap: 110px;
    justify-content: space-between;
    min-height: 45px;
    align-items: center;
}
.other_button_block .btn {
	text-transform: uppercase;
    width: auto;
    padding: 14px 20px;
}
.header_menu_block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#main-menu {
    display: flex;
    gap: 40px;
    align-items: center;
}
#main-menu a {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: var(--main-black);
}
#main-menu a:hover {
    color: var(--main-yelow-hover);
}
/*#main-menu li {
    position: relative;
}
.header_menu_block .sub-menu {
    position: absolute;
    left: 0;
    min-width: 240px;
    display: none;
    padding: 24px 0px;
    padding-top: 0;
    top: 51px;
    box-shadow: 0px 6px 20px rgba(173, 173, 173, 0.1);
    background: var(--main-white);
    z-index: 99;
}
#main-menu .sub-menu li a {
    color: var(--main-gray-menu);
    padding: 16px 24px;
    display: inherit;
}
#main-menu li.menu-item-has-children:hover .sub-menu {
    display: inherit;
}
#main-menu .menu-item-has-children>a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 0;
 position: relative;
}
#main-menu li.menu-item-has-children:hover .sub-menu .sub-menu {
    display: none;
    left: 240px;
    top: 0px;
    padding-top: 0;
    padding-bottom: 0;
}
#main-menu li.menu-item-has-children:hover .sub-menu li.menu-item-has-children:hover .sub-menu {
    display: inherit;
}
#main-menu .sub-menu li a:hover {
    color: var(--main-black);
}*/
#main-menu li {
    position: relative;
}
#main-menu .sub-menu li a:hover {
    color: var(--main-black);
}
#main-menu .sub-menu li a {
    color: var(--main-gray-menu);
    padding: 16px 24px;
    display: inherit;
}

.header_menu_block .sub-menu {
    position: absolute;
    left: 0;
    min-width: 240px;
    display: none;
    padding: 24px 0px;
    padding-top: 0;
    top: 51px;
    box-shadow: 0px 6px 20px rgba(173, 173, 173, 0.1);
    background: var(--main-white);
    z-index: 99;
}


#main-menu ul{
	display: none;
        visibility:hidden;
	position: absolute;
	top: 19px;
}

#main-menu ul ul{
    left: 240px;
    top: 0px;
    padding-top: 0;
    padding-bottom: 0;
	display: none;
        visibility:hidden;
}
/* Fourth-level menus */
#main-menu ul ul ul{
    left: 240px;
    top: 0px;
    padding-top: 0;
    padding-bottom: 0;
	display: none;
        visibility:hidden;

}

#main-menu ul li{
	display: block;
        visibility:visible;
}
#main-menu li:hover > ul{
	display: block;
        visibility:visible;
}

#main-menu li > a svg {
    margin-left: 5px;
    margin-bottom: 1px;
}

#main-menu .menu-item-has-children .sub-menu svg path {
    fill: #8C8C8C;
}
#main-menu .menu-item-has-children .sub-menu svg {
    position: absolute;
    right: 25px;
    top: 47%;
    transform: rotate(-90deg);
}
nav.header__nav {
    margin: 0 auto;
}
.container_block {
    max-width: 1315px;
    position: relative;
    margin: 0 auto;
}


.mini-cart__empty-message {
    text-align: center;
}
.mini-cart__empty-message span{
    font-size: 18px;
    margin-top: 50%;
    display: block;
}
ul.sec_mob_menu {
    display: none;
}
@media screen and (max-width: 767px) {

	.dgwt-wcas-search-form{
	/*	left: -320px!important; */
		}
	
	html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form { 
    min-width: 90vw!important;
top: calc(100% + -35px) !important;
   }
html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-search-form {
margin-top: 0px;
}

		.xoo-wsc-baskett {
		top: 0px!important;
	}
	
#main-menu {
display: none;
    gap: 25px;
    padding: 10px;
    align-items: center;
}
.phone_and_other > div {
    display: none;
}

.youtube_link {
	    padding-left: 10px;
    margin-top: 80px;
}

.user_and_other .сompare {
    display: none;
}
.user_and_other .user_link {
    display: none;
}
.user_and_other .mini_cart_link {
margin-left: 35px;
}
.header_menu_block {
    display: none;
}
.mini_cart_section {
    height: auto
}
.menu-btn {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 2; 
    overflow: visible; 
}
.menu-btn span {
	width: 30px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #222222;
	transition: all 0.5s;
}
.menu-btn span:nth-of-type(2) {
	top: calc(50% - 7px);
}
.menu-btn span:nth-of-type(3) {
	top: calc(50% + 7px);
}
ul.sec_mob_menu {
    margin-top: 5%;
    font-weight: 600;
}
.hc-offcanvas-nav .sec_mob_menu .nav-item-link {
    padding: 10px 17px;
}
.header_big_container {
padding: 15px 10px;
}
.logo_top svg {
    width: 90%; 
    max-width: 160px;
}
.logo_top {
    width: 61%;
}
.user_and_other div.search_block.mob {
       display: inline-block; 
    position: absolute;
    margin-left: -70px;
}
div.product-search-form input {
    height: 40px;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    box-sizing: border-box;
}
button.dgwt-wcas-search-submit {
    overflow: visible;
    position: absolute;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: 40px;
    min-width: 50px;
    width: auto;
    line-height: 100%;
    min-height: 100%;
    right: 0;
    left: auto;
    top: 0;
    bottom: auto;
    padding: 0 15px;
    color: #fff;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    text-transform: uppercase;
    background-color: #c4c4c4;
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
}
.header-cart-count {
   
}
.phone_and_other > div.phone_group {
    display: block;
}
.mini_cart_block .shop_table .product-thumbnail {
    max-width: 131px;
    height: auto;
    width: 100%;
    border: 1px solid #E5E5E5;
}
}

/*
END Header
 */
/*
Footer
 */
footer {
    display: inline-block;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 60px;
    background: var(--main-white);
    border-top: 1px solid #F4F4F4;
    margin-top: 65px;
}
footer .container {
    display: flex;
    justify-content: space-between;
}
.footer_block_menu h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: var(--main-black);
}
#footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    display: flex;
    flex-direction: column;
}
#footer-menu a {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--main-gray);
}
#footer-menu a:hover {
    color: var(--main-yelow);
}
.footer_block_menu.no_title {
    display: flex;
    align-items: start;
    padding-top: 32px;
}
.payments_block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    margin-bottom: 30px;
}
.payments_block svg {
    margin: 16px 0;
}
.copiryght_block p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}
.footer_block_menu.footer_payments {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer_logo {
display: none;
}
footer .container {
    width: 1136px;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
	
.dgwt-wcas-search-input {
	font-size:16px;
}

footer {
    display: flex;
    width: 100%;
    background: var(--main-white);
    border-top: 1px solid #F4F4F4;
    margin-top: 0px;
    padding: 25px 25px 60px 25px;
    position: relative;
    text-align: center;
}
.footer_block_menu.foot_cat {
    display: none;
}
.footer_block_menu.no_title.foot_cat_notitle {
    display: none;
}
nav.header__nav {
    display: inline-block;
}
#footer-menu {
    flex-direction: column;
}
footer .container {
    flex-direction: column;
}
#footer-menu {
    gap: 8px;
}
.footer_block_menu.no_title {
    padding-top: 5px;
    padding-bottom: 20px;
    justify-content: center;
}
.payments_block {
    margin-bottom: 25px;
}
.copiryght_block p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #000;
}
.footer_logo {
display: block;
margin-top: 15px;
margin-bottom: 20px;
}
.footer_logo svg {
    width: 250px;
    height: auto;
}

}

/*
END Footer
 */

/*
Slider section
 */
.slider_block {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: block;
}
.slide_container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 80px;
    padding: 50px;
    background-image: var(--slide-desktop-image);
    background-position: center center !important;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    aspect-ratio: 1920 / 565;
	  cursor: pointer;
}
.slide_content h1 {
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 59px;
    color: var(--main-black);
    margin-bottom: 20px;
}
.slide_content {
    width: 50%;
}
.slide_content p {
    font-size: 14px;
    line-height: 149.19%;
    margin-bottom: 75px;
}
.counters {
    color: var(--main-gray-menu);
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    bottom: 85px;
    left: 50px;
}
.counters .total {
    font-size: 12px;
}
.arrows_slider {
    position: absolute;
    display: flex;
    gap: 16px;
    right: 50px;
    bottom: 75px;
}
.arrows_slider span {
    cursor: pointer;
    opacity: 1;
    transition: var(--transition);
}
.arrows_slider span:hover {
    opacity: 0.7;
    transition: var(--transition);
}
@media screen and (max-width: 1860px) {
    .slider_block {
        max-height: 555px;
    }
}
@media (max-width: 767px) {

.slide_content a {
    margin-top: 45vw;
}
.slide_container {
    gap: 60px;
    padding: 37px;
    min-height: 241px;
   /* background-size: cover !important;*/
    /*background-position: 60% 29% !important;*/
    background-image: var(--slide-mobile-image, var(--slide-desktop-image));
    background-position: center center !important;
    background-size: contain !important;
    height: 100vw;
}
.slide_content p {
display: none;
}
.slide_content h1 {
display: none;
}
.counters, .arrows_slider {
display:flex;
}
.slider_block {
    /*max-height: 241px;*/
max-height: 100%;
}
.slide_content {
   /* display: none;*/
}

}
/*
Logos line
 */
.logos_line_section {
    /*display: inline-block;
    float: left;
    width: 100%;
    padding: 16px 43px 16px 43px;*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 6px 43px 1px 37px;
    height: 53px;
    position: relative;
    flex-direction: column-reverse;
}
.logo_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: 1315px;
    align-self: center;
    width: 100%;
}
.logos_line_section_2 .logo_items svg,
.logos_line_section_2 .logo_items svg * {
    fill: var(--logo-svg-color, currentColor) !important;
}
.logos_line_section_2 {
    max-width: 1920px;
    margin: 23px auto 0;
    flex-direction: column;
}
.logos_line_section_2 .logo_items {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 40px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.logos_line_section_2 .logo_items::-webkit-scrollbar {
    display: none;
}
.logos_line_section_2 .logo_items .logo_item_link {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.logos_line_section_2 .logo_items svg {
    max-height: 24px;
    width: auto;
}
.logos_line_progress {
    position: relative;
    width: 100%;
    height: 2px;
    background: #e5e5e5;
    max-width: 1315px;
    margin: 12px auto 0;
    display: none;
}
.logos_line_progress.is-visible {
    display: block;
}
.logos_line_progress_fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #000;
}
.logos_line_section_2 .logo_items .logo_item_link[data-brand="padel-raketky-bullpadel"] svg {
    height: 32px;
    max-height: 32px;
    width: auto;
}

@media (max-width: 1024px){
    .logo_items{
        gap: 13px 26px;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .logos_line_section{
        height: auto;
        padding: 5px 18.5px;
        overflow-x: visible;
    }
}


@media screen and (max-width: 767px) {
    .logo_items{
        justify-content: center;
    }
    .left_big_cat { 
        border-left: 3px solid white!important;
    }
    .category_item { 
        border-right: 3px solid white!important;
    }
    .category_item.top_big { 
        border-right: 3px solid white!important;
        border-bottom: 3px solid white!important;
    }

    .left_big_cat .category_item h3 {
        left: 0!important;
        bottom: 0; 
        right: 0;  
        top:200px!important;
    }
}

@media (max-width: 500px){
    .slider_block + .logos_line_section .logo_items svg{
        height: auto;
    }
    .slider_block + .logos_line_section .logo_items svg:nth-child(1){
        width: 113px;
    }
    .slider_block + .logos_line_section .logo_items svg:nth-child(2){
        width: 99px;
    }
    .slider_block + .logos_line_section .logo_items svg:nth-child(3){
        width: 129px;
    }
    .slider_block + .logos_line_section .logo_items svg:nth-child(4){
        width: 106px;
    }
    .slider_block + .logos_line_section .logo_items svg:nth-child(5){
        width: 96px;
    }
}

/*
Categories section
 */
.categories_section {
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: 10px auto 0;
}
.category_blocks {
    display: flex;
    position: relative;
    height: 800px;
}
.left_big_cat {
    width: 33%; 
border-left: 10px solid white;
}
.right_cat_blocks {
    width: 67%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.category_item {
    position: relative;
}
.cat_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cat_image .image_hide {
    opacity: 0;
    transition: var(--transition);
}
.cat_image .image_show {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    transition: var(--transition);
}
.category_item {
    width: 25%;
    height: 337px;
	border-right: 10px solid white;
}
.category_item.top_big {
    width: 33.33%;
    height: 463px;
	border-right: 10px solid white;
	border-bottom: 10px solid white;
}
.left_big_cat .category_item {
    width: 100%;
    height: 800px;
}
.cat_image img {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.category_item h3 {
	 padding: 12px 15px;
    background-color: #21252959;
    font-size: 20px;
    color: #fff;
    font-family: 'Raleway', sans-serif; 
    font-style: normal;
    font-weight: 700; 
	 width: 140px; 
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    transition: var(--transition);
}
.left_big_cat .category_item h3 { 
    top: 370px;
    right: 0;
}
.right_cat_blocks .category_item.top_big h3 {
  bottom: 25px; 
    right: 0;
}
.cat_5 h3, .cat_6 h3, .cat_7 h3, .cat_8 h3  {
    bottom:5px;
	left:0;
}
.category_item a:hover h3 {
    color: #d1eb21;
    transition: var(--transition);
}
.category_item a:hover .cat_image .image_show {
    opacity: 0;
    transition: var(--transition);
}
.category_item a:hover .cat_image .image_hide {
    opacity: 1;
    transition: var(--transition);
}
.category_item .cat_image .image_hide {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.category_item.cat_item_dress {
background-color: #fff;
    /*background-color: #f3f3f3;*/
}
.category_item.cat_item_brands {
background-color: #fff;
    /*background-color: #f8f8f8;*/
}
.category_item.cat_item_cross {
background-color: #fff;

   /*background-color: #f6f6f6;*/
}
.category_item.cat_item_access {
background-color: #fff;
   /*background-color: #fdfdfd;*/
}

.category_item.cat_item_sumki.top_big {
background-color: #fff;
  /*background-color: #fbfbfb;*/
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    padding: 0;
    position: relative;
    margin-left: 0;

}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
display: flex;
width: 235px;
height: 41px;
padding: 14px 69px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
margin: 0 auto;
background: #D1EB21;
border-radius: unset;
    margin-bottom: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: #000;
font-variant-numeric: lining-nums proportional-nums;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
min-height: 55px;
    text-align: left;
}

.woocommerce ul.products li.product .star-rating {
   display:none;
}

.woocommerce ul.products li.product .price {
    display: block;
    font-weight: 400;
    margin-bottom: 0.5em;
    text-align: right;
    font-size: .857em;
color: #000;
font-variant-numeric: lining-nums proportional-nums;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: inline-block;
    margin-right: 5px;
}
aside#secondary {
    float: left;
    display: block;
    width: 15%;
    margin-left: 20px;
    margin-top: 5%;
    position: relative;
}
.archive div#primary {
    display: inline-block;
    width: 100%;
}
.woocommerce span.onsale {
    border: 1px solid #C25E1B;
    background-color: #FFF;
    color: #C25E1B;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 0;
    align-items: center;
    display: flex;
    height: auto;
    padding: 12px 15px;
    top: 20px;
    left: 0;
}

.woocommerce ul.products li.product .onsale {
    top: 20px;
    right: 15px;
    left: auto;
    margin: 0;
}
.title_count_cat {
color: #000;
text-align: right;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.main_page_title.prod_cat h1 {
    display: inline-block;
}
aside.col-sm-3 {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-left: 0;
    max-width: 300px;
	float: left;
    background-color: #fff;
}
h1.woocommerce-products-header__title.page-title {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    float: left;
	margin-top: 5px;
	margin-bottom: 20px;
}

.wc-archive-product {
    border-top: 1px #E5E5E5 solid;
    border-right: 1px #E5E5E5 solid;
}
.product {
    border-left: 1px #E5E5E5 solid;
    border-bottom: 1px #E5E5E5 solid;
    /*border-right: 1px #E5E5E5 solid;*/
}
.woocommerce ul.products li.product .price {
    min-height: 15px;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 33.33%;
    padding: 15px;
    text-align: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0.2em 1em 0;
}
ul.brand-list {
    padding: 10px 0 10px 0;
}
ul.brand-list li {
    list-style: none;
    padding-right: 15px;
    display: inline-block;
}


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

.woocommerce ul.products li.product .button { 
    margin-top: 0!important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{min-height:380px;}

.cat_2 {height:257px!important;}

.category_item h3 {
    padding: 8px 16px!important;
    background-color: #21252959!important;
    font-size: 16px!important; 
    font-weight: 800!important; 
}

.left_big_cat .category_item h3 {
    left: 0!important;
    bottom: -9px;
    top: 220px!important;
}


.wc-archive-product {
    border-top: none;
}
.product {
    border-left: none;
    border-bottom: none;
    border-right: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
display: flex;
width: 100%;
height: 41px;
padding: 14px 8px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
margin: 0 auto;
background: #D1EB21;
    text-align: center;
}

.woocommerce ul.products li.product .price {
    min-height: 30px;
}

.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    width: 100%;
    padding: 12px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ccc;
    margin-left: 2px;
}
.woocommerce ul.products li.product .price del {
    margin-right: 0px;
font-size: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
min-height: 87px;
}
 
 
aside.col-sm-3 {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-left: 0;
    max-width: 360px;
	float: left;
    background-color: #fff;
}

.archive aside.col-sm-3 {
    margin-top: -12px;
}
.archive div#primary {
width: 100%;
}
.archive header.woocommerce-products-header {
    padding-bottom: 10px;
}
.archive .main_page_content {
    margin-top: 35px;
}

.archive .woocommerce .woocommerce-ordering {
    margin-left: 10px;
}
/* Мобильная версия блока категорий главная страница -  начало */

.categories_section {
    display: inline-block;
    width: 100%;
    float: left;
}
.category_blocks {
	display: block;
    position: relative;
    height: 100%;
     margin-bottom:30px;
}
.left_big_cat {
    width: 50%;
    float: left;
    display: inline-block;
    height: 250px;
}
.left_big_cat .category_item {
    width: 100%;
    height: 253px;
    display: block;
}
.cat_image {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.right_cat_blocks {
    width: 100%;
    display: block;
}
.category_item.top_big {
    width: 50%;
    height: 200px;
    float: left;
}
.category_item {
    width: 50%;
    height: 150px;
    display: inline-block;
	float:left;
}
.category_item.cat_item_sumki.top_big {
width: 50%;
    height: 140px;
}
.category_item.cat_item_dress {
    width: 50%;
height: 200px;
}
.category_item.cat_item_cross {
    width: 50%;
    float: left;
    height: 140px;

}
.category_item.cat_item_access {
    width: 50%;
    height: 140px;

}
.category_item.cat_item_brands {
    width: 100%;
    height: 140px;

}
/* Мобильная версия блока категорий главная страница -  конец */

.woocommerce ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: 0.5em 0.5em 0 0;
}
.woocommerce span.onsale {
    border: 1px solid #C25E1B;
    background-color: #FFF;
    color: #C25E1B;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 0;
    align-items: center;
    display: flex;
    height: auto;
    padding: 3px 4px;
min-height: 1.236em;
    min-width: 1.236em;
}
.woocommerce ul.products.columns-3 li.product:nth-child(2n), .woocommerce-page ul.products.columns-3 li.product:nth-child(2n) {
    border-left: 1px solid #e2e2e2;
    /* border-bottom: 1px solid #e2e2e2; */
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
.woocommerce ul.products.columns-3 li.product:nth-child(1n), .woocommerce-page ul.products.columns-3 li.product:nth-child(1n) {
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    padding-bottom: 15px;
    padding-left: 8px;
    padding-right: 8px;
    width: 50%;
    margin: 0;
}

.woocommerce ul.products.columns-3 li.product:nth-last-child(2) {
    border-bottom: 1px solid #e2e2e2;
}
.woocommerce ul.products.columns-3 li.product:nth-last-child(1) { 
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;

}
.woocommerce ul.products li.product .price ins {
    padding-left: 5px;
}
.woocommerce ul.products li.product .price ins {
    background: 0 0;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
}
.woocommerce ul.products li.product .price {
display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.woocommerce ul.products li.product .price {
    font-size: 10px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
     float: none; 
    width: 48%;
}
.woocommerce .woocommerce-ordering {
    margin: 0 !important;;
}
}
/*
end Categories section
 */
/*
Stock section
 */
.stock_section {
   /* display: inline-block;
    float: left;
    width: 100%;
    background-repeat: no-repeat!important;
    background-size: cover!important;*/
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    position: relative;
    max-height: 628px;
    max-width: 1920px;
    margin: 0 auto;
}
.stock_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
}
.stock_content h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
}
.stock_content p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 149.187%;
    margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
}

/*
end Stock section
 */
/*
404
 */
.section_404 h1 {
    font-size: 400px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #EEE;
}
.section_404 {
    text-align: center;
}
.section_404 p {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    color: var(--main-yelow);
}
.section_404 .button_404 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
}
@media screen and (max-width: 767px) {
}
 
/*
end 404
 */
/*
breadcrumb
 */
.pagination_section .woocommerce-breadcrumb {
    display: flex;
    align-items: center;
    margin-top: 15px; 
}
.pagination_section .woocommerce-breadcrumb {
    font-size: 12px;
    margin-left: -12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: #666; 
    text-wrap: nowrap;
}
.pagination_section .woocommerce-breadcrumb a {
    color: #8C8C8C;

}
.pagination_section .woocommerce-breadcrumb svg {
    margin: 0 15px;
}
.pagination_section .woocommerce-breadcrumb a:hover {
    color: var(--main-yelow-hover);
}
.archive.post-type-archive.post-type-archive-players .pagination_section .woocommerce-breadcrumb {
    margin: 5px 0;
}
.archive.post-type-archive.post-type-archive-players .pagination_section .woocommerce-breadcrumb {
    visibility: hidden;
}
@media screen and (max-width: 767px) {
.pagination_section .woocommerce-breadcrumb svg {
    margin: 0 5px;
    min-width: 8px;
}
.product-template-default .pagination_section .woocommerce-breadcrumb {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: #666;
    white-space: nowrap;
    overflow: scroll;
    padding-bottom: 10px;
}
.product-template-default .pagination_section .woocommerce-breadcrumb {
    display: flex;
    align-items: center;
    margin: 25px 0px 25px 0px;
}
}

/*
end breadcrumb
 */
/*
Related products
 */
.products_section .container {
    border: none;
}
.single-product .products_section {
    border-top: solid 1px #E5E5E5;
    margin-top: 40px;
    padding-top: 40px;
    margin-bottom: 40px;
}
.products_section {
    margin-top: 65px;
    margin-bottom: 65px;
    display: inline-block;
    width: 100%;
overflow: hidden;
}
.products_slider {
    position: relative;
    overflow: hidden;
}
.title_slider {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.title_slider div {
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
    right: auto;
    bottom: auto;
}
.title_slider h3 {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 16px;
    text-transform: uppercase;
}
.product_item {
    border: solid 1px rgba(229, 229, 229, 1);
    padding: 24px;
}
body .product_item span.onsale {
    border: 1px solid #C25E1B;
    background-color: #FFF;
    color: #C25E1B;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 0;
    align-items: center;
    display: flex;
    height: auto;
    padding: 12px 15px;
    position: absolute;
    text-align: center;
    top: 20px;
    right: 13px;
    left: auto;
}
.product_item_image {
    width: 100%;
    height: 212px;
    cursor: pointer;
}
.product_item_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.product_item_title h3 {
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 13px;
    height: 45px;
    overflow: hidden;
    cursor: pointer;
}
.product_item_price_button .add_to_cart_inline,
.product_item_price_button .price {
    border: none!important;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: end;
    padding: 0!important;
    margin: 0;
}
.product_item_price_button .add_to_cart_inline a {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 17px;
    border-radius: 0;
    background-color: #D1EB21!important;
    opacity: 1;
    transition: var(--transition);
    padding: 14px 69px;
}
.product_item_price_button .add_to_cart_inline del bdi,
.product_item_price_button .price del bdi {
    color: #666;
    text-align: right;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 7px;
    position: relative;
    top: 1px;
}
.product_item_price_button .add_to_cart_inline del,
.product_item_price_button .price del {
    text-decoration: none;
}
.product_item_price_button .add_to_cart_inline del bdi:before,
.product_item_price_button .price del bdi:before {
    content: '';
    background: #666;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 46%;
}
.product_item_price_button .add_to_cart_inline ins, .product_item_price_button .add_to_cart_inline bdi,
.product_item_price_button .price ins, .product_item_price_button .price bdi {
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.product_item_price_button {
    cursor: pointer;
}
@media screen and (max-width: 767px) {
.product_item_price_button .add_to_cart_inline a {
    padding: 0.618em 1em;
}
.products_slider {
    padding-left: 10px;
    padding-right: 10px;
}
.product_item_price_button .add_to_cart_inline {
    min-height: 86px;
}
.products_section .container {
width: auto;
}
}

/*
mini cart
 */
.mini_cart_section {
    position: fixed;
    opacity: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.50);
    z-index: -10;
    width: 100%;
    height: 100vh;
    transition: var(--transition);
}
.mini_cart_section.active {
    opacity: 1;
    z-index: 99;
    transition: var(--transition);
}
.mini_cart_section.active .mini_cart_block {
    right: 0;
    transition: var(--transition);
}
.mini_cart_block {
    position: fixed;
    right: -620px;
    top: 0;
    background: #fff;
    z-index: 10;
    width: 620px;
    height: 100vh;
    transition: var(--transition);
}
.top_mini_cart_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #B7B7B7;
    height: 94px;
    padding-left: 40px;
    padding-right: 44px;
}
.top_mini_cart_block h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.top_mini_cart_block svg {
    cursor: pointer;
    width: 16px;
    height: 16px;
    opacity: 1;
    transition: var(--transition);
}
.top_mini_cart_block svg:hover {
    opacity: 0.7;
    transition: var(--transition);
}
.mini_cart_block .woocommerce-cart-form__cart-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 22px;
    position: relative;
}
.mini_cart_block .product-remove {
    position: absolute;
    right: -5px;
}
.mini_cart_block .shop_table {
    padding-left: 40px;
    padding-right: 45px;
}
.mini_cart_block .woocommerce-cart-form__cart-item {
    padding-top: 26px;
    padding-bottom: 31px;
}
.mini_cart_block .shop_table .woocommerce-cart-form__cart-item {
    border-bottom: solid 1px #E5E5E5;
}
.mini_cart_block .shop_table .woocommerce-cart-form__cart-item:last-child {
    border-bottom: none;
}
.mini_cart_block .shop_table .product-thumbnail {
    min-width: 131px;
    height: 134px;
    border: 1px solid #E5E5E5;
}
.mini_cart_block .shop_table .product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mini_cart_block .shop_table .product_info_in_cart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 134px;
}
.mini_cart_block .shop_table .product-name a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
.mini_cart_block .shop_table .product-quantity {
    display: flex;
    align-items: center;
    gap: 23px;
}
.mini_cart_block .shop_table .product_qty_main button {
    background: none;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
}
.mini_cart_block .shop_table .product_qty_main .quantity {
    display: flex;
    align-items: center;
    gap: 5px;
}
.mini_cart_block .shop_table .product_qty_main button svg path {
    fill: #666;
}
.mini_cart_block .shop_table .product_qty_main button svg {
    width: 9px;
    height: 9px;
    cursor: pointer;
}
.mini_cart_block .shop_table .product_qty_main input {
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    max-width: 20px;
    height: 20px;
    margin: 0;
    border: none;
}
.mini_cart_block .shop_table .product_qty_main {
    display: flex;
    align-items: center;
    gap: 15px;
}
.mini_cart_block .shop_table .product_qty_main span {
    color: #666;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.mini_cart_block .shop_table .product_qty_main input::-webkit-outer-spin-button,
.mini_cart_block .shop_table .product_qty_main input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.mini_cart_block .shop_table .product_attributes p {
    color: #666;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.mini_cart_block .shop_table .product_attributes p span {
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.mini_cart_block .shop_table .product-subtotal {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.mini_cart_coupon {
    border-top: solid 1px #E5E5E5;
    padding-top: 32px;
}
.mini_cart_coupon .actions {
    padding-left: 40px;
    padding-right: 45px;
}
.mini_cart_coupon .actions .coupon {
    display: flex;
    gap: 25px;
    justify-content: space-between;
}
.mini_cart_coupon .actions .coupon .button {
    padding: 14px 30px;
    justify-content: center;
    align-items: center;
    border: 1px solid #D1EB21;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    transition: var(--transition);
}
.mini_cart_coupon .actions .coupon .button:hover {
    background: #D1EB21;
    transition: var(--transition);
}
.mini_cart_coupon .actions .coupon input {
    border: 1px solid #E5E5E5;
    background: #FFF;
    height: 47px;
    width: 308px;
    color: #C4C4C4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
    padding-left: 15px;
}
.mini_cart_coupon .actions .update_cart {
    display: none;
}
.mini_cart_block .cart-collaterals {
    padding-left: 40px;
    padding-right: 45px;
    margin-top: 28px;
}
.mini_cart_block .cart-collaterals .cart_totals {
    width: 100%;
    border-bottom: solid 1px #E5E5E5;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.mini_cart_block .cart-collaterals h2 {
    display: none;
}
.mini_cart_block .cart-collaterals table {
    text-align: left;
    padding: 0;
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    margin: 0;
}
.mini_cart_block .cart-collaterals table th {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 500!important;
    line-height: normal;
    width: 160px;
    height: 28px;
    padding: 0;
}
.mini_cart_block .cart-collaterals table tr, .mini_cart_block .cart-collaterals table td, .mini_cart_block .cart-collaterals table th {
    border: none!important;
}
.mini_cart_block .cart-collaterals table .order-total {
    display: none;
}
.mini_cart_block .checkout-button {
    display: flex!important;
    width: 100%;
    height: 64px;
    /*padding: 14px 69px!important;*/
    justify-content: center;
    align-items: center;
    color: #000!important;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 600!important;
    line-height: normal!important;
    border-radius: 0!important;
    background-color: #D1EB21!important;
    opacity: 1;
    transition: var(--transition);
}
.mini_cart_block .checkout-button:hover {
    opacity: 0.7;
    transition: var(--transition);
}
.woocommerce-message {
    border-top-color: #D1EB21;
}
.woocommerce-message::before {
    color: #D1EB21;
}
.mini_cart_block .cart-collaterals table .cart-discount a {
    color: initial;
}
.yonex_minicart_totals_section {
    padding-left: 40px;
    padding-right: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}
.yonex_minicart_totals {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    gap: 16px;
    white-space: nowrap;
    align-items: baseline;
}
.yonex_minicart_totals span:nth-child(2) {
    font-size: 22px;
}
.yonex_minicart_totals_button a {
    white-space: nowrap;
    padding: initial;
}
.yonex_minicart_totals_button {
    width: 50%;
}
.mini_cart_block .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    display: none;
}
.mini_cart_link {
position: relative;
}
.woocommerce .mini_cart_block .remove:hover {
    background: none!important;
}
.main_page_title h1 {
    color: #000;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.mini_cart_block form .shop_table {
    overflow: scroll;
    max-height: 550px;
}
tr.woocommerce-shipping-totals.shipping {
 
}
.empt-info-block {
    display: none;
}
@media screen and (max-width: 767px) {
.mini_cart_coupon .actions .coupon {
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mini_cart_coupon .actions .coupon input {
    border: 1px solid #E5E5E5;
    background: #FFF;
    height: 47px;
    width: 100%;
    color: #C4C4C4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
    padding-left: 15px;
}
.top_mini_cart_block {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #B7B7B7;
    height: 44px;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
}
.mini_cart_block {
    position: relative;
    right: -620px;
    top: 0;
    background: #fff;
    z-index: 10;
    max-width: 636px;
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    transition: var(--transition);
}
.mini_cart_block .shop_table {
    padding-left: 5px;
    padding-right: 5px;
}
.mini_cart_block .woocommerce-cart-form__cart-item {
    display: flex;
    gap: 22px;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
}
.mini_cart_block .shop_table .product-thumbnail {
    max-width: 131px;
    height: auto;
    width: 100%;
    border: 1px solid #E5E5E5;
}
.mini_cart_block .shop_table .product_info_in_cart {
    display: flex;
    flex-direction: column;
    width: 47%;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}
.yonex_minicart_totals_section {
    padding-left: 40px;
    padding-right: 11px;
    display: flex;
    gap: 22px;
    flex-direction: column;
    flex-wrap: wrap;
}
.mini_cart_block .checkout-button {
    display: flex!important;
    width: 100%;
    height: 64px;
    /* padding: 14px 69px!important; */
    color: #000!important;
    font-size: 15px!important;
    font-style: normal;
    font-weight: 600!important;
    line-height: normal!important;
    border-radius: 0!important;
    background-color: #D1EB21!important;
    opacity: 1;
    transition: var(--transition);
    align-items: stretch;
    justify-content: center;
    align-content: stretch;
    flex-direction: column;
}
.yonex_minicart_totals_button {
    width: 100%;
    text-align: center;
}
.top_mini_cart_block h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /*margin: 0 auto;*/
    text-transform: uppercase;
}
.product-name {
    padding-bottom: 15px;
}
.mini_cart_block .cart-collaterals {
    padding-left: 40px;
    padding-right: 45px;
    margin-top: 1px;
}
.mini_cart_coupon {
    border-top: solid 1px #E5E5E5;
    padding-top: 15px;
}
.mini_cart_block .cart-collaterals {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 10px;
}
.mini_cart_block .shop_table .product-quantity {
    display: flex;
    align-items: center;
    gap: 23px;
    flex-wrap: wrap;
}
.mini_cart_block .woocommerce-cart-form__cart-item {
    display: flex;
    gap: 22px;
    position: relative;
    flex-wrap: wrap;
    flex-direction: row;
}
.woocommerce-mini-cart__empty-message {
color: #8C8C8C;
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 35%;
}
.empt-info-block {
    display: block;
    max-width: 265px;
    margin: 0 auto;
    padding-top: 75px;
    width: 100%;
}
.empt-info-block > span {
    color: #BBD029;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    display: block;
    line-height: normal;
}
.empt-phone > span {
    display: block;
    text-align: center;
    margin-top: 15px;
}
.empt-mess > span {
    display: block;
    text-align: center;
    margin-top: 15px;
}

}

html.scroll-disabled, html.scroll-disabled body {
    overflow: scroll;
   

    /*-ms-touch-action: none;*/
    /*touch-action: none;*/
}

#layout {
    background-color: #fafafa;
}

.layout-aside {
    max-width: 300px;
    width: 300px;
    padding-left: 0;
    padding-right: 0;
}

body.wcqf--ajax-loading .archive-wc-products ul.products,
body.wcqf--ajax-loading form#filter-form {
  pointer-events: none;
  opacity: .4
}

.aside-title {
  font-size: 1.28em;
  font-weight: 700
}

.filter-block {
  margin-top: 15px;
  border-top: solid 1px #dee2e6;
  padding-top: 15px
}

.filter-block:first-child {
  margin-top: 0;
  border-top: none
}

.filter-block .filter-section-title {
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: .8em
}

.filter-block ul {
  list-style: none;
  margin: 0;
  padding: 0
}

@media (min-width:768px) {

  .filter-block ul {
    max-height: 300px;
    overflow-y: auto
  }
}
@media (max-width:768px) {
html.scroll-disabled, html.scroll-disabled body {
    overflow: scroll;
    height: 500px;

    /*-ms-touch-action: none;*/
    /*touch-action: none;*/
}
.berocket_better_labels .berocket_better_labels_position.berocket_better_labels_position_left {
    padding-top: 17px;
    padding-left: 5px;
    /* max-width: 75%; */
}
span.berocket-label-user-image {
    max-width: 75%;
}
}

.berocket_better_labels_position.berocket_better_labels_position_left {
    padding-top: 20px;
}

.filter-block ul.children {
  margin-left: 11px;
  border-left: dashed 1px #ccc;
  padding-left: 22px
}

.filter-block label {
  margin-bottom: 0;
  cursor: pointer
}

.filter-block select {
  width: 100%
}

.filter-block .filter-item.filter-empty {
  opacity: .4;
  pointer-events: none
}

.filter-block .filter-item.filter-attribute-link {
  font-size: 1rem
}

.filter-block .filter-item.filter-attribute-link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.filter-block .filter-item.filter-attribute-link a .filter-select-count {
  color: #919191
}

.filter-block .single-element {
  margin: 3px 0;
  padding: 3px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  -moz-transition: background-color .3s;
  transition: background-color .3s
}

.filter-block .single-element .filter-select-title {
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  -moz-transition: color .3s;
  transition: color .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.filter-block .single-element:hover {
  background-color: rgba(100, 169, 223, .1)
}

.filter-block .single-element:hover .filter-select-title {
  color: #ff9c46
}

.filter-block .single-element:hover .checkbox-fake {
  border-color: rgba(255, 156, 70, .7)
}

.filter-block .filter-select-count {
  font-size: .8em;
  opacity: .7
}

.filter-block .filter-select-count:before {
  content: '('
}

.filter-block .filter-select-count:after {
  content: ')'
}

.filter-block input[type=checkbox] {
  display: none
}

.filter-block input[type=checkbox]:checked+label.checkbox-fake {
  background-color: #D1EB21;
  border-color: #D1EB21
}

.filter-block input[type=checkbox]:disabled+label.checkbox-fake {
  pointer-events: none
}

.filter-block .checkbox-fake {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #d2d0d4;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: background .3s, border-color .3s;
  -o-transition: background .3s, border-color .3s;
  -moz-transition: background .3s, border-color .3s;
  transition: background .3s, border-color .3s;
  margin-right: 1em;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.filter-block .checkbox-fake:after,
.filter-block .checkbox-fake:before {
  position: absolute;
  content: '';
  height: 3px;
  background: #fff
}

.filter-block .checkbox-fake:before {
  width: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 9px;
  left: 2px;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%
}

.filter-block .checkbox-fake:after {
  width: 14px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 15px;
  left: 6px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0
}

.filter-block .input-label {
  display: inline-block;
  line-height: 22px
}

.filter-block .js-range-slider {
  visibility: hidden
}

.filter-aside-toggle-title {
  cursor: pointer;
  display: none;
  color: #64a9df;
  padding: 10px;
  margin-left: -10px;
  font-weight: 400
}

.filter-submit-wrap {
  display: none
}

.filter-toggle-wrap {
  display: none;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
  padding: 9px;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 200px
}

.filter-toggle-wrap:focus-visible {
  outline: 2px solid #1a73e8;
  outline-offset: 2px
}

@media (max-width:1023.98px) {
  .filter-aside-toggle-title {
    display: block
  }
  .aside-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    font-size: 1em;
    font-weight: 400;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .aside-filter-caption {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
  }
  .aside-filter-caption .fa {
    display: none
  }
  .woocommerce-notices-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .woocommerce_before_shop_loop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
.woocommerce .woocommerce-ordering {
    margin: auto;
}
  .archive-wc-products {
    margin-left: 0;
  }
  .layout-filters {
    position: fixed;
    z-index: 60;
    top: 0;
    bottom: 0;
    left: -360px;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    -moz-transition: left .3s;
    transition: left .3s;
    overflow-y: auto
  }
  .layout-filters .layout-filters-bd {
    min-height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .layout-filters span.irs {
    margin: 0 5px;
  }
  .filter-toggle-wrap {
    display: block;
  }
  body.overlay-filter--visible .layout-filters {
    left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  body.overlay-filter--visible #primary {
    position: static;
  }
  body.overlay-filter--visible .secondary-header {
    z-index: 50;
  }
  body.admin-bar .layout-filters-bd {
    padding-top: 71px;
  }
}

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0!important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0
}

.irs-line-left {
  left: 0;
  width: 11%
}

.irs-line-mid {
  left: 9%;
  width: 82%
}

.irs-line-right {
  right: 0;
  width: 11%
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0
}

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1
}

.irs-slider.type_last {
  z-index: 2
}

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default
}

.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default
}

.irs-from,
.irs-single,
.irs-to {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px
}

.irs-with-grid .irs-grid {
  display: block
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000
}

.irs-grid-pol.small {
  height: 4px
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2
}

.lt-ie9 .irs-disable-mask {
  background: #000;
  cursor: not-allowed
}

.irs-disabled {
  opacity: .4
}

.irs-hidden-input {
  position: absolute!important;
  display: block!important;
  top: 0!important;
  left: 0!important;
  width: 0!important;
  height: 0!important;
  font-size: 0!important;
  line-height: 0!important;
  padding: 0!important;
  margin: 0!important;
  overflow: hidden;
  outline: 0!important;
  z-index: -9999!important;
  background: 0 0!important;
  border-style: solid!important;
  border-color: transparent!important
}

.irs {
  height: 55px
}

.irs-with-grid {
  height: 75px
}

.irs-line {
  height: 4px;
  top: 30px;
  background: #eee;
  border: 1px solid #eee;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -moz-border-radius: 16px
}

.irs-line-left {
  height: 100%
}

.irs-line-mid {
  height: 100%
}

.irs-line-right {
  height: 100%
}

.irs-bar {
  height: 4px;
  top: 30px;
  border-top: 1px solid #D1EB21;
  border-bottom: 1px solid #D1EB21;
  background: #D1EB21
}

.irs-bar-edge {
  height: 10px;
  top: 33px;
  width: 14px;
  border: 1px solid #64a9df;
  border-right: 0;
  background: #64a9df;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #64a9df), to(#8ec0e8));
  background: -webkit-linear-gradient(bottom, #64a9df 0, #8ec0e8 100%);
  background: -moz-linear-gradient(bottom, #64a9df 0, #8ec0e8 100%);
  background: -o-linear-gradient(bottom, #64a9df 0, #8ec0e8 100%);
  background: linear-gradient(to top, #64a9df 0, #8ec0e8 100%);
  -webkit-border-radius: 16px 0 0 16px;
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px
}

.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: .3;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px
}

.irs-slider {
  top: 25px;
  width: 12px;
  height: 12px;
  border: 1px solid #ff9c46;
  background: #ff9c46;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: -o-transform .3s;
  -moz-transition: transform .3s, -moz-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.irs-slider.state_hover,
.irs-slider:hover {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5)
}

.irs-max,
.irs-min {
  color: #5b5b5b;
  font-size: 1em;
  line-height: 1.3;
  opacity: .6;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, .1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.lt-ie9 .irs-max,
.lt-ie9 .irs-min {
  background: #919191
}

.irs-from,
.irs-single,
.irs-to {
  color: #fff;
  font-size: 1em;
  line-height: 1.3;
  text-shadow: none;
  padding: 1px 5px;
  background: #ff9c46;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-single,
.lt-ie9 .irs-to {
  background: #696969
}

.irs-grid {
  height: 27px
}

.irs-grid-pol {
  opacity: .5;
  background: #64a9df
}

.irs-grid-pol.small {
  background: #696969
}

.irs-grid-text {
  bottom: 5px;
  color: #696969
}

body.admin-bar .layout-filters-bd {
    padding-top: 71px;
}

.layer-overlay {
    cursor: pointer;
    z-index: 51;
    display: none;
    background: rgba(0, 0, 0, .70196);
    bottom: 0;
    left: 0;
    position: fixed;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    right: 0;
    top: 0;
}
.layout-aside {
    width: 25%;
    display: inline-block;
    margin-left: 3%;
    padding-left: 0;
    max-width: 300px;
    float: left; 

}
.aside-title {
    display: none;
}
@media (max-width:1300px) {
.layout-aside {
    width: 25%;
    display: inline-block;
    margin-left: 0;
    padding-left: 10px;
    max-width: 300px;
    float: left;
}
}
@media (max-width:1023px) {
.layout-aside {
    width: 100%;
    display: block;
    margin-left: 0;
    max-width: 300px;
    float: none;
}
.aside-title {
    display: flex;
}

footer .container {
    width: auto;
    margin: 0 auto;
}

.container-header-nav ul.max-mega-menu .mega-sub-menu, .layout-background {
    background-color: #fff;
}

body.overlay-filter--visible .layer-overlay, body.overlay-mobile--visible .layer-overlay {
    z-index: 39;
}
body.overlay-catalog--visible .layer-overlay, body.overlay-filter--visible .layer-overlay, body.overlay-mobile--visible .layer-overlay {
    display: block;
}
.search_form_block.mobile-search-active {
    display: block !important;
position: absolute;
    width: 100%;
    left: 0;
    height: 20px;
    z-index: 1;
    background-color: #fff;
    margin-top: 10px;
}
}

.slick-dots li button:before {
display: none;
}

a.add_to_compare.compare.added svg {
filter: invert(75%) sepia(87%) saturate(451%) hue-rotate(16deg) brightness(112%) contrast(84%);
}

.woocommerce.product.compare-button {
    border-left: none;
    border-bottom: none;
    border-right: none;
}

.product-search-results .entry span.description {
    display: none;
}
.product-search-results-content span{
position: relative;
    right: 0;
    top: 0;
}
.search_button {
    display: none;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.mono_modal .modal_content strong, .mono_modal .modal_content p strong {
    color: #000;
    font-weight: 700;
}

.mono_modal .modal_content p {
    margin-bottom: 12px;
}
.nav-item .dgwt-wcas-search-wrapp {
    display: none;
}

.search_form_block {
-webkit-appearance: none;
}

span.soldout {
    padding: 3px 7px;
    background: #d6d6d65c;
    color: #000000;
    position: absolute;
    font-size: 13px;
    top: 0;
    margin-top: 40px;
    right: 0;
}
.soldoutgrey {
    display: block;
    position: absolute;
    height: 100%;
    background: #dbdbdb24;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}

@media (max-width:767px) {
    span.soldout {
        padding: 1px 6px;
        background: #d6d6d65c;
        color: #000000;
        position: absolute;
        font-size: 11px;
        top: 0;
        margin-top: 11px;
        right: 0;
    }
}

/* new */

.header-info{
    background-color: #F6F5F5;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-info .header_big_container{
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}
@media (min-width: 1415px){
    .header-main .header_big_container{
        max-width: 1415px;
        margin: 0 auto;
    }
    .header-info .header_big_container{    
        max-width: 1415px;
        margin: 0 auto;
    }
}
.header-info__menu ul{
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 34px;
    margin-bottom: 0;
    padding: 0;
}
.header-info__menu a {
    text-decoration: none;
    transition: 300ms all;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #000000;
}
.header-info__menu a:hover,
.header-info__shop:hover{
    color: var(--main-yelow-hover);
}
.info-sale-link a{
    font-weight: 700;
    color: #E1530B;
}
.header-info__r{
    display: flex;
    align-items: center;
    gap: 34px;
}
.header-info__shops{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.header-info__shop{
    display: flex;
    align-items: center;
    gap: 2px;
    text-decoration: none;
    transition: 300ms all;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #2B2B2B;
}

.header-info__r .phone_numbers{
    right: 0;
}

@media screen and (max-width: 1023px){
    .header-info{
        display: none;
    }
}
.header_menu_block{
    gap: 10px;
    min-height: 81px;
}

@media (max-width:1400px){
    .header_menu_block{
        gap: 50px;
    }
    #main-menu{
        flex-wrap: wrap;
        gap: 15px 40px;
    }
    .header_menu_block{
        padding: 20px 50px;
        max-width: 100%;
    }
}

.header-main .header_big_container{
    padding-top: 20px;
    padding-bottom: 0;
    border-bottom: none;
}
.header-main__l{
    display: flex;
    align-items: center;
    gap: 20px;
}
.header-logo{
    display: flex;
}
.header-logo.logo_top svg{
    width: 284px;
}

/* Mobile off-canvas menu: Теніс / Падел switch (replaces logo in navTitle) */
.mob_menu_switch{
    display: flex;
    gap: 8px;
    padding: 10px 15px;
}
.mob_menu_switch_btn{
    flex: 1;
    background: #f2f2f2;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #4b5563;
    cursor: pointer;
}
.mob_menu_switch_btn.active{
    background: #f37b3e;
    color: #ffffff;
    border-color: transparent;
}
.hc-nav-trigger{
    display: none !important;
}
/*
 * The padel menu exists only to feed the mobile off-canvas panel. Its
 * original <nav> must never show inline (on desktop hcOffcanvasNav leaves
 * the source menu visible; on mobile it clones content into its own panel,
 * so hiding the source here is safe at every width).
 */
#header_id_nav_padel{
    display: none !important;
}

.header-main__l #dgwt-wcas-search-input-2{
    width: 301px;
    height: 31px;
    border: 1px solid #6C6C6C !important;
    padding: 3.5px 16px !important;
    border-radius: 15.5px !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 100% !important;
    color: #ABABAB !important;
    background: none !important;
    background-color: #fff !important;
}

@media (min-width: 1024px){
    .dgwt-wcas-suggestions-wrapp{
        border-radius: 15.5px !important;
    }
}


.header-main__l #dgwt-wcas-search-input-2::placeholder,
.header-main__mob .dgwt-wcas-search-input::placeholder{
    font-style: normal !important;
}
.header-main__l #dgwt-wcas-search-input-2::-webkit-input-placeholder,
.header-main__mob .dgwt-wcas-search-input::-webkit-input-placeholder{
    font-style: normal !important;
}
.header-main__l #dgwt-wcas-search-input-2::-moz-placeholder,
.header-main__mob .dgwt-wcas-search-input::-moz-placeholder{
    font-style: normal !important;
}
.header-main__l #dgwt-wcas-search-input-2::-ms-input-placeholder,
.header-main__mob .dgwt-wcas-search-input::-ms-input-placeholder
{
    font-style: normal !important;
}

.header-main__l .dgwt-wcas-search-form{
    background-color: transparent !important;
}

/* .dgwt-wcas-search-wrapp.dgwt-wcas-search-darkoverl-on .dgwt-wcas-search-form{
    background-color: rgba(17, 17, 17, .15) !important;
} */

.header-main__l .dgwt-wcas-search-form{ 
    position: relative;
}
.header-main__l .dgwt-wcas-search-form:after{
    content:'';
    position: absolute;
    opacity: 0.5;
    fill: #444;
    height: 50%;
    width: 20px;
    max-width: 20px;
    max-height: 20px;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    right: 12px;
    left: auto;
    background: top left/contain no-repeat url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZGd3dC13Y2FzLWljby1tYWduaWZpZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEuNTM5IDUxLjM2MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPHBhdGggZD0iTTUxLjUzOSw0OS4zNTZMMzcuMjQ3LDM1LjA2NWMzLjI3My0zLjc0LDUuMjcyLTguNjIzLDUuMjcyLTEzLjk4M2MwLTExLjc0Mi05LjUxOC0yMS4yNi0yMS4yNi0yMS4yNiBTMCw5LjMzOSwwLDIxLjA4MnM5LjUxOCwyMS4yNiwyMS4yNiwyMS4yNmM1LjM2MSwwLDEwLjI0NC0xLjk5OSwxMy45ODMtNS4yNzJsMTQuMjkyLDE0LjI5Mkw1MS41MzksNDkuMzU2eiBNMi44MzUsMjEuMDgyIGMwLTEwLjE3Niw4LjI0OS0xOC40MjUsMTguNDI1LTE4LjQyNXMxOC40MjUsOC4yNDksMTguNDI1LDE4LjQyNVMzMS40MzYsMzkuNTA3LDIxLjI2LDM5LjUwN1MyLjgzNSwzMS4yNTgsMi44MzUsMjEuMDgyeiI+PC9wYXRoPg0KPC9zdmc+);
}
.header-main__l svg.dgwt-wcas-ico-magnifier{
    display: none;
}



.header-main__l button.dgwt-wcas-search-submit{
    height: 31px;
    background: transparent;
}
.header-main__l .dgwt-wcas-search-icon{
    display: none;
}

.header-info__r .phone_and_other{ 
    margin-right: 0;
}

@media (min-width: 1024px){
    .dgwt-wcas-overlay-mobile{
        display: none;
    }
    .dgwt-wcas-darkened-overlay{
        display: none;
    }
    .header-main__mob{
        display: none;
    }
}


.youtube_link a{
    display: flex;
}

.header-main__r{
    display: flex;
    gap: 14px;
}
.header-main__r .xoo-wsc-sc-subt{
    display: none;
}
.header-main__r .header-main__r{
    font-size: 21px;
}
.header-main__r .lrm-login{
    display: flex;
}

.header-main__r .xoo-wsc-sc-count{
    background-color: #d1eb21;
    color: #0a0a0a;
}

.header-main__r .xoo-wsc-sc-bki{
    font-size: 20px;
}
.header-main__r .user_link{
    margin-top: -1px;
}

.header-main__r .phone_and_other{
    display: none;
}

nav.header__nav{
    margin: 0;
}
/* #header_id_nav_padel — исходник только для мобильного off-canvas (hcOffcanvasNav
   клонирует его содержимое в свою отдельную панель); сам по себе никогда не
   должен отображаться как обычное меню в шапке. */
#header_id_nav_padel{
    display: none !important;
}
.menu-btn{
    display: none;
}

.dgwt-wcas-search-form.search-focus:after{
    display: none;
}

.header-main__r .xoo-wsc-sc-bki img{
    width: 20px;
    margin-top: -8px;
}
/*
 * Плаваючий кошик у правому куті вимкнено.
 * Плагін Side Cart, навіть коли опція вимкнена в його налаштуваннях, усе одно
 * друкує інлайновий стиль `.xoo-wsc-basket{display:flex}`, тому ховаємо його
 * тут. Раніше поряд було ще правило `.show-basket{display:flex!important}` +
 * скрол-скрипт у js/mmenu.js, які показували кошик при прокрутці — їх прибрано.
 */
.xoo-wsc-markup .xoo-wsc-basket{
    display: none !important;
}

@media (max-width: 1023px){
    .new-menu-btn{
        display: block;
    }
    .header-menu-big{
        display: none;
    }
    .menu-btn {
        width: 30px;
        height: 30px;
        position: relative;
        z-index: 2; 
        overflow: visible; 
        display: block;
    }
    .menu-btn span {
        width: 30px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #222222;
        transition: all 0.5s;
    }
    .menu-btn span:nth-of-type(2) {
        top: calc(50% - 7px);
    }
    .menu-btn span:nth-of-type(3) {
        top: calc(50% + 7px);
    }
    ul.sec_mob_menu {
        margin-top: 5%;
        font-weight: 600;
    }
    .hc-offcanvas-nav  .nav-title svg {
        width: 90%; 
        max-width: 160px;
    }
    .header-main .header_big_container{
        padding-bottom: 20px;
    }
    .header-main__r .youtube_link{
        display: none;
    }
    .header-main__r .phone_numbers{
        right: 0;
    }
    .header-main__r  .phone_select.active svg path,
    .phone_select:hover svg path{
        fill: black;
    }
    .hc-offcanvas-nav .nav-container{
        top: 35px;
        height: calc(100dvh - 35px);
    }
    .hc-offcanvas-nav.mob_header .nav-container{
        top: 0;
    }
    .nav-close-button>span{
        top: 23px;
    }
    .hc-offcanvas-nav .nav-close-button span{
        position: relative;
        display: flex;
        height: 45px;
        justify-content: center;
        align-items: center;
        left: unset !important;
    }
    .hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label){
        position: static;
    }
    .hc-offcanvas-nav .nav-close-button span::before{
        border: none;
        width: 24px;
        height: 24px;
        background: top left / contain no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDZMNiAxOCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNiA2TDE4IDE4IiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
        transform: translate(-50%, -50%);
        margin-left: 0;
        margin-top: 0;
    }
    .hc-offcanvas-nav .nav-close-button span::after{
        display: none;
    }
    .hc-offcanvas-nav .nav-close-button{
        background:none !important;
    }
    .hc-offcanvas-nav .nav-close{
        position: absolute !important;
        display: flex;
        top: 14px;
        right: 15px;
    }
    .hc-offcanvas-nav .user_link{
        display: none !important;
    }
    .hc-offcanvas-nav .nav-title img{
        width: 182px;
    }
    .hc-offcanvas-nav  .nav-item>.nav-item-wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .hc-offcanvas-nav .nav-parent .nav-next{
        position: static;
        width: 45px;
        height: 45px;
    }
    .hc-offcanvas-nav .nav-next span{
        display: flex;
        align-items: center;
        justify-content: center;
        position: static;
        width: 45px;
        height: 45px;
    }
    .hc-offcanvas-nav .nav-next span::before{
        position: static;
    }
    .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){
        margin-right: 0;
    }
    .hc-offcanvas-nav .nav-item>.nav-item-wrapper{
        padding-right: 17px;
    }
    .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link{
        width: 100%;
    }

    .youtube_link_mob{
        display: flex !important;
        align-items: center;
        gap: 3px;
        margin-left: 16px;
        margin-top: 24px;
    }
    .youtube_link_mob a:nth-child(2) svg{
        width: 40px;
        height: 38px;
        margin-top: -2px;
    }
    .sec_mob_menu{
        display: block !important;
        margin: 0 !important;
        margin-top: 20px !important;
        padding-bottom: 50px !important;
    }
    .sec_mob_menu .nav-item, .sec_mob_menu>li, .sec_mob_menu .youtube_link{
        display: none !important;
    }
    .sec_mob_menu .header-info__shop{
       padding: 0 16px;
       display: flex;
       align-items: flex-start;
    }
    .sec_mob_menu  .header-info__shop>span{
        display: flex;
        flex-direction: column;
    }
    .header-info__shop + .header-info__shop{
        margin-top: 7px;
    }
    .mobile-sale-menu{
        margin: 10px 16px 0;
        background: #fff;
    }
    .mobile-sale-menu__toggle{
        width: 100%;
        min-height: 44px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        background: #f3fbe8;
        color: #111;
        font-size: 16px;
        font-weight: 600;
    }
    .mobile-sale-menu__submenu{
        display: block;
        background: #fff;
    }
    .mobile-sale-menu__item{
        width: 100% !important;
        min-height: 46px;
        padding: 0 16px 0 34px !important;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        position: relative;
        color: #111 !important;
        font: inherit;
        text-decoration: none;
        border-bottom: 1px solid #eeeeee;
    }
    .mobile-sale-menu__item:last-child{
        border-bottom: 0;
    }
    .mobile-sale-menu__label{
        display: block;
        min-width: 0;
    }
    .mobile-sale-menu__arrow{
        flex: 0 0 auto;
        margin-left: auto;
        padding-left: 16px;
    }
    .mobile-sale-menu__arrow::after{
        content: "›";
        color: #111;
        font-size: 24px;
        line-height: 1;
    }
    .hc-offcanvas-nav .nav-back span{
        left: 237px;
    }







    .hc-offcanvas-nav .nav-content > .nav-close {
        position: relative !important;
        z-index: 2;
    }

    .hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
        position: absolute;
        width: 45px;
        height: 66px;
        line-height: 66px;
        top: -74px;
        left: 251px;
    }

    .hc-offcanvas-nav .nav-close-button span {
        left: unset;
    }

    .header-main__l .search_block{
        display: none;
    }
    .header-main .header_big_container{
        height: 78px;
    }
        .header-main__r .phone_and_other{
        display: flex;
    }
    .header-main__mob{
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .header-main__l .search_block{
        display: none;
    }
    .header-main__r{
        align-items: center;
    }
    .header-main__r .xoo-wsc-sc-bki img{
        margin-top: 0;
    }
    .header-main__mob .dgwt-wcas-search-input{
        height: 45px !important;
    }
    .header-main__mob .dgwt-wcas-search-input{
        padding: 3.5px 16px !important;
        border-radius: 0 !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        color: #ABABAB !important;
        background: none !important;
        background-color: #fff !important;
        border-bottom: 1px solid #ABABAB !important;
    }
    .header-main__mob .dgwt-wcas-search-input:focus{
        box-shadow:none;
    }

    .hc-offcanvas-nav li.nav-parent .nav-item-link{
        width: 100%;
    }
    .hc-offcanvas-nav .nav-next span::before{
        transform: rotate(135deg) !important;
    }

    .header-main__mob .search_block{
        max-width: 20px;
    }
}

@media (max-width: 767px){
    .nav-container .other_button_block{
        position: static !important;
    }
    .header-main__mob .dgwt-wcas-search-input{
        height: 42px !important;
    }
    .header-main__l{
        justify-content: center;
    }
    .header-main__l .logo_top{
        width: auto;
    }
    .header-main__l .logo_top svg{
        max-width: unset;
        flex-shrink: 0;
        width: 156px;
    }
}

@media (max-width: 400px){
    .header-main__r{
        gap: 9px;
    }
    .header-main__l .logo_top svg{
        width: 135px;
    }
}

@media (max-width: 370px){
    .header-main__mob{
        gap: 11px;
    }
}


/* Full banner */

.full-banner{
    margin: 25px 0;
}
.full-banner-container{
    max-width: 1920px;
    margin: 0 auto;
}
.full-banner picture{
    display: flex;
    width: 100%;
    height: auto;
}
.full-banner picture img{
    display: block;
    width: 100%;
    height: auto;
}

.full-banner-container a{
    display: block;
}

/* Two banners */

.two-banners{
    margin: 25px 0;
}
.two-banners-container{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.two-banners-item{
    display: block;
    position: relative;
}
.two-banners-item picture{
    display: flex;
    width: 100%;
    height: auto;
}
.two-banners-item picture img{
    display: block;
    width: 100%;
    height: auto;
}
.two-banners-text{
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    text-align: left;
}
.two-banners-text span{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .two-banners-text{
        left: 50%;
        top: 20px;
        transform: translateX(-50%);
        align-items: center;
        text-align: center;
    }
    .two-banners-text span{
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .two-banners-container{
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
}


/* Advantages section */

.advantages_section{
    width: calc(100% - 20px);
    max-width: 1920px;
    margin: 25px auto;
    padding: 16px 10px;
    background: #f5f5f5;
    border-radius: 12px;
}
.advantages_items{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
}
.advantage_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    min-width: 0;
}
.advantage_item_icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--advantage-icon-color, #f37b3e);
}
.advantage_item_icon svg{
    width: 100%;
    height: 100%;
    fill: var(--advantage-icon-color, currentColor);
}
.advantage_item_text{
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.3;
    color: #1a1a1a;
}
@media screen and (min-width: 1024px) {
    .advantages_section{
        padding: 28px 40px;
    }
    .advantages_items{
        gap: 24px;
    }
    .advantage_item_icon{
        width: 40px;
        height: 40px;
    }
    .advantage_item_text{
        margin-top: 12px;
        font-size: 15px;
    }
}

/* Categories slider section */

.cat_slider_section{
    max-width: 1920px;
    margin: 25px auto;
    padding: 0 18.5px;
}
.cat_slider{
    width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}
.cat_slide{
    width: 160px;
    padding-top: 30px;
    height: auto;
}
.cat_slide_card{
    display: flex;
    align-items: end;
    gap: 7px;
    position: relative;
    background: #f5f5f5;
    border-radius: 16px;
    padding: 10px;
    aspect-ratio: 1.25;
    text-decoration: none;
    overflow: visible;
}
.cat_slide_image{
    flex: 0 0 50%;
    max-width: 50%;
    height: 105px;
    margin-top: -37px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.cat_slide_image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom center;
}
.cat_slide_body{
    flex: 1;
    min-width: 0;
}
.cat_slide_body h3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin: 0 0 4px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    color: #1a1a1a;
    text-transform: uppercase;
}
.cat_slide_subtitle{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 0 8px;
    font-size: 8px;
    line-height: 1.4;
    color: #6b6b6b;
}
.cat_slide_btn{
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid #ececec;
    border-radius: 30px;
    background: rgba(255,255,255,0.77);
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1a1a1a;
    white-space: nowrap;
}
.cat_slider_pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}
.cat_slider_pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d0d0d0;
    opacity: 1;
    cursor: pointer;
}
.cat_slider_pagination .swiper-pagination-bullet-active{
    background: #f37b3e;
}
@media screen and (min-width: 1024px) {
    .cat_slide{
        width: 160px;
    }
    .cat_slide_card{
        gap: 5px;
        padding: 10px;
    }
    .cat_slide_image{
        height: 160px;
        margin-top: -70px;
    }
    .cat_slide_body h3{
        font-size: 12px;
    }
    .cat_slide_subtitle{
        font-size: 14px;
    }
    .cat_slide_btn{
        font-size: 13px;
        padding: 10px 18px;
    }
    .cat_slider_section.cat_slider_fits .swiper-wrapper{
        justify-content: center;
    }
}

/* Десктоп / общий вид */
.woocommerce-checkout #local_pickup_city_field .pickup-address-box {
    margin: 15px 0 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    font-weight: 400;
}

/* Мобильная правка — добиваем сверху отступ */
@media (max-width: 768px) {
    .woocommerce-checkout #local_pickup_city_field .pickup-address-box {
        margin-top: 15px !important;
        display: block;
    }
}

/* FAQ section */

.faq_section{
    max-width: 1920px;
    margin: 25px auto;
    padding: 0 18.5px;
}
.faq_section_title{
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #1a1a1a;
}
.faq_list{
    border-top: 1px solid #e5e5e5;
}
.faq_item{
    border-bottom: 1px solid #e5e5e5;
}
.faq_item_question{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 14px 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: #1a1a1a;
}
.faq_item_question::-webkit-details-marker{
    display: none;
}
.faq_item_icon{
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}
.faq_item_icon::before,
.faq_item_icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #1a1a1a;
    transform: translate(-50%, -50%);
    transition: transform 200ms ease;
}
.faq_item_icon::before{
    width: 12px;
    height: 2px;
}
.faq_item_icon::after{
    width: 2px;
    height: 12px;
}
.faq_item[open] .faq_item_icon::after{
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}
.faq_item_answer_inner{
    padding: 0 0 16px;
    font-size: 14px;
    line-height: 1.6;
    color: #4a4a4a;
}
.faq_item_answer_inner p{
    margin: 0 0 12px;
}
.faq_item_answer_inner p:last-child{
    margin-bottom: 0;
}
.faq_item_answer_inner a{
    color: #f37b3e;
    text-decoration: underline;
}
.faq_item_answer_inner ul,
.faq_item_answer_inner ol{
    margin: 0 0 12px;
    padding-left: 20px;
}
@media (prefers-reduced-motion: reduce){
    .faq_item_icon::before,
    .faq_item_icon::after{
        transition: none;
    }
}
@media screen and (min-width: 1024px) {
    .faq_section_title{
        font-size: 28px;
    }
    .faq_item_question{
        font-size: 16px;
        padding: 18px 0;
    }
    .faq_item_answer_inner{
        font-size: 16px;
        max-width: 800px;
    }
}