.left-filtration .icon-filter__type-icon .icon-filter__box .icon-filter__box-color {
    /*border-radius: 50%;*/
    overflow: hidden;
  

}
#basket_content_tag #quantity_tag {
    color: #ffffff !important;
}
#centerpage_params_filter_area {
    display: none !important;
}
-------------
/* A gombok alap kinézete */
.main_category a.odkaz_banner {
    display: inline-block;
    text-decoration: none;
    margin: 8px; /* Távolság a gombok között, hogy ne csússzanak egymásra */
}

.main_category a.odkaz_banner .title_ds {
    background-color: #1e3d7b !important; /* Szép tengerkék háttér, ami illik a logóhoz */
    color: #ffffff !important; /* Fehér szöveg */
    padding: 12px 24px !important; /* Kényelmes belső tágasság */
    border: none !important; /* Eltünteti a csúnya szaggatott szegélyt */
    border-radius: 4px !important; /* Enyhén lekerekített sarkok */
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important; /* Csupa nagybetű a tiszta dizájnhoz */
    letter-spacing: 0.5px !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important; /* Sima átmenet az egérmutatónál */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; /* Finom árnyék */
}

/* Interakció: Amikor fölé viszed az egeret (Hover effekt) */
.main_category a.odkaz_banner:hover .title_ds {
    background-color: #142a56 !important; /* Kicsit sötétebb kék hívogató effektként */
    transform: translateY(-2px) !important; /* Kicsit megemelkedik a gomb */
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}
-----------
/* A teljes morzsamenü sora */
#wherei p {
    font-size: 13px !important;
    color: #666666 !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important; /* Modern, csupa nagybetűs stílus */
    letter-spacing: 0.5px !important;
}

/* A kattintható linkek (Kezdőlap, Női Részleg) */
#wherei a {
    color: #777777 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    font-weight: 500 !important;
}

/* Amikor az egeret a linkek fölé viszik */
#wherei a:hover {
    color: #1e3d7b !important; /* A webshop kék színe */
}

/* Az elválasztó nyilak */
#wherei .arrow {
    margin: 0 10px !important;
    color: #cccccc !important;
}

/* Az aktuális oldal, ahol éppen jár (Ruhák) */
#wherei .active {
    color: #1e3d7b !important; /* Sötétkék kiemelés */
    font-weight: bold !important;
}

------------------

/* Teljesen eltünteti az alapértelmezett és a hover szaggatott keretet */
.main_category a.odkaz_banner,
a.odkaz_banner,
a.odkaz_banner:hover {
    border: none !important;
    border-style: none !important;
    outline: none !important;
    box-shadow: none !important;
}

---------------

/* A teljes rendezési szekció drasztikus eltüntetése */
#products_sorting_box,
.products_sorting_boxes,
#products_sorting_table,
.products_sorting_lines,
#products_sorting_line {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

----------
mobilos nézet javítása 

@media only screen and (max-width: 767px) {
    /* 1. Eltüntetjük a régi szövegeket és ikonokat szigorú kijelöléssel */
    html body #page .responsive-menu-button,
    html body #page .responsive-menu-button.eshop-menu-button,
    html body #page .responsive-menu-button.article-menu-button {
        color: transparent !important;
        font-size: 0 !important;
        background-image: none !important;
        position: relative !important;
        background-color: #1e3d7b !important; /* Kék háttér */
        border: 1px solid #142a56 !important;
    }

    /* 2. Első gomb (Termékek helyett NŐI RÉSZLEG) */
    html body #page .responsive-menu-button.eshop-menu-button::after {
        content: "NŐI RÉSZLEG" !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: bold !important;
        letter-spacing: 0.5px !important;
    }

    /* 3. Második gomb (Menü helyett FÉRFI RÉSZLEG) */
    html body #page .responsive-menu-button.article-menu-button::after {
        content: "FÉRFI RÉSZLEG" !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: bold !important;
        letter-spacing: 0.5px !important;
    }
}

-------

/* A bal oldali Kapcsolat doboz teljes eltüntetése */
 -----------

.article-content {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

.article-content + .article-content {
    margin-top: 15px;
}

.article-content:last-of-type {
    margin-bottom: 40px;
}
------
/* A szöveg stílusának megváltoztatása a kék sávban */
/* Közvetlenül a link és a benne lévő span stílusának kényszerítése */
/* Kivétel nélkül MINDEN szöveget és linket fehérré teszünk a felső sávban */
#topBar,
#topBar *,
#topBar a,
#topBar a *,
#topBar p,
#topBar span {
    color: #ffffff !important;
    text-decoration: none !important; /* Eltünteti az aláhúzást is, ha van */
}

/* Biztosítjuk a dőlt betűtípust a tartalomnak */
.top-bar-content, 
.top-bar-content * {
    font-style: italic !important;
}

/* A háttér sötétkék színe */
#topBar {
    background-color: #2C3B81 !important;
}

/* A mögötte lévő sáv színének beállítása */
#topBar {
    background-color: #2C3B81 !important; /* Sötétkék háttér, mint alatta */
}
-------
/*Barion szarkep*/
#basket_payments_list img.basket-pay-desc-img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}