:root {
  --black: #0A0806;
  
  --gold-gradient: linear-gradient(
    153.29deg,
    #D9B383 -6.48%,
    #C3974B 83.26%
  );
}


body {
    margin: 0;

    font-family: "Inter Tight", sans-serif;
    font-size: 18px;
    color: #000;
    -webkit-font-smoothing: antialiased;

    background-color: #F4F4F4;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

main {
    overflow-x: hidden;
}

p {
    margin: 0px;
}

a, button {
    all: unset;
    cursor: pointer;
}

/* Container
===================*/
/*
.container {
    width: calc(100% - 60px);
    max-width: 100%;
    margin: 0 30px;
}
*/


/*COMPONENTS*/
.btn-3 {
  font-family: Onest, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 110%;
  letter-spacing: -0.01em;
  text-transform: uppercase;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  border: 1px solid #D5AE78;
  color: #D5AE78;
  padding: 15px 24px;
  border-radius: 67.5px;

  background: transparent;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}

.btn-3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(153.29deg, rgba(217, 179, 131, 0.16) -6.48%, rgba(195, 151, 75, 0.16) 83.26%);
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}

.btn-3:hover::before {
  opacity: 1;
}

.btn-3 > * {
  position: relative;
  z-index: 1;
}

/* --- Active & Focus States --- */

.btn-3:focus,
.btn-3:active {
  color: #fff;
  background: rgba(181, 148, 100, 1);
  border-color: rgba(181, 148, 100, 1);
  outline: none;
}

/* Скрываем градиент при клике, чтобы был чистый фон */
.btn-3:focus::before,
.btn-3:active::before {
  opacity: 0;
}

/* Делаем иконку белой */
.btn-3:focus img,
.btn-3:active img {
  filter: brightness(0) invert(1);
}

.btn-phone {
    padding: 3.75px 4.5px 3.75px 18px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 66px;
    display: flex;
    color: #fff;
    transition: .3s linear;
    align-items: center;
    gap: 17px
}

.btn-phone span {
    min-width: 37.5px;
    height: 37.5px;
    border-radius: 100%;
    background: rgba(128, 128, 0, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_phone_col {
    display: flex;
    flex-direction: column;
    gap: 5.25px;
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 10px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: 0%;
}

.btn_phone_col div {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 13.5px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: -1%;
}

.btn-phone:hover {
    background: rgba(255, 255, 255, 1);
    color: #000;
}

.btn-header-cart_col {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;

}

.btn-header-cart_col div {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    white-space: nowrap;
}    

.btn-header-cart {
    display: flex;
    align-items: center;
    gap: 9px;
    background: linear-gradient(124.53deg, rgba(119, 125, 51, 0.7) 24.18%, #777D33 83.07%),
linear-gradient(0deg, #748041, #748041);
    padding: 8.5px 20px;
    border: 1px solid #FFFFFF4F;
    border-radius: 67.5px;
}
















.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 30px;
}

header {
    margin-top: 20px;
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}

header .header_col {
    display: flex;
    gap: 6px;
    height: 69px;
}

.header_logo {
    padding: 0px 24px;
    border-radius: 12px;
    background: var(--black);
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_nav {
    background: var(--black);
    color: #fff;
    border-radius: 12px;
    padding: 12px;
    width: 100%;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_link {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
}

.header_l {
    display: flex;
    align-items: center;
    gap: 30px;
    height: 100%;
}

.header_dropdown {
    display: flex;
    align-items: center;
    gap: 5px;

    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    
    cursor: pointer;
    position: relative;
}

/*.header_dropdown_flex .header_dropdown_menu_content-services {*/
/*    flex-direction: column-reverse;*/
/*    display: flex;    */
/*}*/

.header_dropdown.header_dropdown-btn {
    padding: 0 21px;
    background: var(--gold-gradient);
    height: 100%;
    border-radius: 30px;
    color: var(--black);
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -1%;
    text-transform: uppercase;
}

.header_dropdown.header_dropdown-btn img {
    filter: invert(1);
}

.header_dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 4px;
}

.header_dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 4px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 100;
    min-width: 400px; 
}

.header_dropdown:hover .header_dropdown_menu {
    opacity: 1;
    visibility: visible;
}

.header_dropdown_menu_content {
    background: #fff;
    color: var(--black);
    font-family: 'Inter Tight', sans-serif; 
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4;
    padding: 24px; 
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 15px 30px; 
}

.dropdown-link {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: none;

    
    text-decoration: none;
    color: inherit;
    transition: color 0.2s ease;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

.header_dropdown_menu_content-services {
    background: #fff;
    color: var(--black);
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4;
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 1fr;
    max-width: 234px;
    gap: 15px 30px;
}

.header_dropdown_menu_content-services .dropdown-link {
    text-decoration: none;
    color: inherit;
    transition: color 0.2s ease;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}




.header_r {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Оверлей (фон) */
.review-modal-overlay {
    display: none; /* Приховано за замовчуванням */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 8, 6, 0.6); /* Затемнення фону */
    z-index: 9999;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* Саме вікно */
.review-modal-window {
    background-color: #ECEde8; /* Колір як на скріншоті */
    border-radius: 12px;
    padding: 45px 40px;
    width: 100%;
    max-width: 684px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    animation: fadeInModal 0.3s ease-out;
}

@keyframes fadeInModal {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Кнопка закриття */
.review-modal-close {
    position: absolute;
    top: 50px;
    right: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    transition: opacity 0.2s;
}
.review-modal-close:hover {
    opacity: 0.7;
}

/* Заголовок */
.review-modal-title {
    font-family: "Bebas Neue Pro", sans-serif;
    font-weight: 800;
    font-style: normal; /* Expanded ExtraBold */
    font-size: 54px;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #0A0806;
    margin-bottom: 40px;
    text-align: left;
}

/* Група інпутів */
.review-inputs-group {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Відступ між інпутами */
}

/* Стилі інпутів */
.review-input, .review-rating-box {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
    padding: 16px 24px;
    
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 124%;
    color: #292D32;
    outline: none;
    transition: box-shadow 0.2s;
}

.review-input:focus {
    box-shadow: 0 0 0 2px rgba(213, 174, 120, 0.5); /* Легке підсвічування при фокусі */
}

.review-input::placeholder {
    color: #292D32;
    opacity: 0.7;
}

.review-textarea {
    min-height: 120px;
    resize: none;
}

/* Блок з зірками */
.review-rating-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-rating-label {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #292D32;
}

/* Зірки (CSS only magic) */
.review-stars {
    display: flex;
    flex-direction: row-reverse; /* Щоб ховер працював правильно зліва направо */
    gap: 4px;
}
.review-stars input {
    display: none;
}
.review-stars label {
    font-size: 24px;
    color: #D4D4D4; /* Сірий колір неактивних зірок */
    cursor: pointer;
    transition: color 0.2s;
    line-height: 1;
}
.review-stars input:checked ~ label svg path,
.review-stars label:hover svg path ,
.review-stars label:hover ~ label svg path {
    fill: #C3974B; /* Твій золотий колір */
}

.review-submit-btn {
    margin-top: 40px;
    display: block;
    width: -webkit-fill-available;
    padding: 18px;
    border-radius: 30px;
    text-align: center;
    border: none;
    background: linear-gradient(123.1deg, rgba(128, 128, 0, 0.8) -2.28%, #808000 71.69%);
    color: #FFFFFF;
    font-family: "Inter Tight", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 104%;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.review-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(128, 128, 0, 0.3);
}

.review-submit-btn:active {
    transform: translateY(0);
}

/* Нижній текст */
.review-footer-text {
    margin-top: 32px;
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 124%;
    color: #292D32;
    text-align: left;
}

/* Успішний стан */
.review-success-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 0;
}

.success-icon {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.review-success-content .review-modal-title {
    margin-bottom: 10px;
    text-align: center;
}

.review-success-content .review-footer-text {
    text-align: center;
    margin-top: 10px;
}

.review-modal-close svg {
    transform: scale(2);
    
}


























.catalog_what_do_you_need_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    padding-right: 48px;
    white-space: nowrap;
}

.catalog_what_do_you_need {
    margin-top: 20px;
}

.catalog_what_do_you_need_col {
    background: #FFFFFF;
    padding: 5px 20px;
    width: -webkit-fill-available;
    border-radius: 5px;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.catalog_what_do_you_need_col::after {
    content: "";
    width: 160px;
    height: calc(100% + 10px);
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        #ffffff 87.5%,
        #ffffff 100%
    );
    position: absolute;
    pointer-events: none;
    right: 0px;
}

.catalog_what_do_you_need_cat {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
}

.catalog_what_do_you_need_cat::before {
    content: "";
    width: 90px;
    height: calc(100% + 10px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    transform: rotate(180deg);
    position: absolute;
    left: -40px;
}


.catalog_what_do_you_need_cat button {
    padding: 4px 10px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    border-radius: 100px;
    white-space: nowrap;
}

.catalog_what_do_you_need_cat button.active {
    background: #748041;
    color: #fff;
}

.catalog_banner {
    margin-top: 33px;

}

.catalog_banner_col {
    height: 431px;
    background: #777;
    border-radius: 12.75px;
    overflow: hidden;
    position: relative;
}

.catalog_banner_contollers {
    position: absolute;
    right: 24px;
    bottom: 24px;
    display: flex;
    gap: 7px;
    align-items: center;
    z-index: 2;
}

.catalog_banner_contollers button {
    width: 77px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0A0806;
    border-radius: 47px;
    position: relative;
}

.catalog_banner_contollers button img {
    display: flex;
}

.catalog_banner_contollers button:last-child {
    transform: rotate(180deg);
}

.catalog_banner_block {
    display: flex;
    align-items: stretch;
    height: -webkit-fill-available;
    /*padding-left: 24px;*/
    justify-content: flex-end;
    position: absolute;
    width: -webkit-fill-available;

    transition: .3s ease;
    opacity: 0;
}

.catalog_banner_block.active {
    opacity: 1;
}

.catalog_banner_block_content {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    padding-left: 24px;
    position: relative;
    z-index: 1;
    width: -webkit-fill-available;
    justify-content: flex-end;
}

.catalog_banner_block_content h3 {
    max-width: 600px;
    font-family: "Bebas Neue Pro";
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 72px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;

    display: inline-block;
    background: linear-gradient(149.19deg, #ffffff 37.84%, #bcad8b 78.67%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    padding-bottom: 12px;
}


.catalog_banner_block img {
    width: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 0;
    height: 100%;
}

.catalog_banner_block_content div {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 114.99999999999999%;
    letter-spacing: 0%;
    color: #FFFFFF;
    max-width: 422px;
}

.catalog_grid {
    margin-bottom: 90px;
}

.catalog_grid_head {
    margin-top: 42px;
    display: flex;
    align-items: flex-start;
    gap: 77px;
    justify-content: space-between;
    margin-bottom: 53px;
}

.catalog_grid_head h1 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin-right: 22px;
}

.catalog_grid_head h1 sub {
    font-family: "Bebas Neue Pro";
    font-weight: 800;
    font-size: 0.55em;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
    top: -0.55em;
}

.catalog_grid_head #catalog_grid_head_search {
    all: unset;

    font-family: Inter Tight;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 124%;
    letter-spacing: 0;

    padding: 16.5px;
    padding-left: 48px;
    background: #FFFFFF url("/assets/img/catalog/icons/search.svg") no-repeat 16px center;
    border-radius: 8px;
}

.catalog_grid_btn_filter {
    display: flex;
    align-items: center;
    gap: 5.5px;
    justify-content: center;
    padding: 12.5px 24px;
    color: #465525;
    border: 1px solid #777D33;
    border-radius: 50px;
    white-space: nowrap;
}

.catalog_grid_head_l, .catalog_grid_head_r {
    display: flex;
    align-items: flex-start;
}

.catalog_grid_head_r {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.catalog_grid_head_r div {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    white-space: nowrap;
}

h2.catalog_grid_subtitle {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.catalog_grid_col {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.catalog_product {
    background: #fff;
    border-radius: 12px;
    padding: 21px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.catalog_product_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
}

.catalog_product_color {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.catalog_product_color_block {
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 2.25px;
}

.catalog_product_img, .catalog_product_head, .catalog_product_title {
    cursor: pointer;
}

.catalog_product_color_block.active {
    width: 18px;
    height: 18px;
    border: 0.95px solid #447F5C;
}

.catalog_product_price {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    color: #292D32;

    display: flex;|
    justify-content: center;
    align-items: center;
}

.catalog_product_title {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    padding-bottom: 11px;
}

.catalog_product_main_r {
    display: flex;
    gap: 6px;
    align-items: center;
}

.catalog_product_main_l span {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 10px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: #0A080680;
}

.catalog_product_main_l div {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    color: #292D32;
}

.catalog_product_main_l div curency {
font-family: Inter Tight;
font-weight: 600;
font-style: SemiBold;
font-size: 12px;
leading-trim: NONE;
line-height: 124%;
letter-spacing: 0%;
margin-left: 1px;
}

.catalog_product_img {
    height: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog_product_img img {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.catalog_product_qty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 12px;
    border: 0.81px solid #D4D4D4;

    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: 0%;
    border-radius: 100px;

    height: 26px;
}

.catalog_product_qty input {
    all: unset;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: 0%;
    width: 20px;
    text-align: center;
}

.catalog_product_main {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding-bottom: 12px;
    border-bottom: 1px solid #0000001A
}

.catalog_product_buy {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog_grid_container {
    margin-bottom: 90px;
}

.catalog_product_main_boxes {
    display: flex;
    justify-content: space-between;
    gap: 7px;
    align-items: flex-end;
    margin-top: 12px;
}

.catalog_product_main_box {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.catalog_product_main_box button {
    padding: 3px 6px;
    background: #C3974BCC;
    
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;

    position: relative;
    border-radius: 2.19px;
    box-shadow: 0px 2px 4px 0px #00000040;
    line-height: 100%;;
    display: flex;
    
}

.catalog_product_main_box button span {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    
}

.catalog_product_main_button_l_icon {
    position: absolute;
    right: 3px;
    bottom: 3px;
}

.catalog_product_main_box_price {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}

.catalog_product_main_box_price currency {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 8px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    margin-left: 2px;
}

.catalog_product_main_box_price span {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 8px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
}

.catalog_product_main_box.size-xl button {
    height: 46px;
}

.catalog_product_main_box.size-l button {
    height: 38px;
        
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 8px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    
}

.catalog_product_main_box.size-m button {
    height: 31px;
    
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 8px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    
}

.catalog_product_main_box.size-s .catalog_product_main_button_l {
    display: flex;
    align-items: center;
    gap: 1px;
    align-content: center;
    line-height: 20%;
}

.catalog_product_main_box.size-s .catalog_product_main_button_l span {
    font-family: Onest;
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 70%;
    letter-spacing: -2%;

}    

.catalog_product_main_box.size-s button {
    color: #000;
     height: 23px; 
    display: block; 
    
    background: rgb(0, 0, 0, 0);
    box-shadow: NONE;
    
    /* Картинка будет растягиваться вместе с кнопкой */
    /*background: url(/assets/img/catalog/icons/border-box.svg) center center no-repeat;*/
    /*background-size: 100% 100%; */
    border: 1px dashed #C3974BCC;
    border-radius: 2.19px;
    
    padding: 5px 12px;
    cursor: pointer; /* Хороший тон для кнопок */
}











.product_breadcrumbs_col {
    display: flex;
    align-items: center;
    gap: 3px;
}

.product_breadcrumbs {
/*    display: flex;*/
    align-items: center;
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 11px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000000;
    margin-top: 13px;
    margin-bottom: 25px;
}

.product_breadcrumbs a {
    color: #00000099;
}

.product_breadcrumbs a img {
    display: flex;
}





.product_anchor_link {
    margin-bottom: 26px;
}

.product_anchor_link_col {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 5px 12px;
    background: #FFFFFF;
    border-radius: 5px;
}

.product_anchor_link_col button {
    padding: 4px 10px;
    border-radius: 100px;
    color: #646260;

    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;

}

.product_anchor_link_col button.active {
    background: #748041;
    color: #FFFFFF;
}






.product_main {
    margin-bottom: 40px;
}

.product_main_col {
    display: flex;
    gap: 17px;
    justify-content: space-between;
    width: 100%
}

.product_main_l {
    width: 45%
}

.product_main_r {
    width: 55%
}

.product_main_l_photo {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 621px;
}

.product_main_l_photo img {
    position: absolute;
    padding: 55px;
    height: 100%;
    width: -webkit-fill-available;
    object-fit: contain;

    transition: .3s ease;
    opacity: 0;
}

.product_main_l_photo img.active {
    opacity: 1;
}

.product_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;

    padding-bottom: 59px;
    margin-bottom: 18px;
    position: relative;
}

.product_title art {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    color: #00000080;
    text-transform: none;

    position: absolute;
    right: 0;   
    bottom: 0;
} 

.product_main_r_box_opt {
    padding: 27px;
    padding-bottom: 30px;
    background: #FFFFFF;
    border-radius: 10px;
}

.product_main_r_box_opt_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 21px;
}

.product_main_r_box_opt_title_l {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;

}

.product_main_r_box_opt_subtitle_l {
    padding: 9px 12px;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0em;
    color: #808000;
    background: #80800033;
    border-radius: 55px;
    text-transform: none;
}


.product_main_r_box_opt_title_r {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: -1%;
    color: #777D33;
}

.product_main_r_box_opt_boxes {
    display: flex;
    gap: 6px;
}

.product_main_r_box_opt_boxes button {
    display: flex;
    flex: 1;
    background: #FAFAFA;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding-top: 22px;
    padding-bottom: 16px;
    flex-direction: column;
    border: 1px solid rgb(0, 0, 0, 0);
}

.product_main_r_box_opt_boxes button.active {
    background: #F5F5EC;
    border: 2px solid #808000;
}

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

    width: 104px;
    height: 104px;
}


.product_main_r_box_opt_main span {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;

    font-family: Onest;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;

}

.product_main_r_box_opt_main span atr {
    font-family: Onest;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
}

.product_main_r_box_opt_boxes_price {
    font-family: Onest;
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    vertical-align: bottom;
    color:  #808000;

    margin-top: 9px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.product_main_r_box_opt_boxes_price atr {
    font-family: Onest;
    font-weight: 900;
    font-style: Black;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    vertical-align: bottom;

}

button[data-level="4"] .product_main_r_box_opt_main span {
    width: 104px;
    height: 104px;
    border-radius: 5px;
    color: #fff;
    background: #C3974B;
}

button[data-level="3"] .product_main_r_box_opt_main span {
    width: 83px;
    height: 83px;
    border-radius: 5px;
    color: #fff;
    background: #C3974B;
}

button[data-level="2"] .product_main_r_box_opt_main span {
    width: 53px;
    height: 53px;
    border-radius: 5px;
    color: #fff;
    background: #C3974B;
}

button[data-level="1"] .product_main_r_box_opt_main span {
    width: 38px;
    height: 38px;
    border-radius: 0;
    background: url(/assets/img/product/icons/1qty.png) center center no-repeat;
    background-size: 100% 100%; /* или cover */
}

.product_main_r_color_qty {
    margin-top: 12px;
    display: flex;
    gap: 12px;
}

.product_main_r_color, .product_main_r_qty {
    display: flex;
    flex: 1;
    padding: 23px;
    background: #fff;
    flex-direction: column; 
    border-radius: 10px;
}

.product_main_r_color_title {
    margin-bottom: 10px;
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.product_main_r_color_subtitle {
    font-family: Onest;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    color: #0A0806CC;
    margin-bottom: 11px;
}

.product_main_r_color_picker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    row-gap: 6px;
    min-height: 41px;
    height: auto;
}

.product_main_r_color_picker button {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 4.5px;
    transition: .3s ease;
    border: 2px solid #fff;
}

.product_main_r_color_picker button.is-light-color {
    border-color: #d9d9d9;
}

.product_main_r_color_picker button.active {
    width: 41px;
    height: 41px;
    border: 2px solid #447F5C
}

.product_main_r_color_p {
    margin-top: 24px;
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    color: #00000080;
}

.product_main_r_qty_top {
    display: flex;
    gap: 45px;
}

.product_main_r_qty_top_text {
    display: flex;
    flex-direction: column;
}

.product_main_r_qty_subtitle {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
}

.product_main_r_qty_p {
    color: #00000080;
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    margin-top: 7px;
}

.product_main_qty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 13px 9px;
    border: 1px solid #D9D9D9;
    height: 38px;
    border-radius: 6px;
}

.product_main_qty button {
    font-family: Bebas Neue Pro;
    font-weight: 700;
    font-style: Bold;
    font-size: 15.13px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: -2%;
    color: #00000066;
}

.product_main_qty button:hover {
    color: #000000;
}

.product_main_qty input {
    all: unset;
    width: 18px; 
    font-family: Bebas Neue Pro;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: 0%;
   text-align: center;
}

.product_main_r_qty_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;

}

.product_main_r_qty_bottom span,.product_main_r_qty_bottom span img, .product_main_r_qty_bottom span art {
    display: flex;
}

.product_main_r_qty_bottom span {
    gap: 1px;
}

.product_main_r_qty_bottom span art img {
    width: 17px;
    height: 25px;
}

.product_main_r_qty {
    flex-direction: column;
    justify-content: space-between;

}

.product_main_r_qty_discount {
    display: flex;
    justify-content: flex-end;
}

.product_main_r_qty_discount span:not(.js-savings-val) {
    font-family: Inter Tight;
    font-weight: 700;
    font-size: 12px;
    line-height: 118%;
    letter-spacing: -1%;
    text-align: center;
    color: #808000;
    padding: 4px 10px;
    background: #E4E5D6;
    border-radius: 100px;
}

.product_main_r_action {
    display: flex;
    gap: 13px;
    margin-top: 20px;
    flex-direction: row-reverse;
}

.product_add_to_cart {
    width: 62%;
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(124.53deg, rgba(128, 128, 0, 0.7) 24.18%, #808000 83.07%);

    border-radius: 67.5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
    gap: 9px;
}

.product_fast_buy {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;

    height: 75px;  
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #000000;
    border-radius: 67.5px;
    width: 38%;
}

.product_acc_discount {
    margin-top: 40px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
}

.product_acc_discount_textcontent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.product_acc_text {
    display: flex;
    flex-direction: column;
}

.product_acc_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.product_acc_subtitle {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: -1%;
    margin-top: 8px;
    color: #808000;
}

.product_acc_discount_textcontent button {
    font-family: Onest;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    text-align: center;
    padding: 15.5px 20px;
    border: 1px solid #777D33;
    border-radius: 50px;
    color: #465525;
    display: flex;
    justify-content: center;    
    align-items: center;
    gap: 5.5px;
}

.product_acc_discount_line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.product_acc_discount_line span {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #777D33;
}

.product_acc_discount_line {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product_acc_discount_line > span {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-size: 14px;
    line-height: 1;
    color: #808000;
    white-space: nowrap;
}

.product_acc_discount_line_width {
    width: 100%;
    height: 18px;
    background: #E0E0E0;
    border: 1px solid #0000004D;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.product_acc_discount_line_fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #777D33;
    border-radius: 20px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    padding-right: 9.25px;

    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-size: 15px;
    line-height: 0.91;
    text-transform: uppercase;
    color: #FFFFFF;

    overflow: hidden;

    box-shadow: 0 0 0 rgba(119, 125, 51, 0);
    transition: width 2220ms cubic-bezier(.2,.9,.2,1);
}

.product_acc_discount_line_fill::after {
    content: "";
    position: absolute;
    top: 0;
    left: -70%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.product_acc_discount_line_width.is-running .product_acc_discount_line_fill::after {
    opacity: 1;
    animation: discountShine 1.15s linear infinite;
}

@keyframes discountShine {
    0% { left: -70%; }
    100% { left: 140%; }
}

.product_acc_discount_line_width.is-flash .product_acc_discount_line_fill {
    animation: discountFlash 520ms ease-out 1;
}

@keyframes discountFlash {
    0% { filter: brightness(1); box-shadow: 0 0 0 rgba(119,125,51,0); }
    55% { filter: brightness(1.18); box-shadow: 0 0 18px rgba(119,125,51,.65); }
    100% { filter: brightness(1); box-shadow: 0 0 0 rgba(119,125,51,0); }
}

.product_acc_discount_badge {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    opacity: 0;
    pointer-events: none;

    background: rgba(0,0,0,.55);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;

    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-transform: uppercase;

    right: 0;

    padding: 6px 10px;
    border-radius: 999px;
    backdrop-filter: blur(6px);
    transition: opacity 220ms ease, transform 220ms ease;
}

.product_acc_discount_line_width.is-badge .product_acc_discount_badge {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}




.product_main_r_manager {
    padding: 21px 27px;
    background: #E7EADE;
    border-radius: 10px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    align-items: flex-start;
    justify-content: space-between;
}

.product_main_r_manager_l {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.product_main_r_manager_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: 0%;
    text-transform: uppercase;
}

.product_main_r_manager_title art {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Expanded ExtraBold;
    font-size: 26px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 5%;
    position: relative; 
    top: -2px;
    text-transform: uppercase;
}

.product_main_r_manager_l span {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;

}

.product_main_r_manager_r {
    display: flex;
    align-items: center;
    gap: 9px;
}

.product_main_r_manager_r_btn {
    color: #FFFFFF;
    padding: 10px 0px;
    background: #777D33;
    border: 1px solid #FFFFFF94;
    border-radius: 40px;

    font-family: Onest;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: -2%;
    text-align: center;

    width: 133px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;

}

.product_main_r_manager_r_btn_telegram {
    background: #FFFFFF;
    border: 1px solid #00000033;
    color: #000;
}

.product_main_r_delivery {
    padding: 30px 28px;
    padding-bottom: 42px;
    background: #fff;
    border-radius: 10px;
    margin-top: 12px;
}

.product_main_r_delivery_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.product_main_r_delivery_subtitle {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    margin-bottom: 13.5px;
}

.product_main_r_delivery_container {
    display: flex;
    flex-direction: column;
    gap: 21px;
    max-width: 352px;

    margin-bottom: 42px;
}

.product_main_r_delivery_l {
    display: flex;
    align-items: center;
    gap: 7px;
}

.product_main_r_delivery_l div {
    width: 24.5px;
    height: 24.5px;
    background: #1B2332;
    border-radius: 100%;
}

.product_main_r_delivery_col {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product_main_r_delivery_l span {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
}

.product_main_r_delivery_r {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;

}

.product_main_r_delivery_subtitle_2 {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    margin-bottom: 22.5px;
}

.product_main_r_payments_method {
    display: flex;
    align-items: center;
    gap: 6px;
}

.product_main_r_payments_method div {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    padding: 8px 11px;
    border: 1px solid #D4D4D4;
    border-radius: 8.42px;

    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_main_r_payments_method div img {
    display: flex;  
    align-items: center;
    justify-content: center;
}

.product_characteristics {
    padding: 40px;
    padding-right: 106px;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px;
}


.product_characteristics {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    width: 100%
}

.product_characteristics_l {
    width: 45%
}

.product_characteristics_r {
    width: 55%;
    padding-left: 49px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.product_characteristics_l {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.product_characteristics_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 16px;
    border-radius: 4px;
    gap: 20px
}

.product_characteristics_line:nth-child(even) {
    background: #F4F4F4;
}

.product_characteristics_line:nth-child(odd) {
    background: #FFFFFF;
}


.product_characteristics_title {
    margin-bottom: 20px;
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;

}

.product_characteristics_line span:first-child {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    color: #646260;
}

.product_characteristics_line span:last-child {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    text-align: right;

}


.product_main_l_gallery {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px; 
  margin-top: 9px;
}

.product_main_l_gallery button {
    display: flex;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    aspect-ratio: 1;
    padding: 0px;
}

.product_main_l_gallery img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_main_l_description {
    padding: 30px 28px;
    padding-bottom: 26px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 13.75px;
}

.product_main_l_description_title {
    margin-bottom: 18px;
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

.product_main_l_description_text {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    color: #646260;
}

.product_main_l_description_text {
    overflow: hidden;
    transition: max-height 0.25s ease;
}

.product_desc_toggle {
    margin-top: 45px;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
}

/*PAGE*/

.intro {
    position: relative;
    height: 100svh;
    overflow: hidden;
    background: #000;
}

.intro {
  position: relative;
}

.intro_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.intro::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(72, 43, 6, 0) 0%, rgba(18, 11, 2, 0.51) 100%),
    linear-gradient(171.6deg, rgba(10, 8, 6, 0.425) 9.04%, rgba(10, 8, 6, 0) 77.39%);
}


/*.intro::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: rgba(0,0,0,0.35);*/
/*    z-index: 1;*/
/*}*/

.intro .container {
    position: relative;
    z-index: 2;
    display: flex;
    align-content: space-between;
    align-items: flex-end;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    width: 100%;
    padding-top: 119px;
    padding-bottom: 44px;
}

.intro_header h1 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 72px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -.3px;
    text-transform: uppercase;
    max-width: 726px;
    background: linear-gradient(184.98deg, #FFFFFF -20.12%, #D9B383 147.7%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.intro_l {
    max-width: 318px;
    position: relative;
    z-index: 1;
}

.intro_l span {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    letter-spacing: 1%;
    background: linear-gradient(132.14deg, #F7F5F1 26.25%, #D9B383 104.16%);
    -webkit-background-clip: text;
    background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    color: transparent;
    display: block;
}

.intro_l a {
    padding: 18px;
    font-family: Inter Tight;
    font-weight: 700;
    font-size: 15px;
    line-height: 104%;
    text-transform: uppercase;
    display: block;
    width: -webkit-fill-available;
    text-align: center;
    color: #fff;
    background: #B59464;
    border-radius: 30px;
    margin-top: 16px;
    animation: glow 2.4s ease-in-out infinite;
}

@keyframes glow {
    0%   { box-shadow: 0 0 0 3px #F8ECDA33; }
    50%  { box-shadow: 0 0 0 6px #F8ECDA55; }
    100% { box-shadow: 0 0 0 3px #F8ECDA33; }
}

.intro_footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    
}

.intro_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: -webkit-fill-available;    
    width: 100%;
}

/* Основной контейнер-обертка */
.intro_r {
    width: 492px;
    position: relative;
}

.intro_r_products_preview_qty {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.intro_r_products_preview_qty span {
    display: block;
    font-family: Onest, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10.5px;
    line-height: 100%;
    letter-spacing: -0.03em;
    color: #fff;
}

.intro_r_products_preview_line {
    position: relative;
    margin-bottom: 32.25px;
}

.intro_r_products_preview_line_out {
    height: 2.25px; 
    background: #FFFFFF33;
    width: 100%;
    margin-top: 5px;
    border-radius: 2px;
}

.intro_r_products_preview_line_fill {
    position: absolute;
    left: 0;
    z-index: 2;
    height: 2.25px; 
    background: #C3974B;
    border-radius: 2px;
    
    /* Анимация полоски */
    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* --- КОНТЕЙНЕР СЛАЙДЕРА (TRACK) --- */
.intro_r_products_preview_container {
    display: flex;
    gap: 9px; /* Твой отступ */
    
    /* Логика движения */
    width: max-content; /* Растягиваем контейнер по ширине контента */
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); /* Плавная физика движения */
    align-items: flex-start;
    will-change: transform; /* Оптимизация для браузера */
}

/* --- КАРТОЧКА ТОВАРА --- */
.intro_r_products_preview_block {
    /* Размеры */
    width: 366px;
    min-width: 366px; /* Важно, чтобы flex не сжимал */
    max-width: 366px;
    flex-shrink: 0;   /* Важно, запрещаем сжатие */
    
    /* Оформление */
    padding: 6px;
    border: 0.75px solid #FFFFFF99;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border-radius: 9px;
    background: #FFFFFF1A;
    color: #fff;

    /* Layout */
    display: flex;
    gap: 14px;
    align-items: stretch;
    text-decoration: none; /* Убираем подчеркивание ссылки */

    /* Анимация состояния */
    transition: all 0.6s ease;
    transform-origin: left center; /* Точка трансформации слева */
    opacity: 1;
    transform: scale(1) translateX(0);
}

/* Hover эффект */
.intro_r_products_preview_block:hover {
    filter: brightness(1.05);
    background: #ffffff29;
}

/* --- АНИМАЦИЯ ИСЧЕЗНОВЕНИЯ (Уход влево) --- */
/* Этот класс добавляет JS, когда слайд прошел */
.intro_r_products_preview_block.is-passed {
    opacity: 0; /* Исчезает */
    transform: scale(0.9); /* Чуть уменьшается */
    pointer-events: none; /* Нельзя кликнуть */
    filter: blur(2px); /* Дополнительный эффект глубины (опционально) */
}

/* --- ВНУТРЕННОСТИ КАРТОЧКИ --- */
.intro_r_products_preview_block_cover {
    aspect-ratio: 1;
    width: 87px;
    min-width: 87px; /* Фикс ширины картинки */
    background: #fff;
    border-radius: 9px;
    overflow: hidden; /* Чтобы картинка скруглялась */
}

.intro_r_products_preview_block_cover img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Изменил на contain, чтобы товар влезал целиком, или cover если надо обрезать */
    padding: 10px;
    display: block;     
}

.intro_r_products_preview_block_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
}

.intro_r_products_preview_block_content h2 {
    font-family: 'Bebas Neue Pro', sans-serif; /* Добавил фоллбэк */
    font-weight: 700;
    font-style: normal; /* Expanded Bold в CSS обычно пишется через font-stretch или отдельным шрифтом */
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    margin: 0;
}

.intro_r_products_preview_block_text {
    display: flex;
    align-items: flex-end;   
}

.intro_r_products_preview_block_text-from {
    font-family: Onest, sans-serif;
    font-weight: 400;
    font-size: 9px;
    line-height: 100%;
    letter-spacing: -0.02em;
    display: block;     
    margin-right: 2.5px;
}

.intro_r_products_preview_block_text-price {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 0.65;
    letter-spacing: -0.03em;
    display: block;     
    margin-right: 3.5px;
}

.intro_r_products_preview_block_text-currency {
    font-family: Onest, sans-serif;
    font-weight: 800;
    font-size: 13.5px;
    line-height: 70%;
    display: block;
    margin-right: 11px;
}

.intro_r_products_preview_block_text-description {
    font-family: Onest, sans-serif;
    font-weight: 500;
    font-size: 10.5px;
    line-height: 120%; /* Чуть больше воздуха для текста */
    max-width: 140px;
    display: block;
    opacity: 0.8; /* Чуть приглушил описание */
}

.clients {
    padding: 55px 0px;
    margin-bottom: 60px;
}

.clients_col {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px 100px;
    flex-wrap: wrap;
}

.clients_block {
    display: flex;
    flex-direction: column;
    gap: 11.5px;
    cursor: pointer;
}

.clients_block_title {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    text-align: center;
    color: #312F2C;
    
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.clients_block_title span {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: #808000;
}

.clients_block img {
    height: 45px;
}

.modal_client {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.modal_client.active {
    opacity: 1;
    visibility: visible;
}

.modal_client_backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1;
}

.modal_client_window {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 40px;
    background: #FFFFFF;
    border-radius: 10px;
    z-index: 2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 40px; 
}

.modal_client_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") center no-repeat;
    background-size: 24px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.modal_client_close:hover {
    background-color: #F4F4F4;
}

.modal_client_content {
    display: flex;
    gap: 40px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.modal_client_gallery {
    display: flex;
    flex-direction: column;
    width: 565px;
    flex-shrink: 0;
}

.modal_client_main_wrapper {
    position: relative;
    width: 565px;
    height: 405px;
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal_client_main_img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.modal_client_main_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal_nav_btn {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 5;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    transition: transform 0.2s;
    align-items: center;
    justify-content: center;
}

.modal_nav_btn:hover {
    transform: scale(1.1);
}

.modal_nav_btn.prev {
    left: 20px;
    transform: rotate(180deg);
}

.modal_nav_btn.next {
    right: 20px;

}

.modal_client_thumbs {
    display: flex;
    gap: 8px;
    height: 90px;
    overflow-x: auto;
    scrollbar-width: none; 
}

.modal_client_thumbs::-webkit-scrollbar {
    display: none;
}

.modal_client_thumb {
    height: 90px;
    width: 90px; 
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
}

.modal_client_thumb.active,
.modal_client_thumb:hover {
    opacity: 1;
    border: 2px solid #777D33; 
}

.modal_client_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal_client_info {
    flex-grow: 1;
    overflow-y: auto;
}

.modal_client_title {
    font-family: 'Bebas Neue Pro', sans-serif;
    font-size: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.brand_advantages_l, .brand_advantages_r {
    flex: 1;
    display: flex;
}

.brand_advantages_col {
    display: flex;
    gap: 124px;
}

.brand_advantages_l {
    flex-direction: column;
}

.brand_advantages_l h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.brand_advantages_l p {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    color: #0A0806CC;
    opacity: .6;
    margin-bottom: 31px;
}

.brand_advantages_l img {
    border-radius: 10px;
    object-fit: cover;
    overflow: hidden;
}

.brand_advantages_r {
    flex-direction: column;
    gap: 100px;
    margin-right: 110px;
    position: relative;
    HEIGHT: fit-content;
}

.brand_advantages_r::before {
    content: "";
    width: 4px;
    height: 100%;
    background: #A0A7AC;
    position: absolute;
    left: 23px;
    z-index: -1;
}

.brand_advantages_block {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.brand_advantages_r .brand_advantages_block:last-child {
    background: #f4f4f4;
}

.brand_advantages_text h3 {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    margin-bottom: 6px;
}

.brand_advantages_text p {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    color: #0A0806CC;
    opacity: .6;
}

.brand_advantages {
    margin-bottom: 100px;
}

.whycu {
    background: #0A0806;
    padding: 100px 0px;
}

.whycu_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
    color: #DCBD7C;
}

.whycu_grid {
    display: flex;
    justify-content: space-between;
    gap: 10%;
    margin-top: 60px;
}

.whycu_grid_left, .whycu_grid_right {
    width: 22.9%;
}

.whycu_grid_center {
    width: 34.3%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
}

.whycu_grid_block_number {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    color: #DCBD7C;
    padding-bottom: 12px;
    border-bottom: 1px solid #DCBD7C
}

.whycu_grid_block_title {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-top: 24px;
    margin-bottom: 14px;
}

.whycu_grid_block p {
    color: #fff;
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    opacity: .8;
}

.whycu_grid_left {
    display: flex;
    flex-direction: column;
    gap: 95px;
}

.whycu_grid_right {
    display: flex;
    flex-direction: column;    
    gap: 55px;    
}

.whycu_main_img {
    max-width: 240px;
    gap: 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.whycu_main_img img {
    width: 100%;
}

.whycu_main_img div {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-align: center;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
}

.whycu_main_img div::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: #808000;
}

.whycu_action {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.whycu_action a {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
        
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #B59464;
    padding: 14px 10px;
    border-radius: 67.5px;
}

.whycu_action a:first-child {
    background: #808000;
}

.review {
    padding: 100px 0px;
    background-color: #0A0806;
    background-image: url(/assets/img/review/bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.review_header h2 {
    font-family: "Bebas Neue Pro", sans-serif;
    font-weight: 800;
    font-size: 54px;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    background: linear-gradient(184.98deg, #FFFFFF -20.12%, #D9B383 147.7%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 0;
}

.review_action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.review_action button {
    padding: 20px 30.5px;
    border-radius: 47px;
    background: #B59464;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

.review_action button:hover {
    opacity: 0.9;
}

.review_action button img {
    display: flex;
}

#review_swipe_right img {
    transform: rotate(180deg);
}

.review_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.review_main_info, .review_block {
    display: flex;
    width: 25%;
    border-radius: 11px;
    flex-direction: column;
    gap: 4px;
}

.review_main_info {
    padding: 20px 30px;
    background: #E0B77CCC;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 79px;
}

.review_rate span {
    font-family: Onest, sans-serif;
    font-weight: 500;
    font-size: 70px;
    line-height: 110%;
    letter-spacing: -2%;
    text-align: center;
    color: #fff;
}

.review_rate {
    display: flex;
}

.review_rate div {
    display: flex;
    align-items: flex-end;
    position: relative;
    bottom: 15px;
}

.review_col {
    display: flex;
    gap: 9px;
    overflow: hidden; /* Prevent scroll during animation */
}

.review_main_header p {
    font-family: Onest, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -1%;
    max-width: 90%;
}

.review_main_header {
    display: flex;
    gap: 4px;
    flex-direction: column;
}

.review_main_footer p {
    font-family: Onest, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -1%;
    margin-bottom: 10px;
}

.review_main_footer_braands {
    display: flex;
    gap: 14px;
    margin-bottom: 24px;
}

.review_main_footer_braands img {
    height: 22px;
}

.review_main_footer button {
    padding: 18px;
    width: -webkit-fill-available;
    background: #0A0806;
    color: #fff;
    font-family: Inter Tight, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 104%;
    text-transform: uppercase;
    text-align: center;
    border-radius: 30px;
    border: none;
    cursor: pointer;
}

.review_block_header, .review_block_footer {
    background: #fff;
    border-radius: 10px;
}

.review_block_header {
    height: fit-content;
    padding: 20px 16px;
    width: -webkit-fill-available; 
    width: stretch;
    box-sizing: border-box;
}

.review_block_header span {
    font-family: Inter Tight, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 124%;
    letter-spacing: -2%;
    color: #0A0806;
}

.review_block_header div {
    display: flex;
    margin-top: 6px;
}

.review_block_footer {
    height: 100%;
    width: -webkit-fill-available;
    width: stretch;
    padding: 20px 16px;
    font-family: Inter Tight, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 124%;
    color: #292D32;
    box-sizing: border-box;
}

.review_col .review_block:nth-child(3) {
    flex-direction: column-reverse;
}

/* --- ANIMATION CSS --- */
.review_block {
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    opacity: 1;
    transform: scale(1) translateY(0);
}

.review_block.anim-out {
    opacity: 0;
    transform: scale(0.9) translateY(10px);
}

.home_catalog {
    padding: 100px 0px;
    background: #EDEDED;
}

.home_catalog_title {
    font-family: 'Bebas Neue Pro', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 54px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.home_catalog_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.home_catalog_block {
    aspect-ratio: 1 / 1;
    padding: 24px;
    background: #FEFEFE;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.home_catalog_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.home_catalog_header span {
    font-family: 'Bebas Neue Pro', sans-serif;
    font-weight: 800;
    font-size: 14px;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: rgba(10, 8, 6, 0.5);
}

.home_catalog_header div {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #808000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.home_catalog_block_img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
    min-height: 0;
}

.home_catalog_block_img img {
    max-width: 90%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.home_catalog_footer h3 {
    font-family: 'Bebas Neue Pro', sans-serif;
    font-weight: 800;
    font-size: 28px;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin: 0;
}

.home_catalog_block_last {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    background: #B59464;
    border: 3px solid rgba(224, 183, 124, 0.5);
    border-radius: 12px;
    padding: 24px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.home_catalog_block_last_header {
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.home_catalog_block_last_img {
    flex: 1;
    width: 100%;
    margin-top: 47px;
    margin-bottom: 51px;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_catalog_block_last_img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.home_catalog_block_title {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 115%;
    text-transform: uppercase;
    color: #FFFFFF;
}

.services {
    padding: 88px 0px;
    background-color: #0A0806;
    background-image: url(/assets/img/services/bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;    
}

.services_col {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.services_l {
    width: 57.5%;
}

.services_r {
    width: 42.5%;
}

.services_l h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #DCBD7C;
    margin-bottom: 60px;
}

.services_block_l {
    display: flex;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    align-items: flex-start;
    gap: 17px;
}

.services_block a {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #808000;
    display: flex;
    align-items: center;
    gap: 8.25px;
}

.services_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #B5946499
}

.services_r img {
    width: 100%;
    object-fit: contain;
}

.services_col_main {
    display: flex;
    gap: 66px
}

.services_l_action {
    padding: 18px 38.5px;
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
    background: #808000;
    outline: 3px solid #F8ECDA33;
    width: fit-content;
    border-radius: 30px;
    margin-top: 44px;
}

.who_we_help {
    padding: 100px 0px;
    background: #EDEDED;
}

.who_we_help_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.who_we_help_col {
    display: flex;
    gap: 20px
}

.who_we_help_block {
    display: flex;
    flex: 1;
    height: 320px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    padding: 30px;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
}

.who_we_help_block img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.who_we_help_block h3 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    
    position: relative;
    z-index: 2;
}

.who_we_help_block p {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    
    position: relative;
    z-index: 2;    
}

.who_we_help_action {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.who_we_help_action a {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    color: #fff;
    letter-spacing: 0%;
    text-transform: uppercase;
    padding: 18.5px 25.5px;
    background: #B59464;
    border-radius: 30px;
}

.popular_products {
    padding: 100px 0px;
}

.popular_products_col {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popular_products_col h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;

}

.popular_products_action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.popular_products_action button {
    padding: 20px 30.5px;
    border-radius: 47px;
    background: #0A0806;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

.popular_products_action button:hover {
    opacity: 0.9;
}

.popular_products_action button img {
    display: flex;
}

.popular_products_action button#popular_swipe_right {
    transform: rotate(180deg);
}

.popular_products_catalog {
    display: flex;
    justify-content: space-between;
    gap: 13px;
    margin-top: 40px;
}

.popular_products_catalog .catalog_product {
    width: 336px;
    min-width: 336px;
}

.index_form_container {
    padding-top: 75px;
    padding-bottom: 120px;
    background-color: #0A0806;
    background-image: url(/assets/img/form/bg.png);
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
}

.index_form_col {
    max-width: 605px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index_form_col h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -.3px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 53px;
}

.index_form_col h2 c {
    color: #D9B383;
}

.index_form {
    padding-top: 29px;
}

form.form_index {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: -webkit-fill-available;
}

form.form_index input {
    all: unset;
    padding: 16px 24px;
    background: #FFFFFF;
    color: #292D32;
    border-radius: 8px;
    
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    
}

form.form_index textarea {
    all: unset;
    display: block;
    width: 100%;
    box-sizing: border-box;

    padding: 16px 24px;
    background: #FFFFFF;
    color: #292D32;
    border-radius: 8px;

    font-family: Inter Tight;
    font-size: 15px;
    line-height: 124%;
    height: 117px;

    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-word;
}


form.form_index input::placeholder,
form.form_index textarea::placeholder {
    color: #292D32;
}

form.form_index button {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
    width: -webkit-fill-available;
    padding: 18px;
    background: linear-gradient(100.98deg, #D9B383 10.89%, #C3974B 119.75%);
    border-radius: 30px;
    text-align: center;
    margin-top: 16px;
}

.form_index_subtitle {
    margin-top: 48px;
    display: block;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 25px;
}

.form_index_clients {
    display: flex;
    gap: 22px 45px;
    justify-content: center;
    flex-wrap: wrap;
}

footer {
    margin-top: 14px;
    margin-bottom: 39px;
}

.footer_col {
    background: #0A0806;
    border-radius: 10px;
    padding: 37px 40px 55px 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.footer_logo img {
    width: 94px;
}

.footer_logo {
    margin-right: 214px;
    display: flex;
}

.footer_nav {
    display: flex;
    gap: 43px;
    align-items: flex-start;
    margin-right: 156px;
}

.footer_r {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: fit-content;
}


.footer_nav .header_dropdown.header_dropdown-btn {
    padding: 16px 20px;
}

.footer_account {
    max-width: 209px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_account a {
    padding: 15px 36px;
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #CAA15F;
    border: 1px solid #CAA15F;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 67.5px;
}

.footer_account p {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    color: #fff;
}

.footer_btn_up {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #FFFFFF;
    
    position: absolute;
    right: 40px;
}

.footer_under_l {
    display: flex;
    align-items: center;
    gap: 5.85px
}

.footer_under_l span {
    font-family: Inter Tight;
    font-weight: 400;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    color: #fff;
}

.footer_under_r {
    display: flex;
    gap: 30px
}

.footer_under_r a {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    color: #8A847D;
}

.footer_under {
    position: absolute;
    width: -webkit-fill-available;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    bottom: 55px;
    right: 40px;
    left: 40px;
}

.service_intro_col {
    display: flex;
    justify-content: space-between;
    width: -webkit-fill-available;
    align-items: flex-end;
}

.service_intro_l {
    max-width: 545px;
}

.service_intro_l h1 {
    font-family: "Bebas Neue Pro";
    font-weight: 800;
    font-size: 72px;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;

    background: linear-gradient(137.29deg, #F7F5F1 10.02%, #C3974B 76.61%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    
    margin-bottom: 12px;
}

.service_intro_l p {
    font-family: "Inter Tight";
    font-weight: 400;
    font-size: 15px;
    line-height: 115%;
    max-width: 392px;

    background: linear-gradient(155.18deg, #F7F5F1 15.81%, #D9B383 110.44%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.service_intro_r {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    padding: 18px 36.5px;
    border-radius: 30px;
    outline: 3px solid #F8ECDA33;
    background: linear-gradient(102.09deg, #D9B383 10.72%, #C3974B 46.06%);
    color: #FFFFFF;
}

.brand_advantages.service .brand_advantages_l img{
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.brand_advantages.service .brand_advantages_l {
    justify-content: space-between;
}

.brand_advantages.service .brand_advantages_r {
    gap: 37px
}

.brand_advantages_number {
    min-width: 50px;
    height: 50px;
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
    color: #fff; 
    
    display: flex;
    justify-content: center;
    align-items: center;
    background: #B59464;
    border-radius: 100%;
}

.service_includes {
    padding: 100px 0px;
    background: #0A0806;
}

.service_includes_col {
    display: flex;
    gap: 6.3%;
}

.service_includes_l {
    width: 38.6%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.service_includes_r {
    width: 55.1%;
}

.service_includes_l_header h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #DCBD7C;        
    margin-bottom: 14px;
}

.service_includes_l_header p {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    color: #fff;    
    max-width: 333px;
}

.service_includes_l_footer {
    position: relative;
    max-width: 427px;
}

.footer_img_wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 427 / 250;
    overflow: hidden;
    border-radius: 8px;
    height: 427px;
}

.footer_slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    z-index: 1;
}

.footer_slide.active {
    opacity: 1;
    z-index: 2;
}

.service_includes_l_footer span {
    position: absolute;
    left: 15px;
    bottom: 32px;
    z-index: 10;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 14px;
}

.service_includes_l_footer span::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    background: #808000;
}

.service_includes_r {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
    row-gap: 58px;
}

.service_includes_block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    color: #fff;
}

.service_includes_block h3 {
    width: 100%;
    padding-top: 23px;
    margin-top: 12px;
    margin-bottom: 14px;
    border-top: 1px solid #DCBD7C    
}

.service_includes_block p {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    opacity: .8;
}

.service_includes_action a {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    padding: 16.5px 27.5px;
    background: linear-gradient(145.5deg, rgba(119, 125, 51, 0.5335) -19.05%, rgba(119, 125, 51, 0.97) 99.83%);
    color: #FFFFFF;
    display: flex;
    width: fit-content;
    border-radius: 30px;
}

.service_includes_action {
    display: flex;
    align-items: flex-end;
}

.completed_projects {
    padding: 100px 0px;
}

.completed_projects_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.completed_projects_header h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;

}

.completed_projects_action  {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
    padding: 18px 23.5px;
    background: linear-gradient(102.09deg, #D9B383 10.72%, #C3974B 46.06%);
    border-radius: 30px;
}

.completed_projects_swiper_action {
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.completed_projects_swiper_action button {
    padding: 20px 30.5px;
    border-radius: 47px;
    background: #0A0806;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

.completed_projects_swiper_action button img {
    display: flex;
}

.completed_projects_swiper_action button#completed_projects_right {
    transform: rotate(180deg);
}

.completed_projects_swiper {
    display: flex;
    gap: 12px
}

.completed_projects_block {
    width: 336px;
    min-width: 336px;
}

.completed_projects_block_content {
    padding: 20px 16px;
    font-family: Bebas Neue Pro;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 90%;
    letter-spacing: -0.02em;
    margin-top: 6px;
    background: #FFFFFF;
    border-radius: 10px;
}

.completed_projects_block_img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    height: 320px;
}

.process_steps {
    padding: 100px 0px;
    background: #000000;
}

.process_steps_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}

.process_steps_header h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;
    color: #DCBD7C;
}

.process_steps_header_action {
    padding: 18px 20px;
    border-radius: 30px;
    background: #808000;
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;    
    
}

.process_steps_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  column-gap: 40px;
  row-gap: 70px;
}

.process_steps_block {
    display: flex;
    position: relative;
}

.process_steps_block_video {
    width: 100%;
    height: 290px;

    display: flex;
    justify-content: center;
    align-items: center;
    
    border-left: 1px solid #DCBD7C;
    padding-left: 24px;
    margin-left: 55px;
}

.process_steps_block_video video {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    object-fit: cover;
}

.process_steps_block_content p {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
}

.process_steps_block_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 24px;
    width: 36%;
    min-width: 36%;
}

.process_steps_block_step {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 218.53px;
    leading-trim: NONE;
    line-height: 70%;
    letter-spacing: -3%;
    text-transform: uppercase;
    color: #FFFFFF30;
    position: absolute;
    width: 55px;
    overflow: hidden;
}

.request_calculation {
    padding: 100px 0px;
}

.request_calculation_col {
    display: flex;
}

.request_calculation_l, .request_calculation_r {
    width: 50%;
}

.request_calculation_l {
    padding-right: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.request_calculation_l_header h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.request_calculation_l_slider {
        margin-top: 24px;
         display: flex;
    position: relative;
    overflow: hidden;
}

.request_calculation_l_slider img {
    height: 50px;
}

.request_calculation_l_slider #slider-inner {
     display: flex;
    gap: 50px;

}

.request_calculation_l_slider::after {
    position: absolute;
    right: 0;
    content: "";
    background: linear-gradient(90deg, rgba(244, 244, 244, 0) 0%, #F4F4F4 100%);
    width: 30%;
    height: 50px;
}

.request_calculation_l_slider::before {
    position: absolute;
    left: 0;
    content: "";
    z-index: 1;
    background: linear-gradient(270deg, rgba(244, 244, 244, 0) 0%, #F4F4F4 100%);
    width: 30%;
    height: 50px;
}

.request_calculation_l_header p {
    margin-top: 10px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    max-width: 279px;
}

.request_calculation_r {
    background: #E7EADE;
    padding: 40px;
    padding-bottom: 27px;
    background-image: url(/assets/img/request_calculation/form_svg.svg);
    background-position: left top;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.form_upload_file span {
    display: flex;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    overflow: inherit;
    margin: 8px 0px;
}

form.form_index .form_upload_file button {
    all: unset;
    display: flex;
    gap: 5.5px;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border: 1px solid #000;
    border-radius: 50px;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    text-align: center;
    cursor: pointer;
}

.service_seo {
    margin-bottom: 32px;

}

.service_seo_col {
    padding: 40px;
    background: #FFFFFF;
    border-radius: 10px;  
}

.service_seo_col h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.sevice_seo_text {
    font-family: Inter Tight;
    font-weight: 400;
    font-size: 15px;
    line-height: 124%;
    color: #646260;
    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* Кількість рядків, які видно до розгортання */
    overflow: hidden;
    
    transition: all 0.4s ease-in-out;
}

.sevice_seo_text.expanded {
    display: block; /* Повертаємо звичайний режим відображення */
    -webkit-line-clamp: unset;
    overflow: visible;
}

.service_seo_col button {
    margin-top: 32px;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    display: flex;
    gap: 4.5px;
}

#open_full_text_seo_service img {
    transition: transform 0.3s ease;
}

#open_full_text_seo_service.active img {
    transform: rotate(180deg);
}

.terms .intro_header h1 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 72px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    
}

.terms .intro_header h1 sup {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
}

.terms .intro_r a {
    padding: 18px;
    font-family: Inter Tight;
    font-weight: 700;
    font-size: 15px;
    line-height: 104%;
    text-transform: uppercase;
    display: block;
    width: -webkit-fill-available;
    text-align: center;
    color: #fff;
    background: #B59464;
    border-radius: 30px;
    margin-top: 16px;
    animation: glow 2.4s ease-in-out infinite;
    white-space: nowrap;
}

.terms .intro_r a:last-child {
    animation: inherit;
    background: linear-gradient(180deg, rgba(119, 125, 51, 0.55) 0%, #777D33 100%);
    outline: 3px solid #80800080
}

.terms .intro_r {
    width: inherit; 
    display: flex;
    gap: 12px
}

.terms .intro_l {
    max-width: 369px;
}

.terms .intro_header p {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 114.99999999999999%;
    letter-spacing: 1%;

    background: linear-gradient(132.14deg, #F7F5F1 26.25%, #D9B383 104.16%);
    -webkit-background-clip: text;
    background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    color: transparent;  
    
    margin-bottom: 16px;
}

.terms .whycu_main_img {
   max-width: 312px; 
}

.terms .whycu_grid_left {
    gap: 55px;
}

.terms .whycu_action a:first-child {
    max-width: 222px;
}

.terms .whycu_action {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.whycu_grid_block_number img {
    display: flex;
}

.personal_offers_col {
    display: flex;
    gap: 25px;
    justify-content: space-between;
}

.personal_offers_r, .personal_offers_l {
    flex: 1;
    display: flex;
}

.personal_offers_r {
    background: #E7EADE;
    padding: 24px;
    padding-right: 65px;
    border-radius: 12px;
}

.personal_offers {
    padding-top: 100px;
}

.personal_offers_r {
    position: relative;
}

.personal_offers_r p {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 97%;
    letter-spacing: -3%;
    text-transform: uppercase;
    max-width: 488px;
}

.personal_offers_r img {
    position: absolute;
    top: 18px;
    right: 21px;
}

.personal_offers_l {
    flex-direction: column;
    gap: 28px;
    align-items: flex-start;
}

.personal_offers_l h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;
}

.personal_offers_l a {
    padding: 18px 20px;
    background: #808000;
    border-radius: 67.5px;
    color: #fff;
    gap: 7.5px;
    display: flex;
    align-items: center;
        
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
        
}

.organization_info_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;
    padding-bottom: 32px;
}

.organization_info {
    padding: 100px 0px;
}

.organization_info_col {
    display: flex;
    justify-content: space-between;
    gap: 12px
}

.organization_info_l, .organization_info_r {
    flex: 1;
}

.organization_info_header {
    padding-top: 40px;
    padding-left: 40px;
    border-top: 1px solid #DCBD7C
}

.organization_info_header h4 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.organization_info_header span {
    max-width: 540px;
    display: flex;
    padding-left: 17px;
    color: #646260;
    position: relative;
        
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    
    margin-bottom: 16px;
}

.organization_info_header span:before {
    content: "";
    min-width: 8px;
    min-height: 8px;
    border-radius: 100%;
    background: #C3974B;
    aspect-ratio: 1;
    max-width: 8px;
    max-height: 8px;
    top: 7px;
    position: absolute;
    left: 0;
}

.organization_info_footer {
    padding-top: 23px;
    border-top: 1px solid #DCBD7C;
    padding-left: 40px;    
}

.organization_info_footer span {
    max-width: 540px;
    display: flex;
    padding-left: 17px;
    color: #646260;
    position: relative;
        
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    
    margin-bottom: 16px;

}

.organization_info_footer span:before {
    content: "";
    min-width: 8px;
    min-height: 8px;
    border-radius: 100%;
    background: #C3974B;
    aspect-ratio: 1;
    max-width: 8px;
    max-height: 8px;
    top: 7px;
    position: absolute;
    left: 0;
}

.organization_info_l {
    background-image: url(/assets/img/organization_info/img.png);
    background-position: center;
    background-size: no-repeat;
    border-radius: 10px;
    padding: 36px 40px;
    color: #FFFFFF;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    min-height: 421px;
}

.organization_info_l_content h3 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.organization_info_l_content div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.organization_info_l_content div span {
    max-width: 390px;
    display: flex;
    padding-left: 17px;
    position: relative;
        
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 124%;
 
}

.organization_info_l_content div span:before {
    content: "";
    min-width: 8px;
    min-height: 8px;
    border-radius: 100%;
    background: #C3974B;
    aspect-ratio: 1;
    max-width: 8px;
    max-height: 8px;
    top: 7px;
    position: absolute;
    left: 0;
}

.organization_info_r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.organization_info_contacts {
    gap: 37px;
    display: flex;
}

.organization_info_contacts a {
    display: flex;
    align-items: center;
    gap: 12px;

    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    
}
.intro_col.about .intro_header h1 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 72px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    max-width: 767px;
    margin-top: 10px;
}

.intro_col.about .intro_l {
    max-width: 550px;
}

.intro_col.about .intro_r a {
    padding: 18px;
    font-family: Inter Tight;
    font-weight: 700;
    font-size: 15px;
    line-height: 104%;
    text-transform: uppercase;
    display: block;
    width: -webkit-fill-available;
    text-align: center;
    color: #fff;
    background: #B59464;
    border-radius: 30px;
    margin-top: 16px;
    animation: glow 2.4s ease-in-out infinite;
    white-space: nowrap;    
    
    animation: inherit;
    background: linear-gradient(136.71deg, #808000 -21.31%, #808000 65.65%);
    outline: 3px solid #B1B86233 
}

.intro_col.about .intro_r {
    width: inherit;
}

.brand_story_col {
    display: flex;
    gap: 35px;
    align-items: flex-end;
}

.brand_story_l {
    width: 52.3%;
    height: -webkit-fill-available;
}

.brand_story_c {
    min-width: 31.9%;
    width: 31.9%;;
}

.brand_story_r {
    min-width: 15.8%;
    width: 15.8%;
}

.brand_story {
    padding-top: 100px;
}

.brand_story_l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.brand_story_c h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    
}

.brand_story_c p {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    color: #646260;
    margin-top: 13px;
}

.brand_story_c p:last-child {
    margin-top: 20px;
}

.brand_story_r img {
    width: 100%;
    max-width: 159px;
}

.brand_story_r {
    padding: 20px 24px;
    background: #E0B77C1F;
    border-radius: 8px;
}

.brand_story_r span {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #B6832E;
    position: relative;
    
    display: flex;
    align-items: center;
    gap: 6px;
    
    white-space: nowrap;
    margin-top: 31px;
}

.brand_story_r span::before {
    content: "";
    width: 6px;
    display: flex;
    height: 6px;
    background: #D7B180;
    border-radius: 2px;
}

.mission_headline_col {
    padding: 15px;
    width: 100%;
    padding-left: 45px;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mission_headline {
    padding: 100px 0px;

}

.mission_headline_col h2 {
    max-width: 567px;
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    
}

.mission_headline_content {
    display: flex;
    gap: 12px
}

.mission_headline_left {
    height: 197px;
    background: #E0B77C1F;
    border-radius: 12px;
    padding: 24px;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: -2%;
    width: 336px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
}

.mission_headline_left img {
    position: absolute;
    top: 24px;
    right: 24px;
}

.mission_headline_right {
    height: 197px;
    width: 336px;    
}

.mission_headline_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;   
    display: flex;
    border-radius: 12px;
}

.mission_headline_2 {
    padding-top: 50px;
    background: #EDEDED;
}

.mission_headline_2_col {
    padding: 100px 50px;
    border-radius: 10px;
    background: url(/assets/img/about/bg.png);
    background-position: center;
    background-size: cover;
}

.mission_headline_2_col h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    color: #D9B383;
        
}

.mission_headline_2_col p {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: -2%;
    color: #FFFFFF;
    max-width: 489px;
    margin-top: 16px;
}

.why_amm {
    padding: 100px 0px;
    background: url(/assets/img/why_amm/bg.png);
    background-position: center;
    background-size: cover;    
}

.why_amm_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.why_amm_title h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;
    color: #DCBD7C;
}

#why_amm_btn {
    padding: 18px 24px;
    background: linear-gradient(180deg, rgba(128, 128, 0, 0.5335) 0%, rgba(128, 128, 0, 0.97) 100%);
    outline: 3px solid #80800080;
    
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    border-radius: 30px;
    color: #fff;
}

.why_amm_col {
    display: flex;
    gap: 28px;
}

.why_amm_l {
    width: 70%;
    display: flex;
    flex-direction: column;
}

.why_amm_r {
    width: 30%;
}

.why_amm_r img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    display: flex;
    object-fit: cover;
}

.why_amm_header{
    padding-top: 20px;
    border-top: 1px solid #B5946499;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
    align-items: start;
}


.why_amm_footer {
    padding-top: 20px;
    border-top: 1px solid #B5946499;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
    margin-top: 25px;
}

.why_amm_block {
    color: #fff;
    max-width: 400px;
}

.why_amm_block span {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    min-width: 50px;
    min-height: 50px;
    background: #808000;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: 10px;
}

.why_amm_block h3 {
    margin-top: 20px;
    margin-bottom: 14px;
    
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
        
}

.why_amm_block p {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    opacity: .8;
}

.about .who_we_help_title h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;
    max-width: 572px;
    text-align: left;
}

.about .who_we_help_title {
    all: unset;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.about .who_we_help_title p {
font-family: Inter Tight;
font-weight: 400;
font-style: Regular;
font-size: 15px;
leading-trim: NONE;
line-height: 124%;
letter-spacing: 0%;
max-width: 447px;
text-align: left;
}


.header-margin {
    padding-top: 89px;
}

.catalog_promo {
    padding-bottom: 100px;
}

.catalog_promo_col {
    display: flex;
    gap: 8px;
}

.catalog_promo_l, .catalog_promo_r {
    flex: 1;
    border-radius: 10px;
    overflow: hidden;
}

.catalog_promo_r {
    min-height: 400px;

}

.catalog_promo_r img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catalog_promo_l {
    background: #0A0806;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/assets/img/catalog/bg_element.svg);
    background-repeat: no-repeat;
    background-position: left top;
    flex-direction: column;
}

.catalog_promo_l h2 {
font-family: Bebas Neue Pro;
font-weight: 800;
font-style: Expanded ExtraBold;
font-size: 54px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -3%;
text-align: center;
text-transform: uppercase;
max-width: 508px;    
    color: #fff;  
}

.catalog_promo_l p {
    margin-top: 12px;
    margin-bottom: 24px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    text-align: center;
    max-width: 343px;
        color: #fff;  
}

.catalog_promo_l a {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;  
    
    padding: 18px 24px;
    background: linear-gradient(102.09deg, #D9B383 10.72%, #C3974B 46.06%);
    outline: 3px solid #F8ECDA33;
    border-radius: 30px;
}

.cooperation-terms .index_form_col h2 {
    min-width: 764px;
    margin-bottom: 12px;
}

.cooperation-terms .form_subtitle_block {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    max-width: 233px;  
    margin-bottom: 32px;
}

.review.product-review {
    background: NONE;
    padding: 0;
    padding-bottom: 45px;
}

.review.product-review .review_action button {
    background: #0A0806;
}

.review.product-review .review_header h2 {
    all: unset;
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    color: #0A0806;
}

.product-left-review {
    display: flex;
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
    padding: 18px 44.5px;
    background: linear-gradient(102.09deg, #D9B383 10.72%, #C3974B 46.06%);
    outline: 3px solid #F8ECDA33;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}

.review.product-review .review_main_info {
    background: #E0B77C;
}

.review.product-review .review_main_info {
    height: 383px;
    display: flex;
    justify-content: space-between;
}

.catalog_filter_container {
    position: relative; /* Батьківський елемент має бути відносним */
    display: inline-block;
}

.catalog_filter_block {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    padding: 20px 23px 26px 23px;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
    
    /* Архітектура відображення */
    display: block; /* Або flex, якщо потрібно для внутрішньої структури */
    
    /* Початковий стан (приховано) */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); /* Легкий зсув вгору */
    
    /* Налаштування анімації */
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

/* Клас для відображення */
.catalog_filter_block.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Повернення на місце */
}

.catalog_param {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.catalog_col .catalog_color_picker {
    width: 20px;
    height: 20px;
    border-radius: 2.14px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: .3 ease;
}

.catalog_col .catalog_color_picker.is-light {
    border-color: #d8d8d8;
}

.catalog_color_picker.active {
    width: 24px;
    height: 24px;
    border: 0.95px solid #2B8106    
}

.catalog_col {
    display: flex;
    align-items: center;
    gap: 4px
}

.catalog_filter_block {
    display: flex;
}

.catalog_param.width-stropa {
    display: flex;
    padding-right: 15.5px;
    margin-right: 15.5px;
    border-right: 1px solid #F4F4F4;
    padding-bottom: 14px;
}

.catalog_chekcer {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
        
}

.catalog_param.width-stropa .catalog_col {
    gap: 12px
}

.catalog_chekcer input {
    margin: 0;
}

.catalog_filter_block .catalog_param_title {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;

}

.catalog_param.color-product .catalog_col {
    height: 25.81px;
}

/* --- MODAL STYLES --- */
.cart_backdrop {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(43, 42, 40, 0.4); backdrop-filter: blur(4px);
    z-index: 9999;
    display: none; justify-content: center; align-items: center;
    opacity: 0; transition: opacity 0.3s ease;
}
.cart_backdrop.active { display: flex; opacity: 1; }

.cart_window {
    background: #FFFFFF; width: 967px; max-width: 95%; max-height: 90vh;
    border-radius: 16px; display: flex; flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    transform: translateY(20px); transition: transform 0.3s ease;
}
.cart_backdrop.active .cart_window { transform: translateY(0); }

/* HEADER */
.cart_header { 
    padding: 40px;
    padding-bottom: 30px;
    display: flex; justify-content: space-between; align-items: center; 
}
.cart_title { 
font-family: Bebas Neue Pro;
font-weight: 800;
font-style: Expanded ExtraBold;
font-size: 32px;
leading-trim: NONE;
line-height: 91%;
letter-spacing: -3%;
text-transform: uppercase;

}
.cart_close { 
    background: none; border: none; cursor: pointer; opacity: 0.6; transition: 0.2s; 
    display: flex; align-items: center; justify-content: center;
}
.cart_close:hover { opacity: 1; transform: rotate(90deg); }

/* BODY */
.cart_body { 
    padding: 0 40px; overflow-y: auto; flex-grow: 1; 
    display: flex; flex-direction: column; gap: 10px; padding-bottom: 20px;
}
.cart_empty_state { text-align: center; padding: 60px 0; color: #999; font-size: 18px; }

/* ITEM ROW */
.cart_item {
    display: flex;     align-items: stretch; gap: 5px;
    transition: background 0.2s;
}

.cart_item_img_link {
    width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.cart_item_img_link img { 
    max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; 
}

.cart_item_info { flex-grow: 1; display: flex; flex-direction: column; gap: 4px; }
.cart_item_title { 
font-family: Inter Tight;
font-weight: 500;
font-style: Medium;
font-size: 15px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}
.cart_item_sku {
font-family: Inter Tight;
font-weight: 500;
font-style: Medium;
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: -2%;
color: #00000080;    
    
}

.cart_action_del { 
    background: none; border: none; cursor: pointer; 
    display: flex; align-items: center; justify-content: center;
    padding: 5px; margin-right: 15px; 
}
.cart_action_del svg { stroke: #BBB; transition: 0.2s; }
.cart_action_del:hover svg path { stroke: #D32F2F; }

.cart_qty_control { 
    display: flex; align-items: center; 
     height: 34px; margin-right: 20px; 
}
.cart_qty_control button { 
    width: 32px;
    height: 100%;
    border: none;
    background: none;
    cursor: pointer;
    color: #000;
    font-size: 18px;
    line-height: 1;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart_qty_control input {
    width: 40px;
    height: 100%;
    border: 1px solid #80808066;
    border-radius: 7px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    outline: none;
        
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 80%;
    letter-spacing: 0%;
    color: #0A0806;
}

.cart_body .cart_item_price { 
    font-weight: 700; font-size: 18px; color: #777D33; 
    min-width: 90px; text-align: right; white-space: nowrap;

}

/* FOOTER */
.cart_footer { 
    padding: 30px 40px; background: #fff; 
    border-radius: 0 0 16px 16px;
}
.cart_footer_row { display: flex; justify-content: space-between; align-items: center; }

.cart_continue_btn { 
    background: none; border: none; font-weight: 800; font-size: 14px; 
    text-transform: uppercase; color: #888; cursor: pointer; transition: color 0.2s;
}
.cart_continue_btn:hover { color: #333; }

.cart_footer_right { display: flex; align-items: center; }
.cart_total_block { 
font-family: Inter Tight;
font-weight: 800;
font-style: ExtraBold;
font-size: 32px;
leading-trim: NONE;
line-height: 91%;
letter-spacing: -2%;
text-align: right;
text-transform: uppercase;

}

.cart_checkout_btn {
    background: linear-gradient(124.53deg, rgba(128, 128, 0, 0.7) 24.18%, #808000 83.07%);
     color: #fff; border: none; 
    padding: 22px 32px; border-radius: 67.5px;
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    text-transform: uppercase;
    outline: 3px solid #80800080;
    transition: background 0.2s, transform 0.2s;
}



.cart_item_photo {
    max-width: 100px;
    /*max-height: 100px;*/
    min-width: 100px;
}

.cart_item_photo a img {
    width: 100%;
    padding: 15px;
    mix-blend-mode: darken;
    aspect-ratio: 1;
    object-fit: contain;
}

.cart_item_photo a {
    background: #F4F4F4;
    display: flex;
    border-radius: 12px;
    /*max-height: 100px;*/
    height: 100%;
}

.cart_item_content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #F4F4F4;
    height: -webkit-fill-available;
    border-radius: 12px;
    padding: 28px 28px 28px 24px;
    /*max-height: 100px;*/
    gap: 20px;
    align-items: center;
}

.cart_item_bottom {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    align-content: center;
    gap: 37px;
    height: fit-content;
}

.cart_item_price {
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: -3%;
    color: #808000;
    text-align: right;
    white-space: nowrap;
}

.cart_remove_btn {
    display: flex;
}

/* Authentication (Login/Register) Styles */

.auth_wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
    font-family: 'Manrope', sans-serif;
}

.auth_container {
    width: 100%;
    max-width: 480px;
    text-align: center;
    padding: 20px;
}

.auth_header {
    margin-bottom: 30px;
}

.auth_greeting {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.auth_greeting::before {
    content: "•";
    color: #777D33;
    font-size: 20px;
}

.auth_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 24px;
}

.auth_form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.auth_input {
    width: 100%;
    height: 55px;
    border: 0px solid #EAEAEA;
    border-radius: 8px;
    padding: 0 20px;
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s;
}

.auth_input:focus {
    border-color: #C09F5E;
}

.auth_btn {
    width: 100%;
    height: 55px;
    background-color: #C09F5E;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    margin-top: 16px;
    transition: opacity 0.3s;
}

.auth_btn:hover {
    opacity: 0.9;
}

.auth_footer {
    margin-top: 25px;
    color: #666;
    font-size: 14px;
}

.auth_footer a {
    color: #222;
    font-weight: 600;
    text-decoration: underline;
}

/* Honeypot & Error Styles */
.hp-field {
    display: none;
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.error-msg {
    color: #d9534f;
    font-size: 14px;
    margin-top: 10px;
    display: none;
}

/* Layout */
.cab_wrapper {
    display: flex;
    gap: 13px;
    align-items: flex-start;
}

/* Верхний отступ для контейнера кабинета */
.cab_container_wrap {
    padding: 40px 0;
}

/* Sidebar */
.cab_sidebar {
    width: 380px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cab_nav_btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px;
    background: #FFFFFF;
    border-radius: 9px;
    font-family: Inter Tight;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: 0%;

    transition: all 0.3s;
    border: 1px solid transparent;
}
.cab_nav_btn:hover { background: #f9f9f9; color: #777D33; }
.cab_nav_btn.active { background-color: #E7EADE; color: #808000; pointer-events: none; }
.cab_nav_btn img { width: 20px; height: 20px; object-fit: contain; }
.cab_nav_btn.active img { 
    filter: brightness(0) invert(1); 

}

.cab_nav_btn span {
    width: 35px;
    height: 35px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    border-radius: 7px;
    align-items: center;    
}

.cab_nav_btn.active span {
    width: 35px;
    height: 35px;
    background: #808000;
    display: flex;
    justify-content: center;
    border-radius: 7px;
    align-items: center;
}

/* Content Area */
.cab_content { flex-grow: 1; min-width: 0; }

/* Cards */
.cab_card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 40px;
    margin-bottom: 24px;
}

.cab_wrapper .cab_card { 
    padding: 32px;    
}

.cab_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;

}

/* --- GLOBAL DISCOUNT BAR STYLES --- */
.discount_bar_wrap { position: relative; margin-top: 20px; }
.discount_bar_labels {
    display: flex; justify-content: space-between; gap: 12px;
    font-weight: 800; font-size: 16px; color: #777D33;
}
.discount_bar_track {
    height: 20px;
    background: #E0E0E0;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    width: -webkit-fill-available;
}
.discount_bar_fill {
    height: 100%;
    background: #808000;
    border-radius: 20px; position: relative;
    transition: width 1s ease-out;
    min-width: 35px; /* Чтобы кружочек не исчезал при 0% */
}
.discount_marker {
    position: absolute; top: 50%; right: 5px;
    transform: translateY(-50%); color: #fff;
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
}


/* Info Text */
.discount_info_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.discount_info_title span { color: #777D33; }

.discount_info_desc {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 124%;
    letter-spacing: 0%;
    max-width: 314px;
    margin-bottom: 80px;
}

/* Stats Grid */
.stats_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.stats_box {
    border-radius: 10px; padding: 20px 24px; position: relative; min-height: 160px;
    display: flex; flex-direction: column; justify-content: space-between;
    gap: 50px
}
.stats_box.green { background-color: #E8EAD6; color: #000; }
.stats_box.orange { background-color: #F7EDD9; color: #000; }

.stats_head { 
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    
}
.stats_head span { color: #777D33; }

.stats_val {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;
    color: #808000;
    white-space: nowrap;
}

.stats_val span {
    font-family: Inter Tight;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -3%;
    text-transform: uppercase;
    display: inline-block;
    margin-left: -10px;
}

.stats_note { 
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 10px;
    leading-trim: NONE;
    line-height: 124%;
    color: #292D32;
    letter-spacing: 0%;
}

.stats_val_col {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 40px;
    justify-content: space-between;
}

.stats_box.orange .stats_val {
    color: #B88733;
    text-align: right;
}

.stats_box.orange .stats_head span {
    color: #B88733;    
}


    /* --- HISTORY SPECIFIC STYLES --- */
    .history_list {
        display: flex;
        flex-direction: column;
    }

    .history_row {
        display: grid;
        grid-template-columns: 20px 1fr 100px 80px 100px 1fr;
        align-items: center;
        padding: 24px 0;
        border-bottom: 1px solid #EAEAEA;
        gap: 10px;
    }
    
    .history_row:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* Typography */
    .h_num {
        font-family: Inter Tight;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 91%;
        letter-spacing: -3%;
        vertical-align: middle;
        text-transform: uppercase;
        color: #646260;
    }

    .h_title {
        font-family: Inter Tight;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;

    }

    .h_date {
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
        text-align: center;
    }

    .h_qty {
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
        color: #646260;
        text-align: center;
    }

    .h_price {
        font-family: Inter Tight;
        font-weight: 500;
        font-style: Medium;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
    }
    
    /* Button */
    .h_btn_wrap {
        text-align: right;
    }

    .btn_repeat {
        display: inline-block;
        padding: 18px 24px;
        border: 1px solid #777D33; /* Olive color from brand */
        border-radius: 50px;
        color: #777D33;
        font-family: Inter Tight;
        font-weight: 700;
        font-style: Bold;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 104%;
        letter-spacing: 0%;
        text-transform: uppercase;
        white-space: nowrap;
        transition: all 0.3s ease;
        background: transparent;
        cursor: pointer;
    }

    .btn_repeat:hover {
        background-color: #777D33;
        color: #FFFFFF;
    }
    /* --- MANAGER PAGE STYLES --- */
    
    /* Header Section: Title + Buttons */
    .manager_header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 60px; /* Большой отступ до контактов, как на скрине */
    }

    .manager_subtitle {
        font-family: 'Manrope', sans-serif;
        font-size: 14px;
        color: #888;
        margin-top: -15px; /* Подтягиваем к заголовку */
    }

    /* Social Buttons */
    .social_group {
        display: flex;
        gap: 9px;
    }

    .btn_social {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        width: 133px;
        padding: 10px 0px;
        border-radius: 30px;
        text-decoration: none;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-size: 14px;
        justify-content: center;
        transition: all 0.3s ease;
    }

    /* Viber: Green solid */
    .btn_social.viber {
        background-color: #777D33; /* Брендовый оливковый */
        color: #fff;
        border: 1px solid #777D33;
    }
    .btn_social.viber:hover {
        background-color: #666b2b;
    }

    /* Telegram: White with border */
    .btn_social.telegram {
        background-color: #fff;
        color: #000;
        border: 1px solid #EAEAEA;
    }
    .btn_social.telegram:hover {
        border-color: #777D33;
        color: #777D33;
    }

    .btn_social img {
        width: 18px;
        height: 18px;
        object-fit: contain;
    }

    /* Contacts Grid */
    .contacts_row {
        display: flex;
        gap: 80px; /* Отступ между колонками телефонов и почты */
        flex-wrap: wrap;
    }

    .contact_block {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    /* Label with Icon */
    .c_label_wrap {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .c_icon_box {
        width: 32px;
        height: 32px;
        background-color: #C3974B;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }
    .c_icon_box img {
        width: 16px;
        height: 16px;
        filter: brightness(0) invert(1); /* Делаем иконки белыми */
    }

    .c_label_text {
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
    }

    /* Values (Phones, Email) */
    .c_values {
        font-family: 'Bebas Neue Pro', sans-serif; /* Шрифт цифр как на макете */
        font-size: 28px;
        font-weight: 700;
        color: #000;
        line-height: 1.2;
        display: flex;
        gap: 20px; /* Расстояние между телефонами */
    }

    .c_val_link {
        font-family: Bebas Neue Pro;
        font-weight: 700;
        font-style: Expanded Bold;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 91%;
        letter-spacing: -3%;
                
        color: #000;
        text-decoration: none;
        transition: color 0.3s;
    }
    .c_val_link:hover {
        color: #777D33;
    }

#cabinetContent .cab_card {
    min-height: 400px;
    max-height: 600px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
    .manager_subtitle {
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
        color: #646260;
        margin-top: 12px;
        display: inline-block;
    }

    /* --- PROFILE FORM STYLES --- */
    
    /* Header with ID */
    .profile_header {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 50px;
    }
    
    .profile_id {
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;

        color: #646260;
    }

    /* Form Grid */
    .profile_form_row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin-bottom: 25px;
    }

    /* Input Groups */
    .form_group {
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 1;
    }

    .form_label {
        font-family: 'Manrope', sans-serif;
        font-size: 14px;
        color: #555;
        font-weight: 500;
    }

    .form_input {
        height: 50px;
        border: 1px solid #EAEAEA;
        border-radius: 8px;
        padding: 0 15px;
        font-family: 'Manrope', sans-serif;
        font-size: 16px;
        color: #000;
        outline: none;
        transition: border-color 0.3s;
        background: #fff;
    }

    .form_input:focus {
        border-color: #777D33;
    }

    /* Section Divider */
    .form_section_title {
        font-family: Inter Tight;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;

        margin-top: 20px;
        margin-bottom: 8px;
    }

    /* Submit Button (Added for logic completion) */
    .btn_save_wrap {
        margin-top: 30px;
        text-align: right;
    }
    
    .btn_save {
        background-color: #777D33;
        color: #fff;
        border: none;
        padding: 14px 40px;
        border-radius: 30px;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-size: 14px;
        cursor: pointer;
        transition: background 0.3s;
    }
    .btn_save:hover {
        background-color: #666b2b;
    }

    .nav_arrow {
        display: none; 
        margin-left: auto; 
        transition: transform 0.3s ease;
    }

    /*.cab_nav_btn.active {*/
    /*    background-color: #EAECC6; */
    /*    color: #777D33;*/
    /*}*/
    
    /* При открытии поворачиваем стрелку */
    .cab_nav_btn.active .nav_arrow {
        transform: rotate(90deg);
    }

    /* Контейнер для мобильного контента (аккордеон) */
    .mobile_tab_content {
        display: none; 
        padding-top: 10px;
    }

   
    /* --- ОСНОВНА СІТКА --- */
    .checkout_wrapper {
        display: grid;
        grid-template-columns: 1fr 480px;
        gap: 24px;
        padding: 40px 0 80px;
        align-items: start;
    }

    .checkout_page_title {
        font-family: 'Bebas Neue Pro', sans-serif;
        font-size: 42px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 16px;
        grid-column: 1 / -1;
    }
    
    .checkout_page_title span {
        display: block;
        font-family: Inter Tight;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        margin-top: 10px;
        letter-spacing: -2%;
        color: #00000080;
        text-transform: none;
    }

    /* --- ЛІВА КОЛОНКА (ФОРМИ) --- */
    .checkout_section {
        background: #fff;
        border-radius: 16px;
        padding: 40px 32px;
        margin-bottom: 20px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.02);
    }
    .delivery_fields .form_row {
        display: flex;
    }
    .sec_title {
        font-family: Bebas Neue Pro;
        font-weight: 800;
        font-style: Expanded ExtraBold;
        font-size: 32px;
        leading-trim: NONE;
        line-height: 91%;
        letter-spacing: -3%;
        text-transform: uppercase;

        margin-bottom: 32px;
    }

    /* Inputs Grid */
    .form_row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin-bottom: 16px;
    }
    .form_full { grid-column: 1 / -1; }

    .form_group label {
        display: block;
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;

        color: #646260;
        font-weight: 500;
    }
    
    .form_input {
        width: 100%;
        height: 50px;
        border: 1px solid #E0E0E0;
        border-radius: 8px;
        padding: 0 15px;
        font-size: 16px;
        font-family: 'Inter Tight', sans-serif;
        transition: border 0.2s;
    }
    .form_input:focus { border-color: #808000; outline: none; }

    /* Custom Checkbox/Radio Styles */
    .radio_option {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 12px;
        border: 1px solid transparent;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.2s;
        margin-bottom: 10px;
        padding-left: 0;
    }
    .radio_option:hover { background: #F9F9F9; }
    
    .radio_option.selected {
        background: #F4F4F0;
        padding-left: 12px;
        border-color: #808000;
    }
    #checkoutForm input {
        margin: 0;
    }
    .custom_radio {
        width: 20px; height: 20px;
        border: 2px solid #ccc;
        border-radius: 50%;
        position: relative;
        display: flex; align-items: center; justify-content: center;
    }
    .radio_option.selected .custom_radio {
        border-color: #808000;
    }
    .radio_option.selected .custom_radio::after {
        content: ''; width: 10px; height: 10px;
        background: #808000; border-radius: 50%;
    }
    
    .radio_label { 
        font-family: Inter Tight;
        font-weight: 500;
        font-style: Medium;
        font-size: 17px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;

    }
    .radio_input_hidden { display: none; }

    /* Блок з полями доставки */
    .delivery_fields { display: none; margin-top: 10px;  }
    .delivery_fields.active { display: block; }

    /* Оплата */
    .pay_methods_grid { display: flex; flex-direction: column; gap: 10px; }
    
    .gpay_apple_btn {
        background: #000; color: #fff;
        height: 50px; border-radius: 25px;
        display: flex; align-items: center; justify-content: center;
        gap: 10px; font-weight: 700; cursor: pointer;
        margin-bottom: 20px;
    }

    /* --- ПРАВА КОЛОНКА (САЙДБАР) --- */
    .checkout_sidebar {
        background: #fff;
        border-radius: 16px;
        padding: 40px 32px; 
        position: sticky;
        top: 20px;
    }

    .checkout_items_list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 30px;
        max-height: 400px;
        overflow-y: auto;
        padding-right: 5px;
    }
    /* Скролбар для списку */
    .checkout_items_list::-webkit-scrollbar { width: 4px; }
    .checkout_items_list::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; }

    .ch_item {
        display: flex;
        gap: 4px;
        align-items: center;
    }
    
    .ch_photo {
        flex-shrink: 0;
        background: #F4F4F4;
        border-radius: 8px;
        display: flex; align-items: center; justify-content: center;
        width: 120px;
        min-height: 120px;
        padding: 12px;
        overflow: hidden;
    }
    .ch_photo img {
        max-width: 90%;
        max-height: 90%;
        width: 100%;
        height: 100%;
        max-width: 90px;
        max-height: 90px;
        object-fit: contain;
        mix-blend-mode: multiply;
    }

    .ch_info {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        padding: 12px 11px 12px 16px;
        justify-content: space-between;
        height: -webkit-fill-available;
        gap: 10px;
        background: #F4F4F4;
        border-radius: 12px;
    }
    .ch_title {
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        margin-bottom: 8px;
        
    }
    .ch_sku {
        font-family: Inter Tight;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        color: #00000080;      
        
    }
    
    .ch_bottom {
        text-align: right;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 12px;
        justify-content: flex-end;
    }
    
    /* Нові стилі для кнопок +/- */
    .ch_qty_control {
        display: flex;
        align-items: center;
        border: 1px solid #ddd;
        border-radius: 22226px;
        height: 26px;
        overflow: hidden;
    }
    
    .qty_btn {
        width: 20px; height: 100%;
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 16px; line-height: 1;
        color: #555;
        display: flex; align-items: center; justify-content: center;
    }
    .qty_btn:hover { background: #f0f0f0; }
    .qty_input {
        width: 22px;
        height: 100%;
        border: none;
        text-align: center;
        font-weight: 600;
        font-size: 13px;
        color: #333;
        background: transparent;
        padding: 0;
    }
    .qty_input:focus { outline: none; }

    .ch_price {
        font-family: Inter Tight;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
        color: #292D32;
        white-space: nowrap;
    }

    /* Підсумки */
    .summary_row {
        display: flex; justify-content: space-between;
        margin-bottom: 10px; font-size: 14px; color: #555;
    }
    
    .summary_row span:first-child {
        font-family: Inter Tight;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        color: #00000080;
    }
    
    .summary_row span:last-child { 
        font-family: Inter Tight;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
        color: #292D32;  
    }
    
    .summary_total {
        display: flex; justify-content: space-between; align-items: center;
        margin-top: 32px; padding-top: 18px; border-top: 1px solid #eee;
    }
    .sum_label {
        font-family: Inter Tight;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        color: #00000080;
    }
    .sum_val { 
        font-family: Inter Tight;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
        color: #292D32;        
    }

    .submit_btn {
        width: 100%;
        background: linear-gradient(124.53deg, rgba(128, 128, 0, 0.7) 24.18%, #808000 83.07%);

        color: #fff;
        padding: 20px;
        border-radius: 50px;
        
        font-family: Inter Tight;
        font-weight: 700;
        font-style: Bold;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 104%;
        letter-spacing: 0%;
        text-transform: uppercase;

        margin-top: 24px;
        cursor: pointer;
        transition: transform 0.2s;
        width: -webkit-fill-available;
        text-align: center;
    }
    .submit_btn:hover { transform: scale(1.02); }
    
    /* Стилі для кастомних радіо-кнопок (Olive) */
    .radio_input_hidden {
        display: none; /* Ховаємо стандартний інпут */
    }

.radio_input_hidden {
        display: none;
    }

    /* Базовий стан (неактивний): 19x19, сірий контур */
    .checkout_input_radio_custom {
        width: 19px;
        height: 19px;
        min-width: 19px;
        border-radius: 50%;
        border: 1px solid #434343;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
        flex-shrink: 0;
    }

    /* Внутрішній кружечок */
    .checkout_input_radio_custom span {
        width: 10.5px;
        height: 10.5px;
        border-radius: 50%;
        background: #808000;
        opacity: 0; 
        transform: scale(0.5);
        transition: all 0.2s ease;
    }

    /* Стан Active/Checked: збільшуємо до 24x24, змінюємо колір на оливковий */
    .radio_option input:checked + .checkout_input_radio_custom,
    .radio_option.selected .checkout_input_radio_custom {
        width: 24px;
        height: 24px;
        min-width: 24px;
        border-color: #808000;
    }

    /* Показуємо внутрішній спан при активності */
    .radio_option input:checked + .checkout_input_radio_custom span,
    .radio_option.selected .checkout_input_radio_custom span {
        opacity: 1;
        transform: scale(1);
    }  
    
    .pay_desc_block {
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
        color: #646260;
    }
    .checkout_header {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-top: -59px;
    }
    .checkout_header span {
        font-family: Inter Tight;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 104%;
        letter-spacing: 0%;
        color: #646260;    
        max-width: 285px;
    }
    .checkout_header img {
        height: 27px;
    }
    
    .checkout_body {
        background-image: url(/assets/img/checkout/bg-checkout.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
    }

     .ty_section {
        position: relative;
        min-height: 100vh; 
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .ty_content {
        position: relative;
        z-index: 2;
        text-align: center;
        max-width: 600px;
        width: 100%;
        padding: 40px 20px;
    }

    .ty_title {
        font-family: Bebas Neue Pro;
        font-weight: 800;
        font-style: Expanded ExtraBold;
        font-size: 54px;
        leading-trim: NONE;
        line-height: 91%;
        letter-spacing: -3%;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 16px;
    }

    .ty_subtitle {
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        margin-bottom: 24px;
    }

    .ty_order_num {
        font-family: Inter Tight;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: -3%;
        text-align: center;
        color: #808000;
        margin-bottom: 40px;
    }

    .ty_btn {
        display: inline-block;
        background: linear-gradient(124.53deg, rgba(128, 128, 0, 0.7) 24.18%, #808000 83.07%);

        font-family: Inter Tight;
        font-weight: 700;
        font-style: Bold;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 104%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #fff;
        padding: 20px 60px;
        border-radius: 50px; /* Круглі краї кнопки */
        text-decoration: none;
        transition: background-color 0.3s ease, transform 0.2s ease;
        outline: 3px solid #80800080
    }

    .ty_btn:hover {
        background-color: #858b32;
        transform: translateY(-2px);
    }   
    
    /* Стилі для контейнера успіху */
#reviewSuccessState {
    width: 100%;
    height: 100%;
    animation: fadeInSuccess 0.5s ease-out forwards; /* Анімація появи */
}

.review-success-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 0;
    height: 100%; /* Розтягуємо на всю висоту */
}

/* Іконка галочки */
.success-icon {
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    
    /* Анімація стрибка іконки */
    animation: popIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Анімація прозорості */
@keyframes fadeInSuccess {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Анімація іконки */
@keyframes popIn {
    0% { transform: scale(0); }
    80% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
    
#p_review_swipe_right {
    transform: rotate(180deg);
}     
    
    .privacy-section {
        padding: 120px 0;
        padding-bottom: 80px;
    }

    .privacy-main-title {
        font-family: Bebas Neue Pro;
        font-weight: 800;
        font-style: Expanded ExtraBold;
        font-size: 54px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 70px;
        color: #000;
    }

    .privacy-card {
        background: #fff;
        border-radius: 12px;
        padding: 50px;
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    }

    .privacy-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 29px;
    }

    @media (min-width: 992px) {
        .privacy-grid {
            grid-template-columns: 35% 50%;
            justify-content: space-between;
        }
    }

    .privacy-card-title {
        font-family: Bebas Neue Pro;
        font-weight: 700;
        font-style: Bold;
        font-size: 28px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: -3%;
        color: #000;
        margin-bottom: 20px;
    }

    .privacy-list {
        list-style: none;
        padding: 0;
        margin: 0;
        font-family: 'Inter Tight', sans-serif;
        font-size: 16px;
        line-height: 1.6;
        color: #4a4a4a;
    }

    .privacy-list li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 12px;
        font-family: Inter Tight;
        font-weight: 400;
        font-style: Regular;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;
    }

    .privacy-list li::before {
        content: "•";
        position: absolute;
        left: 0;
        color: #777;
        font-weight: bold;
    }    
    
    .request_calculation_l_footer_title {
        font-family: Inter Tight;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 124%;
        letter-spacing: 0%;

    }
    
    
    
    
    
    
    
    
    
    
    
    
    
        .blog-header { text-align: center; padding-top: 100px; }
    .blog-title { font-family: 'Bebas Neue Pro', sans-serif; font-weight: 800; font-size: 72px; line-height: 91%; letter-spacing: -0.03em; text-transform: uppercase; color: var(--color-dark); margin: 0 0 20px 0; }
    .blog-subtitle { font-family: 'Inter Tight', sans-serif; font-weight: 400; font-size: 16px; color: #646260; margin: 0 0 40px 0; }
    .search-form { display: flex; justify-content: center; gap: 12px; margin-bottom: 50px; }
    .search-input-wrapper { position: relative; width: 473px; height: 52px; }
    .search-input { width: 100%; height: 100%; border: 1px solid #E5E5E5; border-radius: 100px; padding: 14px 16px 14px 48px; font-family: 'Inter Tight', sans-serif; font-size: 15px; outline: none; transition: border-color 0.2s; }
    .search-input:focus { border-color: var(--color-gold); }
    .search-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%23646260' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L16.65 16.65' stroke='%23646260' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
    .search-btn { height: 52px; padding: 0 46px; background: linear-gradient(102.09deg, #D9B383 10.72%, #C3974B 46.06%); border: none; border-radius: 30px; color: #fff; font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; cursor: pointer; transition: opacity 0.2s; }
    .search-btn:hover { opacity: 0.9; }
    .categories-scroll { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 10px; margin-bottom: 20px; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
    .categories-scroll::-webkit-scrollbar { display: none; }
    .cat-item { flex: 0 0 auto; text-decoration: none; padding: 8px 16px; border: 1px solid #D3D5E4; border-radius: 30px; font-family: 'Inter Tight', sans-serif; font-weight: 400; font-size: 15px; color: #646260; white-space: nowrap; transition: all 0.2s; cursor: pointer;}
    .cat-item:hover { border-color: var(--color-gold); color: var(--color-gold); }
    .cat-item.active { border-color: var(--color-gold); color: #FFFFFF; background-color: #808000; }
    .posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 80px; transition: opacity 0.3s; }
    .posts-grid.loading { opacity: 0.5; pointer-events: none; }
    .post-card { display: flex; flex-direction: column; padding: 12px 12px 24px 12px; background: #FFFFFF; border-radius: 12px; }
    .post-image-box { position: relative; height: 320px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; background-color: #f0f0f0; }
    .post-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
    .post-image-box:hover .post-image { transform: scale(1.05); }
    .post-cat-badge { position: absolute; top: 12px; right: 12px; background: #0A0806; color: #FFFFFF; padding: 6px 12px; border-radius: 100px; font-family: 'Inter Tight', sans-serif; font-size: 12px; z-index: 2; }
    .post-date { font-family: 'Inter Tight', sans-serif; font-size: 12px; color: var(--color-grey); margin-bottom: 16px; }
    .post-title { font-family: 'Bebas Neue Pro', sans-serif; font-weight: 800; font-size: 28px; line-height: 91%; letter-spacing: -0.03em; text-transform: uppercase; color: var(--color-dark); margin: 0 0 12px 0; overflow: hidden; }
    .post-desc { font-family: 'Inter Tight', sans-serif; font-size: 15px; line-height: 124%; color: var(--color-grey); margin: 0 0 20px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .post-link { display: inline-flex; align-items: center; gap: 8px; font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; color: #808000; text-decoration: none; }
    .post-link::after { content: ''; display: block; width: 16px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23808000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center left; }
    .pagination { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 100px; }
    .pager-link { font-family: 'Inter Tight', sans-serif; font-size: 16px; color: var(--color-dark); text-decoration: none; }
    .pager-link.active { font-weight: 700; }
    .pager-arrow { width: 40px; height: 40px; background-color: var(--color-gold); border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: opacity 0.2s; }
    .pager-arrow:hover { opacity: 0.9; }
    
    
    
    .blog-article {
    --color-text-main: #646260;
    --color-accent: #808000;
    --color-share-bg: #EAE0D1;
    --color-share-icon: #C3974B;
    --color-conclusion-bg: #E7EADE;
    --font-primary: 'Inter Tight', sans-serif;
    --font-secondary: 'Bebas Neue Pro', sans-serif;

    padding-top: 120px;
    padding-bottom: 70px;
}

.article-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
    position: relative;
}

.back-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 15px;
    line-height: 104%;
    text-transform: uppercase;
    color: var(--color-accent);
    text-decoration: none;
    transition: opacity 0.3s ease;
    
    position: relative;
    top: 5px;
}

.back-link:hover {
    opacity: 0.8;
}

.article-title-main {
    font-family: var(--font-secondary);
    font-weight: 800;
    font-size: 54px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-align: center;
    
    text-transform: uppercase;
    max-width: 669px;
    margin: 0 auto;
    color: #000;
}

.article-date {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 15px;
    line-height: 124%;
    color: var(--color-text-main);
    white-space: nowrap;
}

.article-cover {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 40px;
    display: block;
}

.article-body {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    position: relative;
}

.share-sidebar {
    position: sticky;
    top: 140px;
    width: fit-content;
    background: var(--color-share-bg);
    border-radius: 12px;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.share-title {
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 15px;
    line-height: 124%;
    color: #000;
}

.share-icons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}

.share-icon {
    width: 38px;
    height: 38px;
    background: var(--color-share-icon);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.share-icon:hover {
    transform: scale(1.05);
}

.content-wrapper {
    width: 100%;
    max-width: 669px;
}

.content-typography {
    color: var(--color-text-main);
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 15px;
    line-height: 124%;
}

.content-typography h1 {
    font-family: var(--font-secondary);
    font-weight: 800;
    font-size: 32px;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 24px;
}

.content-typography h2 {
    font-family: var(--font-secondary);
    font-weight: 800;
    font-size: 30px;
    line-height: 90%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #000;
    margin-top: 36px;
    margin-bottom: 20px;
}

.content-typography h3 {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 28px;
    line-height: 80%;
    letter-spacing: -0.03em;
    color: #000;
    margin-top: 32px;
    margin-bottom: 16px;
}

.content-typography img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
}

.content-typography h4 { font-family: var(--font-secondary); font-weight: 700; font-size: 24px; line-height: 100%; letter-spacing: -0.02em; color: #000; margin-top: 28px; margin-bottom: 14px; }
.content-typography h5 { font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 100%; color: #000; margin-top: 24px; margin-bottom: 12px; }
.content-typography h6 { font-family: var(--font-primary); font-weight: 700; font-size: 15px; line-height: 124%; color: #000; margin-top: 20px; margin-bottom: 8px; }
.content-typography p { margin-bottom: 16px; }
.content-typography ul, .content-typography ol { margin-bottom: 16px; padding-left: 20px; }

.conclusion-block {
    background: var(--color-conclusion-bg);
    border-radius: 10px;
    padding: 32px;
    margin-top: 40px;
}

.conclusion-title {
    font-family: var(--font-secondary);
    font-weight: 800;
    font-size: 32px;
    line-height: 91%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 24px;
}

.conclusion-text {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 15px;
    line-height: 124%;
    color: var(--color-text-main);
}
.conclusion-text p { margin-bottom: 10px; }

.article-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
}

.nav-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    transition: opacity 0.3s;
}

.nav-btn.disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.nav-btn:hover {
    opacity: 0.8;
}

.nav-icon {
    width: 40px;
    height: 40px;
    background: var(--color-accent);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.nav-text {
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 15px;
    line-height: 104%;
    text-transform: uppercase;
    color: #000;
}

.sidebar-wrapper-col { flex: 1; display: flex; justify-content: flex-end; }
.spacer-col { flex: 1; }

.contact_page {
    padding-top: 60px;
}

.contact_page_col {
    display: grid;
    grid-template-columns: 1fr 505px;
    gap: 16px;
    padding-bottom: 60px;
}

.contact_l {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact_block_2 {
    padding: 40px 38px 40px 32px;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.contact_block_col {
    /*padding-bottom: 30px;*/
    
}

.contact_block_icon {
    width: 32px;
    height: 32px;
    background: #E0B77C;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_block_col {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 30px;
    font-family: Bebas Neue Pro;
    font-weight: 400;
    font-style: Expanded Regular;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    flex-direction: column;
    width: 290px;
}

.contact_block_flex {
    display: flex;
    padding-bottom: 30px;
    gap: 12px;
    border-bottom: 1px solid #D3D5E4;
    align-items: center;
}

.contact_block_flex_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact_flex {
    display: flex;
    align-items: flex-start;
}

.contact_block_col .contact_block_flex:last-child {
    border: 0;
    padding-bottom: 0px;
}

.contact_block_footer {
    padding: 21px 32px;
    background: #E7EADE;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact_block h1 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
}

.contact_block_footer_title h2 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    margin-bottom: 8px;
    
}

.contact_block_footer_title p {
    font-family: Inter Tight;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;

}

.contact_block_footer_action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.contact_r {
    background: #8080001F;
    border-radius: 10px;
    padding: 72px 32px;
    position: relative;
    
}

.contact_title {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.contact_r {
    background-color: #E7EADE;
    background-image: url("/assets/img/contact/bg.svg");
    background-position: left top;
    background-repeat: no-repeat;
}

.contact_block_2 h1 {
    font-family: Bebas Neue Pro;
    font-weight: 800;
    font-style: Expanded ExtraBold;
    font-size: 54px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -3%;
    text-transform: uppercase;
    
}

.product_main_r_qty_bottom span art {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -2%;
    text-align: right;
    text-transform: uppercase;

}

#cartTotalSum art {
    font-family: Inter Tight;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 91%;
    letter-spacing: -2%;
    text-align: right;
    text-transform: uppercase;
    margin-left: -5px;
    margin-right: 27px;
}

form.form_index input.hp-field { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; pointer-events: none; }

.cart_item_top {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.catalog_desktop_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.catalog_desktop_wrapper::before {
    content: "";
    pointer-events: none;
    width: 30px;
    height: calc(100% + 10px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 87.5%, #ffffff 100%);
    position: absolute;
    transform: rotate(180deg);
    left: 0px;    
    z-index: 1;
}

.catalog_scroller_mask {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.catalog_what_do_you_need_cat {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.4s ease-in-out;
    gap: 10px; 
    width: max-content;
}
.catalog_nav_arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8); 
}
.prev_arrow { left: -25px; }
.next_arrow { right: 20px; }

.header_lang_switch {
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

.header_lang_switch {
    font-family: Inter Tight;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 104%;
    letter-spacing: 0%;
    display: flex;
    align-items: center;
    gap: 3px;
        border-radius: 4px;
    padding: 12px 10px;
}

.header_lang_switch.active {
    background: #D5AE78;
    color: #0A0806;

    padding-bottom: 64px;
    border-radius: 4px;
    transform: translateY(26px);
}

.header_lang_switch.active .header_lang_switch_container {
    display: flex;
}

.header_lang_switch.active img {
    filter: brightness(0);
}

.header_lang_switch_container {
    display: none;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 38px;
    color: #000;
}

.header_dropdown_menu_content a:hover {
    font-weight: 500;
}