/*
 Theme Name:   Healthy Fam
 Template:     astra
 Description:  Нова кастомна тема для компанії Healthy Fam
 Version:      1.0
 Author:       UHTY
*/

@import url("../astra/style.css");


@font-face {
    font-family: 'Mont';
    src: url('./access/fonts/Mont-ExtraLight.otf') format('opentype');
    font-weight: 200;
    /* ExtraLight */
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('./access/fonts/Mont-Bold.ttf') format('opentype');
    font-weight: 900;
    /* Heavy */
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('./access/fonts/Mont-Trial-Regular.ttf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/*Кастомний Скролбар*/
/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #454650;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #52631ecf;
    border-radius: 1px;
    transition: 1s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #5e731f;
}

/*Кастомний Скролбар - кінець*/

/* Базові стилі */
body,
html {
    margin: 0;
    padding: 0;
    font-family: "Inter", serif;
    font-style: normal;
    overflow-x: hidden;
    background-color: #E8EDE9;
}

.mobile_menu {
    display: none;
}

.header {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url('./access/images/darker-wood-lusher-moss-enhance-podiums-earthy-look.jpg') no-repeat bottom center/cover;
    /*background: url('./access/images/black-friday-helhty-fam.png') no-repeat bottom center/cover;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.background-card {
    background: url('./access/images/background-card.jpg') no-repeat bottom center/cover;
}

.background-card::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.background-product {
    background: url('./access/images/product-header.png') no-repeat bottom center/cover;
}

.background-product::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.background-checkout {
    background: url('./access/images/realistic-drop-with-ecosystem.jpg') no-repeat bottom center/cover;
}

.background-checkout::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

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

.logo {
    z-index: 3;
}

.logo img {
    height: 116px;
}

.menu {
    display: flex;
    gap: 20px;
    z-index: 10;
    border: 1.35px solid #ffffff;
    border-radius: 50px;
}

.menu ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0px;
    margin: 8px 11px;
}

.menu ul li {
    position: relative;
}

.menu ul li img {
    width: 27px;
    margin: 0 20px 0 5px;
}

.menu ul li a {
    font-family: "Inter", serif;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    padding: 12px 25px;
    margin: 0px 7px;
    border-radius: 30px;
    display: inline-block;
    transition: background-color 0.3s ease, color 0.3s ease;
    line-height: 96%;
    /* Висота рядка 96% */
    /*  letter-spacing: -0.04em;*/
}

/* Прибираємо margin для першого елемента */
.menu ul li:first-child a {
    margin-left: 0;
}

/* Прибираємо margin для останнього елемента */
.menu ul li:last-child a {
    margin-right: 0;
}

/* Hover ефект */
.menu ul li a:hover {
    background-color: #ffffff;
    color: #484848;
}

.headline {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.headline h1 {
    font-family: "Inter", serif;
    color: rgba(255, 255, 255, 0.6);
    font-size: 200px;
    font-weight: bold;
    text-transform: uppercase;
}

.middle-text-card {
    top: 50% !important;
}

.middle-text-card h1 {
    top: 50%;
    color: rgba(255, 255, 255, 1);
}

/* Блок соцмереж */
.socials {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px 18px;
    border: 1.35px solid #ffffff;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(38px);
    flex-direction: column;
    z-index: 7;
}

/* Стилі для посилань */
.socials a {
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    font-family: "Inter", serif;
    font-weight: 300;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    letter-spacing: 0.5px;
    line-height: 1.5;
    transition: color 0.3s ease;
}

/* При ховері для окремих посилань */
.socials a:hover {
    color: #d8d8d8;
}


/* Контейнер для info-block та slider-indicator */
.container_header_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 40px;
    gap: 20px;
    height: 100%;
    box-sizing: border-box;
}

/* Info-block */
.info-block {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: column;
    padding: 7px 7px 20px 7px;
    border: 1.35px solid #ffffff;
    border-radius: 36px;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(38px);
    z-index: 7;
}

.info-block img {
    width: 100%;
    border-radius: 28px;
}

.images-products-header {
    height: 180px;
    object-fit: cover;
}

.info-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 10px 0 20px;
}

.info-text p {
    margin: 0;
    font-size: 20px;
    font-family: "Inter", serif;
    color: #ffffff;
    font-weight: 300;
    line-height: 110%;
}

.info-text span {
    font-family: "Inter", serif;
    font-size: 10px;
    color: #ffffff;
    font-weight: 200;
    text-transform: uppercase;
}

.block_for_arrow_and_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Загальний стиль посилання */
.arrow-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 47px;
    margin: 0 5px 0 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.arrow-link img {
    width: auto;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 50%;
}

/* Ефект при наведенні */
.arrow-link:hover {
    transform: scale(1.1);
    /* Легке збільшення */
    /*  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* Сильніша тінь */
    */
}





.slider-container {
    position: absolute;
    top: 23%;
    left: 87%;
    transform: translate(-50%, -50%);
    z-index: 6;
    width: 100vw;
    transition: 0.3s ease;
}

.slider {
    display: flex;
    width: 100vw;
}

.slider img {
    width: 550px;
}

.slider-image {
    position: absolute;
    /* top: 53%;
  left: 50%;*/

    /*  transform: translate(-50%, -50%) translateX(100%); /* Початково всі за екраном праворуч */
    opacity: 0;
    transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;
    /* Анімація руху та прозорості */
}

.slider-image.active {
    transform: translate(-50%, -50%) translateX(0);
    /* Центр екрану */
    opacity: 1;
}

/* Slider-indicator */
.slider-indicator {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.slide-counter {
    font-size: 20px;
    color: white;

}

.current-slide,
.total-slides {
    font-family: 'Mont', sans-serif;
    font-weight: 900;
}

.slider-progress {
    position: relative;
    width: 400px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

.slider-bar {
    position: absolute;
    height: 100%;
    width: 0%;
    /* Початковий стан */
    background: #ffffff;
    /* Зелений колір для прогрес-бара */
    transition: width 0.5s ease;
    /* Анімація заповнення */
}























/*Головна початок*/
.main_container {
    max-width: 1440px;
    margin: 0 auto;
}

.about_us_container {
    display: flex;
    margin: 50px 20px;
    gap: 60px;
    align-items: flex-start;
}

.image_about_us {
    display: flex;
    flex-direction: column;
    width: 400%;
    flex-grow: 4;
}

.image_about_us img {
    object-fit: cover;
    object-position: center;
    height: 500px;
    width: auto;
    border-radius: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.text_about_us {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-grow: 1;
}

.text_about_us h1 {
    font-family: "Inter", serif;
    font-size: 70px;
    color: #181818;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
}

.text_about_us p {
    margin: 0;
    font-family: "Inter", serif;
    font-size: 18px;
    color: #181818;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.5;
}

/* Контейнер */
.custom-blocks-container {
    display: flex;
    justify-content: space-around;
    gap: 40px;
    flex-wrap: wrap;
    margin: 0 20px;
}

/* Кожен блок */
.custom-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 500px;
    padding: 30px;
    background: rgb(255 255 255 / 10%);
    backdrop-filter: blur(28px);
    border: 2px solid #181818;
    border-radius: 36px;
    overflow: hidden;
    clip-path: polygon(0 0, 84% 0, 100% 16%, 100% 100%, 0% 100%, 0 100%);
    /* background: linear-gradient(45deg, #c1c1c1, calc(100% - 1px), transparent calc(68% - 1px), transparent calc(43% + 1px), white calc(70% + 5px)); */
}

/* Стиль тексту */
.custom-block h2 {
    font-family: "Inter", serif;
    font-size: 34px;
    color: #181818;
    font-weight: 600;
    margin-bottom: 28px;
    line-height: 1;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.custom-block p {
    font-family: "Inter", serif;
    font-size: 17px;
    color: #000000;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -0.4px;
    margin: 0;
}

.leaves_block {
    position: relative;
    width: 100%;
    height: 100%;
}

.leaves_block img:nth-child(1) {
    position: absolute;
    left: -10%;
    top: -3%;
    transform: rotate(58deg);
    width: 200px;
    z-index: 0;
}

.leaves_block img:nth-child(2) {
    position: absolute;
    right: -27%;
    top: 0%;
    transform: rotate(58deg);
    width: 600px;
    z-index: 0;
}

/*.custom-block:nth-child(2)::before {
  clip-path: polygon(5% 0, 100% 0, 100% 95%, 95% 100%, 0 100%, 0 5%);
}*/

.product_block {
    margin: 40px 0;
}

.tittle_production_block {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 0 50px 0;
}

.tittle_production_block span {
    font-family: "Inter", serif;
    font-size: 18px;
    color: #181818;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

.tittle_production_block h1 {
    font-family: "Inter", serif;
    font-size: 70px;
    color: #181818;
    font-weight: 700;
    text-transform: uppercase;
}

/* Загальний контейнер */
.product-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 75px 20px 0;
    gap: 85px;
    column-gap: normal;
    flex-wrap: wrap;
}

/* Карточка продукту */
.product-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 44px;
    padding: 15px;
    width: 300px;
    align-items: center;
    justify-content: space-between;
}

/* Зображення продукту */
.product-image {
    height: 150px;
}

.product-image img {
    position: relative;
    top: -100px;
    width: 330px;
    height: auto;
    border-radius: 10px;
}

/* Інформація про продукт */
.product-info {
    text-align: center;
    width: 100%;
    flex-grow: 1;
}

.product-title {
    font-family: "Inter", serif;
    font-size: 30px;
    font-weight: 500;
    color: #181818;
    letter-spacing: -2px;
    margin: 0;
    line-height: 24px;
    text-transform: uppercase;
    width: 100%;
    word-wrap: break-word;
    /* дозволяє переносити слова */
    overflow-wrap: break-word;
    /* сучасний варіант */
    hyphens: auto;
    /* додає перенос із дефісом (якщо браузер підтримує) */
    line-height: 31px;
}


.product-brand {
    font-family: "Inter", serif;
    font-size: 15px;
    font-weight: 300;
    color: #181818;
    margin: 0;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.product-brand a:hover {
    color: #2f8f2f;
}

.product-description {
    font-family: "Inter", serif;
    font-size: 16px;
    font-weight: 400;
    color: #181818;
    text-align: left;
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 5px 0 0 5px;
}

.product-volume strong,
.product-price strong {
    font-family: "Inter", serif;
}

.product-volume,
.product-price {
    font-family: "Mont", serif;
    font-size: 16px;
    font-weight: 600;
    color: #181818;
    margin: 5px 0 0 5px;
    text-align: left;
}

.product-price {
    margin: 0 0 0 5px;
}

/* Дії з продуктом */
.product-actions {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.product-details {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 50px;
    padding: 8px 8px 8px 30px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    letter-spacing: 0px;
    transition: background-color 0.3s ease;
    justify-content: space-between;
    text-transform: none;
}

.product-details:hover,
.product-details:focus {
    background-color: #2f8f2f;
    color: #ffffff;
    border-color: #2f8f2f;
}

.circle-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: #2f8f2f;
    border-radius: 50%;
    flex-shrink: 0;
}

.circle-detail img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    transform: rotate(-45deg);
}

.product-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 50px;
    height: 50px;
    background-color: #2f8f2f;
    border-radius: 50%;
    flex-shrink: 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.product-cart img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.product-cart:hover {
    background-color: #1f6f1f;
}


.delivery_block {
    margin: 20px 20px;
}

.delivery_and_coopeation_info {
    margin: 35px 0;
}

.delivery_and_coopeation_info h1 {
    font-family: "Inter", serif;
    font-size: 38px;
    color: #181818;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 95%;
}

.delivery_and_coopeation_info p {
    font-family: "Inter", serif;
    font-size: 18px;
    color: #181818;
    font-weight: 300;
    text-transform: none;
    line-height: 136%;
    text-align: justify;
    margin: 20px 0 20px;
}

.cooperation_block {
    margin: 0 20px;
}

.form_cooperation {
    max-width: 980px;
    margin: 36px auto 0;
}

.form_cooperation .wpforms-container {
    margin: 0 !important;
    padding: 0 !important;
}

.form_cooperation .wpforms-field-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
}

.form_cooperation .wpforms-field {
    margin: 0 !important;
    padding: 0 !important;
}

.form_cooperation .wpforms-field-textarea {
    grid-column: 1 / -1;
}

.form_cooperation .wpforms-field-label {
    display: block;
    margin: 0 0 8px !important;
    font-family: "Inter", serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.3;
    color: #181818;
}

.form_cooperation .wpforms-required-label {
    color: #181818 !important;
}

.form_cooperation .wpforms-field input,
.form_cooperation .wpforms-field textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px;
    margin: 0 !important;
    padding: 15px 18px !important;
    border: 1.5px solid #181818 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: "Inter", serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #181818 !important;
    outline: none !important;
}

.form_cooperation .wpforms-field textarea {
    min-height: 132px;
    resize: vertical;
}

.form_cooperation .wpforms-field input:focus,
.form_cooperation .wpforms-field textarea:focus {
    border-color: #181818 !important;
    box-shadow: inset 0 0 0 1px #181818 !important;
}

.form_cooperation .wpforms-submit-container {
    margin-top: 24px !important;
    padding: 0 !important;
}

.form_cooperation button.wpforms-submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 34px !important;
    border: 1.5px solid #181818 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #181818 !important;
    font-family: "Inter", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    transition: background-color .2s ease, color .2s ease;
}

.form_cooperation button.wpforms-submit:hover,
.form_cooperation button.wpforms-submit:focus {
    background: #181818 !important;
    color: #fff !important;
}

.form_cooperation .wpforms-confirmation-container-full,
.healthyfam-form-admin-notice {
    margin: 0 !important;
    padding: 16px 18px !important;
    border: 1.5px solid #181818 !important;
    background: transparent !important;
    color: #181818 !important;
    font-family: "Inter", serif;
    font-size: 16px;
    font-weight: 300;
}

@media (max-width: 768px) {
    .form_cooperation {
        margin-top: 28px;
    }

    .form_cooperation .wpforms-field-container {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .form_cooperation button.wpforms-submit {
        width: 100%;
    }
}

/*Головна кінець*/

/*Інформаційні сторінки початок*/
.hf-info-page {
    background-color: #ffffff;
    color: #181818;
    font-family: "Inter", serif;
    padding: 60px 20px 80px;
}

.hf-info-page__container {
    max-width: 1120px;
    margin: 0 auto;
}

.hf-info-content {
    display: grid;
    gap: 18px;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    text-align: left;
    align-items: stretch;
}

.hf-info-content__lead {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 4px;
    padding: 0 34px;
    font-size: 24px;
    line-height: 150%;
    font-weight: 400;
}

.hf-info-content__section {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #181818;
    border-radius: 28px;
    padding: 34px;
    background: transparent;
}

.hf-info-content__section h2 {
    margin: 0 0 18px;
    font-size: 34px;
    line-height: 115%;
    font-weight: 500;
    text-transform: uppercase;
    color: #181818;
}

.hf-info-content__section p {
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 155%;
}

.hf-info-content__section p:last-child {
    margin-bottom: 0;
}

.hf-info-content__section ul {
    display: grid;
    gap: 12px;
    margin: 0 0 20px;
    padding-left: 22px;
}

.hf-info-content__section li {
    font-size: 18px;
    line-height: 155%;
}

.hf-info-content__section a {
    color: #181818;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color 0.3s ease;
}

.hf-info-content__section a:hover {
    color: #78ba0a;
}

@media (max-width: 768px) {
    .hf-info-page {
        padding: 42px 16px 55px;
    }

    .hf-info-content__lead {
        font-size: 18px;
        padding: 0 18px;
    }

    .hf-info-content__section {
        border-radius: 20px;
        padding: 22px 18px;
    }

    .hf-info-content__section h2 {
        font-size: 26px;
    }

    .hf-info-content__section p,
    .hf-info-content__section li {
        font-size: 16px;
    }
}

/*Інформаційні сторінки кінець*/



/*Футер початок*/
.footer {
    background-color: #181818;
    color: #fff;
    padding: 40px 20px;
    font-family: 'Inter', sans-serif;
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    gap: 120px;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: space-between;
}

.footer-logo {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.footer-logo img {
    width: 165px;
    height: auto;
}

.footer-logo p {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.footer-contacts,
.footer-socials,
.footer-hours {
    flex: 1;
    min-width: 200px;
}

.footer-contacts h4,
.footer-socials h4,
.footer-hours h4 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: "Inter", serif;
    color: #ffffff;
    text-transform: uppercase;
}

.footer-contacts ul,
.footer-socials ul,
.footer-hours ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.8;
}

.footer-contacts ul li,
.footer-socials ul li,
.footer-hours ul li {
    font-size: 18px;
    font-family: "Inter", serif;
    color: #ffffff;
    font-weight: 400;
    line-height: 150%;
}

.footer-contacts ul li a,
.footer-socials ul li a,
.footer-hours ul li a {
    color: #fff;
    transition: color 0.3s ease;
}

.footer-contacts ul li a img,
.footer-socials ul li a img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    transform: rotate(-45deg);
}

.footer-hours ul li.footer-payment-delivery-link {
    margin-top: 10px;
}

.footer-hours ul li.footer-privacy-policy-link {
    margin-top: 6px;
}

.footer-hours ul li.footer-payment-delivery-link a,
.footer-hours ul li.footer-privacy-policy-link a {
    display: inline-block;
    color: #ffffff !important;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.footer-contacts ul li a:hover,
.footer-socials ul li a:hover,
.footer-hours ul li a:hover {
    color: #78ba0a;
}

.footer-bottom {
    font-family: "Inter", serif;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    margin: 60px 20px 0px;
}

.footer-bottom a {
    color: #78ba0a;
    text-decoration: none;
}

.footer-bottom p {
    margin: 0;
}

.footer-bottom a:hover {
    text-decoration: underline;
}


.footer-wave {
    position: relative;
    top: 30px;
    z-index: 1;
    overflow: hidden;
}

.footer-wave svg {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
}


.leaves-footer {}

.leaves-footer img:nth-child(1) {
    position: absolute;
    width: 100px;
    z-index: -1;
    top: 5px;
    left: 20px;
}

.leaves-footer img:nth-child(2) {
    position: absolute;
    width: 100px;
    z-index: -1;
    top: 5px;
    right: 20px;
}

/*Футер кінець*/



/*Корзина початок*/

.cart-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 400px;
    height: 100%;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease-in-out;
    z-index: 9999;
    overflow-y: auto;
    border: 1.35px solid #ffffff;
    border-bottom: none;
    border-right: none;
    border-top: none;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(38px);
}

.cart-drawer.active {
    right: 0;
}



.cart-drawer-content {
    padding: 15px;
}

.cart-close {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 20px;
}

.cart-close:hover {
    background: transparent;
}

.cart-close img {
    width: 14px;
}

body.cart-drawer-open {
    overflow: hidden;
    /* Забороняє прокрутку сторінки */
}


.cart-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0px 15px 20px;
    background: #f8f8f8;
    border-bottom: 1px solid #eaeaea;
    max-height: 60px;
}

.cart-drawer-header h3 {
    font-family: "Inter", serif;
    font-size: 18px;
    font-weight: 500;
    color: #181818;
}

.widget_shopping_cart_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Забезпечує контейнеру повну висоту */
    overflow: hidden;
}

.woocommerce-mini-cart {
    flex: 1;
    overflow: auto;
    list-style: none;
    margin: 0 0 20px;
}

.woocommerce-mini-cart__total {
    display: flex;
    justify-content: space-between;
    padding: 0.7em 1.34em;
    margin-bottom: 0;
    font-family: "Inter", serif;
    font-size: 18px;
    font-weight: 400;
    color: #181818;
}

.cart-drawer-content {
    padding: 15px;
    /*    height: 100%;*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/*.cart-drawer-content ul li {
    padding: 1.2em 0 1.2em 5em;
}*/
.cart-drawer-content ul li {
    display: grid;
    grid-template-columns: 185px 1fr 1fr;
    gap: 5px;
    align-items: center;
    padding: 2.2em 0 2.2em 5em;
    position: relative;
    justify-content: space-between;
}

/*.cart-drawer-content ul li a.remove {
    position: absolute;
    left: auto;
    right: 0;
    top: 1.1em;
    color: #000000;
}*/

.cart-drawer-content ul li a img {
    position: static;
    /* Знімає абсолютне позиціонування */
    width: 5em;
    height: 5em;
    margin-right: 1em;
    /* Відступ між зображенням і текстом */
    object-fit: cover;
}

.cart-drawer-content ul li a.remove {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #000000;
    transition: background-color 0.2s ease;
    margin: 0 0 0.33em 0;
    order: 3;
}

.cart-drawer-content ul li a.remove .ahfb-svg-iconset .ast-close-svg {
    width: 100%;
    height: 100%;
}

.cart-drawer-content ul li a {
    margin-bottom: .33em;
    display: block;
    font-family: "Inter", serif;
    /*    font-size: 16px;*/
    font-weight: 500;
    color: #181818;
    order: 1;
    text-transform: capitalize;
}

.cart-drawer-content ul li span {
    font-family: "Inter", serif;
    /*    font-size: 16px;*/
    font-weight: 500;
    color: #181818;
    order: 2;
}

.cart-drawer-content ul li span svg:hover,
.cart-drawer-content ul li a.remove:hover {
    color: #5d5f5d;
}

.cart-drawer-content ul li a img {
    position: absolute;
    left: 0;
    width: 5em;
    height: 5em;
    margin: 0 0 .5em 0;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover;
}



.woocommerce-mini-cart__buttons {
    margin-top: auto;
    /* Притискає блок донизу */
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.woocommerce-mini-cart__buttons a {
    text-align: center;
    margin: 10px 10px 0;
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 22px;
    font-family: "Inter", serif;
    font-size: 16px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    padding: 15px;
}

.woocommerce-mini-cart__buttons a:hover {
    background-color: #2f8f2f;
    color: #ffffff;
    border-color: #2f8f2f;
}

/*Корзина кінець*/


/*Кошик початок*/
.cart_section {
    max-width: 1025px;
    margin: 55px auto 0;
    font-family: "Inter", serif;
    color: #181818;
}

.cart_section form table.cart td.actions .coupon {
    float: left;
    display: flex;
    margin: 0 auto;
}

.cart_section form table.cart td.actions {
    text-align: right;
}

.cart-collaterals {
    display: flex;
    justify-content: flex-end;
}

.cart-collaterals .cart_totals {
    width: 48%;
}

.cart-collaterals .cart_totals .wc-proceed-to-checkout {
    display: flex;
    justify-content: flex-end;
}

.cart-collaterals .cart_totals .wc-proceed-to-checkout a {
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 50px;
    padding: 8px 8px 8px 25px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
}

.cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover {
    background-color: #2f8f2f;
    border: 2px solid #2f8f2f;
    color: #fff;
}

th.product-price {
    font-family: "Inter", serif;
    color: #181818;
}

td.product-name a {
    font-family: "Inter", serif;
    color: #181818;
    font-weight: 700;
    text-transform: none;
}

td.product-subtotal span {
    font-family: "Mont", serif;
    color: #181818;
    font-weight: 700;
}

tr.order-total td strong span {
    font-family: "Mont", serif;
    color: #181818;
}

table,
td,
th {
    border: 1px solid #e0e3e1;
}

.cart_totals h2 {
    font-family: "Inter", serif;
    color: #181818;
    font-weight: 700;
}

.cart_butt {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 50px;
    padding: 8px 8px 8px 30px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer !important;
    letter-spacing: 0px;
    transition: background-color 0.3s ease;
    justify-content: space-between;
    text-transform: none;
    float: right;
}

.cart_butt:hover,
.coupon button:hover,
.cart_butt:focus,
.coupon button:focus {
    background-color: #2f8f2f;
    border: 2px solid #2f8f2f;
    color: #fff;
}

.cart_butt span img {
    width: 15px;
    height: 15px;
}

.coupon button {
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 0 50px 50px 0;
    padding: 8px 8px 8px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
}

.coupon input {
    background-color: transparent;
    width: 225px;
    border: 2px solid #181818;
    border-right: none;
    border-radius: 50px 0 0 50px;
    padding: 15px 15px 15px 25px;
    font-family: "Inter", serif;
    font-size: 16px;
    font-weight: 700;
    color: #181818;
    cursor: text;
    line-height: inherit;
    transition: background-color 0.3s ease;
}

.coupon input:focus {
    border: 2px solid #181818 !important;
    border-right: none !important;
    background-color: #fff;
}

.quantity input:focus {
    border: 2px solid #181818 !important;
    background-color: #fff;
}

.quantity input {
    background-color: transparent;
    font-family: "Mont", serif;
    width: 225px;
    border: 2px solid #181818;
    border-radius: 50px;
    padding: 12px 12px 12px 25px;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cart-subtotal td span {
    font-family: "Mont", serif;
    color: #181818;
}

/*Кошик кінець*/



/*Оформлення замовлення початок*/
.checkout-text h1 {
    font-size: 120px;
    text-align: center;
}

.checkout-block {
    max-width: 1025px;
    margin: 55px auto 0;
    font-family: "Inter", serif;
    color: #181818;
}

.woocommerce-billing-fields__field-wrapper p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.woocommerce-billing-fields__field-wrapper p label {
    width: 300px;
    background-color: #2f8f2f;
    border: 2px solid #181818;
    border-radius: 50px 0 0 50px;
    padding: 13px 15px 12px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    justify-content: center;
}

.woocommerce-billing-fields__field-wrapper p span input {
    width: 300px;
    background-color: transparent;
    border: 2px solid #181818;
    border-left: none;
    border-radius: 0 50px 50px 0;
    padding: 12px 15px 13px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 500;
    color: #181818;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    line-height: unset;
}

.woocommerce-billing-fields__field-wrapper p span input:focus {
    background-color: #fff;
    color: #181818;
    border: 2px solid #181818;
    border-left: none;
}

abbr[title] {
    border-bottom: none;
}

.woocommerce-billing-fields__field-wrapper p span strong {
    width: 300px;
    background-color: transparent;
    border: 2px solid #181818;
    border-left: none;
    border-radius: 0 50px 50px 0;
    padding: 12px 15px 13px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 500;
    color: #181818;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    line-height: unset;
}

.woocommerce-billing-fields__field-wrapper p span .selection span {
    width: 300px;
    background-color: transparent;

    border-left: none;
    border-radius: 0 50px 50px 0;
    padding: 16px 15px 15px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 500;
    color: #181818 !important;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    line-height: unset;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 2px solid #181818;
    border-radius: 4px;
    padding: 12px 15px 13px 15px;
}

.select2-container .select2-selection--single {
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 22px;
    padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    /* height: 26px; */
    /* position: absolute; */
    /* top: 1px; */
    right: 1px;
    width: 20px;
    display: none;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
    font-family: "Inter", serif;
    font-size: 40px !important;
    color: #181818;
    font-weight: 300 !important;
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 95%;
    border-bottom: none !important;
}

.woocommerce-additional-fields div p label {
    font-family: "Inter", serif;
    font-size: 18px;
    color: #181818;
    font-weight: 300;
    text-transform: none;
    line-height: 136%;
    text-align: justify;
    margin: 20px 0 20px;
}

.woocommerce-additional-fields div p span textarea {
    max-width: 100%;
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 10px;
    padding: 13px 15px 13px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 500;
    color: #181818;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
}

.woocommerce-additional-fields div p span textarea:focus {
    background-color: #fff;
    color: #181818;
}

#order_review_heading {
    font-family: "Inter", serif;
    font-size: 32px !important;
    color: #181818;
    font-weight: 300 !important;
    text-transform: uppercase;
    letter-spacing: -2px;
    border-color: #e0e3e1;
    line-height: 95%;
    padding: 35px 30px 30px;
}

.woocommerce-checkout-review-order table thead tr {
    font-family: "Inter", serif;
    font-size: 20px !important;
    color: #181818;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.woocommerce-checkout-review-order table tbody tr {
    font-family: "Inter", serif;
    font-size: 18px !important;
    color: #181818;
    /* font-weight: 500 !important; */
    /* text-transform: uppercase; */
    letter-spacing: -1px;
}

.product-total span {
    font-family: "Mont", serif;
    font-size: 18px !important;
    color: #181818;
}

.woocommerce-checkout-review-order table tfoot tr {
    font-family: "Inter", serif;
    font-size: 19px !important;
    color: #181818;
    /* font-weight: 500 !important; */
    /* text-transform: uppercase; */
    letter-spacing: -1px;
}

.woocommerce-checkout-review-order table tfoot tr td {
    font-family: "Mont", serif;
    font-size: 19px !important;
    color: #181818;
}

.woocommerce-checkout-payment ul li label {
    font-family: "Inter", serif;
    font-size: 19px !important;
    color: #181818;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
}

.payment_box {
    font-family: "Inter", serif;
    font-size: 16px !important;
    color: #181818 !important;
    font-weight: 300;
    line-height: 136% !important;
    text-align: justify;
    letter-spacing: -1px;
    text-transform: none;
    background-color: #fff !important;
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

.woocommerce-checkout #payment ul.payment_methods li input {
    cursor: pointer;
    margin: 0 7px 0 0;
}

/* Основний стиль для input radio */
input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid green;
    border-radius: 50%;
    /* Робимо круглу форму */
    outline: none;
    cursor: pointer !important;
    background-color: white;
    /* Білий фон всередині */
    display: inline-block;
    position: relative;
}

input[type="radio"]:checked {
    background-color: #2f8f2f;
    border-color: #2f8f2f;
}

input[type="radio"]:checked::after {
    content: '';
    width: 9px;
    height: 9px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.woocommerce-privacy-policy-text p {
    font-family: "Inter", serif;
    font-size: 16px;
    color: #181818;
    font-weight: 300;
    text-transform: none;
    line-height: 136%;
    text-align: justify;
}


.woocommerce-privacy-policy-text p a:hover {
    color: #2f8f2f;
}

.place-order button.button.alt {
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 50px;
    padding: 15px 25px 15px 25px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
}

.place-order button.button.alt:hover {
    background-color: #2f8f2f;
    color: #fff;
    border: 2px solid #2f8f2f;
}

/*Оформлення замовлення кінець*/




/*Продукція детальніше початок*/
.middle-text-product {
    top: 50%;
}

.middle-text-product h1 {
    top: 50%;
    color: rgba(255, 255, 255, 1);
    font-size: 130px;
}

.header-product-showcase .middle-text-product {
    left: 28%;
    top: 52%;
}

.header-product-showcase .middle-text-product h1 {
    font-size: clamp(72px, 7vw, 132px);
    line-height: 0.95;
    text-align: left;
}

.product-header-showcase {
    position: absolute;
    right: 9.5vw;
    bottom: 0;
    z-index: 4;
    width: min(34vw, 560px);
    height: min(78vh, 780px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
}

.product-header-showcase img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 28px 45px rgba(0, 0, 0, 0.35));
    opacity: 0.94;
}

.header-info-page .middle-text-product {
    width: calc(100vw - 300px);
    max-width: 1280px;
}

.header-info-page .middle-text-product h1 {
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: clamp(46px, 5.4vw, 86px);
    line-height: 1.05;
    white-space: normal;
    overflow-wrap: normal;
}

@media (max-width: 768px) {
    .header-info-page .middle-text-product {
        width: calc(100vw - 32px);
    }

    .header-info-page .middle-text-product h1 {
        font-size: clamp(36px, 9vw, 58px);
    }
}

.product-block {
    max-width: 1200px;
    margin: 50px auto 0;
    font-family: "Inter", serif;
    color: #181818;
}

.product-block .content-area .site-main .ast-woocommerce-container .ast-article-single .woocommerce-product-gallery {
    float: left;
}

.woocommerce-product-gallery__wrapper div {
    border-radius: 20px;
    /*    border: 1px solid;*/
    margin: 0 20px 0 0;
}

.ast-on-card-button.ast-onsale-card {
    opacity: 1;
    visibility: visible;
    position: relative;
    top: 0.5em;
    left: auto;
    right: 9.5em;
}

.entry-summary {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.entry-summary form.cart {
    display: flex;
}

.ast-shipping-text {
    display: none;
}

.woocommerce-product-gallery__trigger {
    background-color: #385706;
    border-radius: 50%;
}

.woocommerce-product-gallery__trigger {
    position: relative;
    top: 0.2em;
    right: -1.3em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
    backface-visibility: hidden;
}

.product-block .content-area main div .ast-article-single .woocommerce-product-gallery {
    display: flex;
}

.woocommerce-product-gallery__trigger:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #181818;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 9px;
    box-sizing: content-box;
}

.woocommerce-product-gallery__trigger:after {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: #181818;
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 22px;
    transform: rotate(-45deg);
    box-sizing: content-box;
}

a:focus {
    color: #181818;
}

.product_meta {
    display: none;
}

#primary {
    margin: 0;
}

.woocommerce-product-gallery__trigger span {
    opacity: 0;
}

.woocommerce-tabs {
    clear: both;
}

.woocommerce-tabs {
    padding-top: 2em;
    margin-bottom: 4em;
    width: 100%;
}

.woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 1em;
    overflow: hidden;
    position: relative;
}

.woocommerce-tabs ul.tabs:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: ' ';
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #ffffff;
    z-index: 0;
}

.woocommerce-tabs ul.tabs::after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
    content: ' ';
    display: table;
}

.woocommerce-tabs ul.tabs li.active::before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 3px;
    box-shadow: none;
    top: 0;
    left: 0;
    border-radius: 0;
}

.woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before {
    background: #000;
}

.woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #181818;
    text-decoration: none;
}

/*.elementor-229 .elementor-element.elementor-element-a6caa66 {
    padding: 50px 0px 75px 0px;
}*/

.woocommerce-tabs ul.tabs li {
    border: 0;
    background: 0 0;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 4px 4px 0 0;
    margin: 0 1em 0 0;
    padding: 0;
    border-radius: 0;
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    font-family: "Inter", serif;
    font-size: 18px;
    color: #555555;
    font-weight: 300;
    text-transform: none;
    letter-spacing: -1px;
}

.single-product-category {
    font-family: "Inter", serif;
    font-size: 18px;
    color: #181818;
    font-weight: 500;
    text-transform: none;
    letter-spacing: -1px;
}

.entry-title {
    font-family: "Inter", serif;
    font-size: 34px;
    color: #181818;
    font-weight: 600;
    margin: 20px 0 10px 0;
    line-height: 1;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.summary .price>del {
    font-family: "Mont", serif;
    font-size: 22px;
    color: #676767;
    font-weight: 900;
}

.summary .price>ins {
    font-family: "Mont", serif;
    font-size: 25px;
    color: #181818;
    font-weight: 900;
}

.summary .price>span>bdi {
    font-family: "Mont", serif;
    font-size: 25px;
    color: #181818;
    font-weight: 900;
}

.woocommerce-Price-currencySymbol {
    font-family: "Inter", serif !important;
    font-weight: 500 !important;
}

.summary .price {
    display: inline-block;
    margin: 0 0 10px;
}

.woocommerce-product-details__short-description {
    font-family: 'Inter', serif;
    font-size: 17px;
    color: #181818;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -0.4px;
    margin: 0;
}

.entry-summary form div.quantity input {
    background-color: transparent;
    font-family: "Mont", serif;
    width: 210px;
    border: 2px solid #181818;
    border-radius: 50px 0 0 50px;
    padding: 19px 12px 19px 25px;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.entry-summary form button {
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 0 50px 50px 0;
    padding: 8px 8px 8px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    border-left: none;
}

.entry-summary form button:hover,
.entry-summary form button:focus {
    background-color: #2f8f2f;
    border: 2px solid #2f8f2f;
    color: #fff;
    border-left: none;
}

.entry-summary form button span.circle-detail img {
    width: 17px;
    height: 17px;
    object-fit: contain;
    transform: none;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    font-family: "Inter", serif;
    letter-spacing: -0.2px;
    font-size: 18px;
    font-weight: 500;
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #f7f6f7;
    color: #181818;
    border-top: 3px solid #77aa13;
    list-style: none outside;
    zoom: 1;
    width: auto;
    word-wrap: break-word;
    border-radius: 0 0 20px 20px;
}

.woocommerce-message .button {
    float: right;
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 50px;
    padding: 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
}

.woocommerce-message .button:hover,
.woocommerce-message .button:focus {
    background-color: #2f8f2f;
    border: 2px solid #2f8f2f;
    color: #fff;
}

.tamifort-enhance {
    clear: both;
    display: grid;
    gap: 24px;
    margin: 56px 0 64px;
    font-family: "Inter", serif;
    color: #181818;
}

.tamifort-enhance__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: stretch;
}

.tamifort-enhance__hero > div,
.tamifort-enhance__grid article,
.tamifort-enhance__contact {
    border: 1px solid #181818;
    border-radius: 28px;
    background: transparent;
}

.tamifort-enhance__hero > div:first-child {
    padding: 36px;
}

.tamifort-enhance__eyebrow {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 130%;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #456a08;
}

.tamifort-enhance h2 {
    margin: 0 0 18px;
    font-size: clamp(28px, 3.2vw, 42px);
    line-height: 1.08;
    font-weight: 600;
    letter-spacing: -0.9px;
    text-transform: uppercase;
    color: #181818;
}

.tamifort-enhance h3 {
    margin: 0 0 16px;
    font-size: 24px;
    line-height: 115%;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    color: #181818;
}

.tamifort-enhance p,
.tamifort-enhance li,
.tamifort-enhance a,
.tamifort-enhance small {
    font-size: 17px;
    line-height: 155%;
}

.tamifort-enhance p {
    margin: 0 0 14px;
}

.tamifort-enhance p:last-child {
    margin-bottom: 0;
}

.tamifort-enhance ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 22px;
}

.tamifort-enhance__cta-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: 28px;
}

.tamifort-enhance__cta-card span {
    width: fit-content;
    border: 1px solid #181818;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

.tamifort-enhance__cta-card strong {
    display: block;
    font-family: "Mont", serif;
    font-size: 42px;
    line-height: 1;
    font-weight: 900;
}

.tamifort-enhance__button,
.tamifort-enhance__links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #181818;
    border-radius: 999px;
    padding: 14px 20px;
    color: #181818;
    text-decoration: none;
    font-weight: 700;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.tamifort-enhance__button {
    position: relative;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 8px 8px 28px;
}

.tamifort-enhance__button::after {
    content: "";
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    border-radius: 50%;
    background-color: #2f8f2f;
    background-image: url('./access/images/shopping-bag.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
    transition: background-color 0.3s ease, filter 0.3s ease;
}

.tamifort-enhance__button:hover,
.tamifort-enhance__button:focus,
.tamifort-enhance__links a:hover,
.tamifort-enhance__links a:focus {
    background-color: #2f8f2f;
    border-color: #2f8f2f;
    color: #ffffff;
}

.tamifort-enhance__button:hover::after,
.tamifort-enhance__button:focus::after {
    background-color: #ffffff;
    filter: invert(1);
}

.tamifort-enhance__cta-card small {
    display: block;
    font-size: 13px;
    line-height: 145%;
    color: #555555;
}

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

.tamifort-enhance__grid article {
    padding: 26px;
}

.tamifort-enhance__grid article a {
    color: #181818;
    text-decoration: underline;
    text-underline-offset: 4px;
    font-weight: 700;
}

.tamifort-enhance__grid article a:hover,
.tamifort-enhance__grid article a:focus {
    color: #2f8f2f;
}

.tamifort-enhance__contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    align-items: center;
    padding: 30px;
}

.tamifort-enhance__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}


.related {}

.related h2 {
    font-family: "Inter", serif;
    font-size: 30px;
    color: #181818;
    font-weight: 600;
    margin-bottom: 35px;
    line-height: 1;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.related ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 10px;
}

.related ul.products li {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.related ul.products li .astra-shop-summary-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.related ul.products li .astra-shop-summary-wrap a h2 {
    font-family: "Inter", serif;
    font-size: 28px;
    color: #181818;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    margin: 10px;
}

.related ul.products li .astra-shop-summary-wrap a h2:hover {
    color: #2f8f2f;
}

.related ul.products li .astra-shop-summary-wrap span {
    font-family: "Inter", serif;
    font-size: 17px;
    color: #181818;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.8px;
    margin: 0 0 10px 0;
}

.related ul.products li .astra-shop-summary-wrap span.price del span bdi {
    font-family: "Mont", serif;
    font-weight: 600;
    color: #676767;
}

.related ul.products li .astra-shop-summary-wrap span.price ins span bdi {
    font-family: "Mont", serif;
    font-weight: 600;
    color: #181818;
}

.related ul.products li .astra-shop-summary-wrap span.price span bdi {
    font-family: "Mont", serif;
    font-weight: 600;
    color: #181818;
}

.related ul.products li .astra-shop-thumbnail-wrap span.ast-on-card-button.ast-onsale-card {
    display: none;
}

.entry-content {
    font-family: "Inter", serif;
    color: #181818;
}

/*Продукція детальніше кінець*/







/*Медіа*/

/* ----------- Стандартні екрани ноутбуків і моніторів ----------- */

/* Full HD (1920x1080) */
@media (max-height: 1080px) {
    .slider-container {
        top: 31%;
    }
}

@media (max-height: 1060px) {
    .slider-container {
        top: 30%;
    }
}

@media (max-height: 1045px) {
    .slider-container {
        top: 29%;
    }
}

@media (max-height: 1020px) {
    .slider-container {
        top: 28%;
    }
}

@media (max-height: 1000px) {
    .slider-container {
        top: 27%;
    }
}

@media (max-height: 966px) {
    .slider-container {
        top: 26%;
    }
}

@media (max-height: 955px) {
    .slider-container {
        top: 25%;
    }
}

@media (max-height: 940px) {
    .slider-container {
        top: 24%;
    }
}

@media (max-height: 925px) {
    .slider-container {
        top: 23%;
    }
}

@media (max-height: 905px) {
    .slider-container {
        top: 21%;
    }
}

@media (max-height: 885px) {
    .slider-container {
        top: 19%;
    }
}

@media (max-height: 870px) {
    .slider-container {
        top: 18%;
    }
}

@media (max-height: 860px) {
    .slider-container {
        top: 17%;
    }
}

@media (max-height: 850px) {
    .slider-container {
        top: 16%;
    }
}















/* 8K (7680x4320) */
@media (width: 7680px) and (height: 4320px) {
    .slider img {
        width: 2600px;
    }

    .slider-container {
        top: 23%;
        left: 85%;
    }

    .headline h1 {
        font-size: 60em;
    }
}

/* 4K (3840x2160) */
@media (width: 3840px) and (height: 2160px) {
    .slider img {
        width: 1600px;
    }

    .slider-container {
        top: 10%;
        left: 81%;
    }

    .headline h1 {
        font-size: 40em;
    }
}

/* 2K (2560x1440) */
@media (width: 2560px) and (height: 1440px) {
    .slider img {
        width: 1000px;
    }

    .slider-container {
        top: 14%;
        left: 82%;
    }

    .headline h1 {
        font-size: 25em;
    }
}

/* Full HD (1920x1080) */
@media (width: 1920px) and (height: 1080px) {
    .slider img {
        width: 800px;
    }

    .headline h1 {
        font-size: 18em;
    }

    .slider-container {
        top: 10%;
        left: 81%;
    }
}

/* MacBook Pro 16" (3072x1920) */
@media (width: 3072px) and (height: 1920px) {
    .slider img {
        width: 1300px;
    }

    .slider-container {
        top: 16%;
        left: 81%;
    }

    .headline h1 {
        font-size: 32em;
    }
}

/* MacBook Pro 14" (3024x1964) */
@media (width: 3024px) and (height: 1964px) {
    .slider img {
        width: 1300px;
    }

    .slider-container {
        top: 17%;
        left: 80%;
    }

    .headline h1 {
        font-size: 32em;
    }
}

/* MacBook Air 13" / MacBook Pro 13" (2560x1600) */
@media (width: 2560px) and (height: 1600px) {
    .slider img {
        width: 1100px;
    }

    .headline h1 {
        font-size: 27em;
    }

    .slider-container {
        top: 15%;
        left: 80%;
    }
}

/* MacBook Air M1 / M2 (1440x900) */
@media (width: 1440px) and (height: 900px) {
    .slider img {
        width: 600px;
    }

    .headline h1 {
        font-size: 14em;
    }

    .slider-container {
        top: 17%;
        left: 81%;
    }
}


@media (max-width: 1920px) {
    .slider-container {
        left: 87%;
    }

}

@media (max-width: 1750px) {
    .slider-container {
        left: 86%;
    }

}

@media (max-width: 1660px) {
    .slider-container {
        left: 85%;
    }

}

@media (max-width: 1580px) {
    .slider-container {
        left: 84%;
    }

}

@media (max-width: 1530px) {
    .slider-container {
        left: 83%;
    }

}

@media (max-width: 1310px) {
    .slider-container {
        left: 81%;
    }

}

@media (max-width: 1210px) {
    .slider-container {
        left: 80%;
    }

    .header_block {
        margin: 15px 20px;
    }

    .container_header_bottom {
        padding: 40px 20px;
    }

    .socials {
        right: 20px;
    }
}

@media (max-width: 1100px) {
    .slider-container {
        left: 77%;
    }

    .menu ul li a {
        padding: 11px 15px;
    }

    .images-products-header {
        height: 160px;
        object-fit: cover;
    }

    .slider-progress {
        width: 300px;
    }

    .tittle_production_block h1 {
        font-size: 60px;
    }

    .headline h1 {
        font-size: 180px;
    }
}

@media (max-width: 1100px) {
    .slider-container {
        left: 76%;
    }
}

@media (max-width: 1000px) {
    .product-container {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 75px 20px 0;
        gap: 100px;
        flex-wrap: wrap;
    }
}

@media (max-width: 1024px) {

    .menu ul li:nth-child(1),
    .menu ul li:nth-child(2),
    .menu ul li:nth-child(3),
    .menu ul li:nth-child(4),
    .menu ul li:nth-child(5) {
        display: none;
    }

}




@media(max-width: 1024px) {
    .social_media {
        width: 100%;
        padding: 0px 20px;
    }

    .mobile_menu ul hr {
        width: 320px;
        height: 2px;
        background-color: white;
    }

    .social_media li a img {
        max-height: 15px;
        margin: 0 0 0 6px;
    }

    .mobile_menu {
        display: block;
    }

    .header_block {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        background: rgba(0, 0, 0, 0.3) !important;
        width: 100%;
        margin: 0;
        margin: 0 !important;
        padding: 15px;
        z-index: 1001;
    }

    .cart-icon-wrapper .cart-count {
        width: 15px;
        height: 15px;
        line-height: 16px;
        right: 10px;
    }

    .logo img {
        height: 90px;
    }

    .burger-menu {
        display: none;
        cursor: pointer;
    }

    .burger {
        width: 28px;
        height: 22px;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
        margin: 5px 10px 5px 15px;
    }

    .burger span {
        display: block;
        width: 100%;
        height: 4px;
        background-color: white;
        border-radius: 5px;
        transition: all .5s;
    }

    .mobile_menu ul {
        list-style: none;
        padding: 0;
        display: flex;
        right: -320px;
        align-items: center;
        gap: 0px;
        margin: 8px 11px;
        flex-direction: column;
        position: fixed;
        backdrop-filter: blur(20px);
        background-color: #18181840;
        width: 320px;
        top: -9px;
        right: -332px;
        height: 100%;
        justify-content: space-between;
        transition: right 0.5s ease-in-out;
        z-index: 9;
    }

    .mobile_menu ul.active {
        right: -12px;
    }

    .mobile_menu li {
        margin: 10px 0;
        transition: 0.3s ease;
    }

    .mobile_menu li a {
        text-decoration: none;
        font-size: 18px;
        color: white;
        font-weight: 600;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .mobile_menu li:hover {
        border-bottom: 2px solid #fff;
        width: 100%;

    }

    .mobile_menu ul hr:nth-child(1) {
        margin: 120px 0 0 0;
    }

    .mobile_menu_block_links {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .mobile_menu_block_social {
        margin: 0 0 20px 0;
    }

    .mobile_menu_block_social hr {
        margin: 0 !important;
    }

    .menu ul li img {
        width: 27px;
        margin: 5px 10px 5px 15px;
    }
}

@media (max-width: 960px) {
    .info-block {
        display: none;
    }

}

@media (max-width: 960px) {
    .slider-container {
        left: 75%;
    }

    .headline h1 {
        font-size: 160px;
    }

    .menu ul li img {
        width: 27px;
        margin: 5px 15px 5px 15px;
    }

    .checkout-block {
        margin: 55px 20px 0;
    }
}

@media (max-width: 900px) {
    .slider-container {
        left: 72%;
    }

    .headline h1 {
        font-size: 140px;
    }
}

@media (max-width: 800px) {
    .slider-container {
        left: 67%;
    }
}

@media (max-width: 740px) {
    .slider-container {
        left: 64%;
    }
}

@media (max-width: 710px) {
    .slider-container {
        left: 62%;
    }
}

@media (max-width: 680px) {
    .slider-container {
        left: 60%;
    }

    .headline h1 {
        font-size: 120px;
    }
}

@media (max-width: 620px) {
    .slider-container {
        left: 55%;
    }

    .headline h1 {
        font-size: 120px;
    }
}

@media (max-width: 580px) {
    .slider-container {
        left: 53%;
    }

    .headline h1 {
        font-size: 100px;
    }
}

@media (max-width: 545px) {
    .slider-container {
        left: 50%;
        top: 28%;
    }

    .headline h1 {
        font-size: 100px;
    }

    .slider-progress {
        width: 250px;
    }

    .socials a {
        writing-mode: unset;
    }

    .socials {
        position: absolute;
        top: auto;
        right: 20px;
        bottom: 0px;
        top: auto;
        flex-direction: row;
        padding: 15px 18px;
    }
}

@media (max-width: 500px) {
    .socials {
        display: none;
    }

    .slider-container {
        left: 49%;
        top: 28%;
    }

}

@media (max-width: 490px) {
    .slider-container {
        left: 49%;
        top: 29%;
    }

    .menu ul li img {
        width: 25px;
        margin: 0 10px 0 10px;
    }

}

@media (max-width: 480px) {
    .slider-container {
        left: 49%;
        top: 30%;
    }

    .headline {
        top: 25%;
    }

    .headline h1 {
        font-size: 90px;
    }

    .checkout-text h1 {
        font-size: 50px !important;
        text-align: center;
    }
}

@media (max-width: 470px) {
    .slider-container {
        left: 49%;
        top: 31%;
    }

}

@media (max-width: 460px) {
    .slider-container {
        left: 49%;
        top: 32%;
    }
}

@media (max-width: 450px) {
    .slider-container {
        left: 50%;
        top: 33%;
    }

    .slide-counter {
        font-size: 18px;
        color: white;
    }
}

@media (max-width: 440px) {
    .slider-container {
        left: 50%;
        top: 34%;
    }

    .menu ul li img {
        width: 23px;
        margin: 5px 8px 5px 10px;
    }
}

@media (max-width: 430px) {
    .slider-container {
        left: 50%;
        top: 35%;
    }

    .headline h1 {
        font-size: 80px;
        color: rgba(255, 255, 255, 0.9);
    }
}

@media (max-width: 420px) {
    .slider-container {
        left: 50%;
        top: 36%;
    }
}

@media (max-width: 410px) {
    .slider-container {
        left: 50%;
        top: 37%;
    }

    .headline h1 {
        font-size: 75px;
    }

    .checkout-text h1 {
        font-size: 45px !important;
        text-align: center;
    }
}

@media (max-width: 405px) {
    .cart-drawer {
        right: -120%;
        width: 380px;
    }

    .slider-container {
        left: 50%;
        top: 38%;
    }
}

@media (max-width: 400px) {

    .slider-container {
        left: 50%;
        top: 39%;
    }
}

@media (max-width: 385px) {
    .slider-container {
        left: 50%;
        top: 40%;
    }

    .cart-drawer {
        right: -120%;
        width: 350px;
    }
}

@media (max-width: 365px) {
    .slider-container {
        left: 50%;
        top: 42%;
    }

    .headline h1 {
        font-size: 65px;
    }
}





@media (max-width: 1300px) {
    .about_us_container {
        gap: 30px;
    }

    .footer-container {
        gap: 80px;
    }
}

@media (max-width: 1135px) {
    .footer-container {
        gap: 50px;
    }
}


@media (max-width: 1035px) {
    .footer-container {
        gap: 25px;
    }
}

@media (max-width: 960px) {
    .footer-container {
        display: flex;
        gap: 25px;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .footer-contacts h4,
    .footer-socials h4,
    .footer-hours h4 {
        text-align: center;
    }

    .footer-contacts,
    .footer-socials,
    .footer-hours {
        width: 350px;
    }

    .leaves-footer img:nth-child(1) {
        width: 65px;
        top: 1px;
    }

    .leaves-footer img:nth-child(2) {
        ;
        width: 61px;
        top: 1px;
    }
}

@media (max-width: 500px) {
    .footer-logo img {
        width: 120px;
    }

    .footer-contacts h4,
    .footer-socials h4,
    .footer-hours h4 {
        font-size: 23px;
    }

    .footer-contacts ul li,
    .footer-socials ul li,
    .footer-hours ul li {
        font-size: 16px;
    }

    .footer-bottom {
        font-size: 13px;
        margin: 50px 0px 0px;
    }

    .leaves-footer img:nth-child(1) {
        position: absolute;
        width: 47px;
        z-index: -1;
        top: 1px;
        left: 20px;
    }

    .leaves-footer img:nth-child(2) {
        position: absolute;
        width: 29px;
        z-index: -1;
        top: 1px;
        right: 20px;
    }
}

@media (max-width: 1120px) {
    .tittle_production_block h1 {
        font-size: 65px;
    }
}

@media (max-width: 1070px) {
    .custom-block {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 800px;
        clip-path: polygon(0 0, 90% 0, 100% 20%, 100% 100%, 0% 100%, 0 100%);
    }

    .about_us_container {
        display: flex;
        margin: 50px 20px;
        gap: 30px;
        align-items: center;
        flex-direction: column;
    }

    .image_about_us {
        display: flex;
        flex-direction: column;
        width: 100%;
        flex-grow: 4;
    }
}

@media (max-width: 965px) {
    .tittle_production_block h1 {
        font-size: 55px;
    }

    .image_about_us img {
        height: 400px;
    }

    .text_about_us h1 {
        font-size: 50px;
    }
}

@media (max-width: 890px) {
    .tittle_production_block h1 {
        font-size: 50px;
    }

    .custom-block h2 {
        font-size: 31px;
    }
}

@media (max-width: 840px) {
    .text_about_us h1 {
        font-size: 48px;
    }
}

@media (max-width: 760px) {
    .tittle_production_block h1 {
        font-size: 45px;
    }

    .delivery_and_coopeation_info h1 {
        font-size: 33px;
    }
}

@media (max-width: 700px) {
    .leaves_block img:nth-child(2) {
        right: -52%;
    }

    .leaves_block img:nth-child(1) {
        left: -17%;
    }

    .tittle_production_block h1 {
        font-size: 40px;
    }

    .delivery_and_coopeation_info {
        margin: 25px 0;
    }
}

@media (max-width: 550px) {
    .leaves_block img:nth-child(2) {
        right: -60%;
    }

    .leaves_block img:nth-child(1) {
        left: -25%;
    }

    .text_about_us p {
        font-size: 17px;
    }

    .custom-block h2 {
        font-size: 28px;
    }

    .custom-block {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 800px;
        clip-path: polygon(0 0, 85% 0, 100% 18%, 100% 100%, 0% 100%, 0 100%);
    }

    .delivery_and_coopeation_info h1 {
        font-size: 28px;
    }

    .delivery_and_coopeation_info p {
        font-size: 17px;
    }

    .tittle_production_block h1 {
        font-size: 32px;
    }

    .image_about_us img {
        height: 300px;
    }
}

@media (max-width: 450px) {
    .leaves_block img:nth-child(1) {
        left: -10%;
        width: 100px;
    }

    .leaves_block img:nth-child(2) {
        right: -44%;
        width: 300px;
    }

    .text_about_us h1 {
        font-size: 40px;
    }

    .image_about_us img {
        height: 250px;
    }

    .delivery_and_coopeation_info h1 {
        font-size: 25px;
        line-height: 120%;
    }

    .custom-block h2 {
        font-size: 26px;
    }
}

@media (max-width: 1200px) {
    .product-block {
        max-width: 1200px;
        margin: 50px 20px 0;
        font-family: "Inter", serif;
        color: #181818;
    }
}

@media (max-width: 1100px) {
    .entry-summary form div.quantity input {
        width: 70px;
    }

    .middle-text-product h1,
    .middle-text-card h1 {
        top: 50%;
        color: rgba(255, 255, 255, 1);
        font-size: 120px;
    }

    .header-product-showcase .middle-text-product h1 {
        font-size: 78px;
    }

    .product-header-showcase {
        right: 7vw;
        width: 36vw;
        height: 70vh;
    }
}

@media (max-width: 1000px) {
    .entry-summary form div.quantity input {
        width: 70px;
    }

    .woocommerce-product-gallery__wrapper div {
        width: 500px;
    }

    .middle-text-product h1,
    .middle-text-card h1 {
        top: 50%;
        color: rgba(255, 255, 255, 1);
        font-size: 100px;
    }
}

@media (max-width: 900px) {
    .product-block .content-area .site-main .ast-woocommerce-container .ast-article-single .woocommerce-product-gallery {
        float: none;
    }

    .product-block .content-area main div .ast-article-single .woocommerce-product-gallery {
        display: inline-block;
    }

    .woocommerce-product-gallery__wrapper div {
        width: auto;
        /*        border: 1px solid;*/
        margin: 0;
        display: flex;
        justify-content: center;
    }

    .entry-summary form div.quantity input {
        width: 210px;
    }

    .ast-on-card-button.ast-onsale-card {
        opacity: 1;
        visibility: visible;
        position: relative;
        top: 2.5em;
        left: 0.5em;
        right: auto;
    }

    img.wp-smiley,
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 0.1em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }

    .woocommerce-product-gallery__trigger {
        position: relative;
        top: 1.9em;
        right: -0.3em;
        font-size: 2em;
        z-index: 9;
        width: 36px;
        height: 36px;
        background: #fff;
        text-indent: -9999px;
        border-radius: 100%;
        box-sizing: content-box;
        backface-visibility: hidden;
    }

    .product-block .content-area .site-main .ast-woocommerce-container .ast-article-single {
        display: flex;
        flex-direction: column;
    }

    .entry-summary {
        margin: 20px 0 0;
    }

    .header-product-showcase .middle-text-product {
        left: 34%;
    }

    .header-product-showcase .middle-text-product h1 {
        font-size: 64px;
    }

    .product-header-showcase {
        right: 4vw;
        width: 34vw;
        height: 58vh;
        opacity: 0.82;
    }

    .tamifort-enhance {
        margin: 42px 0 52px;
    }

    .tamifort-enhance__hero,
    .tamifort-enhance__contact {
        grid-template-columns: 1fr;
    }

    .tamifort-enhance__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tamifort-enhance__links {
        justify-content: flex-start;
    }
}

@media (max-width: 850px) {

    .middle-text-product h1,
    .middle-text-card h1 {
        top: 50%;
        color: rgba(255, 255, 255, 1);
        font-size: 90px;
    }
}

@media (max-width: 770px) {

    .middle-text-product h1,
    .middle-text-card h1 {
        font-size: 80px;
    }
}

@media (max-width: 700px) {

    .middle-text-product h1,
    .middle-text-card h1 {
        font-size: 70px;
    }

    .product-header-showcase {
        display: none;
    }

    .header-product-showcase .middle-text-product {
        left: 50%;
    }
}

@media (max-width: 630px) {

    .middle-text-product h1,
    .middle-text-card h1 {
        font-size: 60px;
    }
}

@media (max-width: 500px) {
    .entry-title {
        font-size: 30px;
        margin: 15px 0 10px 0;
    }

    .single-product-category {
        font-size: 16px;
    }

    .woocommerce-breadcrumb,
    .woocommerce-breadcrumb a {
        font-size: 16px;
    }

    .woocommerce-product-details__short-description {
        font-size: 16px;
    }

    .summary .price>ins {
        font-size: 22px;
    }

    .summary .price>del {
        font-size: 20px;
    }

    .entry-summary form.cart {
        display: flex;
        justify-content: center;
    }

    .related h2 {
        font-size: 25px;
        margin-bottom: 20px;
        ;
    }

    .related ul.products {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        gap: 10px;
        justify-content: center;
    }

    .product-block .content-area .site-main .ast-woocommerce-container .ast-article-single .astra-shop-thumbnail-wrap a img {
        width: 250px;
    }

    .related ul.products li .astra-shop-summary-wrap a h2 {
        font-size: 26px;
    }

    .entry-summary form div.quantity input {
        width: 180px;
    }

    .entry-summary form button {
        font-size: 17px;
        gap: 10px;
        width: 180px;
    }

    .product-block {
        margin: 10px 20px 0;
    }

    #primary,
    #secondary {
        padding: 0;
        margin: 0;
    }

    .woocommerce-product-gallery__wrapper div {
        height: 350px;
    }

    .tamifort-enhance {
        gap: 16px;
        margin: 34px 0 44px;
    }

    .tamifort-enhance__hero,
    .tamifort-enhance__grid,
    .tamifort-enhance__contact {
        gap: 14px;
    }

    .tamifort-enhance__grid {
        grid-template-columns: 1fr;
    }

    .tamifort-enhance__hero > div:first-child,
    .tamifort-enhance__cta-card,
    .tamifort-enhance__grid article,
    .tamifort-enhance__contact {
        border-radius: 20px;
        padding: 20px;
    }

    .tamifort-enhance h2 {
        font-size: 26px;
        letter-spacing: -0.8px;
    }

    .tamifort-enhance h3 {
        font-size: 21px;
    }

    .tamifort-enhance p,
    .tamifort-enhance li,
    .tamifort-enhance a {
        font-size: 16px;
    }

    .tamifort-enhance__cta-card strong {
        font-size: 34px;
    }

    .tamifort-enhance__button,
    .tamifort-enhance__links a {
        width: 100%;
    }
}

@media (max-width: 480px) {

    .middle-text-product,
    .middle-text-card {
        top: 50% !important;
    }
}

@media (max-width: 425px) {
    .entry-summary form div.quantity input {
        width: 160px;
    }

    .middle-text-product h1,
    .middle-text-card h1 {
        font-size: 55px;
    }
}

@media (max-width: 400px) {
    .entry-summary form div.quantity input {
        width: 100px;
    }

    .entry-summary form button {
        font-size: 17px;
        gap: 10px;
        width: auto;
    }
}


@media (max-width: 1060px) {
    .cart_section {
        margin: 55px 20px 0;
    }
}

@media (max-width: 800px) {}




@media(max-width: 500px) {
    .mobile_menu ul hr:nth-child(1) {
        margin: 100px 0 0 0;
    }

    .burger span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: white;
        border-radius: 5px;
        transition: all .5s;
    }

    .logo img {
        height: 70px;
    }

}


/* Адаптація таблиці кошика під малі екрани */
@media (max-width: 768px) {
    .shop_table {
        width: 100%;
        border-collapse: collapse;
        overflow-x: auto;
        white-space: nowrap;
    }

    .shop_table thead {
        display: none;
    }

    .shop_table tbody tr.cart_item {
        display: flex;
        flex-direction: column;
        border-bottom: 2px solid #ddd;
        padding: 10px;
    }
    .woocommerce-checkout-review-order table tfoot tr {
        display: flex;
        flex-direction: column;
    }

    .shop_table tbody tr.cart_item td,
    .shop_table tbody tr.cart-subtotal td,
    .shop_table tbody tr.order-total td {
        display: flex;
        justify-content: space-between;
        padding: 10px 5px;
        /*        border: none;*/
        margin: 0;
    }

    .shop_table tbody tr.cart_item td::before,
    .shop_table tbody tr.cart-subtotal td::before,
    .shop_table tbody tr.order-total td::before {
        content: attr(data-title) "";
        font-weight: bold;
        font-family: 'Inter', sans-serif;
    }

    .product-thumbnail a {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .product-name a {
        font-weight: bold;
    }

    .product-remove a {
        color: #000;
        font-size: 18px;
    }

    .woocommerce-cart-form__cart-item .product-quantity {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .quantity input {
        width: 90px;
        text-align: center;
        font-size: 16px;
    }

    .cart_totals {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .shop_table_responsive tbody tr.cart-subtotal th,
    .shop_table_responsive tbody tr.order-total th {
        display: none;
    }

    .woocommerce-additional-fields div p span textarea {
        height: 150px;
    }

}

@media (max-width: 700px) {
    .cart_section form table.cart td.actions {
        display: flex;
        gap: 20px;
        flex-direction: column;
        max-width: 500px;
        margin: 0 auto;
        border: none;
    }

    .woocommerce-billing-fields__field-wrapper p label {
        width: 300px;
        background-color: #2f8f2f;
        border: 2px solid #181818;
        border-radius: 50px;
        padding: 13px 15px 12px 15px;
        font-family: "Inter", serif;
        font-size: 17px;
        font-weight: 700;
        color: #ffffff;
        display: flex;
        gap: 5px;
        align-items: center;
        transition: background-color 0.3s ease;
        text-transform: none;
        letter-spacing: 0px;
        justify-content: flex-start;
    }

    .woocommerce-billing-fields__field-wrapper p {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        justify-content: flex-start;
        flex-direction: column;
    }

    .woocommerce-billing-fields__field-wrapper p span {
        width: 100%;
    }

    .woocommerce-billing-fields__field-wrapper p span input,
    .woocommerce-billing-fields__field-wrapper p span strong {
        width: 100%;
        background-color: transparent;
        border: 2px solid #181818;
        border-left: 2px solid;
        border-radius: 50px;
        padding: 12px 15px 13px 15px;
        font-family: "Inter", serif;
        font-size: 17px;
        font-weight: 500;
        color: #181818;
        display: flex;
        gap: 5px;
        align-items: center;
        transition: background-color 0.3s ease;
        text-transform: none;
        letter-spacing: 0px;
        line-height: unset;
    }

    .woocommerce-billing-fields__field-wrapper p span .selection span {
        width: 100%;
        background-color: transparent;
        border-left: 2px solid;
        border-radius: 50px;
        padding: 16px 15px 15px 15px;
        font-family: "Inter", serif;
        font-size: 17px;
        font-weight: 500;
        color: #181818 !important;
        display: flex;
        gap: 5px;
        align-items: center;
        transition: background-color 0.3s ease;
        text-transform: none;
        letter-spacing: 0px;
        line-height: unset;
    }

    .woocommerce-billing-fields__field-wrapper p span .selection span span {
        border-left: none;
    }
}

@media (max-width: 590px) {
    .cart-collaterals .cart_totals {
        width: 60%;
    }
}

@media (max-width: 530px) {
    .cart_section form table.cart td.actions .coupon {
        float: left;
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .coupon input {
        background-color: transparent;
        width: 100%;
        border: 2px solid #181818;
        border-right: 2px solid;
        border-radius: 50px;
        font-family: "Inter", serif;
        font-size: 16px;
        font-weight: 700;
        color: #181818;
        cursor: text;
        line-height: inherit;
        transition: background-color 0.3s ease;
        padding: 15px 15px 15px 30px;
    }

    .coupon button {
        background-color: transparent;
        border: 2px solid #181818;
        border-radius: 50px;
        padding: 8px 8px 8px 30px;
        font-family: "Inter", serif;
        font-size: 17px;
        font-weight: 700;
        color: #181818;
        cursor: pointer;
        display: flex;
        gap: 15px;
        align-items: center;
        transition: background-color 0.3s ease;
        text-transform: none;
        letter-spacing: 0px;
        justify-content: space-between;
    }

    .coupon input:focus {
        border: 2px solid #181818 !important;
        border-right: 2px solid !important;
        background-color: #fff;
    }

    .woocommerce-billing-fields h3,
    .woocommerce-additional-fields h3 {
        font-size: 33px !important;
    }

    .woocommerce-checkout-review-order table tfoot tr {
        font-size: 18px !important;
    }

    .woocommerce-checkout-review-order table tfoot tr td {
        font-size: 18px !important;
    }

    form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
        padding: 0px 10px;
    }

    form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
        padding: 1em 0.5em 1em;
    }
}

@media (max-width: 480px) {
    .cart-collaterals .cart_totals {
        width: 80%;
    }
}

@media (max-width: 380px) {
    .cart-collaterals .cart_totals {
        width: 100%;
    }
}

/* 📱 iPhone 15 Pro Max, 14 Pro Max, 13 Pro Max, 12 Pro Max */
@media (width: 430px) and (height: 932px) {}

/* 📱 iPhone 15, 14, 13, 12 */
@media (width: 390px) and (height: 844px) {
    .slider-container {
        left: 50%;
        top: 35%;
    }
}

/* 📱 iPhone SE 2022 (3rd Gen), SE 2020 (2nd Gen), 6, 7, 8 */
@media (width: 375px) and (height: 667px) {
    .slider-container {
        left: 50%;
        top: 27%;
    }
}

/* 📱 iPhone XR, 11 */
@media (width: 414px) and (height: 896px) {
    .slider-container {
        left: 50%;
        top: 27%;
    }
}

/* 📱 iPhone X, XS, 11 Pro */
@media (width: 375px) and (height: 812px) {
    .slider-container {
        left: 50%;
        top: 36%;
    }
}

/* 📱 Samsung Galaxy S24 Ultra, S23 Ultra, S22 Ultra */
@media (width: 432px) and (height: 960px) {
    .slider-container {
        left: 50%;
        top: 36%;
    }
}





@media (max-width: 500px) and (max-height: 1100px) {
    .slider-container {
        top: 36%;
    }
}

@media (max-width: 500px) and (max-height: 1000px) {
    .slider-container {
        top: 32%;
    }
}

@media (max-width: 500px) and (max-height: 970px) {
    .slider-container {
        top: 30%;
    }
}

@media (max-width: 500px) and (max-height: 930px) {
    .slider-container {
        top: 28%;
    }
}

@media (max-width: 500px) and (max-height: 900px) {
    .slider-container {
        top: 26%;
    }
}

@media (max-width: 500px) and (max-height: 865px) {
    .slider-container {
        top: 25%;
    }
}

@media (max-width: 500px) and (max-height: 840px) {
    .slider-container {
        top: 23%;
    }
}

@media (max-width: 500px) and (max-height: 820px) {
    .slider-container {
        top: 21%;
    }
}

@media (max-width: 500px) and (max-height: 790px) {
    .slider-container {
        top: 19%;
    }
}

@media (max-width: 500px) and (max-height: 760px) {
    .slider-container {
        top: 17%;
    }
}

@media (max-width: 500px) and (max-height: 740px) {
    .slider-container {
        top: 15%;
    }
}

@media (max-width: 500px) and (max-height: 710px) {
    .slider-container {
        top: 14%;
    }
}




@media (max-width: 465px) and (max-height: 1000px) {
    .slider-container {
        top: 35%;
    }
}

@media (max-width: 465px) and (max-height: 970px) {
    .slider-container {
        top: 33%;
    }
}

@media (max-width: 465px) and (max-height: 950px) {
    .slider-container {
        top: 32%;
    }
}

@media (max-width: 465px) and (max-height: 930px) {
    .slider-container {
        top: 31%;
    }
}

@media (max-width: 465px) and (max-height: 910px) {
    .slider-container {
        top: 30%;
    }
}

@media (max-width: 465px) and (max-height: 890px) {
    .slider-container {
        top: 29%;
    }
}

@media (max-width: 465px) and (max-height: 870px) {
    .slider-container {
        top: 28%;
    }
}

@media (max-width: 465px) and (max-height: 850px) {
    .slider-container {
        top: 27%;
    }
}

@media (max-width: 465px) and (max-height: 810px) {
    .slider-container {
        top: 26%;
    }
}

@media (max-width: 465px) and (max-height: 790px) {
    .slider-container {
        top: 25%;
    }
}

@media (max-width: 465px) and (max-height: 770px) {
    .slider-container {
        top: 24%;
    }
}

@media (max-width: 465px) and (max-height: 750px) {
    .slider-container {
        top: 23%;
    }
}

@media (max-width: 465px) and (max-height: 730px) {
    .slider-container {
        top: 22%;
    }
}

@media (max-width: 465px) and (max-height: 710px) {
    .slider-container {
        top: 21%;
    }
}

@media (max-width: 465px) and (max-height: 690px) {
    .slider-container {
        top: 20%;
    }
}




@media (max-width: 450px) and (max-height: 1100px) {
    .slider-container {
        top: 40%;
    }
}

@media (max-width: 450px) and (max-height: 1000px) {
    .slider-container {
        top: 37%;
    }
}

@media (max-width: 450px) and (max-height: 980px) {
    .slider-container {
        top: 36%;
    }
}

@media (max-width: 450px) and (max-height: 970px) {
    .slider-container {
        top: 36%;
    }
}

@media (max-width: 450px) and (max-height: 950px) {
    .slider-container {
        top: 35%;
    }
}

@media (max-width: 450px) and (max-height: 930px) {
    .slider-container {
        top: 34%;
    }
}

@media (max-width: 450px) and (max-height: 910px) {
    .slider-container {
        top: 33%;
    }
}

@media (max-width: 450px) and (max-height: 900px) {
    .slider-container {
        top: 32%;
    }
}

@media (max-width: 450px) and (max-height: 880px) {
    .slider-container {
        top: 31%;
    }
}

@media (max-width: 450px) and (max-height: 860px) {
    .slider-container {
        top: 30%;
    }
}

@media (max-width: 450px) and (max-height: 840px) {
    .slider-container {
        top: 29%;
    }
}

@media (max-width: 450px) and (max-height: 820px) {
    .slider-container {
        top: 28%;
    }
}

@media (max-width: 450px) and (max-height: 800px) {
    .slider-container {
        top: 27%;
    }
}

@media (max-width: 450px) and (max-height: 780px) {
    .slider-container {
        top: 26%;
    }
}

@media (max-width: 450px) and (max-height: 760px) {
    .slider-container {
        top: 25%;
    }
}

@media (max-width: 450px) and (max-height: 740px) {
    .slider-container {
        top: 24%;
    }
}

@media (max-width: 450px) and (max-height: 710px) {
    .slider-container {
        top: 23%;
    }
}



@media (max-width: 425px) and (max-height: 1100px) {
    .slider-container {
        top: 43%;
    }
}

@media (max-width: 425px) and (max-height: 1000px) {
    .slider-container {
        top: 39%;
    }
}

@media (max-width: 425px) and (max-height: 970px) {
    .slider-container {
        top: 38%;
    }
}

@media (max-width: 425px) and (max-height: 950px) {
    .slider-container {
        top: 37%;
    }
}

@media (max-width: 425px) and (max-height: 930px) {
    .slider-container {
        top: 36%;
    }
}

@media (max-width: 425px) and (max-height: 910px) {
    .slider-container {
        top: 35%;
    }
}

@media (max-width: 425px) and (max-height: 890px) {
    .slider-container {
        top: 34%;
    }
}

@media (max-width: 425px) and (max-height: 870px) {
    .slider-container {
        top: 33%;
    }
}

@media (max-width: 425px) and (max-height: 850px) {
    .slider-container {
        top: 32%;
    }
}

@media (max-width: 425px) and (max-height: 830px) {
    .slider-container {
        top: 31%;
    }
}

@media (max-width: 425px) and (max-height: 810px) {
    .slider-container {
        top: 30%;
    }
}

@media (max-width: 425px) and (max-height: 790px) {
    .slider-container {
        top: 29%;
    }
}

@media (max-width: 425px) and (max-height: 770px) {
    .slider-container {
        top: 28%;
    }
}

@media (max-width: 425px) and (max-height: 750px) {
    .slider-container {
        top: 27%;
    }
}

@media (max-width: 425px) and (max-height: 730px) {
    .slider-container {
        top: 26%;
    }
}

@media (max-width: 425px) and (max-height: 710px) {
    .slider-container {
        top: 25%;
    }
}


@media (max-width: 405px) and (max-height: 1100px) {
    .slider-container {
        top: 44%;
    }
}

@media (max-width: 405px) and (max-height: 1000px) {
    .slider-container {
        top: 41%;
    }
}

@media (max-width: 405px) and (max-height: 970px) {
    .slider-container {
        top: 40%;
    }
}

@media (max-width: 405px) and (max-height: 950px) {
    .slider-container {
        top: 39%;
    }
}

@media (max-width: 405px) and (max-height: 930px) {
    .slider-container {
        top: 38%;
    }
}

@media (max-width: 405px) and (max-height: 910px) {
    .slider-container {
        top: 37%;
    }
}

@media (max-width: 405px) and (max-height: 890px) {
    .slider-container {
        top: 36%;
    }
}

@media (max-width: 405px) and (max-height: 870px) {
    .slider-container {
        top: 35%;
    }
}

@media (max-width: 405px) and (max-height: 850px) {
    .slider-container {
        top: 34%;
    }
}

@media (max-width: 405px) and (max-height: 830px) {
    .slider-container {
        top: 33%;
    }
}

@media (max-width: 405px) and (max-height: 810px) {
    .slider-container {
        top: 32%;
    }
}

@media (max-width: 405px) and (max-height: 790px) {
    .slider-container {
        top: 31%;
    }
}

@media (max-width: 405px) and (max-height: 770px) {
    .slider-container {
        top: 30%;
    }
}

@media (max-width: 405px) and (max-height: 750px) {
    .slider-container {
        top: 29%;
    }
}

@media (max-width: 405px) and (max-height: 730px) {
    .slider-container {
        top: 28%;
    }
}

@media (max-width: 405px) and (max-height: 710px) {
    .slider-container {
        top: 27%;
    }
}

@media (max-width: 405px) and (max-height: 690px) {
    .slider-container {
        top: 26%;
    }
}



@media (max-width: 385px) and (max-height: 1100px) {
    .slider-container {
        top: 46%;
    }
}

@media (max-width: 385px) and (max-height: 1000px) {
    .slider-container {
        top: 43%;
    }
}

@media (max-width: 385px) and (max-height: 970px) {
    .slider-container {
        top: 42%;
    }
}

@media (max-width: 385px) and (max-height: 950px) {
    .slider-container {
        top: 41%;
    }
}

@media (max-width: 385px) and (max-height: 930px) {
    .slider-container {
        top: 40%;
    }
}

@media (max-width: 385px) and (max-height: 910px) {
    .slider-container {
        top: 39%;
    }
}

@media (max-width: 385px) and (max-height: 890px) {
    .slider-container {
        top: 38%;
    }
}

@media (max-width: 385px) and (max-height: 870px) {
    .slider-container {
        top: 37%;
    }
}

@media (max-width: 385px) and (max-height: 850px) {
    .slider-container {
        top: 36%;
    }
}

@media (max-width: 385px) and (max-height: 830px) {
    .slider-container {
        top: 35%;
    }
}

@media (max-width: 385px) and (max-height: 810px) {
    .slider-container {
        top: 34%;
    }
}

@media (max-width: 385px) and (max-height: 790px) {
    .slider-container {
        top: 33%;
    }
}

@media (max-width: 385px) and (max-height: 770px) {
    .slider-container {
        top: 32%;
    }
}

@media (max-width: 385px) and (max-height: 750px) {
    .slider-container {
        top: 31%;
    }
}

@media (max-width: 385px) and (max-height: 730px) {
    .slider-container {
        top: 30%;
    }
}

@media (max-width: 385px) and (max-height: 710px) {
    .slider-container {
        top: 29%;
    }
}

@media (max-width: 385px) and (max-height: 690px) {
    .slider-container {
        top: 28%;
    }
}






@media (max-width: 365px) and (max-height: 1100px) {
    .slider-container {
        top: 47%;
    }
}

@media (max-width: 365px) and (max-height: 1000px) {
    .slider-container {
        top: 45%;
    }
}

@media (max-width: 365px) and (max-height: 970px) {
    .slider-container {
        top: 44%;
    }
}

@media (max-width: 365px) and (max-height: 950px) {
    .slider-container {
        top: 43%;
    }
}

@media (max-width: 365px) and (max-height: 930px) {
    .slider-container {
        top: 42%;
    }
}

@media (max-width: 365px) and (max-height: 910px) {
    .slider-container {
        top: 41%;
    }
}

@media (max-width: 365px) and (max-height: 890px) {
    .slider-container {
        top: 40%;
    }
}

@media (max-width: 365px) and (max-height: 870px) {
    .slider-container {
        top: 39%;
    }
}

@media (max-width: 365px) and (max-height: 850px) {
    .slider-container {
        top: 38%;
    }
}

@media (max-width: 365px) and (max-height: 830px) {
    .slider-container {
        top: 37%;
    }
}

@media (max-width: 365px) and (max-height: 810px) {
    .slider-container {
        top: 36%;
    }
}

@media (max-width: 365px) and (max-height: 790px) {
    .slider-container {
        top: 35%;
    }
}

@media (max-width: 365px) and (max-height: 770px) {
    .slider-container {
        top: 34%;
    }
}

@media (max-width: 365px) and (max-height: 750px) {
    .slider-container {
        top: 33%;
    }
}

@media (max-width: 365px) and (max-height: 730px) {
    .slider-container {
        top: 32%;
    }
}

@media (max-width: 365px) and (max-height: 710px) {
    .slider-container {
        top: 31%;
    }
}

@media (max-width: 365px) and (max-height: 690px) {
    .slider-container {
        top: 30%;
    }
}

@media (max-width: 340px) and (max-height: 1000px) {
    .slider-container {
        top: 47%;
    }
}

@media (max-width: 340px) and (max-height: 970px) {
    .slider-container {
        top: 45%;
    }
}

@media (max-width: 340px) and (max-height: 950px) {
    .slider-container {
        top: 44%;
    }
}

@media (max-width: 340px) and (max-height: 930px) {
    .slider-container {
        top: 43%;
    }
}

@media (max-width: 340px) and (max-height: 910px) {
    .slider-container {
        top: 42%;
    }
}

@media (max-width: 340px) and (max-height: 890px) {
    .slider-container {
        top: 41%;
    }
}

@media (max-width: 340px) and (max-height: 870px) {
    .slider-container {
        top: 40%;
    }
}

@media (max-width: 340px) and (max-height: 850px) {
    .slider-container {
        top: 39%;
    }
}

@media (max-width: 340px) and (max-height: 830px) {
    .slider-container {
        top: 38%;
    }
}

@media (max-width: 340px) and (max-height: 810px) {
    .slider-container {
        top: 37%;
    }
}

@media (max-width: 340px) and (max-height: 790px) {
    .slider-container {
        top: 36%;
    }
}

@media (max-width: 340px) and (max-height: 770px) {
    .slider-container {
        top: 35%;
    }
}

@media (max-width: 340px) and (max-height: 750px) {
    .slider-container {
        top: 34%;
    }
}

@media (max-width: 340px) and (max-height: 730px) {
    .slider-container {
        top: 33%;
    }
}

@media (max-width: 340px) and (max-height: 710px) {
    .slider-container {
        top: 32%;
    }
}



/* 📱 Samsung Galaxy S24, S23, S22 */
@media (max-width: 390px) and (max-height: 844px) {}

/* 📱 Samsung Galaxy S21, S20 */
@media (width: 360px) and (height: 800px) {}

/* 📱 Samsung Galaxy A54, A53, A52 */
@media (width: 412px) and (height: 915px) {}

/* 📱 Google Pixel 8 Pro, 7 Pro, 6 Pro */
@media (width: 412px) and (height: 915px) {}

/* 📱 Google Pixel 8, 7, 6 */
@media (width: 393px) and (height: 851px) {}

/* 📱 Google Pixel 5, 4a, 3a */
@media (width: 393px) and (height: 851px) {}

/* 📱 OnePlus 11, 10 Pro */
@media (width: 412px) and (height: 915px) {}

/* 📱 Xiaomi Mi 13, Mi 12, Mi 11 */
@media (width: 393px) and (height: 851px) {}

/* 📱 Xiaomi Redmi Note 12, Note 11 */
@media (width: 412px) and (height: 915px) {}

/* 📱 Oppo Find X6, X5 */
@media (width: 412px) and (height: 915px) {}

/* 📱 Huawei P50 Pro, P40 Pro */
@media (width: 392px) and (height: 832px) {}











.black-friday-color-font {
    width: 100%;
    text-align: center;
}

.black-friday-color-font h1 {
    font-size: 120px;
    color: rgb(197 237 1 / 80%);
}

.black-friday-bottom-hero {
    position: absolute;
    bottom: 1%;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.black-friday-bottom-hero span {
    color: #fff;
    font: 900 28px/1 "Inter", system-ui, sans-serif;
}

.black-friday-bottom-hero p {
    margin: 0;
    color: #fff;
    font: 900 80px/1 "Inter", system-ui, sans-serif;
}

@media (max-width: 500px) {
    .black-friday-color-font h1 {
        font-size: 60px;
    }

    .black-friday-bottom-hero span {
        font: 900 14px/1 "Inter", system-ui, sans-serif;
    }

    .black-friday-bottom-hero p {
        font: 900 40px/1 "Inter", system-ui, sans-serif;
    }

    .black-friday-bottom-hero {
        bottom: 8%;
    }
}

@media (max-width: 440px) {
    .black-friday-color-font h1 {
        font-size: 50px;
    }
}

@media (max-width: 400px) {
    .black-friday-color-font h1 {
        font-size: 45px;
    }

    .black-friday-bottom-hero {
        bottom: 11%;
    }

    .black-friday-bottom-hero p {
        font: 800 30px/1 "Inter", system-ui, sans-serif;
    }

    .black-friday-bottom-hero span {
        font: 800 14px/1 "Inter", system-ui, sans-serif;
    }
}



/* Custom Woo Ukraine Shipping Styles */
.zen-ui-select {
    border: 2px solid #181818 !important;
    border-radius: 50px !important;
    padding: 15px 20px !important;
    height: auto !important;
    background-color: transparent !important;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    line-height: unset;
}

.zen-ui-select:hover, .zen-ui-select:focus-within {
     border-color: #2f8f2f !important;
}

.zen-ui-select__value {
    color: #181818 !important;
    font-family: "Inter", serif !important;
    font-size: 16px !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: unset;
    padding: 0 !important;
    background: transparent !important;
    border: none;
}

.zen-ui-select svg {
    width: 15px;
    height: 15px;
    fill: #181818;
}

/* Custom Checkbox Style */
.woocommerce-form__input-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #181818 !important;
    border-radius: 4px !important;
    cursor: pointer;
    position: relative;
    top: 5px;
    margin-right: 10px;
    transition: all 0.3s ease;
    background-color: transparent !important;
}

.woocommerce-form__input-checkbox:checked {
    background-color: #2f8f2f !important;
    border-color: #2f8f2f !important;
}

.woocommerce-form__input-checkbox:checked::after {
    content: '';
    position: absolute;
    left: 6px; /* Adjusted from previous thought */
    top: 2px;  /* Adjusted from previous thought */
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.woocommerce-shipping-methods {
    margin: 0;
}


/* Custom Zen UI Dropdown Styles */
.zen-ui-select__dropdown {
    background-color: #E8EDE9 !important;
    /* Match body bg or white */
    border: 2px solid #181818 !important;
    border-radius: 20px !important;
    padding: 10px !important;
    overflow: hidden;
    z-index: 9999 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin: 10px 0 0 0;
}

.zen-ui-select__search {
    padding: 5px !important;
    margin-bottom: 5px;
    border: none;
}

.zen-ui-select__search-input {
    width: 100% !important;
    border: 1px solid #181818 !important;
    border-radius: 10px !important;
    padding: 12px !important;
    font-family: "Inter", serif !important;
    background: transparent !important;
    outline: none;
    box-sizing: border-box;
    /* Ensure padding doesn't affect width */
}

.zen-ui-select__search-input:focus {
    border-color: #2f8f2f !important;
}

.zen-ui-select__options {
    max-height: 200px;
    overflow-y: auto;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.zen-ui-select__option {
    padding: 8px 12px !important;
    font-family: "Inter", serif !important;
    font-size: 15px !important;
    color: #181818 !important;
    cursor: pointer;
    border-radius: 8px !important;
    transition: all 0.2s ease;
}

.zen-ui-select__option:hover,
.zen-ui-select__option--current {
    background-color: #2f8f2f !important;
    color: #ffffff !important;
}

/* Scrollbar for options */
.zen-ui-select__options::-webkit-scrollbar {
    width: 6px;
}

.zen-ui-select__options::-webkit-scrollbar-thumb {
    background-color: #2f8f2f;
    border-radius: 3px;
}


/* Custom Shipping Fields Styles (matched to Billing) */
.woocommerce-shipping-fields__field-wrapper p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.woocommerce-shipping-fields__field-wrapper p label {
    width: 300px;
    background-color: #2f8f2f;
    border: 2px solid #181818;
    border-radius: 50px 0 0 50px;
    padding: 13px 15px 12px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    justify-content: center;
}

.woocommerce-shipping-fields__field-wrapper p span input {
    width: 300px;
    background-color: transparent;
    border: 2px solid #181818;
    border-left: none;
    border-radius: 0 50px 50px 0;
    padding: 12px 15px 13px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 500;
    color: #181818;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    line-height: unset;
}

.woocommerce-shipping-fields__field-wrapper p span input:focus {
    background-color: #fff;
    color: #181818;
    border: 2px solid #181818;
    border-left: none;
}

.woocommerce-shipping-fields__field-wrapper p span strong {
    width: 300px;
    background-color: transparent;
    border: 2px solid #181818;
    border-left: none;
    border-radius: 0 50px 50px 0;
    padding: 12px 15px 13px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 500;
    color: #181818;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    line-height: unset;
}

.woocommerce-shipping-fields__field-wrapper p span .selection span {
    width: 300px;
    background-color: transparent;
    border-left: none;
    border-radius: 0 50px 50px 0;
    padding: 16px 15px 15px 15px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 500;
    color: #181818 !important;
    display: flex;
    gap: 5px;
    align-items: center;
    transition: background-color 0.3s ease;
    text-transform: none;
    letter-spacing: 0px;
    line-height: unset;
}




/* Custom Order Received (Thank You) Page Styles */
.start-screen-thank-you {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
    padding: 50px 0px;
    text-align: center;
}

.thank-you-content {
    max-width: 600px;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(10px);
    border: 2px solid #181818;
    border-radius: 40px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.thank-you-icon svg {
    width: 100px;
    height: 100px;
    stroke: #2f8f2f;
    margin-bottom: 20px;
}

.thank-you-content h1 {
    font-family: "Inter", serif;
    font-size: 36px;
    font-weight: 700;
    color: #181818;
    text-transform: uppercase;
    margin: 0;
}

.thank-you-content p {
    font-family: "Inter", serif;
    font-size: 18px;
    font-weight: 400;
    color: #181818;
    margin: 0;
    line-height: 1.5;
}

.button-back-home {
    background-color: transparent;
    border: 2px solid #181818;
    border-radius: 50px;
    padding: 7px 7px 7px 20px;
    font-family: "Inter", serif;
    font-size: 17px;
    font-weight: 700;
    color: #181818;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
    transition: all 0.3s ease;
    text-transform: none;
    text-decoration: none;
    margin-top: 20px;
}

.button-back-home:hover {
    background-color: #2f8f2f;
    border-color: #2f8f2f;
    color: #ffffff;
}

.button-back-home .circle-detail {
    /*background-color: #181818;*/
    transition: background-color 0.3s ease;
}

.button-back-home:hover .circle-detail {
    background-color: #ffffff;
}

.button-back-home .circle-detail img {
    filter: invert(0);
}

.button-back-home:hover .circle-detail img {
    filter: invert(1);
}



/* AJAX Add to Cart Styles */
.product-cart.loading {
    opacity: 0.7;
    cursor: wait;
}

.product-cart.added {
    background-color: #2f8f2f !important;
    border-color: #2f8f2f !important;
}

.product-cart.added img {
    filter: brightness(0) invert(1);
}

/* Hide the default "View Cart" link that WC adds after the button */
a.added_to_cart {
    display: none !important;
}