body {
background-color: #F4F5F6;
}

.product-price {
    /* Színek */
    background-color: #0082ad; /* Világosszürke háttér */
    
    /* Betűk */
    font-size: 1.3rem !important;           /* Óriás méret */
    font-weight: 700;          /* Extra félkövér */
    
    /* Formázás */
    padding: 10px 10px;        /* Térköz a szöveg körül */
    border-radius: 10px;       /* Lekerekített sarkok */
    display: inline-block;     /* Keret méretezése a szöveghez */
    line-height: 1.5;          /* Sor magassága */
}

.header-middle {
    background-color: #E0E0E0 !important; /* Világosszürke háttér */
    padding-top: 10px;                   /* Opcionális: kis hely a logó felett */
    padding-bottom: 10px;                /* Opcionális: kis hely a logó alatt */
}

.header-bottom {
    background-color: #E0E0E0 !important; /* Világosszürke háttér */
    padding-top: 10px;                   /* Opcionális: kis hely a logó felett */
    padding-bottom: 10px;                /* Opcionális: kis hely a logó alatt */
}

/* --- UNIVERZÁLIS MOBIL FIX (MINDEN BÖNGÉSZŐHÖZ) --- */
@media screen and (max-width: 768px) {
    
    /* 1. TERMÉKKÁRTYA ALAP: kényszerítjük, hogy ne legyen rejtve semmi */
    .product-card__item, .product-list-item, .product-card__content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 2. KÉPEK: Safari és Chrome fix */
    .product-card__image-wrapper, .image-container, .product-card__image {
        display: block !important;
        min-height: 180px !important; /* Helyet foglalunk a képnek */
        visibility: visible !important;
    }

    .product-card__image-wrapper img, 
    .product-card__image img, 
    .image-container img,
    img.product-index-image {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        /* Kényszerített méret, ha a Safari 0-nak látná */
        min-width: 50px !important;
        min-height: 50px !important;
    }

    /* 3. SZÖVEG (LEÍRÁS): Egyszerű megjelenítés */
    .product-card__description, 
    .product-card__short-description, 
    .description {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 14px !important;
        color: #333333 !important;
        line-height: 1.4 !important;
        margin-top: 10px !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* 4. ÁR: Hogy az is megmaradjon */
    .product-price {
        display: block !important;
        visibility: visible !important;
    }
}

/* 1. A fejléc legkülső burkolata kapja meg a színt */
header, .header {
    background-color: #E0E0E0 !important;
}

/* 2. Minden lehetséges háttérszínt transzparensre (átlátszóra) állítunk, 
   hogy a fenti szürke átlátszódjon minden résen */
.header-middle, 
.header-middle-container, 
.header-middle .container,
.header-logo,
.header-middle__left,
.header-middle__right,
.header-middle .row,
.header-middle [class*="col-"] {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. A logót és az ikonokat tartalmazó részt kényszerítjük, 
   hogy ne legyen köztük semmi extra margó */
.header-middle .row {
    margin: 0 !important;
    display: flex !important;
}

/* A konkrét almenü lista szélessége */
.category-menu .nav-item .children {
    width: 500px !important;    /* Itt add meg a kívánt szélességet */
    min-width: 500px !important;
    max-width: 500px !important; /* Biztonsági korlát */
    background-color: #ffffff !important; /* Ha fehér hátteret szeretnél neki */
    padding: 10px !important;
}