/****************** VAR *******************/
:root {
    --body_bg                    :   #ffffff;
    --body_bg_2                  :   #f0f2fb;
    --body_bg_3                  :   #dfe3fa;
    --logo_c1                    :   #132938;
    --logo_c2                    :   #00b7ed;
    
    --footer_bg                  :   #ffffff;
    --copyright_bg               :   #ffffff;

    --dark                       :   #142a37;
    --main                       :   #0286E7;
    --main_num                   :   65, 125, 186;
    --main_2                     :   #00b7ed;
    --main_3                     :   #eef3fc;
    --main_4                     :   #eef5ff;
    --main_4_num                 :   240, 242, 251;
    --main_5                     :   #f1f7ff;
    --main_6                     :   #cbdbf6;
    --text                       :   #142a37;
    --text_2                     :   #a6b0c3;
    --text_3                     :   #142a37;
    --text_light                 :   #ffffff;
    --text_light_2               :   #f0f2fb;
    --text_light_3               :   #a8c4f0;
    --text_link                  :   #0286E7;
    --text_link_hover            :   #1da1ff;
    --text_link_active           :   #0286E7;

    --btn_primary                :   #0286E7;
    --btn_primary_hover          :   #00b7ed;
    --btn_primary_active         :   #0286E7;
    --btn_primary_text           :   #ffffff;
    --btn_primary_text_hover     :   #ffffff;
    --btn_primary_text_active    :   #ffffff;

    --btn_secondary              :   #f0f2fb;
    --btn_secondary_hover        :   #dfe7fa;
    --btn_secondary_active       :   #f0f2fb;
    --btn_secondary_text         :   #474c58;
    --btn_secondary_text_hover   :   #131417;
    --btn_secondary_text_active  :   #474c58;

    --btn_ghost                  :   #0286E7;
    --btn_ghost_hover            :   #00b7ed;
    --btn_ghost_active           :   #0286E7;
    --btn_ghost_text             :   #0286E7;
    --btn_ghost_text_hover       :   #ffffff;
    --btn_ghost_text_active      :   #ffffff;

    --color_error                :   #D94C3E;
    --color_attention            :   #ffb100;
    --color_attention_num        :   255, 177, 0;
    --color_success              :   #079A5E;
    --color_black                :   #000000;
    --color_white                :   #ffffff;

    --shadow_1                   :   0px 5px 14.25px 0.75px rgba(225, 228, 231, 0.4);
    --shadow_product             :   0px 10px 10px 0.75px rgba(225, 228, 231, 0.9);
    --shadow_2                   :   0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    --shadow_3                   :   0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    --transition                 :   0.1;
}

/****************** VAR - END *******************/

/****************** FONTS *******************/

/* 400 500 700 800 900 */
@font-face {
    font-family: 'Inter 18pt';
    src: url('fonts/font1/subset-Inter18pt-Regular.woff2') format('woff2'),
        url('fonts/font1/subset-Inter18pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 18pt';
    src: url('fonts/font1/subset-Inter18pt-ExtraBold.woff2') format('woff2'),
        url('fonts/font1/subset-Inter18pt-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 18pt';
    src: url('fonts/font1/subset-Inter18pt-Medium.woff2') format('woff2'),
        url('fonts/font1/subset-Inter18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('fonts/font1/subset-Inter18pt-SemiBold.woff2') format('woff2'),
        url('fonts/font1/subset-Inter18pt-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/****************** FONTS - END *******************/

/****************** GENERAL *******************/
body{min-height: 100svh;}
body.checkout main {padding-bottom: 30px;}

.btn,
.input__checkbox-item-text  {
    user-select: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single{opacity: 0.2;}
#popup__catalog .catalog__menu-items>ul li {list-style: none;}
#popup__catalog .popup__body-wide {padding: 0px 20px;}
/****************** GENERAL - END *******************/


/****************** ST *******************/

.intro_st {font-size: 20px}

.gradient_st { background: linear-gradient(180deg,var(--body_bg_2) 10%,transparent 100%)}
/****************** ST - END *******************/


/****************** CUSTOM *******************/
html, body, input, select, textarea, button {font-family: 'Inter 18pt', Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;}

/* Logo */
#logo_svg .logo_c1{fill: var(--logo_c1)}
#logo_svg .logo_c2{fill: var(--logo_c2)}
#logo_svg:hover .logo_c2{fill: var(--main)}
footer .footer__wrapper-bg #logo_svg .logo_c1{fill: var(--color_white)}
.header__logo img,
.header__logo svg {max-height: 50px; margin-top: 4px;}
/* Logo-END */


/* Form */

.form__narrow {
    background-color: transparent
}

.form__narrow-left {
    color: var(--text);
    text-shadow: 1px 1px 1px #ffffff4a,  2px 2px 2px #ffffff24,  -1px -1px 3px #ffffff14, 5px 0px 25px #ffffff;
}

.form__narrow-bg:before {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgb(255 255 255 / 50%);
    border: 1px solid #ffffff63
}

/* Form-END */

/* Size tune */
.reviews__card-text {
    font-size: 15px;
}

.input__checkbox-2:checked+span:after {
    width: 16px;
    height: 16px;
}

.filters__item-content-slider {min-height: 98px;}

.container .slider__wide-slide-content,
.container__narrow .slider__wide-slide-content {
    padding-right:5%;
    padding-left:5%;
}


.title {font-weight: 800;}
.breadcrumbs ul li:last-child a {font-weight: 400;}

.h1 {font-size: 36px;margin-bottom: 20px;}
.h2 {font-size: 28px;margin-bottom: 20px;}
.h3 {font-size: 22px;margin-bottom: 20px;}
.h4 {font-size: 20px;margin-bottom: 15px;}
.h5 {font-size: 18px;margin-bottom: 15px;}
.h6 {font-size: 16px;margin-bottom: 15px;}

.product__card-name {font-size:unset;}

.header__catalog-link-text,
.header__phone-link,
.main__menu ul li a, 
.product__page-tabs-links li a>* {
    font-size:18px
}

.popup__cart-item-name,
.header__search-input[type="text"],
.catalog__menu-items-link,
.product__categories-item-name {
    font-size:16px
}
.breadcrumbs ul li a span {
    font-size: 15px;
}

/* Size tune-END */

.header__search .header__search-input[type="text"]:focus{border-color: var(--main);}
*.input__text{border-color:var(--btn_secondary_hover);}
.home__blocks-cart-icon{margin-right: 5px;}
.product__label {font-weight: 600;font-size: 14px;}
.pagination__load-wrapper .btn {background-color: transparent;border: transparent;}

/* .page__block */
.page__block-small+.page__block {
    padding-top: 10px;
}

.page__block-small+.page__block h1 {
    margin-bottom: 10px;
}

.catalog__page-nav-block {
    margin-bottom: 5px;
}
/* .page__block -END */

/* .content__text */
.content__text .alignleft {
    display: inline;
    float: right;
width:auto;
}
.content__text .alignright {
    display: inline;
    float: right;
width:auto;
}
/* .content__text. -END */

/* .product__categories */
.product__categories-item-link {
    box-shadow:unset;
}
.product__categories-item-image-inner{
    -webkit-transition: all 0.2s  cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -moz-transition: all 0.2s  cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -o-transition: all 0.2s  cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
/* .product__categories -END */


/* .orderinfo__page-payment */
.content__text .orderinfo__page-payment *+* {
    margin-top: 0px;
}
.orderinfo__page-payment {
    box-shadow: var(--shadow_3);
    padding: 15px;
    margin-bottom: 50px;
    border: 4px solid var(--color_attention);
}
.orderinfo__page-top-line-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0;
    font-weight: 500;
}
.orderinfo__page-payment .button__simple {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    margin-left: 5px;
    background: var(--btn_secondary);
    border: 1px solid var(--btn_secondary_hover);
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.95rem;
    transition: background 0.2s ease, border-color 0.2s ease;
    overflow-wrap: anywhere;
}
.orderinfo__page-payment .button__simple:hover {
    background: var(--btn_secondary_hover);
    border-color: var(--main);
}
.orderinfo__page-payment .button__simple svg {
    fill: #555;
}
.orderinfo__page-top-annention {
    margin-top: 20px;
    padding: 12px 15px;
    background: var(--body_bg_2);
    border-left: 4px solid var(--color_attention);
    border-radius: 6px;
    font-weight: 500;
    color: #a15c00;
}

.orderinfo__page-top-annention a {
    color: var(--text_link);
    font-weight: 600;
    text-decoration: none;
}
.orderinfo__page-top-annention svg.content__phone-arrow {
    transform: rotate(90deg);
}
.order__page-products-item>* {
    padding: 10px 0px;
}

/* .orderinfo__page-payment -END */

/* .checkout__page */
.checkout__page-products-item:not(.checkout__page-products-total-line) {
    box-shadow: 0px 1px var(--main_4);
}
/* .checkout__page -END */

/* footer */

.footer__logo {width: 100%; max-width:350px;}

.form__wide-left {
    text-shadow: 1px 1px 5px #0000004d;
}

.footer__blocks-item-text p+p {
    margin-top: 10px;
}

#prefooter__form-wrapper {
  position: relative;
  z-index: 0; /
}

#prefooter__form-wrapper::after {
  content: "";
  position: absolute;
  inset: 0; 
  background: linear-gradient(
    rgb(0 0 0 / 10%) 0%,  
    rgb(0 0 0 / 25%) 70%,  
    rgb(0 0 0) 100% 
  );
  z-index: -1; 
}


/* footer -END */

/* contacts */
.content__text .popup__menu-contacts ul li a.flex__block svg + * {
	margin-top: 0px;
}
.content__text .popup__menu-contacts ul li a:hover {
	text-decoration: none;
    color: var(--text_link_hover)
}

.content__text .popup__menu-contacts ul li a {
	padding-left: 40px;
}
.content__text .popup__menu-contacts ul li a {
    color:var(--text);
}
.content__text .popup__menu-contacts ul li a:hover svg {
	stroke: var(--btn_primary_hover);
	fill: var(--btn_primary_hover);
}

/* contacts -END */


/* Effects */
.home__slider:not(:hover) .swiper-button-next, .home__slider:not(:hover) .swiper-button-prev {
    opacity: 0;
}


button.btn.btn__primary.active {
    background-color: var(--main_2) !important;
    border-color: var(--main_2) !important;
}

a.btn.disabled, .btn:disabled, a.btn__link.disabled .btn{
    opacity: 0.2;
}

.home__blocks-cart-button .btn__primary,
.product__page-buttons .btn__primary:not(.active ) {
    overflow: hidden;
    border: transparent
}
.home__blocks-cart-button .btn__primary:after,
.product__page-buttons .btn__primary:not(.active ):after {
    content: "";
    position: absolute;
    top: calc(50% - 37px);
    left: calc(50% - 37px);
    background: hsla(0,0%,100%,.4);
    border-radius: 100px;
    opacity: 0;
    width: 74px;
    height: 74px;
    z-index: 10;
    -webkit-animation: pulse 2.5s linear 2s infinite;
    animation: pulse 2.5s linear 2s infinite
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0;
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }
}


.header__catalog-link {
  animation: pulseAttention 10s ease-in-out infinite;
  transition: background-color 0.3s ease;    
}
.btn.btn__primary:active,
.btn.btn__secondary:active,
.btn.btn.btn__ghost:active
 {
  transform: scale(0.98);
}

@keyframes pulseAttention {
  0% {
    
    box-shadow:inset 0 0 0 #0286e71a;
  }
  50% {
    box-shadow:inset 0 2  10px #008be357;
  }
  100% {
    box-shadow:inset 0 0 0 #0286e71a;
  }
}

/* Effects -END */

/* Media */
@media (max-width: 680px) {
    .h1 {font-size: 28px;}
    .h2 {font-size: 24px;}
    .h3 {font-size: 22px;}
    .h4 {font-size: 20px;}
    .h5 {font-size: 19px;}
    .h6 {font-size: 18px;}


}
@media screen and (max-width: 640px) {
    .checkout__page-products-item+.checkout__page-products-item{
        margin-top: 0px;
    }
    .checkout__page-products-item{
        padding: 10px 0px;
    }
}

/* Media */
/****************** CUSTOM - END *******************/