/*-----------------------------blog-linie--------------------------------------------*/
.blog-yoer-underline{
width:150px;
height:3px;
background-color:#ffde14;
display:block;
margin:auto;
margin-bottom: 20px;
margin-top:0.7em;
}
.blog-yoer-underline-2{
width:20em;
height:3px;
background-color:#ffde14;
display:block;
margin:auto;
margin-top:0.7em;
}
/* NOWE TEST */
.sekcjaYoer .halfYoer img {
    width: 100% ;

}
.main_opinions__item_content {
    gap: 2.8rem !important;
}


/* Nagłowski na podstronach */
h1.text_menu__label.headline{
    text-align: center;
}

/*Logo przy kupowaniu-wpisywaniu danych*/
@media (min-width: 979px) {
    .order_process #logo img {
        max-height: 70px;
        margin-top: 40px;
    }
}
/* Nagłowek na stronie kategorii */
@media (max-width: 979px){
    
 .row{
    display: block;
}
}
/* Karta produktu, opis - rozmiar zdjec */
.Yoer{    
    max-width: 100%;
    height: auto;
    
}
.sekcjaYoer{
    max-width: 100%!important;
    height: auto!important;
    
    
}
.product_card .product-tabs-container .product-tab-content .tab-panel img .section longdescription cm {
    max-width: 100%;
    height: auto;
}
    .product_card .product-tabs-container .product-tab-content .tab-panel .product-description-tab p .section longdescription cm {
    min-height: 23px;
    letter-spacing: 0.01em;
}
.product_card .product-tabs-container .product-tab-content .tab-panel p .section longdescription cm{
    color: #222;
}

/*-----------------------------gwiazdki w opisie--------------------------------------------*/

#blog-item ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
    padding-left: 30px; /* Dodajemy miejsce na gwiazdkę */
}
.product_name__block.--description ul {
    list-style-type: none; /* Usuwamy domyślne punktorowanie */
    padding-left: 0; /* Usuwamy wcięcie */
}

.product_name__block.--description li {
    position: relative; /* Aby umożliwić pozycjonowanie gwiazdek */
    padding-left: 30px; /* Dodajemy miejsce na gwiazdkę */
}

.product_name__block.--description li::before {
    content: '★'; /* Używamy znaku gwiazdki */
    color: #ffde16; /* Kolor gwiazdki */
    position: absolute; /* Pozycjonujemy gwiazdkę względem li */
    left: 0; /* Umieszczamy gwiazdkę po lewej stronie */
    top: 0; /* Ustawiamy na górze */
    font-size: 20px; /* Rozmiar gwiazdki */
}

/*-----------------------------blog---naglowki------------------------------------------*/
#blog-item .big_label {
    display: none !important;
}

.blog_date.article__date {
    display: none !important;
}
.blog_image {
    display: none !important;
}


.blog-yoer-header-title {
    color: #000000 !important;
    /* text-align: left !important; */
}

#blog-item h3 {
    color: black !important;
    text-align: center;
}

#blog-item h2 {
    color: black !important;
    text-align: center;
}
#blog-item h1 {
    color: black !important;
    font-size: 38px;
    text-align: center;
}




/*----------------------------<div class="blog-idosell">--blog body----------------------------------------*/


.blog-yoer-toc{
    margin: 2em 0;
    padding: 2.5em !important;
    background: #f9f9f9;
    border: 1px solid #ddd;
    content: "✔ ";
}

.blog-yoer-dane{
    width: 20em;
    margin: auto;
    text-align: center;
    margin-top: 1em;
    font-size: 12pt;
    color: gray !important;
    padding-bottom: 20px;
}

.blog-yoer-data{
    width: 10em;
    margin: auto;
    float: left;
    font-weight: bold;
    letter-spacing: 0.03em;
}

.blog-yoer-autor{
    width: 10em;
    margin: auto;
    float: left;
    font-weight: bold;
    letter-spacing: 0.03em;
}


#blog-yoer-container{
width:100%; padding-top:3em; padding-bottom:3em; font-size:14pt; line-height: 18pt;
}

#blog-item li::before {
    content: none !important;
}

#blog-item {
    list-style-type: disc !important;   
    color: #000000  !important;         
}

#blog-item li::marker {
    content: "✔ ";
    color: black;   /* kolor checka */
    font-weight: bold;
}
#blog-item ol::marker { 
    color: black;   /* kolor checka */
    font-weight: bold;
}

.recipe-box ol::marker {
  color: black;
  list-style-type: decimal !important;
  content: none!important;
  
}
/* KOSZYK */
.cop_summary .cop_summary__block.--content a{
    color: black !important;
}

/*---------------------------ukrycie parametrów na karcie produktu----------------------------------*/
@media (min-width: 979px) {
    .projector_info__elem {
        flex-direction: row;
        gap: 4.8rem;
        display: none !important;
    }
}
.projector_info__elem {
        flex-direction: row;
        gap: 4.8rem;
        display: none !important;
}

/*-----------------------------ukryte sekcje--------------------------------------------*/
#prepaid_documents,
#rma_login,
#points_login,
#returns_login {
    display: none !important;
}
.footer_settings__price_info{
    display: none !important;
}

.cop_documents {
  display: none !important; /* Użycie !important może być konieczne, aby nadpisać istniejące style */
}


.cop_newsletter__item.--sms.f-group.--checkbox {
    display: none !important;
}


.order_process_security.show_tip {
    display: none !important;
}
/* sam napis "Dostawa" */
#projector_additional_section .projector_info__elem_title {
    margin-bottom: 0 !important;
    white-space: nowrap !important; /* żeby nie łamał się w dziwnych miejscach */
}

/* MOBILE – zawijanie prawej kolumny */
@media (max-width: 480px) {
    #projector_additional_section .projector_info__elem > *:nth-child(2),
    #projector_additional_section .projector_status__info,
    #projector_additional_section .projector_status__info_label,
    #projector_additional_section .projector_status__info_days,
    #projector_additional_section .projector_status__info_amount {
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }
}


 
#backTop, a#backTop, .back-to-top, .scrollup, .backTop, .back-top {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

section#projector_warranty,
#projector_warranty.section.warranty,
.section.warranty#projector_warranty{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
  
  
  
  #projector_dictionary {
  display: none !important;
}
  
  /* Ukrycie checkboxa SMS Newsletter */
.cop_terms__item.--sms {
    display: none !important;
}
  
  
  
  
/*---------------------------margines głowna strona--------------------------------*/


#menu_banners3 {
    margin-bottom: 15px !important;
}

#main_hotspot_zone1 {
    margin-bottom: 20px !important;
}


footer #menu_button_header {
    display: none !important;
}


/*---------------------------karta produktu--------------------------------*/

/* 1. Kontener nadrzędny */
.projector_details__wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
}

/* 2. Domyślna szerokość dla pozostałych elementów */
.projector_details__wrapper > div,
.projector_details__wrapper > script {
    flex: 0 0 100%;
}

/* 3. Ustawienia dla dużych ekranów */
@media (min-width: 922px) {
    
    /* LEWA STRONA: Dostępność */
    #projector_additional_section {
        flex: 0 0 22.5% !important; 
        order: 10 !important;
        margin-right: 0% !important;
        
        /* USTALENIE WYSOKOŚCI */
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        
        background-color: #F2F2F2 !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 4px !important;
        padding: 0 !important;
        margin-bottom: 0 !important; /* Usuwamy margines, by nie psuł linii */
    }

    /* PRAWA STRONA: Timer */
    #projectorTimer {
        flex: 0 0 77.5% !important;
        order: 11 !important;
        
        /* IDENTYCZNA WYSOKOŚĆ */
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;

        display: flex !important;
        flex-direction: row !important; /* Układ poziomy */
        align-items: center !important;
        justify-content: center !important;
        
        background: #f2f2f2 !important; 
        padding: 0 15px !important; /* Zredukowany padding góra/dół by zmieścić w 76px */
        box-sizing: border-box !important;
        gap: 12px !important;
        border-radius: 4px !important;
    }
}

/* 4. Stopka z płatnościami pod spodem */
#component_projector_cms {
    flex: 0 0 100% !important;
    order: 12;
    padding-top: 20px;
}

/*------------------------karta 2--------------------------*/
#projectorTimer {
    /* Wymuszamy układ poziomy zamiast domyślnego pionowego */
    display: flex !important;
    flex-direction: row !important;
    
    /* Centrujemy elementy w pionie i poziomie */
    align-items: center !important;
    justify-content: center !important;
    
    /* Odstęp między tekstem a zegarem */
    gap: 12px !important;
    
    /* Zapobiegamy przeskakiwaniu tekstu do nowej linii */
    flex-wrap: nowrap !important;
}

/* Stylizacja samych fragmentów tekstu */
#projectorTimer .projector_timer__text {
    margin: 0 !important;
    white-space: nowrap !important;
    /* Opcjonalnie: możesz zmniejszyć nieco font, jeśli tekst jest za długi */
    font-size: 14px !important; 
}

/* Upewnienie się, że sam zegar (liczby) też jest w jednej linii */
#projectorTimer .projector_timer__clock {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
}

/* Naprawa marginesów dla poszczególnych bloków czasu */
#projectorTimer .projector_timer__clock_data {
    display: flex !important;
    align-items: baseline !important;
    gap: 2px !important;
}


#projector_additional_section {
    background-color: #F2F2F2 !important;
    padding: 15px !important; /* Odstęp wewnętrzny, aby tekst ładnie wyglądał na tle */
    box-sizing: border-box !important;
    border-radius: 4px !important; /* Opcjonalnie: zaokrąglenie rogów */
    margin-bottom: 10px !important; /* Opcjonalnie: odstęp od elementów poniżej */
}


#projector_additional_section {
    max-height: 76px !important;
}




/*---------------------karta 3----------------------------*/

#projector_additional_section {
    background-color: #F2F2F2 !important;
    height: 76px !important;
    max-height: 76px !important;
    position: relative !important; /* To jest kluczowe, aby środek liczył się względem tego paska */
    overflow: hidden !important;
    border-radius: 4px !important;
    padding: 0 !important;
}

/* Ukrywamy resztę */
#projector_additional_section > div:not(#projector_status) {
    display: none !important;
}

/* Centrowanie statusu w obu osiach */
#projector_status {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 20px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important; /* Przesunięcie do połowy szerokości */
    transform: translate(-50%, -50%) !important; /* Idealne wyśrodkowanie punktu środkowego elementu */
    
    width: 100% !important; /* Pozwala na równe rozłożenie treści wewnątrz */
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Ustawienie ikony i tekstu blisko siebie na środku */
#projector_status_gfx_wrapper {
    margin-right: 8px !important;
    display: flex !important;
}

#projector_status_wrapper {
    display: flex !important;
}




/*----------------------karta mobile--------------------------*/

@media (max-width: 921px) {
    /* 1. Rodzic - musi pozwalać na układanie obok siebie */
    .projector_details__wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
    }

    /* Wszystkie inne sekcje (cena, przyciski, opisy) na 100% szerokości */
    .projector_details__wrapper > div {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* 2. DOSTĘPNOŚĆ - Wymuszamy 35% szerokości i pozycję */
    #projector_additional_section {
        width: 25% !important;
        flex: 0 0 25% !important;
        order: 10 !important; /* Ustawia pod przyciskiem koszyka / płatnościami */
        background-color: #F2F2F2 !important;
        height: 75px !important;
        margin-top: 15px !important;
        border-radius: 4px 0 0 4px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    /* Ukrywamy wszystko wewnątrz sekcji dodatkowej (dostawy, zwroty, raty), zostawiamy tylko status */
    #projector_additional_section > div:not(#projector_status) {
        display: none !important;
    }

    #projector_status {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
    }

    /* 3. TIMER - Wymuszamy 65% szerokości i pozycję obok statusu */
    #projectorTimer {
        width: 75% !important;
        flex: 0 0 75% !important;
        order: 11 !important; /* Zaraz po dostępności */
        background-color: #F2F2F2 !important;
        height: 75px !important;
        margin-top: 15px !important;
        border-radius: 0 4px 4px 0 !important;
        border-left: 0px solid #ddd !important; /* Kreska oddzielająca */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 5px !important;
        box-sizing: border-box !important;
    }

    /* 4. NAPRAWA WYGLĄDU TIMERA (żeby nie nachodził) */
    #projectorTimer .projector_timer__text {
        font-size: 8px !important;
        line-height: 1.1 !important;
        max-width: 55px !important;
        text-align: center !important;
    }

    #projectorTimer .projector_timer__clock {
        transform: scale(0.65) !important; /* Zmniejszenie zegara */
        margin: 0 -10px !important; /* Ściśnięcie pustego miejsca */
    }

    #projector_status_gfx_wrapper {
        transform: scale(0.8) !important;
        margin-right: 3px !important;
    }

    /* 5. FIX DLA PŁATNOŚCI (żeby nie wchodziły w boksy) */
    #component_projector_cms {
        order: 15 !important; /* Przesuwa płatności i opis pod nasze boksy */
    }
}







@media (max-width: 921px) {
    /* 1. Kontener Timera - wymuszamy brak zawijania */
    #projectorTimer {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important; /* Zakaz przeskakiwania tekstu pod zegar */
        padding: 0 !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* 2. Zegar - punkt centralny */
    #projectorTimer .projector_timer__clock {
        transform: scale(0.68) !important; /* Lekko mniejszy dla bezpieczeństwa */
        transform-origin: center !important;
        margin: 0 -18px !important; /* Redukcja pustego pola */
        display: flex !important;
        flex-shrink: 0 !important; /* Zegar ma priorytet miejsca */
    }

    /* 3. Teksty - wymuszamy ich pozycję blisko zegara */
    #projectorTimer .projector_timer__text {
        font-size: 8px !important;
        line-height: 1.0 !important;
        width: 40px !important; /* Sztywna szerokość boczna */
        flex-shrink: 0 !important; /* Tekst nie może się zgniatać */
        white-space: normal !important;
    }

    /* Lewy tekst - dosunięcie */
    #projectorTimer .projector_timer__text:first-child {
        text-align: right !important;
        margin-right: 2px !important; /* Minimalny, sztywny odstęp */
    }

    /* Prawy tekst - dosunięcie */
    #projectorTimer .projector_timer__text:last-child {
        text-align: left !important;
        margin-left: 2px !important; /* Minimalny, sztywny odstęp */
    }

    /* 4. Cyfry w kostkach - optymalizacja */
    .projector_timer__clock_data_number {
        font-size: 15px !important;
        line-height: 1 !important;
    }

    .projector_timer__text_time {
        font-size: 7px !important;
        display: block !important;
    }
}




@media (max-width: 921px) {
    /* 1. Gwarancja, że "Dostępny" i "Timer" będą w jednej linii */
    .projector_status_container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }

    /* 2. Kontener Timera - ściśnięty, by zrobić miejsce na większy tekst */
    #projectorTimer {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important; /* Dosuwa do prawej */
        flex-wrap: nowrap !important;
        padding: 0 !important;
        flex: 1 1 auto !important;
        gap: 0 !important;
    }

    /* 3. POWIĘKSZONE TEKSTY BOCZNE */
    #projectorTimer .projector_timer__text {
        font-size: 10px !important; /* Powiększenie z 8px */
        line-height: 1.1 !important;
        width: 45px !important; /* Lekko zwiększona szerokość */
        flex-shrink: 0 !important;
        white-space: normal !important; /* Pozwala na łamanie słów w obrębie 45px */
    }

    /* Lewy tekst - dosunięcie */
    #projectorTimer .projector_timer__text:first-child {
        text-align: right !important;
        margin-right: -2px !important; /* Zbliżenie do zegara */
    }

    /* Prawy tekst - dosunięcie */
    #projectorTimer .projector_timer__text:last-child {
        text-align: left !important;
        margin-left: -2px !important; /* Zbliżenie do zegara */
    }

    /* 4. ZEGAR - balans wielkości */
    #projectorTimer .projector_timer__clock {
        transform: scale(0.72) !important; /* Powiększony z 0.68 */
        transform-origin: center !important;
        margin: 0 -12px !important; /* Redukcja pustego pola po skalowaniu */
        display: flex !important;
        flex-shrink: 0 !important;
    }

    /* POWIĘKSZONE CYFRY */
    .projector_timer__clock_data_number {
        font-size: 17px !important; /* Powiększenie z 15px */
        line-height: 1 !important;
        font-weight: bold !important;
    }

    .projector_timer__text_time {
        font-size: 8px !important; /* Powiększenie z 7px */
        display: block !important;
    }
}
















/*------------------------opinie------------------------------*/
#opinions_section {
  max-width: 1400px !important;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}


.product_name__notes .icon-star-new {
  color: #FFC107 !important; /* żółty */
}


.product__opinions_wrapper .icon-star-new {
  color: #FFC107 !important; /* żółty */
}

/*-------------------------zwinięta stopka na telefonie----------------------------*/

@media (max-width: 767px) {
  #footer_after_purchase_content { display: none; }
  #footer_after_purchase_content[aria-hidden="false"] { display: block; }
}

/*----------------------------tymczasowo---------------------------------------*/