/*
Theme Name: CozyCorner Child
Theme URI: https://t.me/mrsubbota
Author: Subbota
Author URI: https://t.me/mrsubbota
Description: Custom child theme for Kamea Stone Studio. Author: Subbota (Telegram: @mrsubbota, Email: mrsubbota@gmail.com)
Template: cozycorner
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: cozycorner-child
*/


/* =============================================================
   KAMEA SIGNATURE PALETTE (CSS CUSTOM PROPERTIES)
   ============================================================= */
:root {
    --km-brass: #C5A880;
    --km-bronze: #8A6A3A;
    --km-shimmer: #E8D4B4;
    --km-obsidian: #141311;
    --km-surface-dark: #1E1C19;
    --km-graphite: #2D2A26;
    --km-alabaster: #FAF8F5;
    --km-limestone: #F3EFEA;
    --km-border: #E5DFD7;
    --km-border-dark: #2A2723;
    --km-text: #3C3834;
    --km-text-muted: #7A746E;
    --km-terracotta: #9E4336;
}

/* =============================================================
   ELEMENTOR PAGES — Ховаємо breadcrumb-title (заголовок сторінки)
   для сторінок де є власний банер в Elementor
   ============================================================= */
.page-id-13425 .breadcrumb-title { display: none !important; height: 0; }
.page-id-13425 .page-container { padding-top: 0 !important; }
.page-id-10943 .breadcrumb-title, .page-id-10943 .breadcrumb-title-wrapper { display: none !important; height: 0; }
.page-id-10943 .page-container { padding-top: 0 !important; }

/* =============================================================
   SHOP TOP AREA — Призначення filter (горизонтальні пілюлі)
   ============================================================= */

#shop-top-area {
    padding: 20px 0 16px;
    border-bottom: 1px solid #E8E4DC;
    margin-bottom: 4px;
    scroll-margin-top: 110px; /* sticky nav ~65px + admin bar 32px + відступ */
}

#shop-top-area .ts-sidebar-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* Заголовок "ПРИЗНАЧЕННЯ" або "SHOP BY PURPOSE" */
#shop-top-area .widgettitle {
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7B746B;
    margin: 0 12px 0 0;
    white-space: nowrap;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
}

/* Виджет-обёртка — прозрачная в flex-потоке */
#shop-top-area .widget_layered_nav {
    display: contents;
}
#shop-top-area .widget_layered_nav .widgettitle {
    display: none;
}

/* Список значень — горизонтально */
#shop-top-area .woocommerce-widget-layered-nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Кожен пункт */
#shop-top-area .woocommerce-widget-layered-nav-list__item a {
    display: inline-block;
    border: 1px solid #1A1A18;
    padding: 6px 18px;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1A1A18;
    font-family: 'Plus Jakarta Sans', sans-serif;
    transition: background 0.2s, color 0.2s;
    line-height: 1.4;
}

#shop-top-area .woocommerce-widget-layered-nav-list__item a:hover {
    background: #1A1A18;
    color: #fff;
}

/* Активний (вибраний) фільтр */
#shop-top-area .woocommerce-widget-layered-nav-list__item--chosen a {
    background: #1A1A18;
    color: #fff;
}

/* Сховати лічильник товарів */
#shop-top-area .woocommerce-widget-layered-nav-list__item .count {
    display: none;
}

/* Shop top area: кнопка і фільтри в один горизонтальний рядок */
#shop-top-area aside {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

/* Кнопка "ВСІ ТОВАРИ" — inline, не розтягується, в тому ж рядку.
   border/padding тут (специфічність 111) перебиває батьківське
   #shop-top-area aside > * { border:0; padding:0 } (специфічність 101). */
#shop-top-area aside > .kamea-all-btn {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-self: center;
    width: auto !important;
    border: 1px solid #1A1A18 !important;
    padding: 6px 18px !important;
    line-height: 1.4 !important;
}

/* Контейнер віджета фільтрів — теж не розтягується */
#shop-top-area aside > .widget-container {
    flex: 0 0 auto;
}

/* Кнопка "ВСІ ТОВАРИ" */
.kamea-all-btn {
    display: inline-block;
    border: 1px solid #1A1A18;
    padding: 6px 18px;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1A1A18;
    font-family: 'Plus Jakarta Sans', sans-serif;
    transition: background 0.2s, color 0.2s;
    line-height: 1.4;
    white-space: nowrap;
}
.kamea-all-btn:hover,
.kamea-all-btn.active {
    background: #1A1A18;
    color: #fff;
}

/* ── Single post: заголовок H1 розміром H2 ─────────────────────────────── */
/* Тема задає font-size: var(--ts-h1-font-size) для .entry-title в single.
   Ми хочемо розмір H2 (40px), щоб заголовок не домінував так сильно. */
article.single-post .post-content-wrapper header > .entry-title {
    font-size: var(--ts-h2-font-size) !important;
    line-height: var(--ts-h2-line-height) !important;
}

/* ── Single post: відступ між лінією і текстом (після entry-header) ────── */
/* Joomla-імпорт додавав inline margin-bottom на перший <div> в content-wrapper.
   Після очищення БД ставимо 20px padding зверху content-wrapper. */
article.single-post .content-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ── Single post: вирівнювання entry-header (прибираємо горизонтальний падінг) */
/* product-style-v5 задає padding: var(--ts-content-padding) на .entry-header,
   що при ширині 1521px дає 70px — заголовок зсунений вправо відносно тексту.
   Прибираємо горизонтальний падінг, залишаємо вертикальний. */
.product-style-v5 article.single-post .post-content-wrapper > .entry-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ── Single post: відступ перед блоком "Читайте також" ─────────────────── */
article.single-post .single-related-wrapper {
    margin-top: 20px;
}

/* ── Related posts: ховаємо заголовки із уривків статей ────────────────── */
/* В short-content показується фрагмент контенту статті.
   Після зсуву H3→H2 ці заголовки стали занадто великими в картках. */
.single-related-wrapper .short-content h2,
.single-related-wrapper .short-content h3,
.single-related-wrapper .short-content h4,
.single-related-wrapper .short-content h5 {
    display: none;
}

/* ── Single post width constraint ──────────────────────────────────────── */
/* PHP-шаблон single.php не має max-width, на відміну від Elementor (1140px).
   Обмежуємо контент-обгортку тією ж шириною, що і Elementor-контейнери. */
.container-post.no-sidebar {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
}

/* ── Blog grid fix for product-style-v5 ────────────────────────────────── */
/* Тема задає display:grid без grid-template-columns для .list-posts в v5,
   тому layout-grid показується однією колонкою. Фіксуємо явно. */
.product-style-v5 .columns-3 .list-posts.layout-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.product-style-v5 .columns-2 .list-posts.layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 991px) {
    .product-style-v5 .columns-3 .list-posts.layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 600px) {
    .product-style-v5 :is(.columns-2, .columns-3) .list-posts.layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* ── Посилання в контенті статей і сторінок ─────────────────────────────── */
/* Тема задає --ts-link-color: rgba(222,16,16,1) — червоний, не в бренді.
   Замінюємо на золотий (бренд-колір), при наведенні — з підкресленням. */
.entry-content a,
.content-wrapper a {
    color: rgba(198,163,123,1);
    text-decoration: none;
}
.entry-content a:hover,
.content-wrapper a:hover {
    color: rgba(198,163,123,1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ── Header-top: напівпрозорий фон (overlay над hero) ────────────────────── */
/* header-transparent робить .ts-header { position:absolute }              */
/* Даємо полупрозорий темний фон замість повністю прозорого                */
.header-transparent .header-top,
.header-top {
    background-color: rgba(26, 26, 24, 0.68) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* ── Header-top nav: uppercase + hover color + анімована підкреслення ────── */
/* Раніше uppercase зник (можливо, після оновлення теми або Theme Options).
   --ts-hd-top-link-hover = rgba(0,0,0,1) — чорний на темному фоні, невидимий.
   Замінюємо на --ts-2nd-menu-hover-color (золотий) через вищу специфічність.
   Підкреслення: той самий механізм scaleX, що в .header-middle nav. */
.header-top nav > ul.menu > li > a {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px;
}
/* Hover color — золотий замість чорного */
.ts-header .header-top nav > ul.menu > li > a:hover,
.header-top nav > ul.menu > li:hover > a {
    color: var(--ts-2nd-menu-hover-color);
}
/* Підкреслення: border-color береться з .header-top *:after { border-color: var(--ts-hd-top-border) } = золотий */
.header-top nav > ul.menu > li {
    position: relative;
}
.header-top nav > ul.menu > li:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px solid;
    position: absolute;
    bottom: -2px;
    transform: scaleX(0);
    transition: 250ms ease;
}
.header-top nav > ul.menu > li:hover:after,
.header-top nav > ul.menu > li[class*="current-"]:after {
    transform: scaleX(1);
}

/* #44 Активний пункт меню — білий колір тексту ─────────────────────────── */
.header-top nav > ul.menu > li[class*="current-"] > a,
.header-top nav > ul.menu > li[class*="current-"] > a:hover {
    color: #ffffff !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   KAMEA — Головний банер (переведено з RevSlider на [kamea_hero_banner])
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Nav icon rotations ─────────────────────────────────────────────────── */
/* РІШЕННЯ: 0° — базова */
.menu-item-10910.icon-furniture-home-layout:before { transform: rotate(0deg); }
/* ПРОЄКТИ: 90° */
.menu-item-10911.icon-furniture-home-layout:before { transform: rotate(90deg); }
/* МАТЕРІАЛИ: 180° */
.menu-item-10912.icon-furniture-home-layout:before { transform: rotate(180deg); }
/* МАГАЗИН: 270° */
.menu-item-10913.icon-furniture-home-layout:before { transform: rotate(270deg); }

/* ── /rishennia/ — картки "Оберіть простір" ─────────────────────────────── */
/* Нульовий padding на картках — фото повинно йти від краю */
.kamea-solution-card,
.kamea-pop-card {
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    padding: 0 !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
}
/* Перший widget у картці (зображення) — без зовнішніх відступів */
.kamea-solution-card > .elementor-widget:first-child,
.kamea-pop-card > .elementor-widget:first-child {
    margin-top: 0 !important;
}
.kamea-solution-card > .elementor-widget:first-child > .elementor-widget-container,
.kamea-pop-card > .elementor-widget:first-child > .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* Рівні ширини карток у flex-рядку */
.kamea-cards-row > .e-con {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
/* Фото займає фіксовану висоту, cover без спотворень */
.kamea-card-img img {
    height: 220px;
    width: 100%;
    object-fit: cover;
    display: block;
}

/* ── Прибрати відступ зверху фото у картках ─────────────────────────────── */
/* e-con-inner дефолтно має padding: 10px 0. Якщо перший дочірній елемент —
   зображення kartki, нульуємо через :has() */
.e-con-inner:has(> .kamea-card-img) {
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-block: 0 !important;
}
.kamea-card-img .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}
.kamea-card-img figure,
.kamea-card-img figure img {
    margin: 0 !important;
    display: block !important;
}

/* ── Популярні рішення: горизонтальний скрол ──────────── */
.kamea-pop-row {
    overflow-x: auto !important;
    overflow-y: visible !important;
    flex-wrap: nowrap !important;
    padding-bottom: 4px;
    scrollbar-width: thin;
}
.kamea-pop-row > .e-con {
    flex: 0 0 170px !important;
    min-width: 170px !important;
}
.kamea-pop-all {
    min-height: 180px !important;
    flex: 0 0 130px !important;
    min-width: 130px !important;
    cursor: pointer;
}
/* Фото у мінікартках — фіксована висота */
.kamea-pop-card-img img {
    height: 130px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}


/* ── KAMEA 404 PAGE ── */
.kamea-404-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 100px 20px 120px;
    min-height: 55vh;
    background: #fff;
}
.kamea-404-num {
    font-size: 160px;
    line-height: 1;
    color: #b8a06e;
    font-weight: 300;
    margin: 0 0 10px;
    letter-spacing: -4px;
}
.kamea-404-title {
    font-size: 28px;
    font-weight: 400;
    color: #1a1a18;
    margin: 0 0 16px;
}
.kamea-404-text {
    font-size: 16px;
    color: #666;
    margin: 0 0 48px;
    max-width: 420px;
    line-height: 1.7;
}
.kamea-404-btns {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}
.kamea-404-btn {
    display: inline-block;
    padding: 14px 36px;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    transition: all .25s;
}
.kamea-404-btn-primary { background: #b8a06e; color: #fff !important; }
.kamea-404-btn-primary:hover { background: #a08a58; }
.kamea-404-btn-secondary { background: transparent; color: #1a1a18 !important; border: 1px solid #1a1a18; }
.kamea-404-btn-secondary:hover { background: #1a1a18; color: #fff !important; }

/* ── BLOG POST CTA ── */
.kamea-post-cta {
    margin: 56px 0 0;
    background: #f5f2ed;
    border-top: 1px solid #e0d9cc;
    border-bottom: 1px solid #e0d9cc;
}
.kamea-post-cta__inner {
    padding: 48px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}
.kamea-post-cta__heading {
    font-size: 22px;
    font-weight: 500;
    color: #1a1a18;
    margin: 0 0 8px;
}
.kamea-post-cta__sub {
    font-size: 15px;
    color: #666;
    margin: 0;
    line-height: 1.6;
}
.kamea-post-cta__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.kamea-post-cta__btn {
    display: inline-block;
    padding: 14px 36px;
    background: #1a1a18;
    color: #fff !important;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    transition: background .2s;
}
.kamea-post-cta__btn:hover { background: #b8a06e; }
.kamea-post-cta__phone {
    font-size: 15px;
    color: #1a1a18 !important;
    text-decoration: none;
    font-weight: 500;
}
.kamea-post-cta__phone:hover { color: #b8a06e !important; }
@media (max-width: 640px) {
    .kamea-post-cta__inner { padding: 36px 24px; flex-direction: column; align-items: flex-start; }
    .kamea-post-cta__actions { align-items: flex-start; }
}

/* ── BLOG POST TYPOGRAPHY ── */
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content td {
    font-size: 17px;
    line-height: 1.85;
    color: #2a2a28;
}
.single-post .entry-content h2 {
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 400;
    margin: 48px 0 20px;
    color: #1a1a18;
}
.single-post .entry-content h3 {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 500;
    margin: 36px 0 16px;
    color: #1a1a18;
}
.single-post .entry-content > p:first-of-type {
    font-size: 19px;
    color: #1a1a18;
    font-weight: 400;
}


/* =============================================================
   DISCOVER KAMEA — hover-ефект на картках з фоновими зображеннями
   Картки: Стільниці для кухні, ванної, підвіконня, магазин декору
   ============================================================= */
.elementor-element-9eddb5f,
.elementor-element-f87dd5d,
.elementor-element-6347c3c,
.elementor-element-f3d1eb6 {
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.15) !important;
}

/* Overlay (::before) — анімація прозорості */
.elementor-element-9eddb5f::before,
.elementor-element-f87dd5d::before,
.elementor-element-6347c3c::before,
.elementor-element-f3d1eb6::before {
    transition: opacity 0.35s ease !important;
}

/* Hover: підйом + зменшення overlay → зображення стає яскравішим */
.elementor-element-9eddb5f:hover,
.elementor-element-f87dd5d:hover,
.elementor-element-6347c3c:hover,
.elementor-element-f3d1eb6:hover {
    --overlay-opacity: 0.28 !important;
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.35) !important;
}

/* Stretched link — весь блок клікабельний */
.elementor-element-9eddb5f .elementor-heading-title a::after,
.elementor-element-f87dd5d .elementor-heading-title a::after,
.elementor-element-6347c3c .elementor-heading-title a::after,
.elementor-element-f3d1eb6 .elementor-heading-title a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* =============================================================
   KAMEA — MOBILE-FIRST & CONVERSION UX/UI IMPROVEMENTS
   ============================================================= */

/* ── 1. HERO SECTION (Revolution Slider на мобільних пристроях) ── */
@media (max-width: 480px) {
    /* Обмежуємо висоту модуля, щоб контент першого екрана не зникав під згином */
    rs-module-wrap#home-04-serif_wrapper,
    .slider_revolution rs-module-wrap {
        max-height: 90vh !important;
    }

    /* Заголовок Hero: виправляємо пропорції антикви Cormorant Garamond */
    #home-04-serif rs-layer[data-alias="Heading"],
    #home-04-serif .rs-layer[data-alias="Heading"] {
        font-size: 32px !important;
        line-height: 1.25 !important; /* ~40px */
        letter-spacing: 0.02em !important;
        white-space: normal !important;
        text-align: center !important;
        padding: 0 10px !important;
    }

    /* Опис офферу Hero: усуваємо нашарування рядків (font 30px / line-height 26px) */
    #home-04-serif rs-layer[data-alias="Description"],
    #home-04-serif .rs-layer[data-alias="Description"] {
        font-size: 15px !important;
        line-height: 1.45 !important; /* ~22px */
        font-weight: 400 !important;
        white-space: normal !important;
        text-align: center !important;
        padding: 0 14px !important;
        margin-bottom: 16px !important;
    }

    /* Кнопки CTA в Hero: тач-таргет від 48px, комфортне розташування */
    #home-04-serif rs-layer[data-type="button"],
    #home-04-serif .rs-layer[data-type="button"] {
        min-height: 48px !important;
        line-height: 48px !important;
        padding: 0 24px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 1.2px !important;
        box-sizing: border-box !important;
    }
}

/* ── 2. WOOCOMMERCE: КАРТКА ТОВАРУ ТА ФОТОГАЛЕРЕЯ (Mobile-First) ── */
@media (max-width: 767px) {
    /* Мініатюри галереї: в один горизонтальний рядок зі свайпом замість багатоповерхової сітки */
    .woocommerce div.product div.images .flex-control-thumbs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important; /* Firefox */
        gap: 8px !important;
        margin: 12px 0 0 !important;
        padding: 4px 2px 10px !important;
    }
    .woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
        display: none !important; /* Chrome / Safari */
    }
    .woocommerce div.product div.images .flex-control-thumbs li {
        flex: 0 0 60px !important;
        width: 60px !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }
    .woocommerce div.product div.images .flex-control-thumbs li img {
        border-radius: 4px !important;
        transition: border-color .2s ease !important;
    }

    /* Кнопка "Додати в кошик": повноцінний Touch Target від 48px */
    .single-product .single_add_to_cart_button {
        min-height: 48px !important;
        padding: 14px 24px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
        width: 100% !important;
    }

    /* Світчі вибору розміру / параметрів (Без гравіювання / З гравіюванням): преміальний вигляд */
    .ts-product-attribute .option {
        border-radius: 4px !important;
        transition: all 0.25s ease !important;
    }

    .ts-product-attribute .option a,
    .ts-product-attribute > div.option > a {
        min-height: 42px !important;
        min-width: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 9px 18px !important;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        border-radius: 4px !important;
        transition: all 0.25s ease !important;
        box-sizing: border-box !important;
    }

    .ts-product-attribute .option.selected a,
    .ts-product-attribute > div.option.selected > a {
        background: #1A1A18 !important;
        color: #FFFFFF !important;
        border-color: #1A1A18 !important;
    }

    /* Індикатор наявності товару */
    .single-product .meta-content .availability {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 14px !important;
        margin-top: 10px !important;
    }
    .single-product .meta-content .availability.in-stock .availability-text {
        color: #27ae60 !important;
        font-weight: 500 !important;
    }
}

/* ── 3. WOOCOMMERCE: ЗБЕРЕЖЕННЯ РЕГІСТРУ АТРИБУТІВ ── */
.ts-product-attribute .option a,
.ts-product-attribute > div.option > a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

.variations select,
.variations select option,
.single-product .variations .value {
    text-transform: none !important;
}

/* =============================================================
   KAMEA — UNIFIED KINETIC MICRO-INTERACTIONS (HERO STANDARD)
   ============================================================= */

/* ── 1. Уніфікована кінетика всіх кнопок (Kinetic Lift & Geometry) ── */
.button:not(.km-text-link):not([class*="km-text-link"]):not(:has(.km-arrow)),
.elementor-button:not(.km-text-link):not([class*="km-text-link"]):not(:has(.km-arrow)):not(.elementor-element-f1c2816 a):not(.elementor-element-b71b677 a):not(.elementor-element-632d95f a):not(.elementor-element-5bfef3d a):not(.elementor-element-5e6b6a18 a):not(.elementor-element-37d48a81 a):not(.elementor-element-23af910b a):not(.elementor-element-6f2bb6d9 a):not(.elementor-element-45adcfbd a):not(.elementor-element-3d3de281 a),
.single_add_to_cart_button,
input[type="submit"],
input[type="button"],
.kamea-consult__btn,
.sp-cta__btn,
.kamea-cta__btn,
.kamea-post-cta__btn,
.kamea-404-btn-primary,
.kamea-mat-hero__cta-btn,
.kamea-all-btn,
.kpg-btn {
    border-radius: 2px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                background 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease !important;
    will-change: transform, box-shadow;
}

/* ── Текстові редакційні посилання зі стрілкою (Editorial Text Links — НЕ кнопки) ── */
.km-text-link,
.km-text-link a,
.km-text-link a.elementor-button,
.km-text-link .elementor-button,
.elementor-widget-button.km-text-link a.elementor-button,
.kr-card a.elementor-button,
a.elementor-button.km-text-link,
a.elementor-button[class*="km-text-link"],
.elementor-button:has(.km-arrow),
.elementor-element-f1c2816 a.elementor-button,
.elementor-element-b71b677 a.elementor-button,
.elementor-element-632d95f a.elementor-button,
.elementor-element-5bfef3d a.elementor-button,
.elementor-element-5e6b6a18 a.elementor-button,
.elementor-element-37d48a81 a.elementor-button,
.elementor-element-23af910b a.elementor-button,
.elementor-element-6f2bb6d9 a.elementor-button,
.elementor-element-45adcfbd a.elementor-button,
.elementor-element-3d3de281 a.elementor-button {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    padding: 0 !important;
    padding-right: 8px !important;
    overflow: visible !important;
    color: var(--km-bronze, #8A6A3A) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
    will-change: auto !important;
}

.km-text-link .elementor-button-content-wrapper,
.km-text-link .elementor-button-text,
.km-text-link .elementor-button-wrapper,
.kr-card .elementor-button-content-wrapper,
.kr-card .elementor-button-text,
.elementor-widget-button.km-text-link .elementor-button-content-wrapper,
.elementor-widget-button.km-text-link .elementor-button-text {
    overflow: visible !important;
}

@media (hover: hover) and (pointer: fine) {
    .km-text-link:hover,
    .km-text-link a:hover,
    .km-text-link a.elementor-button:hover,
    .km-text-link .elementor-button:hover,
    .elementor-widget-button.km-text-link a.elementor-button:hover,
    .kr-card a.elementor-button:hover,
    a.elementor-button.km-text-link:hover,
    a.elementor-button[class*="km-text-link"]:hover,
    .elementor-button:has(.km-arrow):hover,
    .elementor-element-f1c2816 a.elementor-button:hover,
    .elementor-element-b71b677 a.elementor-button:hover,
    .elementor-element-632d95f a.elementor-button:hover,
    .elementor-element-5bfef3d a.elementor-button:hover,
    .elementor-element-5e6b6a18 a.elementor-button:hover,
    .elementor-element-37d48a81 a.elementor-button:hover,
    .elementor-element-23af910b a.elementor-button:hover,
    .elementor-element-6f2bb6d9 a.elementor-button:hover,
    .elementor-element-45adcfbd a.elementor-button:hover,
    .elementor-element-3d3de281 a.elementor-button:hover {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        transform: none !important;
        color: var(--km-brass, #C5A880) !important;
    }
}

.kr-nav-pills a {
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.kr-nav-pills a:hover {
    border-color: var(--km-brass, #C5A880) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}

/* Базовий колір залитих бронзових кнопок */
.button.alt,
input[type="submit"],
.single_add_to_cart_button,
.kamea-consult__btn,
.sp-cta__btn,
.kamea-cta__btn,
.kamea-post-cta__btn,
.kamea-404-btn-primary,
.kamea-mat-hero__cta-btn,
.elementor-element-ded6706 a.elementor-button,
.elementor-element-187d1df a.elementor-button,
.elementor-element-1751182 a.elementor-button,
.elementor-element-a2a55f0 a.elementor-button,
.elementor-element-2015b4e a.elementor-button,
.elementor-element-5ba7d6d6 a.elementor-button,
.elementor-element-1d5244d0 a.elementor-button,
.elementor-element-6d2137 a.elementor-button,
.elementor-element-5a95e1c6 a.elementor-button,
.elementor-element-3b6f6a12 a.elementor-button,
.elementor-element-265e1858 a.elementor-button,
.elementor-element-41ab8b18 a.elementor-button,
.elementor-element-6b79ca40 a.elementor-button,
.elementor-element-a246ebb a.elementor-button,
.elementor-widget-button.js-kamea-modal-open a.elementor-button,
.elementor-widget-button a.elementor-button.js-kamea-modal-open,
.km-btn-solid {
    background-color: var(--km-bronze, #8A6A3A) !important;
    border: 1px solid var(--km-bronze, #8A6A3A) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px -4px rgba(138, 106, 58, 0.4) !important;
}

.elementor-element-ded6706 .elementor-button,
.elementor-element-ded6706 .elementor-button-text,
.elementor-element-187d1df .elementor-button,
.elementor-element-187d1df .elementor-button-text,
.elementor-element-1751182 .elementor-button,
.elementor-element-1751182 .elementor-button-text,
.elementor-element-a2a55f0 .elementor-button,
.elementor-element-a2a55f0 .elementor-button-text,
.elementor-element-2015b4e .elementor-button,
.elementor-element-2015b4e .elementor-button-text,
.elementor-element-5ba7d6d6 .elementor-button,
.elementor-element-5ba7d6d6 .elementor-button-text,
.elementor-element-1d5244d0 .elementor-button,
.elementor-element-1d5244d0 .elementor-button-text,
.elementor-element-6d2137 .elementor-button,
.elementor-element-6d2137 .elementor-button-text,
.elementor-element-5a95e1c6 .elementor-button,
.elementor-element-5a95e1c6 .elementor-button-text,
.elementor-element-3b6f6a12 .elementor-button,
.elementor-element-3b6f6a12 .elementor-button-text,
.elementor-element-265e1858 .elementor-button,
.elementor-element-265e1858 .elementor-button-text,
.elementor-element-41ab8b18 .elementor-button,
.elementor-element-41ab8b18 .elementor-button-text,
.elementor-element-6b79ca40 .elementor-button,
.elementor-element-6b79ca40 .elementor-button-text,
.elementor-element-a246ebb .elementor-button,
.elementor-element-a246ebb .elementor-button-text {
    color: #ffffff !important;
}

/* Реакція золотих кнопок при наведенні — точно як у Хероу на головній:
   - Плавний кінетичний підйом translateY(-3px)
   - М'який перехід кольору в Champagne Brass #C5A880 та рамки #C5A880
   - Оксамитове сяюче світіння box-shadow: 0 14px 28px -4px rgba(197, 168, 128, 0.45)
   - Політ стрілки translateX(4px)
*/
@media (hover: hover) and (pointer: fine) {
    .button.alt:hover,
    .single_add_to_cart_button:hover,
    .button:not(.kamea-all-btn):not(.kpg-btn):not(.km-text-link):not(.elementor-button):hover,
    input[type="submit"]:hover,
    .kamea-consult__btn:hover,
    .sp-cta__btn:hover,
    .kamea-cta__btn:hover,
    .kamea-post-cta__btn:hover,
    .kamea-404-btn-primary:hover,
    .kamea-mat-hero__cta-btn:hover,
    .elementor-element-ded6706 a.elementor-button:hover,
    .elementor-element-187d1df a.elementor-button:hover,
    .elementor-element-1751182 a.elementor-button:hover,
    .elementor-element-a2a55f0 a.elementor-button:hover,
    .elementor-element-2015b4e a.elementor-button:hover,
    .elementor-element-5ba7d6d6 a.elementor-button:hover,
    .elementor-element-1d5244d0 a.elementor-button:hover,
    .elementor-element-6d2137 a.elementor-button:hover,
    .elementor-element-5a95e1c6 a.elementor-button:hover,
    .elementor-element-3b6f6a12 a.elementor-button:hover,
    .elementor-element-265e1858 a.elementor-button:hover,
    .elementor-element-41ab8b18 a.elementor-button:hover,
    .elementor-element-6b79ca40 a.elementor-button:hover,
    .elementor-element-a246ebb a.elementor-button:hover,
    .elementor-widget-button.js-kamea-modal-open a.elementor-button:hover,
    .elementor-widget-button a.elementor-button.js-kamea-modal-open:hover,
    .km-btn-solid:hover {
        background-color: var(--km-brass, #C5A880) !important;
        border-color: var(--km-brass, #C5A880) !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 14px 28px -4px rgba(197, 168, 128, 0.45) !important;
        color: #ffffff !important;
    }

    .elementor-element-ded6706 a.elementor-button:hover .elementor-button-text {
        color: #ffffff !important;
    }

    /* Ховер контурних та другорядних кнопок на світлому фоні */
    .kamea-all-btn:hover,
    .kpg-btn:hover {
        transform: translateY(-2px) !important;
        border-color: var(--km-brass, #C5A880) !important;
        color: var(--km-obsidian, #141311) !important;
        box-shadow: 0 8px 18px -2px rgba(20, 19, 17, 0.18) !important;
    }

    /* Ховер другорядної кнопки в hero-банерах («Переглянути проекти») */
    .elementor-element-267a895 a.elementor-button:hover,
    .elementor-element-267a895 .elementor-button:hover {
        transform: translateY(-2px) !important;
        background-color: var(--km-brass, #C5A880) !important;
        border-color: var(--km-brass, #C5A880) !important;
        color: #FFFFFF !important;
        box-shadow: 0 10px 24px -4px rgba(197, 168, 128, 0.45) !important;
    }

    .elementor-element-267a895 a.elementor-button:hover .elementor-button-text,
    .elementor-element-267a895 .elementor-button:hover .elementor-button-text {
        color: #FFFFFF !important;
    }
}

/* Тактильне пружне натискання (Spring tactile click) */
.button:active,
.elementor-button:active,
.single_add_to_cart_button:active,
input[type="submit"]:active,
.kamea-consult__btn:active,
.sp-cta__btn:active,
.kamea-cta__btn:active,
.kamea-post-cta__btn:active,
.kamea-404-btn-primary:active,
.kamea-mat-hero__cta-btn:active,
.kamea-all-btn:active,
.kpg-btn:active,
.kamea-chip:active,
.kamea-insp-btn:active {
    transform: translateY(0px) scale(0.985) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
}

/* ── 2. Кінетичний політ стрілок (Arrow Glide translateX) ── */
.km-arrow,
.khb-arrow,
.elementor-button-icon {
    display: inline-block !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    margin-left: 5px;
    padding-right: 3px !important;
}

a:hover .km-arrow,
a:hover .khb-arrow,
button:hover .km-arrow,
.elementor-button:hover .elementor-button-icon,
.elementor-button:hover .km-arrow,
.kamea-mat-insp-header a:hover .km-arrow {
    transform: translateX(4px) !important;
}

/* Анімація стрілки вниз у списку декорів */
.kamea-mat-more-btn {
    transition: color 0.25s ease, border-color 0.25s ease, transform 0.25s ease !important;
}
.kamea-mat-more-btn:hover {
    border-color: var(--km-brass, #C5A880) !important;
    color: var(--km-brass, #C5A880) !important;
}
.kamea-mat-more-btn:hover .kamea-mat-more-arrow {
    display: inline-block;
    transform: translateY(3px);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── 3. Уніфікація фільтрів-пілюль (Chips & Badges) ── */
.kamea-chip,
.kpg-btn,
.kamea-insp-btn,
.kamea-all-btn {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-radius: 2px !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
                background 0.2s ease,
                border-color 0.2s ease,
                box-shadow 0.25s ease,
                color 0.2s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .kamea-chip:hover,
    .kamea-insp-btn:hover {
        transform: translateY(-2px) !important;
        border-color: var(--km-brass, #C5A880) !important;
        box-shadow: 0 6px 14px rgba(20, 19, 17, 0.12) !important;
    }
}

.kamea-chip.is-active,
.kpg-btn.kpg-btn--active,
.kamea-insp-btn.is-active,
.kamea-all-btn.active {
    background: var(--km-obsidian, #141311) !important;
    border-color: var(--km-obsidian, #141311) !important;
    color: #ffffff !important;
}

/* ── 4. Інтерактивні посилання та хлібні крихти ── */
.woocommerce-breadcrumb a,
.breadcrumb-title a,
.ts-breadcrumb a {
    color: var(--km-text-muted, #7A746E) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.woocommerce-breadcrumb a:hover,
.breadcrumb-title a:hover,
.ts-breadcrumb a:hover {
    color: var(--km-brass, #C5A880) !important;
}

/* Текстові посилання всередині статей */
.entry-content p a:not([class]),
.elementor-widget-text-editor p a:not([class]) {
    color: var(--km-brass, #C5A880) !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(197, 168, 128, 0.4) !important;
    padding-bottom: 1px !important;
    transition: border-color 0.25s ease, color 0.25s ease !important;
}
.entry-content p a:not([class]):hover,
.elementor-widget-text-editor p a:not([class]):hover {
    color: var(--km-bronze, #8A6A3A) !important;
    border-bottom-color: var(--km-bronze, #8A6A3A) !important;
}

/* ── 5. Кінетичне меню навігації (Kinetic Directional Underline) ── */
/* Вимикаємо вбудовану тонку лінію теми на li::after, залишаючи тільки одну впевнену товсту лінію */
.header-middle nav > ul.menu > li::after,
.header-top nav > ul.menu > li::after {
    display: none !important;
}

.header-middle nav > ul.menu > li > a,
.header-top nav > ul.menu > li > a {
    position: relative !important;
    transition: color 0.25s ease, letter-spacing 0.25s ease !important;
}

/* Єдина товста лінія підкреслення (Champagne Brass) */
.header-middle nav > ul.menu > li > a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: var(--km-brass, #C5A880);
    border-radius: 1px;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) and (pointer: fine) {
    .header-middle nav > ul.menu > li:hover > a::after {
        transform: scaleX(1);
        transform-origin: left;
    }
}

/* Активний пункт меню */
.header-middle nav > ul.menu > li.current-menu-item > a::after,
.header-middle nav > ul.menu > li.current_page_item > a::after,
.header-middle nav > ul.menu > li.current-page-ancestor > a::after {
    transform: scaleX(1) !important;
    transform-origin: left !important;
}

.header-middle nav > ul.menu > li:hover > a {
    color: var(--km-brass, #C5A880) !important;
}

.ts-menu-drop-icon {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.header-middle nav > ul.menu > li:hover > .ts-menu-drop-icon {
    transform: rotate(180deg) !important;
}

/* =============================================================
   KAMEA — КАРТКА ТОВАРУ: "ВИБЕРІТЬ РОЗМІР" ТА СТИЛІ КНОПКИ "В КОШИК"
   ============================================================= */

/* ── 1. Мітка атрибута "Виберіть розмір" ── */
.woocommerce div.product form.cart .variations th.label {
    width: auto !important;
    min-width: 130px !important;
    white-space: nowrap !important;
}

.woocommerce div.product form.cart .variations th.label label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #141311 !important;
}

/* ── Гарантія видимості контейнера кнопки (CozyCorner блокував через .outofstock) ── */
.woocommerce div.product .summary .woocommerce-variation-add-to-cart,
.woocommerce div.product.outofstock .summary .woocommerce-variation-add-to-cart,
.woocommerce div.product.outofstock .summary .woocommerce-variation-add-to-cart-disabled,
.woocommerce div.product .summary .woocommerce-variation-add-to-cart-disabled {
    display: flex !important;
}

/* ── 2. Кнопка "В кошик" (до вибору розміру — солідна темна з підказкою) ── */
.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button,
.single_add_to_cart_button.disabled,
.single_add_to_cart_button.wc-variation-selection-needed,
.woocommerce button.button.alt.disabled.wc-variation-selection-needed {
    opacity: 1 !important;
    background: #1A1A18 !important;
    background-color: #1A1A18 !important;
    color: #FFFFFF !important;
    border: 1px solid #1A1A18 !important;
    box-shadow: 0 4px 14px rgba(26, 26, 24, 0.14) !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    min-height: 50px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button:hover,
    .single_add_to_cart_button.disabled:hover,
    .single_add_to_cart_button.wc-variation-selection-needed:hover,
    .woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover {
        background-color: #2D2A26 !important;
        border-color: #2D2A26 !important;
        color: #FFFFFF !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 22px rgba(26, 26, 24, 0.22) !important;
    }
}

/* ── 3. Активна кнопка "В кошик" (після вибору розміру — солідна чорна з переходом на преміум-бронзу) ── */
.woocommerce-variation-add-to-cart-enabled .single_add_to_cart_button,
.single_add_to_cart_button:not(.disabled):not(.wc-variation-selection-needed) {
    background: #1A1A18 !important;
    background-color: #1A1A18 !important;
    border: 1px solid #1A1A18 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(26, 26, 24, 0.18) !important;
    border-radius: 3px !important;
    min-height: 50px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce-variation-add-to-cart-enabled .single_add_to_cart_button:hover,
    .single_add_to_cart_button:not(.disabled):not(.wc-variation-selection-needed):hover {
        background-color: var(--km-bronze, #8A6A3A) !important;
        border-color: var(--km-bronze, #8A6A3A) !important;
        color: #FFFFFF !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 10px 26px rgba(138, 106, 58, 0.35) !important;
    }
}

/* ── 4. Підсвітка та пульс варіантів при кліку на неактивну кнопку ── */
@keyframes kmSelectPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}

.kamea-highlight-pulse .option a {
    border-color: var(--km-brass, #C5A880) !important;
    box-shadow: 0 0 10px rgba(197, 168, 128, 0.45) !important;
    animation: kmSelectPulse 0.35s ease 2;
}

/* ============================================================
   KAMEA — Shop Catalog (Home Collection) Redesign & UX Polish
   ============================================================ */

/* ── 0. Hero Banner Vignette & Atmosphere ── */
.elementor-element-478f28d {
    position: relative;
    overflow: hidden;
}

.elementor-element-478f28d::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(14, 13, 11, 0.78) 0%, rgba(14, 13, 11, 0.45) 45%, rgba(14, 13, 11, 0.05) 100%);
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 767px) {
    .elementor-element-478f28d::before {
        background: linear-gradient(180deg, rgba(14, 13, 11, 0.88) 0%, rgba(14, 13, 11, 0.62) 55%, rgba(14, 13, 11, 0.25) 100%);
    }
}

.elementor-element-478f28d > .e-con,
.elementor-element-478f28d > .e-con-boxed,
.elementor-element-478f28d > .e-con-inner,
.elementor-element-478f28d > .elementor-container {
    position: relative !important;
    z-index: 2 !important;
}

.elementor-element-478f28d .elementor-heading-title {
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65) !important;
}

.elementor-element-478f28d .elementor-widget-text-editor p {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75) !important;
}

/* ── 1. Trust Bar (Іконки переваг) ── */

.before-shop-content .elementor-widget-icon-box {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.before-shop-content .elementor-widget-icon-box:hover {
    transform: translateY(-2px) !important;
}

.before-shop-content .elementor-icon-box-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #1A1A18 !important;
}

.before-shop-content .elementor-icon svg {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    display: inline-block !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .before-shop-content .elementor-widget-icon-box {
        flex: 0 0 calc(33.333% - 12px) !important;
        max-width: calc(33.333% - 12px) !important;
    }
}

@media (max-width: 767px) {
    .before-shop-content .e-con-inner,
    .before-shop-content .elementor-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        gap: 12px 6px !important;
    }
    .before-shop-content .elementor-widget-icon-box {
        flex: 0 0 calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        margin-bottom: 6px !important;
    }
    .before-shop-content .elementor-icon-box-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        text-align: left !important;
        gap: 8px !important;
    }
    .before-shop-content .elementor-icon-box-icon {
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    .before-shop-content .elementor-icon svg {
        width: 30px !important;
        height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }
    .before-shop-content .elementor-icon-box-title {
        font-size: 12px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }
}

/* ── 2. Хлібні крихти та компактна підголовна зона ── */
.breadcrumb-title-wrapper.no-title {
    padding: 16px 0 10px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #F0ECE6 !important;
}

.breadcrumb-title-wrapper.no-title .breadcrumbs,
.breadcrumb-title-wrapper.no-title .breadcrumb {
    margin: 0 !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #8C827A !important;
}

/* ── Хлібні крихти на банері (як на сторінці Матеріали: 12px, лаконічні, зліва) ── */
.km-banner-crumbs,
.km-hero-breadcrumbs {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    text-transform: none !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin-bottom: 14px !important;
    text-align: left !important;
}

.km-banner-crumbs a,
.km-hero-breadcrumbs a {
    color: rgba(255, 255, 255, 0.7) !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    transition: color 0.2s ease !important;
}

.km-banner-crumbs a:hover,
.km-hero-breadcrumbs a:hover {
    color: var(--km-brass, #C5A880) !important;
}

.km-banner-crumbs .sep,
.km-hero-breadcrumbs span:nth-child(2) {
    color: rgba(255, 255, 255, 0.35) !important;
    font-size: 11px !important;
    margin: 0 2px !important;
}

.km-banner-crumbs .current,
.km-hero-breadcrumbs span:last-child {
    color: var(--km-brass, #C5A880) !important;
    font-weight: 500 !important;
}

/* Light variant of banner breadcrumbs (for light background pages like /kontakty/) */
.km-banner-crumbs.km-crumbs-light,
.km-crumbs-light,
.page-id-10943 .km-banner-crumbs {
    color: #7A736E !important;
}
.km-banner-crumbs.km-crumbs-light a,
.km-crumbs-light a,
.page-id-10943 .km-banner-crumbs a {
    color: #7A736E !important;
}
.km-banner-crumbs.km-crumbs-light a:hover,
.km-crumbs-light a:hover,
.page-id-10943 .km-banner-crumbs a:hover {
    color: #1A1A18 !important;
}
.km-banner-crumbs.km-crumbs-light .sep,
.km-crumbs-light .sep,
.page-id-10943 .km-banner-crumbs .sep {
    color: #C5BDB5 !important;
}
.km-banner-crumbs.km-crumbs-light .current,
.km-crumbs-light .current,
.page-id-10943 .km-banner-crumbs .current {
    color: #1A1A18 !important;
    font-weight: 500 !important;
}

/* ── 3. Таби категорій (Швидкі фільтри #shop-top-area в один рядок) ── */
#shop-top-area {
    padding: 24px 20px 20px 20px !important;
    margin: 0 auto !important;
    border-bottom: 1px solid #ECE7DF !important;
}

/* Прибираємо псевдоелемент-лінію теми, яка врізалася в низ кнопок */
#shop-top-area aside::after,
#shop-top-area aside:after,
#shop-top-area::after,
#shop-top-area:after {
    display: none !important;
    content: none !important;
    border: none !important;
    height: 0 !important;
}

#shop-top-area aside,
#shop-top-area .container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#shop-top-area aside::-webkit-scrollbar,
#shop-top-area .container::-webkit-scrollbar {
    display: none !important;
}

#shop-top-area aside > .widget-container,
#shop-top-area .woocommerce-widget-layered-nav,
#shop-top-area .woocommerce-widget-layered-nav-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-shrink: 0 !important;
}

/* Повне скидання стилів з обгортки li, щоб вона не створювала чорних квадратних рамок */
#shop-top-area .woocommerce-widget-layered-nav-list__item,
#shop-top-area .woocommerce-widget-layered-nav-list__item.chosen,
#shop-top-area .woocommerce-widget-layered-nav-list__item--chosen,
#shop-top-area .woocommerce-widget-layered-nav-list__item:hover {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

/* Єдиний однаковий стиль для ВСІХ кнопок: форма, розміри, шрифт, скруглення */
.kamea-all-btn,
#shop-top-area .woocommerce-widget-layered-nav-list__item a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    padding: 0 18px !important;
    border: 1px solid #DED8D0 !important;
    background: #FFFFFF !important;
    border-radius: 4px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #1A1A18 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
                border-color 0.2s ease,
                background 0.2s ease,
                box-shadow 0.25s ease,
                color 0.2s ease !important;
}

/* Ховер для всіх кнопок */
.kamea-all-btn:hover,
#shop-top-area .woocommerce-widget-layered-nav-list__item a:hover {
    border-color: var(--km-brass, #C5A880) !important;
    color: #1A1A18 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(20, 19, 17, 0.08) !important;
}

/* Активний стан для ВСІХ кнопок: однаково чорні та однаково округлі */
.kamea-all-btn.active,
#shop-top-area .woocommerce-widget-layered-nav-list__item.chosen a,
#shop-top-area .woocommerce-widget-layered-nav-list__item--chosen a {
    background: #1A1A18 !important;
    border-color: #1A1A18 !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(20, 19, 17, 0.15) !important;
    transform: none !important;
}

/* Неактивний стан кнопки "ВСІ ТОВАРИ", коли обрано інший фільтр */
.kamea-all-btn:not(.active) {
    background: #FFFFFF !important;
    border-color: #DED8D0 !important;
    color: #1A1A18 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    #shop-top-area aside {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 4px 0 10px 0 !important;
        gap: 8px !important;
    }
    #shop-top-area aside::-webkit-scrollbar {
        display: none !important;
    }
    .kamea-all-btn,
    #shop-top-area .woocommerce-widget-layered-nav-list__item a {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        height: 32px !important;
        padding: 0 14px !important;
        font-size: 11px !important;
        border-radius: 4px !important;
    }
}



/* ── 4. Стандартні ширини контентних блоків Elementor (1140px) та єдина лінія вирівнювання ── */
.elementor-13024 .e-con-boxed,
.elementor-13025 .e-con-boxed,
.km-shop-hero-banner > .e-con-boxed,
.km-trust-bar-section > .e-con-boxed,
.km-shop-gift-section > .e-con-boxed,
.km-shop-personalization > .e-con-boxed,
.km-shop-reviews-section > .e-con-boxed,
.elementor-element-972c0ed,
.elementor-element-797cf38,
.elementor-element-d999cee,
.elementor-element-65e0552,
.elementor-element-596443fe {
    max-width: var(--container-max-width, 1140px) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

.woocommerce-shop .page-container,
.tax-product_cat .page-container {
    max-width: var(--container-max-width, 1140px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 40px !important;
    box-sizing: border-box !important;
}

.woocommerce-shop #shop-top-area,
.tax-product_cat #shop-top-area,
.woocommerce-shop .breadcrumb-title-wrapper,
.tax-product_cat .breadcrumb-title-wrapper {
    max-width: var(--container-max-width, 1140px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

.woocommerce-shop #shop-top-area .container,
.tax-product_cat #shop-top-area .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-shop .shop-ads-banner,
.tax-product_cat .shop-ads-banner {
    margin-top: 0 !important;
}

/* ── 5. Картки товарів (Boutique Framed Display) ── */
.woocommerce .products .product,
.products .product {
    background: #FFFFFF !important;
    border: 1px solid #ECE7DF !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 16px rgba(20, 19, 17, 0.03) !important;
    overflow: hidden !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.3s ease,
                border-color 0.25s ease !important;
    padding-bottom: 16px !important;
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce .products .product:hover,
    .products .product:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 16px 32px rgba(20, 19, 17, 0.08) !important;
        border-color: var(--km-brass, #C5A880) !important;
    }
    .products .product .thumbnail-wrapper img {
        transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }
    .products .product:hover .thumbnail-wrapper img {
        transform: scale(1.04) !important;
    }
}

.products .product .thumbnail-wrapper {
    background: #FFFFFF !important;
    padding: 14px 14px 6px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.products .product .meta-wrapper {
    padding: 0 16px !important;
}

/* Заголовки карток товарів — Sentence Case (замість ALL CAPS) */
.product .product-name,
.product .heading-title.product-name,
.product .product-name a,
.woocommerce ul.products li.product .product-name,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    text-transform: none !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    color: #1A1A18;
    margin: 8px 0 6px 0 !important;
    transition: color 0.25s ease !important;
}

.product .product-name a {
    color: #1A1A18 !important;
    transition: color 0.25s ease !important;
}

.product .product-name a:hover,
.product .heading-title.product-name a:hover,
.woocommerce ul.products li.product .product-name a:hover,
.products .product:hover .product-name a {
    color: var(--km-brass, #C5A880) !important;
}

/* Ціна товарів */
.product .price,
.woocommerce ul.products li.product .price {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    color: #1A1A18 !important;
}


/* ── 6. Мобільний Sticky-бар фільтрів та безпечний відступ ── */
@media (max-width: 767px) {
    body.woocommerce-shop,
    body.tax-product_cat {
        padding-bottom: 70px !important;
    }
    #to-top,
    .ts-scroll-button.top {
        bottom: 75px !important;
    }
    .mobile-sticky-filters {
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08) !important;
        border-top: 1px solid #E8E2D9 !important;
        background: rgba(255, 255, 255, 0.96) !important;
        backdrop-filter: blur(8px) !important;
    }
    .woocommerce .products .product,
    .products .product {
        padding-bottom: 10px !important;
    }
    .products .product .thumbnail-wrapper {
        padding: 8px 8px 4px 8px !important;
    }
    .products .product .meta-wrapper {
        padding: 0 10px !important;
    }
}

/* ── 7. Нижня секція "Для подарунка" (Гармонізація карток) ── */
.elementor-element-5c5626b .products .product {
    background: #FFFFFF !important;
    border: 1px solid #ECE7DF !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 16px rgba(20, 19, 17, 0.03) !important;
    padding-bottom: 16px !important;
}
.elementor-element-5c5626b .product-name,
.elementor-element-5c5626b .woocommerce-loop-product__title,
.elementor-element-5c5626b h3 {
    color: #1A1A18 !important;
    text-transform: none !important;
    font-weight: 600 !important;
}
.elementor-element-5c5626b .price {
    color: #1A1A18 !important;
    font-weight: 700 !important;
}

/* ── 8. KAMEA Gift Hint Modal Buttons ── */
.km-submit-hint-btn,
.km-submit-hint-btn:hover,
.km-submit-hint-btn:focus,
.km-submit-hint-btn:active,
.km-submit-hint-btn span,
.km-submit-hint-btn .km-btn-text,
.km-submit-hint-btn .km-btn-loader,
.km-submit-hint-btn:hover span,
.km-submit-hint-btn:hover .km-btn-text,
.km-submit-hint-btn:hover .km-btn-loader {
    color: #FFFFFF !important;
}

.km-submit-hint-btn:hover {
    background-color: #8A6A3A !important;
    border-color: #8A6A3A !important;
}

.km-success-close-btn:hover,
.km-success-close-btn:focus {
    background-color: #8A6A3A !important;
    color: #FFFFFF !important;
}

/* ── 9. KAMEA Kitchen & Home Solutions Cards Polish ── */
.elementor-element-fe4ba56 .e-con,
.elementor-element-2d653c87 .e-con,
.elementor-element-354e4a49 .e-con {
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.elementor-element-fe4ba56 .e-con:hover,
.elementor-element-2d653c87 .e-con:hover,
.elementor-element-354e4a49 .e-con:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 36px rgba(20, 19, 17, 0.22) !important;
}

.elementor-element-fe4ba56 .e-con:hover a span,
.elementor-element-2d653c87 .e-con:hover a span,
.elementor-element-354e4a49 .e-con:hover a span {
    transform: translateX(4px);
}

.elementor-element-fe4ba56 h3,
.elementor-element-2d653c87 h3,
.elementor-element-354e4a49 h3 {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65) !important;
}

.elementor-element-fe4ba56 p,
.elementor-element-2d653c87 p,
.elementor-element-354e4a49 p {
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55) !important;
}

/* ── 10. KAMEA Boutique Gift Box: Kinetic Pulse & Shimmer Sheen ── */
.km-gift-hint-btn {
    position: relative !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    animation: km-gift-btn-pulse 2.8s ease-in-out infinite !important;
    transition: all 0.3s ease !important;
}

@keyframes km-gift-btn-pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(197, 168, 128, 0);
        border-color: #1A1A18;
        transform: scale(1);
    }
    35% {
        box-shadow: 0 0 0 2px rgba(197, 168, 128, 0.75), 0 4px 20px rgba(197, 168, 128, 0.6);
        border-color: #C5A880;
        transform: scale(1.02);
    }
    70% {
        box-shadow: 0 0 0 0 rgba(197, 168, 128, 0);
        border-color: #1A1A18;
        transform: scale(1);
    }
}

.km-gift-hint-btn::after {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: 0 !important;
    width: 65% !important;
    height: 200% !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.2) 20%,
        rgba(255, 255, 255, 0.95) 50%,
        rgba(235, 210, 150, 0.9) 65%,
        rgba(197, 168, 128, 0.4) 80%,
        transparent 100%
    ) !important;
    transform: translateX(-160%) skewX(-25deg) !important;
    pointer-events: none !important;
    z-index: 3 !important;
    animation: km-gift-sheen-sweep 3.5s cubic-bezier(0.25, 1, 0.35, 1) infinite !important;
}

@keyframes km-gift-sheen-sweep {
    0% {
        transform: translateX(-160%) skewX(-25deg);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    40% {
        transform: translateX(200%) skewX(-25deg);
        opacity: 1;
    }
    41%, 100% {
        transform: translateX(200%) skewX(-25deg);
        opacity: 0;
    }
}

.km-gift-hint-btn.km-shimmer-active {
    animation: km-gift-btn-pulse 2.2s ease-in-out infinite !important;
}
.km-gift-hint-btn.km-shimmer-active::after {
    animation: km-gift-sheen-sweep 2.8s cubic-bezier(0.25, 1, 0.35, 1) infinite !important;
}

/* On hover, trigger instant responsive glint and lift */
.km-boutique-gift-box:hover .km-gift-hint-btn,
.km-gift-hint-btn:hover {
    background: #8A6A3A !important;
    border-color: #8A6A3A !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(138, 106, 58, 0.4) !important;
}

.km-boutique-gift-box:hover .km-gift-hint-btn::after,
.km-gift-hint-btn:hover::after {
    animation: km-gift-sheen-sweep 1.2s ease-in-out 1 forwards !important;
}

/* Also animate the hero trigger under "Купити" in summary */
@keyframes km-hero-gift-wiggle {
    0%, 100% { transform: scale(1); }
    15% { transform: scale(1.18) rotate(-8deg); }
    30% { transform: scale(1.18) rotate(8deg); }
    45% { transform: scale(1.1) rotate(-4deg); }
    60% { transform: scale(1); }
}
.kamea-hero-hint-btn svg {
    display: inline-block !important;
    transform-origin: center center !important;
    animation: km-hero-gift-wiggle 3.5s ease-in-out infinite !important;
}
.kamea-hero-hint-btn:hover svg {
    animation: km-hero-gift-wiggle 0.8s ease-in-out 1 forwards !important;
}

/* Fix header tiny cart dropdown leaking on mobile/scroll */
.shopping-cart-wrapper .cart-dropdown-form.dropdown-container:not(.active) {
    display: none !important;
}

/* ── Homepage Stats Bar (matching /pro-studiyu/ styling) ── */
.elementor-element-999d7d3,
.km-home-stats-bar {
    background: #1A1A18 !important;
    padding: 0 !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
}
.elementor-element-999d7d3 > .e-con,
.km-home-stats-bar > .e-con {
    flex: 1 1 25% !important;
    width: 25% !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-sizing: border-box !important;
}
.elementor-element-999d7d3 > .e-con:last-child,
.km-home-stats-bar > .e-con:last-child {
    border-right: none !important;
}

@media (max-width: 900px) {
    .elementor-element-999d7d3,
    .km-home-stats-bar {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
    .elementor-element-999d7d3 > .e-con,
    .km-home-stats-bar > .e-con {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 36px 16px !important;
    }
    .elementor-element-999d7d3 > .e-con:nth-child(1),
    .elementor-element-999d7d3 > .e-con:nth-child(3),
    .km-home-stats-bar > .e-con:nth-child(1),
    .km-home-stats-bar > .e-con:nth-child(3) {
        border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    .elementor-element-999d7d3 > .e-con:nth-child(2),
    .elementor-element-999d7d3 > .e-con:nth-child(4),
    .km-home-stats-bar > .e-con:nth-child(2),
    .km-home-stats-bar > .e-con:nth-child(4) {
        border-right: none !important;
    }
    .elementor-element-999d7d3 > .e-con:nth-child(1),
    .elementor-element-999d7d3 > .e-con:nth-child(2),
    .km-home-stats-bar > .e-con:nth-child(1),
    .km-home-stats-bar > .e-con:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
}

/* =============================================================
   KAMEA FOOTER REFINEMENTS (Desktop, Tablet, Mobile)
   ============================================================= */

/* 1. Global Footer Styling & Contrast */
.footer-container .elementor-element-514be2f9,
.footer-container .elementor-element-514be2f9 p,
.footer-container .elementor-element-f1626c8,
.footer-container .elementor-element-f1626c8 p {
    color: #D6CEC5 !important; /* High-contrast warm stone grey */
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.footer-container .elementor-element-514be2f9 a {
    color: #D6CEC5 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    transition: color 0.2s ease !important;
}
.footer-container .elementor-element-514be2f9 a:hover {
    color: #C5A880 !important;
    text-decoration: underline !important;
}

.footer-container .elementor-element-211ffaf2 a:hover .elementor-icon-list-text {
    color: #C5A880 !important;
}
.footer-container .elementor-element-463c4c0 a:hover .elementor-icon-list-text {
    color: #FFFFFF !important;
}

.footer-container .elementor-element-a4e96c8 .elementor-heading-title,
.footer-container .elementor-element-b60f8b2 .elementor-heading-title,
.footer-container .elementor-element-fb19927 .elementor-heading-title,
.footer-container .elementor-element-30a5393 .elementor-heading-title {
    color: #A39D95 !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

/* Hover transitions for footer icon-list links */
.footer-container .elementor-icon-list-item a {
    transition: color 0.2s ease, opacity 0.2s ease !important;
}
.footer-container .elementor-icon-list-item a:hover {
    color: #C5A880 !important; /* Gold hover */
}

/* 2. Tablet Viewport (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Unhide Column 1 (Brand Logo & Intro) */
    .footer-container .elementor-element-68e84ae,
    .footer-container .elementor-element-5b9983b {
        display: flex !important;
        width: 25% !important;
    }
    
    .footer-container .elementor-element-d9950d2 {
        width: 23% !important;
    }
    
    .footer-container .elementor-element-89370c6 {
        width: 22% !important;
    }
    
    .footer-container .elementor-element-94d79f2 {
        width: 30% !important;
    }
    
    /* Ensure phone and email do not wrap or clip */
    .footer-container .elementor-element-211ffaf2 .elementor-icon-list-text {
        font-size: 17px !important;
        white-space: nowrap !important;
        letter-spacing: -0.01em !important;
    }
    .footer-container .elementor-element-463c4c0 .elementor-icon-list-text {
        font-size: 13px !important;
        white-space: nowrap !important;
    }
}

/* 3. Mobile Viewport (max-width: 767px) */
@media (max-width: 767px) {
    /* Hide navigation link columns: 'Рішення' and 'Компанія' */
    .footer-container .elementor-element-d9950d2,
    .footer-container .elementor-element-89370c6,
    .footer-container .elementor-element-11d914c {
        display: none !important;
    }

    /* Unhide and display Logo at the top of mobile footer */
    .footer-container .elementor-element-68e84ae {
        display: flex !important;
        width: 100% !important;
        order: 1 !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 24px !important;
    }
    .footer-container .elementor-element-5b9983b {
        display: block !important;
        margin: 0 auto !important;
    }
    .footer-container .elementor-element-5b9983b img {
        margin: 0 auto !important;
        max-width: 160px !important;
    }
    .footer-container .elementor-element-d38d064 {
        display: none !important; /* Hide long text on mobile */
    }
    .footer-container .elementor-element-fb955d4 {
        display: flex !important;
        justify-content: center !important;
        margin-top: 14px !important;
    }

    /* Streamline Contacts Hub */
    .footer-container .elementor-element-94d79f2 {
        width: 100% !important;
        order: 2 !important;
        margin: 0 auto !important;
        text-align: center !important;
        align-items: center !important;
        padding: 0 20px !important;
    }

    .footer-container .elementor-element-94d79f2 .elementor-icon-list-item {
        justify-content: center !important;
    }

    .footer-container .elementor-element-211ffaf2 .elementor-icon-list-text {
        font-size: 22px !important;
        font-weight: 600 !important;
        letter-spacing: 0.02em !important;
        color: #FFFFFF !important;
    }

    .footer-container .elementor-element-463c4c0 .elementor-icon-list-text {
        font-size: 15px !important;
        color: #C5A880 !important; /* Gold accent on mobile email */
        margin-top: 4px !important;
        margin-bottom: 14px !important;
    }

    .footer-container .elementor-element-514be2f9,
    .footer-container .elementor-element-514be2f9 p,
    .footer-container .elementor-element-f1626c8,
    .footer-container .elementor-element-f1626c8 p {
        text-align: center !important;
        color: #D6CEC5 !important;
        font-size: 14px !important;
    }

    .footer-container .elementor-element-f1626c8 {
        margin-top: 6px !important;
        margin-bottom: 10px !important;
    }

    /* Padding of the footer section on mobile */
    .footer-container .elementor-element-7458c49e {
        padding-top: 44px !important;
        padding-bottom: 28px !important;
    }

    /* Bottom copyright and legal links */
    .footer-container .elementor-element-1c95255e {
        margin-top: 28px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding-top: 18px !important;
    }

    .footer-container .elementor-element-ba45a25 {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
    }

    .footer-container .elementor-element-3f21320c p {
        font-size: 12px !important;
        color: #8A847E !important;
        text-align: center !important;
        margin: 0 !important;
    }

    .footer-container .elementor-element-5c772080 ul {
        justify-content: center !important;
        gap: 16px !important;
    }

    .footer-container .elementor-element-5c772080 .elementor-icon-list-text {
        font-size: 12px !important;
        color: #A8A29A !important;
    }
}

/* =============================================================
   KAMEA LEGAL & SERVICE PAGES (Обмін та повернення, Доставка)
   ============================================================= */
.kamea-legal-page {
    max-width: 880px;
    margin: 40px auto 80px;
    padding: 0 24px;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #3C3834;
    font-size: 15px;
    line-height: 1.75;
}

.kamea-legal-header {
    margin-bottom: 40px;
    padding-bottom: 28px;
    border-bottom: 1px solid #E5DFD7;
}

.kamea-legal-badge {
    display: inline-block;
    background: #FAF8F5;
    border: 1px solid #E5DFD7;
    color: #8A6A3A;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.kamea-legal-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #141311 !important;
    margin: 0 0 16px !important;
}

.kamea-legal-intro {
    font-size: 16px;
    color: #635E58;
    line-height: 1.7;
    margin: 0;
}

.kamea-legal-section {
    margin-bottom: 36px;
    background: #FFFFFF;
    border: 1px solid #EFECE6;
    border-radius: 12px;
    padding: 32px 36px;
    box-shadow: 0 4px 16px rgba(20, 19, 17, 0.02);
}

.kamea-legal-section-highlight {
    background: #FAF8F5;
    border: 1px solid #E2DDD5;
}

.kamea-legal-h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 26px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #141311 !important;
    margin: 0 0 18px !important;
    display: flex;
    align-items: center;
    gap: 12px;
}

.kamea-legal-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #141311;
    color: #FFFFFF;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    border-radius: 50%;
    flex-shrink: 0;
}

.kamea-legal-section-highlight .kamea-legal-step {
    background: #8A6A3A;
}

.kamea-legal-section p {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px;
    line-height: 1.75;
    color: #4A453F;
    margin: 0 0 16px;
}

.kamea-legal-section p:last-child {
    margin-bottom: 0;
}

.kamea-legal-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
}

.kamea-legal-list li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px;
    line-height: 1.65;
    color: #4A453F;
}

.kamea-legal-list li::before {
    content: "—";
    position: absolute;
    left: 0;
    top: 0;
    color: #C5A880;
    font-weight: 700;
}

.kamea-legal-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #FAF8F5;
    border-left: 3px solid #C5A880;
    padding: 14px 18px;
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    line-height: 1.6;
    color: #635E58;
}

.kamea-legal-quote {
    background: #FFFFFF;
    border-left: 3px solid #8A6A3A;
    margin: 18px 0;
    padding: 18px 24px;
    font-style: italic;
    font-size: 15px;
    line-height: 1.7;
    color: #3C3834;
    border-radius: 0 8px 8px 0;
}

/* Contact Grid */
.kamea-contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.kamea-contact-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    background: #FAF8F5;
    border: 1px solid #E8E4DC;
    border-radius: 10px;
    text-decoration: none !important;
    color: #3C3834 !important;
    transition: all 0.2s ease;
}

a.kamea-contact-card:hover {
    background: #FFFFFF;
    border-color: #C5A880;
    box-shadow: 0 6px 16px rgba(197, 168, 128, 0.15);
    transform: translateY(-2px);
}

.kamea-contact-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #E2DDD5;
    border-radius: 8px;
    color: #8A6A3A;
    flex-shrink: 0;
}

.kamea-contact-info {
    display: flex;
    flex-direction: column;
}

.kamea-contact-label {
    font-size: 12px;
    color: #8A847E;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.kamea-contact-val {
    font-size: 15px;
    font-weight: 600;
    color: #141311;
}

.kamea-contact-sub {
    font-size: 13px;
    color: #7A746E;
    margin-top: 4px;
}

@media (max-width: 767px) {
    .kamea-legal-page {
        margin: 20px auto 40px;
        padding: 0 16px;
    }
    .kamea-legal-title {
        font-size: 32px !important;
    }
    .kamea-legal-section {
        padding: 24px 20px;
    }
    .kamea-legal-h2 {
        font-size: 22px !important;
    }
    .kamea-contact-grid {
        grid-template-columns: 1fr;
    }
}