/* Сховати логотип */
.Logo {
    display: none !important;
}

/* Видалити відступи зверху */
body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.CalaStrona {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.NaglowekStrona {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

/* Меню */
.TloMenu {
    background: linear-gradient(135deg, #b88b9d 0%, #d4a5b8 100%) !important;
    padding: 15px 0 !important;
    margin: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    display: block !important;
}

#GorneMenu {
    display: block !important;
}

#GorneMenu ul {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#GorneMenu li {
    margin: 0 !important;
    display: block !important;
}

#GorneMenu a {
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    display: block !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    transition: all 0.3s !important;
}

#GorneMenu a:hover {
    background: rgba(255,255,255,0.2) !important;
    transform: translateY(-2px) !important;
}

/* Кнопка замовлення */
.ZamowTeraz,
.btn-order {
    display: inline-block;
    background: #24C91E;
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
}

.ZamowTeraz:hover,
.btn-order:hover {
    background: #1fb018;
}

/* Сховати кошик та схованку */
.KoszykSchowek,
#Koszyk,
#Schowek,
#Logowanie,
#maleRwd {
    display: none !important;
}

/* Сховати пошук */
#Wyszukiwanie,
.PolaSzukania,
#InfoLiniaNaglowek {
    display: none !important;
}

/* Сховати breadcrumb навігацію */
#Nawigacja,
.Nawigacja,
.NawigacjaLink,
.OstatniaNawigacja {
    display: none !important;
}

/* Сховати порожні контейнери Foto */
.Foto:empty,
.Foto:has(img:not([src])),
div.Foto:not(:has(img)) {
    display: none !important;
}

/* Сховати контейнери з порожніми alt */
img[alt=""],
img:not([src]),
img[src=""] {
    display: none !important;
}

/* Сховати порожні div контейнери */
div:empty:not(script):not(style):not(meta):not(link) {
    display: none !important;
}

/* Виправити відображення товарів */
.ProduktProsty .Foto:empty {
    display: none !important;
}

.Okno .Foto:empty {
    display: none !important;
}

/* Футер - виділити від основного контенту */
#StopkaTlo {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
    margin-top: 50px !important;
    padding-top: 40px !important;
    padding-bottom: 30px !important;
    border-top: 4px solid #b88b9d !important;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.2) !important;
}

#Stopka {
    color: #ecf0f1 !important;
}

#Stopka .KolumnaStopki {
    color: #ecf0f1 !important;
}

#Stopka .KolumnaStopki strong {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

#Stopka .LinkiStopki {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#Stopka .LinkiStopki li {
    margin-bottom: 10px !important;
    padding: 0 !important;
}

#Stopka .LinkiStopki a {
    color: #bdc3c7 !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
    display: inline-block !important;
    padding: 5px 0 !important;
}

#Stopka .LinkiStopki a:hover {
    color: #b88b9d !important;
    padding-left: 10px !important;
}

/* Фото платіжних систем */
.GrafikaPlatnosci {
    background: rgba(255,255,255,0.1) !important;
    padding: 30px 20px !important;
    margin-top: 30px !important;
    border-top: 1px solid rgba(255,255,255,0.2) !important;
    text-align: center !important;
}

.GrafikaPlatnosci strong {
    color: #fff !important;
    display: block !important;
    margin-bottom: 15px !important;
    font-size: 16px !important;
}

.GrafikaPlatnosci img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

/* Responsive */
@media (max-width: 768px) {
    #GorneMenu ul {
        flex-direction: column;
        align-items: center;
    }
    
    #GorneMenu a {
        width: 200px;
        text-align: center;
    }
    
    #StopkaTlo {
        padding-top: 30px !important;
        padding-bottom: 20px !important;
    }
    
    #Stopka .KolumnaStopki {
        margin-bottom: 30px !important;
    }
}

/* ПОВЕРТАЮ ОРИГІНАЛЬНУ СТРУКТУРУ - ТАБИ СПРАВА ВІД ФОТО */
#KartaProduktu {
    display: flex !important;
    flex-wrap: nowrap !important;
}

#ZakladkiProduktu {
    clear: both !important;
    margin-top: 30px !important;
}

#TloZakladek #Zakladki {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 2px solid #ddd !important;
}

#TloZakladek #Zakladki li {
    padding: 15px 25px !important;
    cursor: pointer !important;
    background: #f5f5f5 !important;
    border-right: 1px solid #ddd !important;
    transition: all 0.3s !important;
}

#TloZakladek #Zakladki li.aktywna {
    background: #b88b9d !important;
    color: #fff !important;
    font-weight: 600 !important;
}

#TloZakladek #Zakladki li:hover {
    background: #d4a5b8 !important;
    color: #fff !important;
}