/*Stopka - ukrywanie elementów menu*/
.idosell__img {opacity:0!important; display:none!important;}
#footer_links .footer_links_sub>li#order_status2.menu_orders_item {display:none!important;}
#footer_links .footer_links_sub>li#account_boughts.menu_orders_item {display:none!important;}
#footer_links .footer_links_sub>li#account_rebates.menu_orders_item {display:none!important;}



/*Menu dolne - ukrywanie elementów menu*/
#footer_links .footer_links#menu_orders {display:none!important;}
#footer_links .footer_links#menu_account {display:none!important;}
#footer_links .footer_links#menu_regulations {display:none!important;}


/*Panel zalogowanego - ukrywanie elementów*/
#login_menu .login_menu_wrapper #client_cards.login_menu  {display:none!important;}
#login_menu .login_menu_wrapper #points_login.login_menu  {display:none!important;}
#login_menu .login_menu_wrapper #rma_login.login_menu  {display:none!important;}
#login_menu .login_menu_wrapper #returns_login.login_menu  {display:none!important;}


/*Alerty - z niebieskiego na żółty Kettler*/
#menu_messages_warning.menu_messages_message {
    color: #000000!important;
    background-color: #FFFF50!important; }


/*Mapa w zakładce kontakt - ukrycie*/
#mymap {
    display: none;}

/* Wspólne style dla wszystkich etykiet */
.label_icons .label {
    font-size: 1rem;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: .4rem 1.1rem .2rem;
    border-radius: 0;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: fit-content;
    font-family: 'Overpass Mono','Open sans',"Arial",sans-serif;
    font-weight: 700;
}

/* Promocja - stonowany czerwony */
.label_icons .label.--promo {
    background-color: #b85450;
    color: #ffffff;
}

/* Polecany - UKRYTY */
.label_icons .label.--distinguished {
    display: none !important;
}

/* Bestseller - żółty */
.label_icons .label.--bestseller {
    background-color: #8da499;
    color: #ffffff;
}

/* Nowość - żywszy żółty stonowany */
.label_icons .label.--new {
    background-color: #dbc570;
    color: #ffffff;
}


/* border dla przycisku porównaj na kategorii */
#search .product__compare_item {
    z-index: 1;
    position: relative;
    font-size: 1rem;
    color: #363636;
    padding: 8px 15px;
    text-decoration: none;
    font-family: 'Overpass Mono', 'Open sans', "Arial", sans-serif;
    background-color: none;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: inline-block;
}

#search .product__compare_item:hover {
    background-color: #e8e8e8;
    border-color: #363636;
}

/* Responsywność dla mobile */
@media (max-width: 768px) {
    #search .product__compare_item {
        font-size: 0.85rem;
        padding: 6px 10px;
        margin-top: 8px;
    }
}

@media (max-width: 480px) {
    #search .product__compare_item {
        font-size: 0.8rem;
        padding: 5px 8px;
        margin-top: 10px;
    }
}

/* RABAT ILOŚCIOWY - Poprawa widoczności */
.projector_details__multipack {
    /* Zmienne do łatwej zmiany kolorów */
    --rabat-border-color: #e0e0e0;
    --rabat-text-color: #333;
    --rabat-percent-color: #8da499;
    --rabat-price-color: #333;
    
    /* ⭐ ZMIENNE DO EDYCJI TEKSTU ⭐ */
    --rabat-text-before: "Drugi rower ";
    --rabat-text-middle: "25";  /* ← TWOJA WARTOŚĆ TUTAJ */
    --rabat-text-after: "% taniej";
}

.projector_multipack__label {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
    color: var(--rabat-text-color) !important;
}
.projector_multipack__wrapper {
    border: 1px solid var(--rabat-border-color) !important;
    border-radius: 6px !important;
    padding: 12px !important;
    margin-top: 8px !important;
    background: transparent !important;
}
/* CAŁKOWITE UKRYCIE RADIOBUTTON - MOCNIEJSZA WERSJA */
.projector_multipack__item input[type="radio"],
.projector_multipack__item .f-control,
.projector_multipack__item input.f-control {
    display: none !important;
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}
.projector_multipack__item .f-label::before,
.projector_multipack__item .f-label::after,
.projector_multipack__item::before,
.projector_multipack__item::after {
    display: none !important;
    content: none !important;
}
.projector_multipack__item {
    display: block !important;
    text-align: center !important;
}
/* Całość klikalna */
.projector_multipack__item .f-label {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    width: 100% !important;
    padding: 0 !important;
    transition: opacity 0.2s !important;
}
.projector_multipack__item .f-label:hover {
    opacity: 0.7 !important;
}
/* "2 szt." w jednym rzędzie */
.projector_multipack__from,
.projector_multipack__unit {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--rabat-text-color) !important;
    order: 1 !important;
}
/* Wymuszenie łamania linii PO "szt." */
.projector_multipack__unit::after {
    content: "" !important;
    width: 100% !important;
    order: 1 !important;
}
/* Linia z ceną */
.projector_multipack__price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--rabat-price-color) !important;
    width: 100% !important;
    order: 2 !important;
    text-align: center !important;
}
/* Dodanie "/ sztuka" po cenie */
.projector_multipack__price::after {
    content: " / sztuka" !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #666 !important;
}
/* Ukrycie oryginalnych nawiasów */
.projector_multipack__literal {
    display: none !important;
}
/* Stylowanie procentu - UKRYCIE WARTOŚCI Z SYSTEMU */
.projector_multipack__percent {
    width: 100% !important;
    order: 3 !important;
    font-size: 0 !important; /* ← UKRYWA WARTOŚĆ Z SYSTEMU (12.5025) */
    font-weight: 600 !important;
    color: var(--rabat-percent-color) !important;
    margin-top: 4px !important;
    text-align: center !important;
}
/* Dodanie własnego tekstu przed wartością */
.projector_multipack__percent::before {
    content: var(--rabat-text-before) var(--rabat-text-middle) var(--rabat-text-after) !important;
    font-size: 13px !important; /* ← PRZYWRÓCENIE ROZMIARU DLA PSEUDO-ELEMENTU */
    display: inline-block !important;
}
/* Usunięcie ::after (nie jest już potrzebne) */
.projector_multipack__percent::after {
    content: "" !important;
    display: none !important;
}