/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
input {
	border-radius: 0px;
}

.t100 {
	font-weight: 100 !important;
}

.t200 {
	font-weight: 200 !important;
}

.t300 {
	font-weight: 300 !important;
}

.t400 {
	font-weight: 400 !important;
}

.t500 {
	font-weight: 500 !important;
}

.t600 {
	font-weight: 600 !important;
}
.t700 {
	font-weight: 700 !important;
}
.t800 {
	font-weight: 800 !important;
}

.slider-caption h2 {
	text-transform: none;
	letter-spacing: 0px;
}

body {
    color: #111;
}


.dark .overfill {
    position: absolute;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0.4);
    /* z-index: 99; */
}

.button {
    font-weight: normal !important;
    letter-spacing: normal !important;
	text-transform: none;
}

.menu-link {
    letter-spacing: 0px;
	font-weight: 400;
	font-size: .9rem;
}

.between-menu-item a {
	color: #fff;
	text-transform: uppercase;
	font-size: .9rem;
}

.between-menu-item a:hover {
	color: var(--themecolor) !important;
}

#gotoTop {
    left: 30px;
    right: auto;
}

.smaller-90 {
    font-size: 90% !important;
}

.smaller-85 {
    font-size: 85% !important;
}

.smaller-80 {
    font-size: 80% !important;
}

.smaller-75 {
    font-size: 75% !important;
}

.smaller-70 {
    font-size: 70% !important;
}


.bigger-110 {
	font-size: 110% !important;
}
.bigger-120 {
	font-size: 120% !important;
}
.bigger-130 {
	font-size: 130% !important;
}
.bigger-140 {
	font-size: 140% !important;
}
.bigger-150 {
	font-size: 150% !important;
}
.bigger-160 {
	font-size: 160% !important;
}
.bigger-170 {
	font-size: 170% !important;
}
.bigger-180 {
	font-size: 180% !important;
}
.bigger-190 {
	font-size: 190% !important;
}
.bigger-200 {
	font-size: 200% !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,
.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-rtl .swiper-button-next {
	color: #fff;
}

.cats-block .active {
	color: var(--themecolor) !important;
	text-decoration: underline;
}

.cats-block a:hover .cat-item {
	color: var(--themecolor) !important;
}

.form-check-input:checked {
    background-color: var(--themecolor);
    border-color: var(--themecolor);
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgb(253 86 86 / 25%);
}

.cats-menu li {
	display: inline-block;
	list-style: none;
	margin:5px 0px;
	
}

.cats-menu li a {
	color: #fff;
	transition: 200ms;
	padding:4px 0px;
}
.cats-menu li {
	padding-right: 30px;

}



.tags-menu li a:hover, .active-tag {
	color: var(--themecolor) !important;
	transition: 500ms;
}

.active-cat {
	font-weight: 600;
	color: var(--themecolor) !important;
	/*border-bottom: 3px solid #e78a81;*/
}

@media screen and (max-width: 992px) and (min-width: 0)
{
.cats-holder {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
}

.cats-holder::-webkit-scrollbar {
	height: 4px;              /* height of horizontal scrollbar ← You're missing this */
	width: 4px;               /* width of vertical scrollbar */
	border: 4px solid rgba(255, 255, 255, 0.2);
  }

.cats-holder::-webkit-scrollbar-thumb{

	border-radius: 5px;
	background: #fff;
}

.sticky {
	position: fixed;
	top: 0px;  /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
	z-index: 101;

  }

.px24 {
	width: 24px;
}

.px30 {
	width: 30px;
}

.dark .card {
    background-color: #141414;
}
.dark .section, .section.dark {
background-color: #1a1a1a
}

.my-balls {
	font-size: 18px !important;
}

.pointer {
	cursor: pointer;
}

.kh-dark-bg {
	background-color: #242424 !important;
}


.dark .popover-body, .dark .popover-header {
	color: #fff !important;
}

.dark .popover-header {
	background-color: #111;
}

.quantity_product .plus, .quantity_product .minus {
    display: block;
    cursor: pointer;
    border: 0px transparent;
    padding: 0;
    width: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #141414;
	color: #fff;

    font-weight: bold;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.quantity_product .plus:hover, .quantity_product .minus:hover {
	background-color: var(--themecolor) !important;
}

.quantity_product .qty_product {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
    border-left: 1px solid #141414;
    border-right: 1px solid #141414;
    background-color: #141414;
	color: #fff;
    text-align: center;
    margin-bottom: 0;
}

.dark .price {
	color: #fff;
}

.button-widget {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 299;
	letter-spacing: 0px !important;
}

.button-whatsapp {
	background-color: #25D366 !important;
}


.button-cart {
	background-color: #4D4D4D;
}

.button-cart.has-items {
	background-color: var(--themecolor);
}

.button-msgr > div {
    margin-top: -5px;
}

.button-msgr i {
    top: 5px;
}

.item_desc {
	color: #999999
}

.item_link {
    color: #111;
    transition: 300ms !important;
}

.dark .item_link {
	color: #fff;
}



.item_link:hover {
	color: var(--themecolor) !important;
	transition: 300ms !important;
}



@media (max-width: 992px) {
	.button-widget {
		bottom: 0px;
		right: 0px;
		width: 100%;
		border-radius: 0px !important;
	}
}
@media (min-width: 992px) {
	#top-cart.on-hover:hover .top-cart-content, .top-cart-open .top-cart-content {
		margin-top: -15px !important;
	}
	
.cats-menu li a:hover {
	transition: 500ms;
	color: var(--themecolor) !important;
}

.quantity_product .plus, .quantity_product .minus {
	width: 40px;
}

.box_hover {
	transition: 500ms !important;
}

.box_hover:hover  {
	border: 1px solid var(--themecolor) !important;
}


.top-cart-content {
	width: 400px;
}
}

.top-cart-item-desc a {
	font-size: 1rem;
}

.cart-btn .top-cart-trigger {
	padding: 15px 10px;
	color: #111;
}

.dark .cart-btn .top-cart-trigger {
	color: #fff;
}


.dark #header, #header.dark {
	border-bottom: 0px;
}

.top-cart-item-desc-title a {
	font-weight: 400;

}

.copyright_link img {
	opacity: .6;
}

.copyright_link a:hover img {
	opacity: 1;
}

.lk.tabs li a {
	font-weight: 300 !important;
	font-size: 1rem  !important;
	padding: .7rem;
}

.lk.tabs li {
	height: 64px;
	border: 0px;
	
}

.dark .lk.tabs li {
	background-color: #666;
}

.kh-link {
	color: #000;
	border-bottom: 1px #000 dotted;
}

.dark .kh-link {
	color: #fff;
	border-bottom: 1px #fff dotted;
}



.lk.tabs li.ui-state-hover {
	background-color: #555;
}

.tabs-bb .tab-nav li.ui-tabs-active a {
	height: 67px;
}

.dark .tab-nav li.ui-tabs-active a
{
	background-color: #333;
	top: 0px;
	
	
}

.dark .tab-nav, .dark .tab-nav li {
	border: 0px;
}

.tab-nav li a {
    height: 64px;
	line-height: 40px;
}

.lk .table th {
	font-weight: 300;
}

.mw-500 { 
	max-width: 500px;
}

label {
    font-size: 1rem;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0px;
}

.dark label {
	color: #fff;
}

.link-white {
	color: #fff;
	border-bottom: 1px #fff dotted;
}


.text-muted-medium {
	color: #aaa;
}

.form-control:disabled {
    color: #888;
}
.form-control {
	color: #111;
}

.modal-backdrop {
    --bs-backdrop-opacity: 0.8;
}

#send_btn {
	transition: 500ms;
}

#filter_widget {
	position: fixed;
	background-color: #fff;
	transition: 300ms;
	z-index: 2;
}

.dark .top-links-item a {
	color: #fff;
}

.top-links-item:hover {
    background-color: transparent !important;
}

.dark #filter_widget {
	background-color: #333333;
}

#filter_widget:hover {
	background-color: #f1f1f1;
}


.dark #filter_widget:hover {
	background-color: #222;
}


.header-misc {
    margin-left: 0px !important;
}


.cart td {
    padding: 12px 0px 12px 15px !important;
}
.cart tr td:last-child {
    padding: 12px 15px !important;
}
.cart tr td.ps-0 {
	padding-left: 0px !important;
}

.cart th {
/*background-color: #f1f1f1;*/
font-weight: 400;
font-size: 1rem;
padding: 12px 0px 12px 15px !important;
}
.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;/*background: #fff;*/}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
#cart_modal .modal-fullscreen {
    max-width: 750px;
}
#cart_modal {
    cursor: url('../images/icons/close.png') 15 15, default;
}
#cart_modal .modal-dialog {
    cursor: default;
}

#cart_modal .quantity .qty, #cart_modal .quantity .plus, #cart_modal .quantity .minus,
#cart_page .quantity .qty, #cart_page .quantity .plus, #cart_page .quantity .minus {
    font-size: 0.875rem;
    width: 26px;
    height: 36px;
}
#cart_modal .quantity .qty, #cart_page .quantity .qty {
    width: 36px;
}
#cart_modal .cart-product-price, #cart_modal .cart-product-subtotal,
#cart_page .cart-product-price, #cart_page .cart-product-subtotal {
    font-size: .9rem;
    font-weight: 500;
}

.slider-caption, .slider-caption p  {
    font-size: 2.2rem !important;
}

#sticky-menu {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}


.dark #sticky-menu {
	background-color: #000;
	border-bottom: 1px solid #1a1a1a;
}

#cats-holder::-webkit-scrollbar-track {
	background-color: #ebebeb;
}

#cats-holder::-webkit-scrollbar-thumb {
	background-color: rgb(190, 190, 190);
}

.dark #cats-holder::-webkit-scrollbar-track {
	background-color: rgba(0,0,0, .5);
}
.dark #cats-holder::-webkit-scrollbar-thumb {
	background-color: #fff;
}


.dark .cats-menu li a {
	color: #fff;
}

.product-price {
	color: #111 !important;
}

.dark .product-price {
	color: #fff !important;
}

.modal-title span, .cart-product-subtotal {
	color: #111 !important;
}

.dark .modal-title span, .dark  .cart-product-subtotal {
	color: #fff !important;
}

.cats-menu li a {
	color: #000;
}

#menu_items, .kh-bg, .kh-section-bg {
	background-color: #F9F9F9;
}

.kh-section-bg2 {
	background-color: #fff !important;
}



.dark .kh-bg, .dark .kh-section-bg2 {
	background-color: #333 !important;
}

.dark #menu_items, .dark .kh-section-bg, .dark .kh-section-bg2 {
	background-color: #000;
}

@media (min-width: 767.98px) {
	.slider-caption, .slider-caption p {
		font-size: 3rem !important;
	}
#cart_modal .cart-product-name, #cart_page .cart-product-name {
    max-width: 250px;
}
#cart_modal .cart-product-thumbnail, #cart_page .cart-product-thumbnail {
    width: 1%;
}
}

.cart:not(.cart-totals) .cart_item {
	border: 0px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}

.slider-caption.slider-caption-center {
    max-width: 900px;
}

.modal:not(#cart_modal) {
    background-color: rgba(0,0,0,.8);
}
.modal {
	backdrop-filter: blur(4px);
}


.entry-title h2, .entry-title h3, .entry-title h4 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0px;
}

.post-grid .entry-title h2 {
    font-size: 1.5rem;
    letter-spacing: 0;
    font-weight: 500;
}

.cart-product-quantity .quantity {
    min-width: 124px;
}

.cart-product-subtotal {
	min-width: 70px;
}

.table.dark td {
	border-bottom: 1px solid rgba(255,255,255,0.15);
}

.dark .quantity .plus:hover, .dark .quantity .minus:hover, .cart_has_items {
    background-color: var(--themecolor);
}

#cart_has_items, #cart_has_items i, .cart_has_items.top-cart-trigger i  {
	color: #fff !important;
}

#delivery_block ol {
	margin-left: 18px;
}

/*
.cart-product-thumbnail img:hover {
	border-color: rgba(0,0,0,0.2) !important;
}*/

.top-links-item > a {
	font-size: 1rem !important;
	text-transform: none;
	font-weight: 400;
	color: #111;
}

.top-links-sub-menu {
	width: 170px;
}

.hover_visible .visible_element {
    visibility: hidden;
}

.hover_visible:hover .visible_element {
    visibility:inherit;
}

.hidden {
	display: none;
}

:root{
  /* у тебя уже есть --themecolor, но на всякий случай */
  --kh-accent: var(--themecolor, #DB1E36);
  --kh-nav-bg: #0b0b0c;
  --kh-nav-border: rgba(255,255,255,.08);
  --kh-text-dim: rgba(255,255,255,.70);
}

/* чтобы контент не прятался под нижним меню */
body{
  padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px));
}

.kh-bottom-nav{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  height: 74px;
  padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px));
  z-index: 999;

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;

  background: linear-gradient(180deg, rgba(11,11,12,.65) 0%, rgba(11,11,12,.95) 40%, rgba(11,11,12,1) 100%);
  border-top: 1px solid var(--kh-nav-border);
  backdrop-filter: blur(10px);

  box-shadow: 0 -10px 30px rgba(0,0,0,.35);
}

.kh-bn-item{
  text-decoration: none;
  color: var(--kh-text-dim);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-radius: 14px;
  padding: 8px 6px;

  transition: transform .12s ease, background .12s ease, color .12s ease;
}

.kh-bn-item i{
  width: 22px;
  height: 22px;
  margin-bottom: 6px;
}

.kh-bn-item span{
  font-size: 11px;
  line-height: 1;
  letter-spacing: .2px;
  font-weight: 500;
  
    margin-top: 5px;
}

.kh-bn-item:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.88);
}

.kh-bn-item.is-active{
  color: #fff;
  background: rgba(219,30,54,.12);
}

.kh-bn-item.is-active i{
  color: var(--kh-accent);
}

.kh-bn-item:active{
  transform: translateY(0);
}