html {
	font-family: Helvetica, sans-serif !important;
	font-size: 1.2em;
	line-height: 1.45em;
	color: #000 !important;
	font-display: swap;
	/* letter-spacing: .03em !important; */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
}

/* html, body {
    min-height: 100vh;
}

.page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
} */

/* Ссылки */
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover,
a[href^="mailto"]:link,
a[href^="mailto"]:visited,
a[href^="mailto"]:hover {
	color: inherit;
	text-decoration: none !important;
}

a[aria-label] {
	text-decoration: none !important;
}

.uk-link,
a {
  color: #000000; /* чёрный цвет */
  -webkit-text-decoration: underline solid #000000 2px;
          text-decoration: underline solid #000000 2px; /* тонкая нижняя линия */
  text-underline-offset: 5px; /* отступ линии от текста */
  cursor: pointer;
  -webkit-transition: color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
  transition: color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
  -o-transition: color 0.3s ease, text-decoration-color 0.3s ease;
  transition: color 0.3s ease, text-decoration-color 0.3s ease;
  transition: color 0.3s ease, text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
}

.uk-link:hover,
a:hover {
  color: #555555; /* тусклый чёрный */
  -webkit-text-decoration-color: #555555 solid #000000 0px;
          text-decoration-color: #555555 solid #000000 0px;
  -webkit-text-decoration: #555555 solid 0px;
          text-decoration: #555555 solid 0px;
}

.uk-breadcrumb > li > a {
  color: #818181; /* чёрный цвет */
  text-decoration: none; /* убираем подчеркивание */
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; /* плавное изменение цвета */
}

.uk-breadcrumb > li > a:hover {
  color: #555555; /* тусклый чёрный при наведении */
}

.uk-navbar-nav > li >a {
	color: #222;
}

.uk-sticky-below {
	background-color: #F8F3F1;
}

.tm-navbar-button .uk-badge {
	position: absolute;
	top: 20px;
	left: 15px;
	min-width: 18px;
	height: 18px;
}

.uk-section-small {
	padding-top: 20px;
	padding-bottom: 20px;
}

.section1-main {
	background: rgba(48, 34, 33, 0.9);
}

.uk-badge {
	color: #000 !important;
    background: rgb(250, 181, 16);
}


.vc-custom {
	padding-top: 50px;
	padding-bottom: 30px;
	background-image: url('/design/images/main-bottom.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.main-color {
	color: #FAB510 !important;
}

.icon-main-color svg {
    fill: rgb(250, 181, 16);
}

/* Активный таб — без линии и эффектов */
.spa-services-container-block > li.uk-active > a::after {
    -webkit-transform: scaleX(0) !important;
        -ms-transform: scaleX(0) !important;
            transform: scaleX(0) !important; /* скрываем линию */
}


/* Фиксируем активный цвет */
.spa-services-container-block > li.uk-active > a {
    color: #c49300;
}


/* Чтобы hover не ломал активный */
.spa-services-container-block > li.uk-active > a:hover::after {
    -webkit-transform: scaleX(0) !important;
        -ms-transform: scaleX(0) !important;
            transform: scaleX(0) !important;
}


.uk-subnav-divider {
    margin-left: 0px;
}

.uk-subnav>* {
    padding-left: 0px;
}

.uk-subnav>*> :first-child {
	color: #222;
	text-transform: none;
	line-height: 1.5em;
}

.uk-subnav-divider> :nth-child(n+2):not(.uk-first-column)::before {
	border-left-color: #611b1b;
}

.uk-subnav-divider >::before {
     border-left: none;
}

.uk-tab>* {
    padding-left: 0px;
	}

.uk-tab > .uk-active > a {
    color: inherit;
    border-color: inherit;
}

.uk-tab::before {
    border-bottom: none;
}



.uk-card-media-top, .uk-card-hover:hover {
border-radius: 20px 20px 0 0;
}

.uk-card-media-top img {
border-radius: 20px 20px 0 0;
}

.uk-card-body {
background-color: #fff; 

}

.uk-article-body {
	padding-top: 20px;
}

.btn-main {
  color: #FFF;
  border-radius: 5px;
  background: #FAB510;
 
}


.btn-default {
  color: #000 !important;
  border-radius: 5px;
  background: #cfcfcf !important;
  font-size: 0.7em;
}

.uk-offcanvas-bar .uk-card-default .uk-h3 {
    color:#000;
}

.uk-offcanvas-bar .btn-main {
   font-size: 0.7em;
}

.uk-offcanvas-close {
   color:#000 !important;
}



#cart-text .uk-link-heading {
    color:#000;
}

#cart-text .uk-text-meta {
    color:#000;
}

.uk-offcanvas-bar .uk-button-default {
  background-color: transparent;
  color: #222;
  border: 1px solid #e5e5e5;
}

.uk-list-divider > li:nth-child(n+2) {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #e5e5e5 !important;
}

.uk-button {
	font-size: inherit;
	text-transform: inherit;
}

.uk-button-default {
    border: 1px solid #000;
	border-radius: 5px;
}


.btn-book {
	color: #FFF;
	border-radius: 5px;
	background: #FAB510;
	font-weight: 700;
	line-height: 55px;
}

.btn-book:hover {
	text-decoration: none;
	color: #000;
}

.uk-navbar-dropdown-nav>li>a {
	color: #222;
}


.ven {
	position: relative;
}

.spa-services-container-block a {
    position: relative;        /* для позиционирования псевдоэлемента */
    text-decoration: none;    /* убираем стандартное подчёркивание */
    padding-bottom: 4px;      /* отступ между текстом и линией */
    /* display: inline-block;     */
	/* чтобы padding-bottom работал корректно */
}

.spa-services-container-block a::after {
    content: '';
    position: absolute;
    bottom: 0;               /* линия прижата к низу ссылки */
    left: 0;
    width: 100%;
    height: 2px;             /* толщина линии */
    background-color: currentColor; /* цвет линии = цвету текста (можно задать явно) */
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;  /* точка трансформации слева – линия будет укорачиваться вправо */
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.spa-services-container-block a:hover::after {
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);    /* при наведении линия сжимается к левому краю */
}

/* ЛЕВАЯ */
.img-left-ven {
	position: absolute;
	width: 300px;
	height: 900px;
	background: url('/design/images/veniki-bg1.png') no-repeat;
	background-size: contain;
	left: 0;
	top: 100px;

}

/* ПРАВАЯ */
/* .img-right-ven {
	position: absolute;
	width: 300px;
	height: 900px;
	background: url('/design/images/veniki-bg2.png') no-repeat;
	background-size: contain;
	right: 0;
	top: 1000px;

} */

.title-main {
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0.03em 0.04em 0.08em rgba(0, 0, 0, 1);
	letter-spacing: 0.4px;
}

.btn-book-main-more {
	color: #322D28;
}

.btn-book-main-more:hover {
	text-decoration: none;
	color: #483e34;
}

.clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* сколько строк */
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 3.5em;
	/* резерв под 3 строки */
}

.baths-catalog-body img {
	border-radius: 20px 20px 0 0;
}

.spa-services-container-block,
.services-container-block {
	border-radius: 20px;
	padding: 40px;
	background: #FFF;
	
}
.services-container-block {
min-height: 25em;
}

.bg-main-color {
	background-color: #f7f3f1;
}




footer {
	border-radius: 20px 20px 0px 0px;
	background: #221F1F;
	padding-top: 40px;
	padding-bottom: 25px;
	position: relative;
}

.img-left-catalog {
	position: absolute;
	width: 200px;
	height: 450px;
	background: url('/design/images/123.png') no-repeat;
	right: 0;
	bottom: 0;
	/* z-index: -1; */
}


@media (min-width: 1200px) {
	.uk-card-body {
		padding: 30px 30px;
	}
}


@media (min-width: 960px) {
  .uk-navbar-nav {
    gap: 20px;
  }
}


@media (max-width: 960px) {

html {
	font-size: 1.0em;
	line-height: 1.5em;
}

.uk-heading-small {
	font-size: 1.5rem;
}	

.uk-h1, h1, .uk-modal-title {
    font-size: 1.5rem;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
   margin: 0 5px;
}

.uk-breadcrumb>*>* {
    font-size: .7rem;
}

.spa-services-container-block a {
	font-size: 0.9em;
}

/* ЛЕВАЯ */
.img-left-ven {
	position: absolute;
	width: 50px;
	height: 300px;
	left: 0;
	top: 0; 
	z-index: 1;
}

.img-left-catalog {
	height: 650px;
}

.spa-services-container-block,
.services-container-block {
	border-radius: 10px;
	padding: 15px;
}

.uk-card-body {
    padding: 20px 20px;
}

}