/*-----------------------------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--------------------------*/




/*------------------------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---------------------------------------*/