/* ==========================================================================
   ADVANCED TOP MENU - WERSJA PREMIUM (LEKKOŚĆ + CZYTELNOŚĆ)
   ========================================================================== */

/* 1. BELKA GŁÓWNA */
#adtm_menu, #adtm_menu_inner, .adtm_menu_container {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

#adtm_menu_inner #menu li.li-niveau1 a.a-niveau1 .advtm_menu_span {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;      /* Delikatnie mniejsza belka wygląda lżej */
    font-weight: 500 !important;      /* Medium jest bardziej eleganckie niż 600 */
    color: #222222 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
}

/* Stan aktywny i Hover na belce */
#adtm_menu .li-niveau1:hover a.a-niveau1 .advtm_menu_span,
#adtm_menu .li-niveau1.active a.a-niveau1 .advtm_menu_span,
#adtm_menu .li-niveau1 a.advtm_menu_actif .advtm_menu_span {
    color: #c9a25d !important;
}

/* 2. SUBMENU - LEKKI CIEŃ I ZAOKRĄGLENIA */
.adtm_sub {
    background: #fdfdfd !important;
  border: none !important;
border-top: 2.5px solid #c9a25d !important;
    border-radius: 0 0 15px 15px !important;
    /* Lżejszy, bardziej rozproszony cień */
    box-shadow: 0 15px 40px rgba(0,0,0,0.07) !important;
    padding: 30px 0px !important;  /* Więcej oddechu wewnątrz */
    margin-top: -1px !important;
    clip-path: inset(-20px -50px -50px -50px) !important;
}

/* 3. ŚRODEK MENU - DROBNIEJSZA I CZYTELNA CZCIONKA */

/* Nagłówki kolumn (np. "Kategorie łóżek") */
.adtm_sub .column_wrap_title a, 
.adtm_sub .adtm_column:first-child a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;      /* Nagłówek wyraźny, ale nie przytłaczający */
    font-weight: 600 !important;      /* Mocniejszy niż linki */
    color: #111111 !important;      /* Głęboka czerń */
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
    padding: 0 0 5px 0 !important;
    display: block !important;
}

/* Linki w submenu - DROBNE I LEKKIE */
.adtm_sub .adtm_column a,
.adtm_column_wrap a,
.adtm_column ul.adtm_elements li a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;      /* DROBNA CZCIONKA - klucz do elegancji */
    font-weight: 400 !important;      /* REGULAR - lekkość */
    color: #666666 !important;      /* Delikatny szary */
    line-height: 1.1 !important;    /* Zwarty układ */
    padding: 4px 0 !important;      /* Mniejsze odstępy pionowe */
    display: block !important;
    transition: all 0.2s ease !important;
}

/* Hover w submenu */
.adtm_sub a:hover,
.adtm_column a:hover {
    color: #c9a25d !important;
    padding-left: 4px !important;   /* Delikatny ruch */
    text-decoration: none !important; /* Usunięcie podkreślenia dla czystości */
}

/* Aktywny element w submenu */
.adtm_sub a.advtm_menu_actif {
    color: #c9a25d !important;
    font-weight: 500 !important;
}

/* 4. ODSTĘPY I PODZIAŁY KOLUMN */
.adtm_column_wrap_td {
    padding: 0 30px !important;     /* Większy odstęp między kolumnami */
    vertical-align: top !important;
}

.adtm_column_wrap_td:last-child {
    border-right: none !important;
}

/* === MOBILE MENU FIX dla StylHampton === */

/* Pokaż elementy menu */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

/* Ukryj toggle button "Menu" */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.advtm_menu_toggle,
#mobile_top_menu_wrapper #adtm_menu ul#menu li.adtm_menu_mobile_mode {
    display: none !important;
}

/* Linki główne */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 > a.a-niveau1 {
    float: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 15px !important;
    border-bottom: 1px solid #eee !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    background: #fff !important;
}

#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 > a.a-niveau1 .advtm_menu_span {
    min-height: auto !important;
    line-height: 1.4 !important;
}

/* Strzałka dla kategorii z submenu */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub > a.a-niveau1::after {
    content: '›';
    font-size: 20px;
    font-weight: bold;
    color: #999;
    transition: transform 0.3s ease;
    margin-left: 10px;
}

#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub.menu-open > a.a-niveau1::after {
    transform: rotate(90deg);
    color: #333;
}

/* Submenu - UKRYTE domyślnie */
#mobile_top_menu_wrapper #adtm_menu ul#menu li div.adtm_sub {
    display: none;
    position: static !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    clip-path: none !important;
    background: #f9f9f9 !important;
}

/* Pokaż submenu gdy menu-open */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.menu-open div.adtm_sub {
    display: block !important;
}

/* Reset dla tabel w submenu */
#mobile_top_menu_wrapper #adtm_menu table.columnWrapTable {
    display: block !important;
    width: 100% !important;
    table-layout: auto !important;
}

#mobile_top_menu_wrapper #adtm_menu table.columnWrapTable tbody,
#mobile_top_menu_wrapper #adtm_menu table.columnWrapTable tr,
#mobile_top_menu_wrapper #adtm_menu table.columnWrapTable td {
    display: block !important;
    width: 100% !important;
}

/* Kolumny submenu */
#mobile_top_menu_wrapper #adtm_menu .adtm_column_wrap {
    padding: 10px 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#mobile_top_menu_wrapper #adtm_menu .adtm_column {
    padding: 0 !important;
    margin: 0 !important;
}

/* Linki w submenu */
#mobile_top_menu_wrapper #adtm_menu .adtm_column .column_wrap_title a,
#mobile_top_menu_wrapper #adtm_menu .adtm_column a {
    display: block !important;
    padding: 10px 20px !important;
    color: #333 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #eaeaea !important;
}

#mobile_top_menu_wrapper #adtm_menu .adtm_column .column_wrap_title a:hover,
#mobile_top_menu_wrapper #adtm_menu .adtm_column a:hover {
    background: #f0f0f0 !important;
    color: #000 !important;
}

/* Ukryj sizer */
#mobile_top_menu_wrapper #adtm_menu .adtm_column_wrap_sizer {
    display: none !important;
}

/* Reset stylów głównego kontenera */
#mobile_top_menu_wrapper #adtm_menu,
#mobile_top_menu_wrapper #adtm_menu_inner {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Separatory między kolumnami */
#mobile_top_menu_wrapper #adtm_menu .adtm_column_wrap_td {
    border: none !important;
    padding: 0 !important;
}

/* Nagłówki grup (p tagi: "Według funkcji", "Według stylu" itd.) */
.adtm_sub .adtm_column_wrap > p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    color: #c9a25d !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 10px 0 !important;
    border-bottom: 1px solid #f0ebe0 !important;
    line-height: 1.3 !important;
}
/* Odstęp przed drugą grupą (np. "Według materiału" pod "Według funkcji") */
.adtm_sub .adtm_column_wrap > p ~ p {
    margin-top: 22px !important;
}

/* ==========================================================================
   MOBILE MENU - STYL PREMIUM (zgodny z głównym menu)
   ========================================================================== */

/* Reset kontenera */
#mobile_top_menu_wrapper #adtm_menu,
#mobile_top_menu_wrapper #adtm_menu_inner {
    background: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pokaż elementy menu */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    border-bottom: 1px solid #f2f2f2 !important;
}

/* Ukryj toggle button "Menu" */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.advtm_menu_toggle,
#mobile_top_menu_wrapper #adtm_menu ul#menu li.adtm_menu_mobile_mode {
    display: none !important;
}

/* === LINKI GŁÓWNE (poziom 1) === */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 > a.a-niveau1 {
    float: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 14px 15px !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    background: #ffffff !important;
    border: none !important;
}

#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 > a.a-niveau1 .advtm_menu_span {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #222222 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

/* Hover na głównych linkach */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 > a.a-niveau1:hover .advtm_menu_span,
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.menu-open > a.a-niveau1 .advtm_menu_span {
    color: #c9a25d !important;
}

/* === STRZAŁKA dla kategorii z submenu === */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub > a.a-niveau1::after {
    content: '+';
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    color: #999999;
    transition: all 0.3s ease;
    margin-left: 10px;
}


/* === SUBMENU === */
#mobile_top_menu_wrapper #adtm_menu ul#menu li div.adtm_sub {
    display: none;
    position: static !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    padding: 10px 0 15px 0 !important;
    clip-path: none !important;
    background: #fafafa !important;
    border-top: 1px solid #f2f2f2 !important;
}

#mobile_top_menu_wrapper #adtm_menu ul#menu li.menu-open div.adtm_sub {
    display: block !important;
}

/* Reset tabel w submenu */
#mobile_top_menu_wrapper #adtm_menu table.columnWrapTable {
    display: block !important;
    width: 100% !important;
    table-layout: auto !important;
}

#mobile_top_menu_wrapper #adtm_menu table.columnWrapTable tbody,
#mobile_top_menu_wrapper #adtm_menu table.columnWrapTable tr,
#mobile_top_menu_wrapper #adtm_menu table.columnWrapTable td {
    display: block !important;
    width: 100% !important;
}

/* Kolumny submenu */
#mobile_top_menu_wrapper #adtm_menu .adtm_column_wrap {
    padding: 5px 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#mobile_top_menu_wrapper #adtm_menu .adtm_column_wrap_td {
    border: none !important;
    padding: 0 !important;
}

#mobile_top_menu_wrapper #adtm_menu .adtm_column {
    padding: 0 !important;
    margin: 0 !important;
}

/* Ukryj sizer */
#mobile_top_menu_wrapper #adtm_menu .adtm_column_wrap_sizer {
    display: none !important;
}

/* === NAGŁÓWKI KOLUMN w submenu === */
#mobile_top_menu_wrapper #adtm_menu .adtm_column .column_wrap_title a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    padding: 10px 20px 6px 20px !important;
    margin: 0 !important;
    display: block !important;
    border: none !important;
    background: transparent !important;
}

/* === LINKI W SUBMENU === */
#mobile_top_menu_wrapper #adtm_menu .adtm_sub a,
#mobile_top_menu_wrapper #adtm_menu .adtm_column a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #666666 !important;
    padding: 8px 20px !important;
    display: block !important;
    border: none !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}

#mobile_top_menu_wrapper #adtm_menu .adtm_sub a:hover,
#mobile_top_menu_wrapper #adtm_menu .adtm_column a:hover {
    color: #c9a25d !important;
    padding-left: 24px !important;
    background: transparent !important;
}

/* === MODAL STYLING === */
#mobile_top_menu_wrapper .modal-content {
    border-radius: 0 !important;
    border: none !important;
}

#mobile_top_menu_wrapper .modal-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f2f2f2 !important;
    padding: 15px 20px !important;
}

#mobile_top_menu_wrapper .modal-header .modal-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
}

#mobile_top_menu_wrapper .modal-header .close {
    font-size: 28px !important;
    font-weight: 300 !important;
    color: #999999 !important;
    opacity: 1 !important;
}

#mobile_top_menu_wrapper .modal-header .close:hover {
    color: #c9a25d !important;
}

#mobile_top_menu_wrapper .modal-body {
    padding: 0 !important;
    background: #ffffff !important;
}
/* === STRZAŁKA dla kategorii z submenu === */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub > a.a-niveau1::after {
    content: '\203A' !important; /* › */
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    transition: transform 0.3s ease, color 0.3s ease !important;
    margin-left: 10px !important;
    display: inline-block !important;
    line-height: 1 !important;
}

#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub.menu-open > a.a-niveau1::after {
    content: '\203A' !important; /* ta sama strzałka, tylko obrócona */
    transform: rotate(90deg) !important;
    color: #c9a25d !important;
}
/* ==========================================================================
   DOPRACOWANIE NAGŁÓWKA MENU MOBILNEGO (MODAL HEADER)
   ========================================================================== */

/* 1. KONTENER NAGŁÓWKA - Większa elegancja i czystość */
#mobile_top_menu_wrapper .modal-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f5f5f5 !important; /* Bardziej subtelna linia */
    padding: 20px 25px !important; /* Większe marginesy wewnętrzne */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* 2. TYTUŁ "MENU" - Stylistyka premium */
#mobile_top_menu_wrapper .modal-header .modal-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important; /* Mniejszy, bardziej luksusowy rozmiar */
    font-weight: 600 !important;
    color: #222222 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important; /* Większy odstęp między literami */
    margin: 0 !important;
    flex-grow: 1 !important;
    text-align: center !important; /* Wyśrodkowanie napisu dla balansu */
}

/* 3. PRZYCISK ZAMKNIĘCIA (X) - Lżejszy wygląd */
#mobile_top_menu_wrapper .modal-header .close {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    font-weight: 300 !important; /* Bardzo cienki znak X */
    color: #aaaaaa !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    transition: color 0.3s ease !important;
}

#mobile_top_menu_wrapper .modal-header .close:hover {
    color: #c9a25d !important; /* Twój złoty kolor na hover */
}

/* 4. DOPASOWANIE STRZAŁEK W MENU MOBILNYM (Aby nie wystawały) */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 > a.a-niveau1 {
    padding: 16px 20px !important; /* Większy obszar klikalny */
    border-bottom: 1px solid #f9f9f9 !important;
}

/* Stylizacja ikonki '+' lub '>' w głównej liście */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub > a.a-niveau1::after {
    font-weight: 300 !important;
    color: #d1d1d1 !important;
    font-size: 16px !important;
}
/* 5. ODSTĘPY KOLUMN W SUBMENU - nadpisanie domyślnych stylów modułu */
#adtm_menu .adtm_column {
    padding: 0 0 0 0 !important;      /* Dostosuj według potrzeb */
    margin: 0 2px 2px 2px !important;  /* Większy margines poziomy = więcej przestrzeni */
}

/* ==========================================================================
   MOBILE MENU - OSTATECZNA NAPRAWA PODWÓJNYCH LINII
   Usuń poprzednie poprawki mobilne i wklej tylko to!
   ========================================================================== */

/* 1. CAŁKOWITY RESET SYSTEMOWYCH RAMEK MODUŁU */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 > a.a-niveau1,
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub > a.a-niveau1,
#mobile_top_menu_wrapper #adtm_menu .adtm_sub a,
#mobile_top_menu_wrapper #adtm_menu .adtm_column a {
    border: none !important;        /* Usuwa podwójne linie */
    text-decoration: none !important; /* Usuwa standardowe podkreślenia */
    outline: none !important;
    box-shadow: none !important;
}

/* 2. LINIA ODDZIELAJĄCA WIERSZE (Subtelna szara) */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 {
    border-bottom: 1px solid #f2f2f2 !important; /* Jedna czysta linia między kategoriami */
}

/* 3. AKCENT DLA AKTYWNEJ KATEGORII (Twoja złota linia) */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.menu-open > a.a-niveau1 .advtm_menu_span,
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.active > a.a-niveau1 .advtm_menu_span,
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 a.advtm_menu_actif .advtm_menu_span {
    color: #c9a25d !important;
    display: inline-block !important;
    border-bottom: 2px solid #c9a25d !important; /* Złota linia tylko pod tekstem */
    padding-bottom: 2px !important;
}

/* 4. POZYCJONOWANIE ELEMENTÓW (Tekst po lewej, strzałka po prawej) */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1 > a.a-niveau1 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 20px !important;
    background: #ffffff !important;
}

/* 5. STYLIZACJA STRZAŁEK */
#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub > a.a-niveau1::after {
    content: '\203A' !important; /* › */
    font-size: 22px !important;
    color: #cccccc !important;
    transition: transform 0.3s ease !important;
}

#mobile_top_menu_wrapper #adtm_menu ul#menu li.li-niveau1.sub.menu-open > a.a-niveau1::after {
    transform: rotate(90deg) !important;
    color: #c9a25d !important;
}

/* 6. AKTYWNY LINK W SUBMENU (Z lewej strony) */
#mobile_top_menu_wrapper #adtm_menu .adtm_sub a.advtm_menu_actif {
    color: #c9a25d !important;
    font-weight: 600 !important;
    border-left: 3px solid #c9a25d !important;
    padding-left: 20px !important;
}
/* ==========================================================================
   POPRAWA HIERARCHII: WYMUSZONE WCIĘCIE DLA column_wrap_title
   ========================================================================== */

/* 1. WYMUSZENIE WCIĘCIA DLA LINKÓW (nawet tych w tytułach kolumn) */
#mobile_top_menu_wrapper #adtm_menu .adtm_column .column_wrap_title a,
#mobile_top_menu_wrapper #adtm_menu .adtm_column a {
    padding-left: 40px !important; /* Wyraźne przesunięcie w prawo */
    position: relative !important;
    display: block !important;
}

/* 2. DODANIE KROPEK DLA TYCH LINKÓW */
#mobile_top_menu_wrapper #adtm_menu .adtm_column .column_wrap_title a::before,
#mobile_top_menu_wrapper #adtm_menu .adtm_column a::before {
    content: '' !important;
    position: absolute !important;
    left: 20px !important; /* Kropka idealnie w połowie wcięcia */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 5px !important;
    height: 5px !important;
    background-color: #d1d1d1 !important;
    border-radius: 50% !important;
    display: block !important;
}

/* 3. ZŁOTA KROPKA DLA AKTYWNEJ PODKATEGORII */
#mobile_top_menu_wrapper #adtm_menu .adtm_sub a.advtm_menu_actif::before,
#mobile_top_menu_wrapper #adtm_menu .adtm_column a:hover::before {
    background-color: #c9a25d !important;
}

/* 4. CZYSZCZENIE MARGINESÓW (Aby lista była zwarta) */
#mobile_top_menu_wrapper #adtm_menu .column_wrap_title {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
/* ==========================================================================
   NAPRAWA HOVER I AKTYWNOŚCI - GŁÓWNA BELKA PC (WERSJA SZYBKA)
   ========================================================================== */

/* 1. ZMIANA KOLORU TEKSTU NA ZŁOTY */
#adtm_menu_inner #menu li.li-niveau1:hover a.a-niveau1 .advtm_menu_span,
#adtm_menu_inner #menu li.li-niveau1.active a.a-niveau1 .advtm_menu_span,
#adtm_menu_inner #menu li.li-niveau1 a.advtm_menu_actif .advtm_menu_span {
    color: #c9a25d !important;
    transition: color 0.15s ease-in-out !important; /* Przyspieszona zmiana koloru */
}

/* 2. ZŁOTE PODKREŚLENIE - BLIŻEJ TEKSTU I SZYBSZE */
#adtm_menu_inner #menu li.li-niveau1 a.a-niveau1 .advtm_menu_span {
    position: relative !important;
    display: inline-block !important;
}

#adtm_menu_inner #menu li.li-niveau1 a.a-niveau1 .advtm_menu_span::after {
    content: '' !important;
    position: absolute !important;
    width: 0;
    height: 2px !important;
    /* PRZYBLIŻENIE PASKA: zmieniono z -4px na -1px */
    bottom: -1px !important; 
    left: 0 !important;
    background-color: #c9a25d !important;
    /* SZYBSZA ANIMACJA: zmieniono z 0.3s na 0.15s */
    transition: width 0.15s ease-in-out !important; 
}

/* Aktywacja podkreślenia */
#adtm_menu_inner #menu li.li-niveau1:hover a.a-niveau1 .advtm_menu_span::after,
#adtm_menu_inner #menu li.li-niveau1.active a.a-niveau1 .advtm_menu_span::after,
#adtm_menu_inner #menu li.li-niveau1 a.advtm_menu_actif .advtm_menu_span::after {
    width: 100% !important;
}

/* ══════════════════════════════════════
   SOFY24 — CTA SIDEBAR STYLE
   Dodaj do CSS menu
   ══════════════════════════════════════ */

.atm-cta-sidebar {
    padding: 0;
}

/* ── KONTAKT ── */
/* ── KONTAKT ── */
.adtm_sub .atm-cta-kontakt {
    background: #f9f6f0 !important;
    border-radius: 10px !important;
    padding: 18px 14px 14px !important;
    text-align: center !important;
    margin-bottom: 14px !important;
    border: none !important;
}

.adtm_sub .atm-cta-icon-wrap {
    width: 44px !important;
    height: 44px !important;
    margin: 0 auto 10px !important;
    background: #c9a25d !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.adtm_sub .atm-cta-icon-wrap .fa {
    color: #fff !important;
    font-size: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.adtm_sub .atm-cta-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #3a352e !important;
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}

.adtm_sub .atm-cta-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #8a8070 !important;
    line-height: 1.35 !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
}

.adtm_sub a.atm-cta-phone-btn {
    display: inline-block !important;
    background: #c9a25d !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 9px 26px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
    line-height: 1.3 !important;
}

.adtm_sub a.atm-cta-phone-btn:hover {
    background: #b8913a !important;
    color: #fff !important;
    padding-left: 26px !important;
    text-decoration: none !important;
}

.adtm_sub .atm-cta-hours {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    color: #a09888 !important;
    margin-top: 10px !important;
    padding-top: 8px !important;
    border-top: 1px solid #ece6da !important;
    font-weight: 400 !important;
}

/* ── UKRYJ NA MOBILE ── */
@media (max-width: 991px) {
    .atm-cta-sidebar {
        display: none !important;
    }
}
/* ── RAMKA POPULARNE (dopasowane do struktury ATM) ── */

/* Ukryj sizer w kolumnie z sidebarem */
.atm-cta-sidebar ~ .adtm_column_wrap_sizer {
    display: none !important;
}

/* Nagłówek "POPULARNE KATEGORIE" */
.adtm_sub .atm-cta-sidebar ~ p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #c9a25d !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border: 1px solid #ece6da !important;
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 12px 14px 8px !important;
    margin: 0 !important;
    background: #fff !important;
    line-height: 1.3 !important;
}

/* Linki w ramce */
.adtm_sub .atm-cta-sidebar ~ .adtm_column {
    border-left: 1px solid #ece6da !important;
    border-right: 1px solid #ece6da !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 0 14px !important;
    margin: 0 !important;
    background: #fff !important;
}
#adtm_menu .adtm_sub .atm-cta-sidebar ~ .adtm_column {
    margin: 0 !important;
}
/* Ostatni link — zamknięcie ramki */
.adtm_sub .atm-cta-sidebar ~ .adtm_column:last-child {
    border-bottom: 1px solid #ece6da !important;
    border-radius: 0 0 10px 10px !important;
    padding-bottom: 12px !important;
}

/* Fix stylu linków w ramce */
.adtm_sub .atm-cta-sidebar ~ .adtm_column .column_wrap_title a {
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #6b6358 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border: none !important;
    padding: 5.5px 0 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.adtm_sub .atm-cta-sidebar ~ .adtm_column .column_wrap_title a:hover {
    color: #c9a25d !important;
    padding-left: 4px !important;
}
#adtm_menu .adtm_sub .atm-cta-sidebar ~ .adtm_column .column_wrap_title a {
    padding-left: 10px !important;
}

#adtm_menu .adtm_sub .atm-cta-sidebar ~ .adtm_column .column_wrap_title a:hover {
    padding-left: 14px !important;
}
@media (max-width: 991px) {
    .adtm_sub .adtm_column_wrap > p {
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
        text-transform: none !important;
        color: #111111 !important;
        border-bottom: none !important;
        margin: 0 !important;
        padding: 12px 20px 4px !important;
        background: transparent !important;
    }
}
@media (max-width: 991px) {
    .adtm_sub .adtm_column_wrap > p ~ p {
        margin-top: 8px !important;
    }
}
.adtm_sub .atm-cta-column {
    border-left: 1px solid #ece6da !important;
    border-right: none !important;
    padding-left: 24px !important;
}
@media (max-width: 991px) {
    .adtm_sub .atm-cta-column {
        border-left: none !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 991px) {
    .atm-cta-wrap {
        display: none !important;
    }
}
/* Złoty pasek */
#adtm_menu .advtm_menu_4 div.adtm_sub,
#adtm_menu .advtm_menu_3 div.adtm_sub,
#adtm_menu .advtm_menu_5 div.adtm_sub,
#adtm_menu .advtm_menu_11 div.adtm_sub,
#adtm_menu .advtm_menu_12 div.adtm_sub,
#adtm_menu .advtm_menu_6 div.adtm_sub {
    border-top: 2.5px solid #c9a25d !important;
}
/* Łóżka — szersza submenu żeby pomieścić 5 kolumn */
#adtm_menu .advtm_menu_4 div.adtm_sub {
    border-top: 2.5px solid #c9a25d !important;
    width: 110% !important;
    left: -5% !important;
}