/* ===================================================
   MOBILE MENU - KOMPLEKSOWA NAPRAWA FULL SCREEN
   Plik nadpisuje wszystkie poprzednie style menu mobilnego
   =================================================== */

/* ========================================
   STAN ZAMKNIĘTEGO MENU - TYLKO GÓRNY PASEK
   ======================================== */
@media screen and (max-width: 992px) {
  
  /* Nawigacja główna - stan domyślny */
  .main-navigation {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background-color: #ffffff !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  /* Gdy jest promo-navigation - tło transparent bo top-promo ma niebieski kolor */
  .main-navigation.promo-navigation {
    background-color: transparent !important;
    background: transparent !important;
  }
  
  /* ========================================
     FIX: Usunięcie "narożnika" między top-promo a menu
     ======================================== */
  
  /* Promo navigation - nawigacja z paskiem promocyjnym */
  .promo-navigation {
    background-color: transparent !important;
  }
  
  /* Top promo bar - niebieski pasek "JESTEŚ FRYZJEREM?" */
  .promo-navigation .top-promo,
  .main-navigation .top-promo {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0.6em 1em !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.5em !important;
    background: #1C5EA8 !important;
    border: none !important;
    border-radius: 0 !important;
    position: relative !important;
    z-index: 100001 !important;
    flex-shrink: 0 !important;
    line-height: 1.4 !important;
  }
  
  /* Usuń wszelkie pseudo-elementy które mogą powodować narożnik */
  .promo-navigation .top-promo::before,
  .promo-navigation .top-promo::after,
  .main-navigation .top-promo::before,
  .main-navigation .top-promo::after {
    display: none !important;
    content: none !important;
  }
  
  /* Top promo items - tekst w pasku */
  .promo-navigation .top-promo .top-promo-item,
  .main-navigation .top-promo .top-promo-item {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    color: #ffffff !important;
  }
  
  /* Górny pasek z logo, ikonami i hamburgerem - zawsze widoczny */
  .main-navigation .page-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0.5em 1em !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative !important;
    z-index: 100002 !important;
    min-height: 60px;
    box-sizing: border-box;
    flex-shrink: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border: none !important;
  }
  
  /* Usuń wszelkie pseudo-elementy z page-menu */
  .main-navigation .page-menu::before,
  .main-navigation .page-menu::after {
    display: none !important;
    content: none !important;
  }
  
  /* Logo - po lewej stronie */
  .main-navigation .page-menu .site-branding {
    order: 1 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }
  
  /* Logo większe na mobile */
  .main-navigation .page-menu .site-branding .custom-logo-link img,
  .main-navigation .page-menu .site-branding img.custom-logo {
    max-width: 110px !important;
    width: 110px !important;
    height: auto !important;
  }
  
  /* Ikony nawigacji - w środku/po prawej */
  .main-navigation .page-menu .shop-nav-wrapper {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5em !important;
    margin-left: auto !important;
    margin-right: 0.5em !important;
  }
  
  /* Przycisk hamburger - po prawej stronie */
  .main-navigation .page-menu .menu-toggle {
    order: 3 !important;
    background: transparent !important;
    border: none !important;
    padding: 0.5em !important;
    margin: 0 !important;
    cursor: pointer !important;
    z-index: 100003 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
  }
  
  /* NOWY kontener menu mobilnego - UKRYTY domyślnie */
  .main-navigation .mobile-menu-container {
    display: none !important;
    visibility: hidden !important;
    width: 100% !important;
    background-color: #ffffff !important;
  }
  
  /* Nowa struktura menu mobilnego */
  .mobile-nav-menu {
    width: 100%;
  }
  
  .mobile-menu-list {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1.5em 0 0 0 !important;
    list-style: none !important;
  }
  
  .mobile-menu-item {
    width: 100% !important;
    display: block !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .mobile-menu-item:last-child {
    border-bottom: none !important;
  }
  
  .mobile-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 1em 1.5em !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    position: relative !important;
  }
  
  /* Tekst i strzałka w Oferta */
  .mobile-menu-link span:first-child {
    display: inline !important;
  }
  
  .mobile-menu-link:hover {
    color: #1C5EA8 !important;
  }
  
  /* Strzałka rozwijania - CSS arrow */
  .mobile-menu-arrow {
    display: inline-block !important;
    margin-left: 8px !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
    transition: transform 0.3s ease !important;
    opacity: 0.6 !important;
    position: relative !important;
    top: -2px !important;
  }
  
  .mobile-menu-expandable:hover .mobile-menu-arrow {
    opacity: 1 !important;
  }
  
  .mobile-menu-expandable.expanded .mobile-menu-arrow {
    transform: rotate(-135deg) !important;
    top: 2px !important;
    opacity: 1 !important;
  }
  
  /* Aktywna zakładka - delikatne podkreślenie */
  .mobile-menu-item.active > a,
  .mobile-menu-item.active > .mobile-menu-link,
  .mobile-menu-item.current-menu-item > a,
  .mobile-menu-expandable.active > .mobile-menu-link {
    color: #1C5EA8 !important;
  }
  
  .mobile-menu-item.active > a::after,
  .mobile-menu-item.active > .mobile-menu-link::after,
  .mobile-menu-item.current-menu-item > a::after,
  .mobile-menu-expandable.active > .mobile-menu-link::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0.3em !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 30% !important;
    max-width: 80px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #1C5EA8, transparent) !important;
  }
  
  /* Submenu - ukryte domyślnie */
  .mobile-submenu {
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background-color: #f8f9fa !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease, padding 0.3s ease !important;
  }
  
  /* Submenu widoczne gdy rozwinięte */
  .mobile-menu-expandable.expanded .mobile-submenu {
    display: block !important;
    max-height: 500px !important;
    padding: 0.5em 0 !important;
  }
  
  .mobile-submenu-item {
    width: 100% !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }
  
  .mobile-submenu-item:last-child {
    border-bottom: none !important;
  }
  
  .mobile-submenu-item a {
    display: block !important;
    padding: 0.8em 2em !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
  }
  
  .mobile-submenu-item a:hover {
    color: #1C5EA8 !important;
    background-color: #eef3f8 !important;
  }
  
  /* Stary kontener menu - UKRYTY na mobilnych */
  .main-navigation .menu-menu-1-container,
  .main-navigation .menu-menu-2-container {
    display: none !important;
    visibility: hidden !important;
  }
  
  /* Shop menu - ukryj na mobilnych */
  .main-navigation .shop-menu {
    display: none !important;
  }

  /* ========================================
     STAN OTWARTEGO MENU - PEŁNY EKRAN
     ======================================== */
  
  /* Nawigacja otwarta - pełny ekran */
  .main-navigation.toggled {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background-color: #ffffff !important;
    z-index: 999999 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }
  
  /* Górny pasek w stanie otwartym - na górze */
  .main-navigation.toggled .page-menu {
    position: relative !important;
    top: 0 !important;
    flex-shrink: 0 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    z-index: 10 !important;
  }
  
  /* NOWY kontener menu - WIDOCZNY gdy toggled */
  .main-navigation.toggled .mobile-menu-container {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    background-color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Kontener menu wewnątrz mobile-menu-container */
  .main-navigation.toggled .mobile-menu-container .menu-menu-1-container,
  .main-navigation.toggled .mobile-menu-container .menu-menu-2-container {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    background-color: #ffffff !important;
    transform: none !important;
    opacity: 1 !important;
    left: 0 !important;
    top: 0 !important;
  }
  
  /* Lista menu główna */
  .main-navigation.toggled .mobile-menu-container ul.menu {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1.5em 0 0 0 !important; /* Większy odstęp od góry */
    list-style: none !important;
  }
  
  /* Elementy listy menu */
  .main-navigation.toggled .mobile-menu-container ul.menu > li {
    width: 100% !important;
    display: block !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Ostatni element bez bordera */
  .main-navigation.toggled .mobile-menu-container ul.menu > li:last-child {
    border-bottom: none !important;
  }
  
  /* Linki w menu */
  .main-navigation.toggled .mobile-menu-container ul.menu > li > a {
    display: block !important;
    width: 100% !important;
    padding: 1em 1.5em !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-decoration: none !important;
    text-align: center !important; /* Wyśrodkowanie tekstu */
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    position: relative !important;
  }
  
  /* Hover i active state dla linków */
  .main-navigation.toggled .mobile-menu-container ul.menu > li > a:hover,
  .main-navigation.toggled .mobile-menu-container ul.menu > li > a:focus {
    background-color: transparent !important;
    color: #1C5EA8 !important;
  }
  
  /* Aktywna strona w menu - delikatne podkreślenie */
  .main-navigation.toggled .mobile-menu-container ul.menu > li.current-menu-item > a,
  .main-navigation.toggled .mobile-menu-container ul.menu > li.current_page_item > a {
    color: #1C5EA8 !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    border-left: none !important;
  }
  
  .main-navigation.toggled .mobile-menu-container ul.menu > li.current-menu-item > a::after,
  .main-navigation.toggled .mobile-menu-container ul.menu > li.current_page_item > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0.5em !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 40% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #1C5EA8, transparent) !important;
  }
  
  /* Submenu */
  .main-navigation.toggled .mobile-menu-container ul.sub-menu {
    display: block !important;
    position: static !important;
    width: 100% !important;
    background-color: #f8f9fa !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    left: 0 !important;
  }
  
  .main-navigation.toggled .mobile-menu-container ul.sub-menu li {
    width: 100% !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }
  
  .main-navigation.toggled .mobile-menu-container ul.sub-menu li:last-child {
    border-bottom: none !important;
  }
  
  .main-navigation.toggled .mobile-menu-container ul.sub-menu li a {
    padding: 1em 1.5em 1em 2.5em !important;
    font-size: 14px !important;
    color: #555555 !important;
  }
  
  /* Ukryj promocję gdy menu jest otwarte */
  .main-navigation.toggled .top-promo {
    display: none !important;
  }
  
  /* Blokuj scrollowanie body */
  body.mobile-menu-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
  }
  
  /* Hamburger icon sizing */
  .menu-toggle .ham {
    width: 35px !important;
    height: 35px !important;
  }
  
  /* Ikony w shop-nav-wrapper */
  .main-navigation .shop-nav-wrapper .v-icon-box {
    min-width: 45px !important;
    min-height: 45px !important;
  }
  
  .main-navigation .shop-nav-wrapper .v-icon-box svg {
    width: 22px !important;
    height: 22px !important;
  }
  
  .main-navigation .shop-nav-wrapper .v-label {
    font-size: 9px !important;
  }
}

/* ========================================
   ANIMACJE MENU
   ======================================== */
@media screen and (max-width: 992px) {
  
  .main-navigation.toggled .mobile-menu-container {
    animation: slideInMenu 0.3s ease-out forwards;
  }
  
  @keyframes slideInMenu {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Animacje dla nowej struktury menu */
  .main-navigation.toggled .mobile-menu-item {
    animation: fadeInItem 0.4s ease-out forwards;
    opacity: 0;
  }
  
  .main-navigation.toggled .mobile-menu-item:nth-child(1) { animation-delay: 0.05s; }
  .main-navigation.toggled .mobile-menu-item:nth-child(2) { animation-delay: 0.1s; }
  .main-navigation.toggled .mobile-menu-item:nth-child(3) { animation-delay: 0.15s; }
  .main-navigation.toggled .mobile-menu-item:nth-child(4) { animation-delay: 0.2s; }
  .main-navigation.toggled .mobile-menu-item:nth-child(5) { animation-delay: 0.25s; }
  .main-navigation.toggled .mobile-menu-item:nth-child(6) { animation-delay: 0.3s; }
  .main-navigation.toggled .mobile-menu-item:nth-child(7) { animation-delay: 0.35s; }
  .main-navigation.toggled .mobile-menu-item:nth-child(8) { animation-delay: 0.4s; }
  
  @keyframes fadeInItem {
    from {
      opacity: 0;
      transform: translateX(-20px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
}

/* ========================================
   MAŁE EKRANY
   ======================================== */
@media screen and (max-width: 576px) {
  
  .main-navigation .page-menu {
    padding: 0.5em 0.75em !important;
  }
  
  .main-navigation .page-menu .shop-nav-wrapper {
    gap: 0.25em !important;
  }
  
  .main-navigation .shop-nav-wrapper .v-icon-box {
    min-width: 40px !important;
    padding: 0 5px !important;
  }
  
  .main-navigation .shop-nav-wrapper .v-icon-box svg {
    width: 20px !important;
    height: 20px !important;
  }
  
  .main-navigation.toggled .mobile-menu-container ul.menu > li > a {
    font-size: 15px !important;
    padding: 1em 1.25em !important;
  }
}

/* ========================================
   DESKTOP - ukryj mobile-menu-container, pokaż desktop-menu
   ======================================== */
@media screen and (min-width: 993px) {
  .main-navigation .mobile-menu-container {
    display: none !important;
  }
  
  /* Desktop menu - zachowaj oryginalne style jak menu-menu-1-container */
  .main-navigation .desktop-menu-container {
    display: flex !important;
    visibility: visible !important;
    justify-content: space-around !important;
    text-align: center !important;
    width: 65% !important;
    transition: transform 0.2s linear, opacity 0.2s ease-in-out !important;
  }
  
  .main-navigation .desktop-menu-container ul.menu {
    width: 100% !important;
    display: flex !important;
    justify-content: space-around !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .main-navigation .desktop-menu-container ul.menu > li {
    position: relative !important;
  }
  
  .main-navigation .desktop-menu-container ul.menu > li > a {
    display: block !important;
    padding: 0.5em 1em !important;
    text-decoration: none !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #333333 !important;
    transition: color 0.3s ease !important;
  }
  
  .main-navigation .desktop-menu-container ul.menu > li > a:hover {
    color: #1C5EA8 !important;
  }
  
  /* Hover podkreślenie - animowane */
  .main-navigation .desktop-menu-container ul.menu > li > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #1C5EA8, transparent) !important;
    transition: width 0.3s ease !important;
  }
  
  .main-navigation .desktop-menu-container ul.menu > li > a:hover::after {
    width: 80% !important;
  }
  
  /* Aktywny element menu */
  .main-navigation .desktop-menu-container ul.menu > li.current-menu-item > a,
  .main-navigation .desktop-menu-container ul.menu > li.current_page_item > a,
  .main-navigation .desktop-menu-container ul.menu > li.current-menu-ancestor > a,
  .main-navigation .desktop-menu-container ul.menu > li.current-menu-parent > a {
    color: #1C5EA8 !important;
    font-weight: 700 !important;
    position: relative !important;
  }
  
  /* Podkreślenie aktywnego elementu */
  .main-navigation .desktop-menu-container ul.menu > li.current-menu-item > a::after,
  .main-navigation .desktop-menu-container ul.menu > li.current_page_item > a::after,
  .main-navigation .desktop-menu-container ul.menu > li.current-menu-ancestor > a::after,
  .main-navigation .desktop-menu-container ul.menu > li.current-menu-parent > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #1C5EA8, transparent) !important;
  }
  
  /* Fixed-nav - aktywny element na biało */
  .fixed-nav .desktop-menu-container ul.menu > li.current-menu-item > a,
  .fixed-nav .desktop-menu-container ul.menu > li.current_page_item > a,
  .fixed-nav .desktop-menu-container ul.menu > li.current-menu-ancestor > a {
    color: #ffffff !important;
  }
  
  .fixed-nav .desktop-menu-container ul.menu > li.current-menu-item > a::after,
  .fixed-nav .desktop-menu-container ul.menu > li.current_page_item > a::after,
  .fixed-nav .desktop-menu-container ul.menu > li.current-menu-ancestor > a::after {
    background-color: #ffffff !important;
  }

  /* Submenu dla desktop */
  .main-navigation .desktop-menu-container ul.sub-menu {
    position: absolute !important;
    left: -999em !important;
    top: 100% !important;
    background-color: #fff !important;
    min-width: 100% !important;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2) !important;
    z-index: 201 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .main-navigation .desktop-menu-container ul.menu > li:hover > ul.sub-menu {
    left: 0 !important;
  }
  
  .main-navigation .desktop-menu-container ul.sub-menu li {
    width: 100% !important;
  }
  
  .main-navigation .desktop-menu-container ul.sub-menu li a {
    display: block !important;
    padding: 0.9em 2em !important;
    font-size: 12px !important;
    color: #333 !important;
    white-space: nowrap !important;
  }
  
  .main-navigation .desktop-menu-container ul.sub-menu li:hover {
    background-color: #1C5EA8 !important;
  }
  
  .main-navigation .desktop-menu-container ul.sub-menu li:hover > a {
    color: #fff !important;
  }
  
  /* Animacja znikania przy fixed-nav - tak jak oryginalne menu */
  .fixed-nav .desktop-menu-container {
    opacity: 0 !important;
    transform: translateY(-100%) !important;
    pointer-events: none !important;
  }
}

/* ========================================
   MOBILE - ukryj desktop-menu-container
   ======================================== */
@media screen and (max-width: 992px) {
  .main-navigation .desktop-menu-container {
    display: none !important;
    visibility: hidden !important;
  }
  
  /* HEADER - usuń margin-bottom który tworzy biały pasek */
  .site-header,
  #masthead,
  header.site-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
  }
  
  /* Pseudo-elementy header - ukryj */
  .site-header::before,
  .site-header::after,
  #masthead::before,
  #masthead::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
  }
  
  /* Fix dla breadcrumbs - zwiększony margin-top dla contentu */
  .site-content {
    margin-top: 60px !important; /* Wysokość górnego paska menu */
    padding-top: 0 !important;
  }
  
  /* Strona główna z karuzelą - karuzela ma być doklejona do menu */
  body.home .site-content,
  body.home #content.site-content {
    margin-top: 60px !important; /* Menu ma 60px wysokości */
    padding-top: 0 !important;
    background: transparent !important;
  }
  
  /* Pseudo-elementy site-content na stronie głównej - ukryj */
  body.home .site-content::before,
  body.home .site-content::after,
  body.home #content::before,
  body.home #content::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
  }
  
  /* Karuzela na stronie głównej - BEZ dodatkowego marginu bo jest już na site-content */
  body.home .main-carousel {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  /* Welcome view - bez marginu */
  body.home .welcome-view {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  /* Home main - bez marginu */
  body.home .home-main,
  body.home #primary.home-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  /* Gdy jest promo bar, dodaj więcej miejsca */
  /* Wysokość: top-promo (~35px) + page-menu (60px) = ~95px */
  .promo-navigation ~ #content.site-content,
  body:has(.promo-navigation) .site-content {
    margin-top: 95px !important;
  }
  
  /* Strona główna z promo bar - karuzela bez marginu, margin jest na site-content */
  body.home:has(.promo-navigation) .site-content,
  body.home .promo-navigation ~ #content.site-content {
    margin-top: 95px !important;
    padding-top: 0 !important;
    background: transparent !important;
  }
  
  body.home:has(.promo-navigation) .main-carousel,
  body.home .promo-navigation ~ #content .main-carousel {
    margin-top: 0 !important;
  }
  
  body.home:has(.promo-navigation) .welcome-view,
  body.home .promo-navigation ~ #content .welcome-view {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.home:has(.promo-navigation) .home-main,
  body.home .promo-navigation ~ #content .home-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  /* Dodatkowy padding dla breadcrumbs */
  .woocommerce-breadcrumb {
    padding-top: 10px !important;
  }
  
  /* ========================================
     HERO CAROUSEL - PEŁNA WYSOKOŚĆ NA MOBILE
     Wypełnia całą widoczną część ekranu
     ======================================== */
  .main-carousel {
    height: calc(100vh - 140px) !important; /* 100vh minus header + miejsce na pagination */
    min-height: calc(100vh - 140px) !important;
  }
  
  /* Gdy nie ma promo bara */
  body.home:not(:has(.promo-navigation)) .main-carousel,
  body.home:not(:has(.top-promo)) .main-carousel {
    height: calc(100vh - 100px) !important; /* 100vh minus sam header + pagination */
    min-height: calc(100vh - 100px) !important;
  }
  
  .main-carousel .swiper-container,
  .main-carousel .swiper-wrapper,
  .main-carousel .swiper-slide {
    height: 100% !important;
  }
  
  /* Pagination - więcej miejsca na dole */
  .main-carousel .swiper-pagination {
    bottom: 15px !important;
  }
  
  /* Przesunięcie contentu niżej na mobile dla lepszej widoczności */
  .main-carousel .hero-content {
    padding-bottom: 60px !important; /* Miejsce na pagination */
  }
  
  /* ========================================
     DODATKOWY FIX: Kompletne usunięcie "narożnika"
     Upewniamy się, że żaden element nie tworzy wizualnego artefaktu
     ======================================== */
  
  /* Wszystkie potencjalne elementy które mogą powodować narożnik */
  .main-navigation *,
  .promo-navigation *,
  .site-header * {
    border-radius: 0 !important;
  }
  
  /* Upewnij się że nie ma żadnych margins między top-promo a page-menu */
  .main-navigation > .top-promo {
    margin-bottom: 0 !important;
  }
  
  .main-navigation > .page-menu {
    margin-top: 0 !important;
  }
  
  /* Dodatkowe zabezpieczenie - usuń wszystkie pseudo-elementy z nawigacji */
  .main-navigation > *::before,
  .main-navigation > *::after,
  .promo-navigation > *::before,
  .promo-navigation > *::after {
    border-radius: 0 !important;
  }
}