/* GENERAL */

html, body, input, select, textarea, button {}

.title{font-weight: 600;}
.title__link-more {font-weight: normal;}
.page__block-small+.page__block {padding-top: 10px;}
.page__block-small+.page__block .h1 {margin-bottom: 10px;}
.catalog__page-nav-block {margin-bottom: 10px;}
#logo_svg {stroke:none;}
.header__catalog-link-text{padding-left:5px; font-weight: 600; text-transform: uppercase;}
.header__catalog-link svg {stroke-width: 2px;}
.product__categories-item-link, .product__categories-item-link:hover, .product__categories-item-link:active {box-shadow: none; border-radius: 8px;}
.container .content__blocks .content__block:last-child{padding-bottom: unset;}
.content__blocks .content__block:has(.breadcrumbs) {padding-top: 25px;}
.catalog__menu-items, .filters__menu-block{user-select:none;}

@media screen and (min-width: 480px) {
	img[data-align="right"] {
		float: right;
		margin: 0 0 15px 20px; 
		max-width: 300px;
	}
	img[data-align="left"] {
		float: left;
		margin: 0px 20px 15px 0; 
		max-width: 300px;
	}
}


/* GENERAL - END */

/* HOME */

.home__blocks-cart-link {
	position: relative;
}
.home__blocks-cart-link:hover::before {
	background-color: var(--main);
	opacity:0.3;
}
.home__blocks-cart-link::before {
	content: "";
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 25px;
	background-color: var(--main_2);
	border-radius: 50%;
	display: block;
	position: absolute;
	filter: blur(5px);
	pointer-events: none;
	z-index: -1;
}

.home__slider.swiper {overflow: hidden;}
.home__slider .swiper-wrapper {display: flex; flex-wrap: nowrap;}
.home__slider .swiper-slide {flex-shrink: 0; width: 100%;}
.home__slider:not(:hover) .swiper-button-prev, .home__slider:not(:hover) .swiper-button-next{opacity:0.4;}
.home__slider .swiper-button-prev.swiper-button-disabled {opacity:0.05;}
.home__slider .swiper-button-next.swiper-button-disabled {opacity:0.05;}

/* Slider cards: characteristics — show on hover (desktop), override style.css hard-hide */
.cards__slider .product__card-narrow:hover .product__card-bottom-info {
	display: block !important;
}
/* Clamp characteristics to 3 lines inside the slider */
.cards__slider .product__card-bottom-info-inner {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
/* Reserve space in the slider mask so the hover popover is not clipped vertically */
.cards__slider-wrapper {
	padding-bottom: 95px;
	margin-bottom: -125px;
}

/* HOME — advantages cards (Dark premium glass) */
.advantages_st {
	position: relative;
	overflow: hidden;
	background: linear-gradient(172deg, var(--main) 0%, var(--dark) 100%);
	padding: 50px 0 60px 0;
}
.advantages_st::after {
	content: "";
	position: absolute;
	z-index: 0;
	border-radius: 50px;
	pointer-events: none;
	bottom: 0px; right: -10%;
	width: 50%; height: 50%;
	filter: blur(80px);
	background: radial-gradient(circle, var(--main), transparent 70%);
}
.adv__inner {position: relative; z-index: 1; max-width: 1600px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.adv__head {text-align: center; margin-bottom: 40px;}
.adv__eyebrow {
	display: block;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 600;
	color: #6db3ff;
	margin-bottom: 10px;
}
.adv__heading {text-align: center; margin-bottom: 12px; color: #fff;}
.adv__sub {
	max-width: 620px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.7);
}
.adv__grid {display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch;}
.adv__grid > .adv__card {flex: 1 1 calc(20% - 20px); max-width: calc(20% - 20px);}

/* Reset link decoration in html-block context */
.advantages_st a,
.advantages_st a:hover,
.advantages_st a:active,
.advantages_st a:visited {text-decoration: none;}

.adv__card {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 32px 26px;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
	border: 1px solid rgba(255, 255, 255, 0.22);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}
.adv__card::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--main), var(--main_5));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .4s ease;
}
.adv__card:hover {
	transform: translateY(-8px);
	box-shadow: 0 24px 55px rgba(0, 127, 255, 0.28);
	border-color: rgba(0, 127, 255, 0.55);
}
.adv__card:hover::before {transform: scaleX(1);}

/* Featured (first) card — soft accent: glass tint + gradient ring */
.adv__grid > .adv__card:first-child {
	background: linear-gradient(180deg, rgba(0, 127, 255, 0.18) 0%, rgba(0, 127, 255, 0.08) 100%);
	border-color: rgba(255, 255, 255, 0.22);
}

.adv__card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px; height: 64px;
	margin-bottom: 22px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--main), var(--main_5));
	color: #fff;
	box-shadow: 0 10px 28px rgba(0, 127, 255, 0.45);
	transition: transform .4s ease, box-shadow .4s ease;
}
.adv__card-icon svg {width: 32px; height: 32px; fill: none; stroke: var(--light);}
.adv__card:hover .adv__card-icon {
	transform: scale(1.08) rotate(-4deg);
	box-shadow: 0 14px 34px rgba(0, 127, 255, 0.65);
}

.adv__card-title {
	display: block;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: 10px;
	color: #fff;
}
.adv__text {
	display: block;
	flex: 1 1 auto;
	font-size: 15px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 22px;
}
.adv__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 600;
	color: #6db3ff;
	transition: gap .3s ease, color .3s ease;
}
.adv__more svg {width: 18px; height: 18px; fill: none; stroke: currentColor;}
.adv__card:hover .adv__more {gap: 14px; color: #fff;}

.advantages__blocks-button {text-align: center; margin-top: 40px;}

@media screen and (max-width: 1280px) {
	.adv__grid > .adv__card {flex: 1 1 calc(33.333% - 16px); max-width: calc(33.333% - 16px);}
}
@media screen and (max-width: 767px) {
	.adv__grid > .adv__card {flex: 1 1 calc(50% - 12px); max-width: calc(50% - 12px);}
}
@media screen and (max-width: 480px) {
	.adv__grid {gap: 16px;}
	.adv__grid > .adv__card {flex: 1 1 100%; max-width: 100%; padding: 26px 22px;}
}

/* HOME - END */

/* CATALOG*/
.page__block-popular-products  tr:first-child {font-weight:600; background: var(--main_8)}
.catalog .product__brands-item-images-wrapper {height: 60px;}
.filters__item-title, .filters__menu-title {font-weight: 600;}
.pagination__load-wrapper button.btn.btn__secondary.btn__block {
        background-color:transparent;
        border:transparent;
}
.seos__items-links{
    flex-wrap: wrap;
}
.seos__items-links li a  {
	text-decoration: none; 
	font-size: 15px;
	padding: 8px;
	min-width: unset;
}
.seos__items-links li a:hover {
	text-decoration: none; 
}
.content__text .seos__items-links li+li {
    margin-top: 0px;
}
.content__text h1, .content__text h2, .content__text h2 strong, .content__text h3, .content__text h3 strong, .content__text h4, .content__text h4 strong, .content__text h5, .content__text h6 {
    font-weight:600;
}

.content__text td img{
    height: auto!important;
    width: auto!important;
}

.product__brands-slider.swiper {
    opacity: 0;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}
.product__brands-slider.swiper.swiper-initialized {opacity: 1;}

.simple__swiper:not(:hover) .swiper-button-prev, .simple__swiper:not(:hover) .swiper-button-next{opacity:0.4;}
.product__brands-item-image img {height:90%; width:90%; padding:3% 0 0 3%;}
/* CATALOG - END */


/* PRODUCT */

.product__card-bottom-info-inner {color: var(--text_2);}
.product__page-tabs-links li a {padding:10px 5px;}
.product__page-tabs-links li a div {font-size: 18px;}
.product__page-tab .content__text h2 {font-size:22px;}
.product__page-tab .content__text h3 {font-size:20px;}
.content__text ul li+li {margin-top: 8px;}
.product__page-attributes a:hover {text-decoration:underline;}

.product__page-group-product a:not(.active):hover {
    background:var(--btn_secondary_hover);
    border-color: transparent;
}

.product__page-group-product a:not(.active):active {
    background:var(--btn_secondary_active);
    border-color: transparent;
}

.product__page-group-product a:not(.active):hover .product__page-group-product-name {
    color:var(--btn_secondary_text_hover);
}
.product__page-images-item-link{border-color:transparent;}
.product__card-bottom-info-inner{border-top: 1px dashed var(--main_8);}

@media screen and (min-width: 376px) and (max-width: 600px) { 
	.product__label {font-size: 12px;}
	.product__card-name {font-size: 15px;}
	.product__card-price {font-size:18px;}
	.product__card-price-old {font-size: 12px;}
	.product__card-buy-link svg {width: 24px;height:24px;}
	.product__card-buy-link {padding: 5px;}
	.product__card-rating-line .rating__block {display: none;}
}
@media screen and (max-width: 600px) {
	
	.product__card-images-block {height: 230px;}
	.product__card-image {height: 230px;}

	.product__buttons button svg {width: 24px;height:24px;}
	.product__buttons button {line-height: 38px;height: 38px;width: 38px;margin: 15px;}
	.product__card-bottom-info-inner {padding-top: 8px;}
    .product__card-bottom-info {display: block;position: relative;top:0%;left: 0px;}
    .product__card-bottom-info:after {display: none;}

	/* Slider cards: always-visible characteristics on mobile. */
	.cards__slider .product__card-content { padding-bottom: 60px; }
	.cards__slider .product__card-bottom-info {
		display: block !important;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
	}
	.cards__slider .product__card-bottom-info:after { display: none; }
	.cards__slider .product__card-bottom-info-inner { -webkit-line-clamp: 2; }
	.cards__slider-wrapper { padding-bottom: 0; margin-bottom: -30px; }

}

/* PRODUCT - END */

/* BLOG  */
.page__block-small+.page__block .h1 {margin-bottom: 20px;} 
.blog__item-images-wrapper{
	border-radius: 8px;
    overflow: hidden;
}
.blog__item-link, .blog__item-link:hover{box-shadow:none;}

.blog__item-name{
    font-size:18px;
    text-align:center;
	-webkit-line-clamp: 3;
}

/* BLOG - END */

/* OBJECTS*/

.catalog__item-images-wrapper{
	border-radius: 8px;
    overflow: hidden;
}

.catalog__item-link, .catalog__item-link:hover{box-shadow:none;}

.catalog__item-name{
    font-size:18px;
    text-align:center;
	-webkit-line-clamp: 3;
}



/* OBJECTS - END*/

/* PAGES */

.legacy_reviews li {
    list-style:none;
    display:block;
    padding: 15px;
    border: 1px solid var(--text_light_2);
    border-radius: 8px;
    margin-bottom: 15px;
}

.legacy_reviews .views-field-title {
    font-weight: 600;
    color: var(--text_2);
}
.legacy_reviews .views-field-created {
    color: var(--text_2);
    margin-bottom: 5px;
}
.legacy_reviews .views-field-body {
    text-align:justify;
    margin: 10px 0px;
}

.form__narrow-content {
    max-width: 1600px;
    margin: 0px auto;
}

.form__narrow {
    background-color: var(--main);
    padding: 30px 0;
}
.form__narrow-bg:before{
	display: none;
}

.form__narrow::after {
	transition: height 1s ease;
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: 50px;
    pointer-events: none;
    top: 0px;
    left: 50%;
    width: 100%;
    height: 0%;
    filter: blur(100px);
    background: radial-gradient(circle, var(--main_8), transparent 20%);
}

.form__narrow:hover::after{
	height: 100%;
}
.form__narrow-subtitle.title{font-weight: normal;}
.container .form__narrow{border-radius:8px; }

.kb_html.popup__body-inner {max-width:500px;}
.kb_html .popup__menu-schedule,.kb_html .popup__body-title {text-align:left}

.page__image-main-wrapper {padding-bottom: 10px;}
.page__image-main-wrapper .content__block {

    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-backdrop-filter: blur(6px); 
    backdrop-filter: blur(6px);     
    background: #0646bb36; 
}
.page__image-main-wrapper .breadcrumbs ul li a span {	font-size: 16px;}
.page__image-main-wrapper .breadcrumbs ul li:not(:last-child) a {color:var(--text_light_2)}
.page__image-main::after {
  content: '';
  position: absolute;
  inset: 0; 
  background-color: #0646bb4d;
  pointer-events: none; 
  z-index: 0;
}


/* PAGES - END */

/* EFFECTS */
.cards_st .title.h2 {padding-bottom: 10px; color: var(--text_2) }
.cards_st {background-color: var(--main_6); padding-bottom: 50px;}
.cards_st .page__columns-item-inner {
	background: linear-gradient( 210deg, var(--main_6) 0%, var(--main_9) 50%);
	border: 1px solid var(--main_9);
    padding: 25px 20px 20px 20px;
    border-radius: 8px;
}

.btn:active, 
a.header__catalog-link:active, 
a.fixed__button:active, 
.product__page-group-products li a:active, 
.filters__range .ui-slider-horizontal .ui-slider-handle:active,
.product__brands-item-link:active,
.product__categories-item:active,
.adv__card:active,
.blog__item:active,
.catalog__item:active,
.header__logo:active
{
	transform:scale(0.95)
}

.swiper .swiper-pagination-bullet {background: var(--btn_secondary_active);}
.swiper .swiper-pagination-bullet-active {background: var(--btn_secondary);}


.product__card-unavailable .product__card-name,
.product__card-unavailable .product__card-images-block,
.product__card-unavailable .product__card-info,
.product__card-unavailable .product__card-prices {
    filter: none;
}

.product__card-rating-line-icon svg {
    fill: var(--text_2);
    stroke: var(--text_2);
}
.product__card-rating-line span{
        color: var(--text_2);
}

.product__card-info-icon {
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--main_2);
	box-shadow: 0 0 0 0 var(--main_2);
	animation: circle_eff 6s infinite linear;
	position: relative;
}
.product__card-info-icon:before,
.product__card-info-icon:after {
	width:unset;
	height:unset;
	border:unset;
	transform:unset;
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: 0 0 0 0 var(--main_2);
	animation: inherit;
	animation-delay: -2s;
}
.product__card-info-icon:after {
	animation-delay: -4s;
}
@keyframes circle_eff {
	100% {box-shadow: 0 0 0 50px #f2e31200}
}


/* Пульс-кільце навколо кнопки */
.fixed__button[data-popup="popup__contacts"] {
  animation: fixed-btn-pulse 2.5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .fixed__button[data-popup="popup__contacts"] {
    animation: none;
  }
}

.fixed__button[data-popup="popup__contacts"]:hover {
  animation-play-state: paused;
}

/* Гойдання іконки телефону */
.fixed__button[data-popup="popup__contacts"] svg {
  animation: fixed-btn-ring 2.5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .fixed__button[data-popup="popup__contacts"] svg {
    animation: none;
  }
}

.fixed__button[data-popup="popup__contacts"]:hover svg {
  animation-play-state: paused;
}

/* ===== @keyframes ===== */

@keyframes fixed-btn-pulse {
  0% {
    box-shadow:
      rgba(0, 0, 0, 0.2) 0px 5px 14.25px 0.75px,
      0 0 0 0 rgba(var(--btn_accent_rgb, 99, 115, 210), 0.55);
  }
  60% {
    box-shadow:
      rgba(0, 0, 0, 0.2) 0px 5px 14.25px 0.75px,
      0 0 0 16px rgba(var(--btn_accent_rgb, 99, 115, 210), 0);
  }
  100% {
    box-shadow:
      rgba(0, 0, 0, 0.2) 0px 5px 14.25px 0.75px,
      0 0 0 0 rgba(var(--btn_accent_rgb, 99, 115, 210), 0);
  }
}

@keyframes fixed-btn-ring {
  0%, 30%, 100% { transform: rotate(0deg); }
  5%  { transform: rotate(15deg); }
  10% { transform: rotate(-14deg); }
  15% { transform: rotate(13deg); }
  20% { transform: rotate(-12deg); }
  25% { transform: rotate(10deg); }
}

/* EFFECTS-END */

/* TABLES */

.table__responsive table {
    font-size: 15px;
}

table.comparison__table tr td{
	border: 1px solid var(--main_7);
}

/*.product__page-tab-inner .table__responsive tbody tr:nth-child(odd) td, .table__responsive tbody tr:nth-child(odd) th {
    background: var(--main_9);
}*/
.product__page-tab-inner .table__responsive tbody tr:hover td, .table__responsive tbody tr:hover th {
    background: var(--main_9);
    transition: background .2s ease;
}

.product__page-group-products li {
    margin-bottom: 8px;
}

.table__responsive::-webkit-scrollbar {
    width: 5px;
    height: 20px;
}

@media (max-width: 600px) {
    .content__text table tr th, .content__text table tr td { padding: 8px; }
	.product__page-group-products li a{padding: 3px 6px;}
	.product__page-group-product-price{font-size: 14px;}
}

/* TABLES - END */

/****************** SHORTCLASS *******************/
.intro_st{font-size:20px}
.maxw1080 .container {max-width: 1080px;}
.relative .page__chess-block-images,.relative .page__chess-block-text {position: relative; top:unset;}
.fw400{font-weight:400}.fw500{font-weight:500}.fw600{font-weight:600}.fw900{font-weight:900}
.pt0{padding-top:0}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt70{padding-top:70px}.pt80{padding-top:80px}.pt90{padding-top:90px}.pt100{padding-top:100px}.pt150{padding-top:150px}.pt200{padding-top:200px}.pt250{padding-top:250px}.pt300{padding-top:300px}.pr0{padding-right:0}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr30{padding-right:30px}.pr40{padding-right:40px}.pr50{padding-right:50px}.pb0{padding-bottom:0}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb70{padding-bottom:70px}.pb80{padding-bottom:80px}.pb90{padding-bottom:90px}.pb100{padding-bottom:100px}.pb150{padding-bottom:150px}.pb200{padding-bottom:200px}.pb250{padding-bottom:250px}.pb300{padding-bottom:300px}.pl0{padding-left:0}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.mt0{margin-top:0}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}.mt150{margin-top:150px}.mt200{margin-top:200px}.mt250{margin-top:250px}.mt300{margin-top:300px}.mr0{margin-right:0}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr40{margin-right:40px}.mr50{margin-right:50px}.mb0{margin-bottom:0}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.ml0{margin-left:0}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}

/****************** SHORTCLASS-END *******************/

/****************** LEGACY-FIX *******************/
img.align-right, img.align-left {height:auto;}
@media (min-width: 800px) {
	img.align-right {
	padding-left: 15px;
	margin: 10px 0;
	float: right;
	}
	img.align-left {
	padding-right: 15px;
	margin: 10px 0;
	float: left;
	}
}
/****************** LEGACY-FIX-END *******************/


/******************  WCAG *******************/

input:focus,
select:focus,
textarea:focus {
  outline: none;
}


button:focus-visible,
.btn:focus-visible {
  outline: 3px solid #007fff;
  outline-offset: 3px;
}

a:focus-visible,
[role="tab"]:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #0646bb; 
  outline-offset: 3px;
  border-radius: 2px;
}

.product__page-tabs-links li a:focus-visible {
  outline: 3px solid #0646bb; 
  outline-offset: 2px;
  border-radius: 2px;
  opacity: 1;
}

.btn-primary:focus-visible,
[class*="btn"]:focus-visible {
  outline: 3px solid #131417; 
  outline-offset: 3px;
}

.header__nav a:focus-visible,
nav a:focus-visible {
  outline: 3px solid #fff;   
  outline-offset: 2px;
  border-radius: 2px;
}

.product__options a:focus-visible,
.product__options button:focus-visible {
  outline: 3px solid #0646bb;
  outline-offset: 2px;
}

a[href*="favorites"]:focus-visible,
a[href*="comparison"]:focus-visible,
.popup__cart-js:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  border-radius: 50%;
}

/******************  WCAG-END *******************/