.page-container > header.main-header {
    z-index: 8888888888 !important;
}

td.xoo-cp-remove .xoo-cp-remove-pd {
    display: none !important;
}


.xoo-cp-container {
    max-width: 900px !important;
}

.xcp-btn {
    background-color: #F47321 !important;

    border-radius: 0px !important;
    border: 1px solid #F47321 !important;
}

.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.slick-current {
    border-color: orange !important;
}

.quantity input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}


#sidebar-right .article {
    display: none !important;
}

    .paynow-leaselink__calculator {
        z-index: 999999999999999 !important;
    }


.reset_variations{
    display:none !important;
}

.woocommerce div.product form.cart {
    order: 8;
    display: flex;
    align-items: flex-start;
    gap: 2em;
    flex-direction: column;
}



.woocommerce-variation-description{
  display:none !important;
}


.woocommerce-variation-price {
    display: none;
}


.slider-nav {
    margin-top: 10px !important;
    border-top: 1px solid #c5c5c5 !important;
    padding-top: 10px !important;
}


.slick-current{
  border-color:orange;
}


/* Zmiana wysoksci slidera na głownej stronie */
@media only screen and (min-width: 768px) {
    section.hero-section.home-page .hero-wrapper {
        height: 70dvh !important;  /*edujesz tylko to */
        padding-bottom: 100px;  /*padding od dołu napisu na zdjęciu - mniejsza wartośc = niżej */
    }
    /* Zmiana wysoksci przestrzeni miedzy banerem a bestsellerem */
    .hero-section.home-page {
    margin-bottom: 15px !important;
}
}
/* Badge promocji nad packshotem (WooCommerce galeria) */
.woocommerce div.product .woocommerce-product-gallery{
  position: relative;
}

/* u Ciebie badge ma klasę .sale-percentage */
.woocommerce div.product .sale-percentage{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 50;
}

/* jeśli coś go ucina (częsty przypadek w sliderach) */
.woocommerce div.product .woocommerce-product-gallery__wrapper,
.woocommerce div.product .woocommerce-product-gallery__image,
.woocommerce div.product .flex-viewport{
  overflow: visible !important;
}






















.product_meta{
  display:none !important;
}


.aws-search-btn_icon{
    display:none !important;
}

/* ATTRIBUTES – etykieta nad wartością */
.summary .attributes{
  list-style: none;
  margin: 16px 0 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px 24px !important;
}

.summary .attributes > li{
  margin: 0 !important;
  padding: 0 !important;

  /* 2 kolumny na desktop */
  flex: 0 0 calc(50% - 12px) !important;
  max-width: calc(50% - 12px) !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* etykieta */
.summary .attributes .attribute-label{
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600;
  opacity: .7;
}

/* wartość od początku linii */
.summary .attributes .attribute-value{
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600; /* opcjonalnie */
  white-space: normal !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* mobile: 1 kolumna */
@media (max-width: 700px){
  .summary .attributes > li{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}












.price-netto--inline{
  display:inline-block;
  margin:0 0 2px 0;
  font-size:18px;
  line-height:30px;
}
.price-netto__value{ font-weight:400; }
.price-netto__suffix{ font-weight:400;  }


.price-brutto--inline .price-brutto__label{
  font-size: 12px;
  opacity: .75;
  margin-right: 4px;
}


.woocommerce-price-suffix{
  display: none !important;
}




/* Wrapper na input + przyciski */
.qty-pm{
  display: inline-flex;
  align-items: stretch;
  gap: 0;
}

/* Sam input */
.qty-pm input.qty{
  width: 70px;          /* dopasuj pod swój layout */
  text-align: center;
  border-radius: 0;
  margin: 0;
}

/* Przyciski */
.qty-pm__btn{
  width: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  background: transparent;
  cursor: pointer;
  user-select: none;
  font-size: 18px;
  line-height: 1;
  padding: 0;
}

/* Zaokrąglenia na brzegach */
.qty-pm__btn--minus{ border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.qty-pm__btn--plus{ border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

/* Łączenie ramek (żeby nie było podwójnych linii) */
.qty-pm__btn--plus{ margin-left: -1px; }
.qty-pm input.qty{ margin-left: -1px; margin-right: -1px; }

/* (opcjonalnie) lepszy focus */
.qty-pm__btn:focus,
.qty-pm input.qty:focus{
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,0,0,.15);
}




@media (max-width: 1024px) {
  /* Sekcja pod logo */
  #dji-tpi-header-search-mobile.dji-tpi-header-search-mobile {
    display: block !important;
    width: 100% !important;
    padding: 10px 15px 12px !important; /* dopasowane do px-15 */
    margin: 0 !important;
    box-sizing: border-box;
  }

  #dji-tpi-header-search-mobile .aws-container,
  #dji-tpi-header-search-mobile .aws-search-form,
  #dji-tpi-header-search-mobile .aws-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #dji-tpi-header-search-mobile input.aws-search-field {
    width: 100% !important;
  }

  /* jeśli motyw/plug-in próbuje ukrywać AWS na mobile */
  #dji-tpi-header-search-mobile .aws-container,
  #dji-tpi-header-search-mobile .aws-search-form {
    visibility: visible !important;
    opacity: 1 !important;
  }
}














/* Zamiana miejsc: najpierw cena promocyjna (INS), potem stara (DEL) */
.price .price-wrapper{
  display: inline-flex;
  align-items: baseline;
  gap: .4rem;
}

.price .price-wrapper ins{
  order: 1;              /* cena bez przekreślenia po lewej */
  text-decoration: none; /* na wszelki wypadek */
}

.price .price-wrapper del{
  order: 2;              /* cena przekreślona po prawej */
  opacity: .7;           /* opcjonalnie: delikatniejsze wyświetlenie */
}

.price .price-wrapper small{
  order: 1;              /* "brutto" na końcu */
}






















.wishlist-count {
    background: #ff0000;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    padding: 2px 6px;
    position: absolute;
    top: -6px;
    right: -8px;
}
#menu-item-118 {
    position: relative;
}


.woocommerce .wishlist-title {
    margin-bottom: 30px;
    DISPLAY: NONE;
}























section.blog .blog-wrapper .article h3,
.blog-list > article h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.products-row-wrapper .product.bestsellery:before, ul.products .product.bestsellery:before{
  display:none !important;
}

/* Styl procentu */
.sale-percentage {
  background: #d32f2f; /* czerwony */
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 5px;
}

/* Dodanie etykiety "Promocja" obok */
.sale-percentage::after {
  content: "Promocja";
 
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 5px;
}

/* Opcjonalnie — pozycjonowanie w rogu karty produktu */
.product .sale-percentage {
  position: absolute;
  top: 10px;
  left: 10px;
}


.products-row-wrapper .product .price .sale-percentage, ul.products .product .price .sale-percentage {
    color: white !important;

}


.yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-button .add_to_wishlist img {
    margin-right: 10px !important;
    margin-top: 10px !important;
}


.products-row-wrapper .product .price, ul.products .product .price {
    font-size: 1.2rem !important;
}

.products-row-wrapper .product .price del, ul.products .product .price del {
    font-size: 0.575rem !important;

}

.woocommerce-price-suffix{
  margin-left:2px !important;
}


img[alt="post thumbnail"] {
    display: none;
}



.panel-primary>.panel-heading {
    background: black;
}

#sidebar-right #categories-3 ul li {
    margin: 15px !important;
}

.cwginstock-subscribe-form .panel-primary>.panel-heading {
    color: #fff;
    background-color: black;
    border-color: black;
}

.cwgstock_button {
    width: 100%;
    padding-top: 5px;
    background: black;
    color: #fff;
}


.products-row-wrapper .product .price .sale-percentage, ul.products .product .price .sale-percentage {
    color: var(--primary-color);
    position: absolute;
    top: 5px;
}


.products-row-wrapper .product .price .price-wrapper, ul.products .product .price .price-wrapper {
    gap: 0.4em;
}

a[data-tooltip] {
    position: relative;
}

a[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%; /* Dopasuj pozycję */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
}

a[data-tooltip]::after {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}





.woocommerce-price-suffix{
  margin-left: -8px;
}


.availability {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.availability p {
    margin: 0;
}

.availability .status-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.availability .status-circle.green {
    background-color: green;
}

.availability .status-circle.yellow {
    background-color: yellow;
}

.availability .icon {
    margin-left: 5px;
    display: inline-block;
}

.availability .icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}


.in-stock{
  font-size:14px;
    font-weight: 700;
    margin-bottom:3px;
}


.accordion-button {

    padding: 0px !important;

}

.products-row-wrapper .product .image-wrapper a, ul.products .product .image-wrapper a{
  padding: 0px;
}


@media only screen and (max-width: 768px) {
    .woocommerce-page ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}


  .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto; /* Centruje kontener */
  }

  .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }






.thumbnail {
    margin-bottom: 0px !important;

}

.products-row-wrapper .product .title, ul.products .product .title {
    font-size: 1rem !important;

}


.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 0px solid #cfc8d8 !important;
    padding: 0px !important; 
    margin: 0px !important;

}

.availability .status-circle.red {
    background-color: #a50707;
}


.ur-frontend-form button, .ur-frontend-form input[type="submit"], .ur-frontend-form button[type="submit"] {
  
    background: #F47321 !important;
    font-weight: 600 !important;
    color:white !important;
}


@media only screen and (min-width: 768px) {
    body.archive.woocommerce ul.products.grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 1em;
    }
}


input.form-control {
    color: black !important;
}

#mlb2-15576176.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
    color: white !important;
}


.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {

    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    font-family: FontAwesome !important;
    content: "\f07a" !important;
}

a.button.checkout.wc-forward{
  display:none !important;
}

.woocommerce table.shop_table td {

    text-align: left !important;
}

.small, small {
    font-size: 100%;
}



.woocommerce button.button.alt, .woocommerce a.button {
    border: 1px solid var(--primary-color);
    color: var(--primary-btn-text-color) !important;
    background: var(--primary-color);
    min-height: 30px !important;
    transition: all 0.5s;
    margin-top: 5px;
}


 /*   .products-row-wrapper .product .add_to_cart_button, .products-row-wrapper .product .product_type_simple, ul.products .product .add_to_cart_button, ul.products .product .product_type_simple {
        position: absolute;
        bottom: 20px;
        margin-left: -16px;
        width:90%;
        margin:auto !important;
    }

*/

  .products-row-wrapper .product .add_to_cart_button, .products-row-wrapper .product .product_type_simple, ul.products .product .add_to_cart_button, ul.products .product .product_type_simple {
        position: relative;
}


.products-row-wrapper .product:hover, ul.products .product:hover {
    border: 1px solid var(--primary-color) !important;
}

.products-row-wrapper .product, ul.products .product {
    padding: 0px;
    border: 1px solid gray !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: border .2s;
    border-radius: 10px !important;
}


.products-row-wrapper .product .details-wrapper, ul.products .product .details-wrapper {
    display: flex;
    flex-direction: column;
    padding: 1em;
    height: 100%;
}



input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    height: 16px !important;
    min-height: 16px !important;
}
/***********Single product***********

.woocommerce-product-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-product-gallery__wrapper {
    flex: 1;
    max-width: 80%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-product-gallery__image {
    width: 100%;
}

.woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    display: block;
}

.woocommerce-product-gallery__thumbnails {
    width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.woocommerce-product-gallery__thumbnails .slick-slide {
    margin-bottom: 10px;
}

.woocommerce-product-gallery__thumbnails img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.slick-prev, .slick-next {
    background: #ddd;
    border-radius: 50%;
    padding: 5px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
}

.slick-prev:before, .slick-next:before {
    content: '';
    font-size: 0;
}

.slick-prev {
    top: 10px;
    left: 10px;
}

.slick-next {
    bottom: 10px;
    left: 10px;
}










.slick-prev {
    top: -5px !important;
    left: 30px !important;
}


.slick-prev, .slick-next {
    background: black;
    border-radius: 50%;
    padding: 5px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
}





.slick-next, .slick-prev {
    width: 35px !important;
    height:35px !important;
  
}



**********Single product*************/











.products-row-wrapper .product .price .price-wrapper, ul.products .product .price .price-wrapper {
    flex-direction: row !important;
    justify-content: start;
    align-items: end;
}

body.woocommerce.archive .sidebar-shop .widget ul.product-categories {
    padding: 0;
    list-style: disc !important;
}

.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    max-width: 86px !important;
}

section.blog .blog-wrapper .article .categories, .blog-list > article .categories{
  display:none !important;
}

.products-row-wrapper .product .price, ul.products .product .price {
    justify-content: left !important;
    height: 30px !important;
}



/*@media only screen and (min-width: 1000px) {
.products-row-wrapper .product .add_to_cart_button, .products-row-wrapper .product .product_type_simple, ul.products .product .add_to_cart_button, ul.products .product .product_type_simple {
   
    position: absolute;
    bottom: 20px;
    margin-left: -16px;
}
}

*/
/* Nadpisuje globalne a:hover (z !important) tylko wewnątrz hoverboxów */
.vc-hoverbox-wrapper a:hover,
.vc-hoverbox-wrapper a:focus {
  color: #ffffff !important;
}

/* Dodatkowo: konkretnie dla buttonów WPBakery w hoverboxie */
.vc-hoverbox-wrapper a.vc_general.vc_btn3:hover,
.vc-hoverbox-wrapper a.vc_general.vc_btn3:focus,
.vc-hoverbox-wrapper a.vc_general.vc_btn3:hover *,
.vc-hoverbox-wrapper a.vc_general.vc_btn3:focus * {
  color: #ffffff !important;
}
@media (max-width: 768px){
  .woocommerce div.product div.summary{
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    position: static !important;
    top: auto !important;
    display: block !important;
  }

  .woocommerce div.product div.images{
    width: 100% !important;
    float: none !important;
  }
}
/* Slick thumbnails – daj miejsce na obrys */
.slider-nav .slick-list{
  padding: 4px 0 !important; /* miejsce na górze/dole dla rogów */
  box-sizing: border-box;
}

/* Kafelek (wrapper) ma obrys i zaokrąglenie, obrazek się dopasowuje */
.slider-nav .slick-slide{
  padding: 3px;               /* odstęp między kafelkami i miejsce na obrys */
  box-sizing: border-box;
}

.slider-nav .slick-slide > div{
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  overflow: hidden;           /* żeby obrazek nie wychodził poza zaokrąglenie */
  box-sizing: border-box;
  background: #fff;
}

/* obrazek bez żadnych obrysów – tylko wypełnia kafelek */
.slider-nav .slick-slide img{
  display: block;
  width: 100%;
  height: auto;
}
/* 1. Zabezpieczenie grafik przed ucinaniem i spłaszczaniem */
body article.post > div:first-child,
body article.post .image-wrapper,
body article.post .post-thumbnail,
body article.post img {
    flex-shrink: 0 !important;
}

/* 2. Układ kart i wyrównanie przycisku do dołu */
body article.post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

body article.post .content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 3. Ucinanie tekstu - WERSJA PANCERNA */
body article.post .excerpt p {
    display: -webkit-box !important;
    -webkit-line-clamp: 7 !important;
    -webkit-box-orient: vertical !important; /* Główna reguła ucinająca */
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

/* Fallback (zabezpieczenie awaryjne), gdyby wtyczka optymalizująca zepsuła regułę wyżej */
body article.post .excerpt {
    max-height: 11.5em !important; /* Ogranicza wysokość do ok. 7 linijek tekstu */
    overflow: hidden !important;
    margin-bottom: 25px !important; /* Odstęp nad przyciskiem */
}

/* 4. Wygląd przycisku */
body article.post .content a.read-more {
    margin-top: auto !important; /* Wyrównuje do dołu */
    background-color: #f47321 !important;
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    width: max-content !important;
    display: inline-flex !important;
    border: none !important;
}

body article.post .content a.read-more:hover {
    background-color: #e65c00 !important;
}
/* --- MODUŁ AKTUALNOŚCI NA STRONIE GŁÓWNEJ (.article) --- */

/* 1. Zabezpieczenie grafik przed zgnieceniem */
.article .image-wrapper {
    flex-shrink: 0 !important;
}

/* 2. Układ kart i rozciąganie do równej wysokości */
.article {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.article .content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 3. Ucinanie tekstu do 7 linijek */
.article .content .excerpt p {
    display: -webkit-box !important;
    -webkit-line-clamp: 7 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

/* Fallback dla ucinania (w razie czyszczenia kodu przez wtyczki) */
.article .content .excerpt {
    max-height: 11.5em !important;
    overflow: hidden !important;
}

/* 4. Pomarańczowy przycisk wyrównany do dołu */
.article .content a.read-more {
    margin-top: auto !important; /* Magiczna właściwość równająca do dołu */
    background-color: #f47321 !important;
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    width: max-content !important;
    display: inline-flex !important;
    border: none !important;
}

/* Efekt najechania (hover) */
.article .content a.read-more:hover {
    background-color: #e65c00 !important;
    color: #ffffff !important;
}
/* 1. Ustawiamy całe "pudełko" w odpowiednim miejscu pod ceną */
.woocommerce div.product .summary.entry-summary .cart-and-plugins-wrapper {
    order: 30; /* Zwiększamy numer, by formularz spadł pod cenę. Jeśli nadal będzie nad, zmień na 50 */
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* 2. Wymuszamy, by formularz koszyka był wewnątrz pudełka ZAWSZE pierwszy */
.woocommerce div.product .summary.entry-summary .cart-and-plugins-wrapper form.cart {
    order: 1 !important;
}

/* 3. Wszystkie wtyczki (PayU, LeaseLink i przyszłe) z automatu lądują pod formularzem */
.woocommerce div.product .summary.entry-summary .cart-and-plugins-wrapper > *:not(form.cart) {
    order: 2 !important;
}

/* Opcjonalny odstęp pod formularzem dla estetyki */
.woocommerce div.product .summary.entry-summary .cart-and-plugins-wrapper > *:not(form.cart):first-of-type,
.woocommerce div.product .summary.entry-summary .cart-and-plugins-wrapper > *:not(form.cart):nth-of-type(2) {
    margin-top: 15px; 
}
/* --- 1. Ustawienie pola ilości i przycisku w jednej linii --- */
/* Działa dla produktów prostych i wariantów */
.woocommerce div.product form.cart:not(.variations_form),
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap; /* Zapobiega zrzucaniu przycisku do nowej linii */
    align-items: stretch; /* Sprawia, że oba elementy będą miały równą wysokość */
    gap: 15px; /* Odstęp między wyborem ilości a przyciskiem */
    width: 100%;
}

/* --- 2. Wygląd pola ilości (reset marginesów) --- */
.woocommerce div.product form.cart div.quantity {
    flex: 0 0 auto; /* Utrzymuje swoją domyślną szerokość */
    margin: 0 !important; 
}

/* --- 3. Powiekszenie i stylizacja przycisku Dodaj do koszyka --- */
.woocommerce div.product form.cart .single_add_to_cart_button {
    flex: 1; /* Sprawia, że przycisk zajmuje całą resztę dostępnego miejsca */
    margin: 0 !important;
    padding: 10px 20px !important;
    min-height: 54px !important; /* ZWIĘKSZONA WYSOKOŚĆ - możesz zmienić tę wartość (np. na 60px) */
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px; /* Ewentualne powiększenie tekstu na przycisku */
}

/* --- Opcjonalnie: wyrównanie wysokości samego inputa z ilością --- */
.woocommerce div.product form.cart div.quantity input.qty {
    min-height: 54px !important; /* Musi być taka sama jak min-height przycisku wyżej */
}
/* --- Przycisk PayU Rat 0% (Wersja Ostateczna bez dublowania) --- */

/* 1. Reset zewnętrznego kontenera (wyłącza efekt "ducha" i drugą strzałkę) */
span[id^="installment-mini"] {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
}
span[id^="installment-mini"]::after {
    content: none !important; /* Zabijamy zduplikowaną strzałkę! */
}

/* 2. Główny kształt przycisku (nakładany TYLKO raz) */
.payu-mini-installments-widget {
    display: flex !important; 
    align-items: center !important;
    background-color: #004751 !important; /* Ciemny turkus PayU */
    min-height: 54px !important;
    border-radius: 4px !important;
    margin: 0 !important;
    padding: 0 50px 0 15px !important; /* 50px rezerwy na prawą strzałkę */
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* 3. Tekst główny */
.payu-mini-installments-widget [role="button"],
.payu-mini-installments-widget a {
    display: flex !important;
    align-items: center !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    position: static !important;
}

/* 4. Kwota raty (przyklejona na stałe) */
.payu-mini-installments-widget-amount {
    position: static !important; 
    float: none !important;
    margin: 0 0 0 6px !important; 
    color: #52B2A2 !important; /* Jasny turkus */
    font-weight: 700 !important;
    font-size: 15px !important;
    transform: none !important;
}

/* Ukrycie dwukropka */
.payu-mini-installments-widget-separator {
    display: none !important;
}

/* 5. Właściwa, pojedyncza strzałka */
.payu-mini-installments-widget::after {
    content: "➔" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 50px !important; 
    background-color: #f5f5f5 !important;
    color: #004751 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    border-left: 1px solid #e0e0e0 !important;
    pointer-events: none !important; /* Przepuszcza kliknięcia */
}

/* 6. Klikalność całego bloku */
.payu-mini-installments-widget [role="button"]::before,
.payu-mini-installments-widget a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 10;
    cursor: pointer;
}
/* --- Dodanie ikonki PayU po lewej stronie --- */
.payu-mini-installments-widget {
    background-image: url('https://dji-tpi.com.pl/wp-content/uploads/2026/03/0-prostokat1.png') !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important; /* Odsunięcie ikonki 15px od lewej krawędzi */
    background-size: 60px auto !important; /* Szerokość ikonki (możesz zmienić np. na 35px lub 50px) */
    
    /* Nadpisujemy lewy padding, żeby tekst "RATA 0%" zrobił miejsce dla grafiki */
    /* 50px z prawej na strzałkę, 70px z lewej na ikonkę i odstęp */
    padding: 0 50px 0 90px !important; 
}
/* Jeśli body ma tę klasę, chowamy wszystko związane z PayU, nadpisując powyższe style */
body.hide-payu-now span[id^="installment-mini"],
body.hide-payu-now .payu-mini-installments-widget {
    display: none !important;
}
/* --- FINALNA POPRAWKA: LeaseLink (Ukrycie buttona i korekta ceny) --- */

/* 1. Kontener główny */
.paynow-leaselink {
    width: 100% !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* 2. Przycisk - tło, logo i układ */
.paynow-leaselink__button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background-color: #000000 !important;
    min-height: 54px !important;
    border-radius: 4px !important;
    padding: 0 60px 0 115px !important; 
    position: relative !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-decoration: none !important;

    /* Logo prostokątne */
    background-image: url('https://dji-tpi.com.pl/wp-content/uploads/2026/03/leaselink-Wprostokat.png') !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    background-size: 90px auto !important;
}

/* 3. Tekst główny */
.paynow-leaselink__title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* 4. Kolor ceny i likwidacja odstępu przed "ZŁ" */
.paynow-leaselink__title .woocommerce-Price-amount bdi {
    color: #ad3eb1 !important;
    margin-left: 8px !important; /* Odstęp od "WEŹ LEASING OD" */
}

.paynow-leaselink__title .woocommerce-Price-currencySymbol {
    color: #ad3eb1 !important;
    margin-left: 2px !important; /* Minimalny odstęp, żeby "ZŁ" nie dotykało cyfr */
}

/* 5. SKUTECZNE UKRYCIE tego złośliwego buttona (Podwójne podkreślniki!) */
.paynow-leaselink__image-container,
.paynow-leaselink__image,
.paynow-leaselink__button img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* 6. Nasza czysta strzałka po prawej */
.paynow-leaselink__button::after {
    content: "➔" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 50px !important;
    background-color: #f5f5f5 !important;
    color: #ad3eb1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    border-left: 1px solid #e0e0e0 !important;
}
/* 1. PODNIESIENIE CAŁEJ PRAWEJ KOLUMNY */
/* Wymuszamy, aby obszar ze specyfikacją był nad dolnymi sekcjami, ale bez psucia układu motywu */
.summary.entry-summary {
    z-index: 9990 !important; 
}

/* 2. USTAWIENIE POPUPA I TŁA LEASELINK */
.paynow-leaselink_calculator__background {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9991 !important; 
}

/* KALKULATOR: Klasycznie wyśrodkowany na ekranie (góra chowa się pod headerem) */
.paynow-leaselink_calculator {
    position: fixed !important;
    top: 50% !important; 
    left: 50% !important;
    transform: translate(-50%, -50%) !important; 
    z-index: 9995 !important;
}

/* 3. OBNIŻENIE UCIĄŻLIWYCH WIDŻETÓW */
.grecaptcha-badge {
    z-index: 90 !important;
}
iframe[title*="chat"],
iframe[src*="tawk"],
div[id^="tawk-"] {
    z-index: 900 !important;
}

/* 4. NAPRAWA HEADERA */
header, 
#masthead, 
.site-header,
.whb-header,
.header-wrapper {
    z-index: 99999 !important;
}

/* 5. ODSUNIĘCIE KWOTY OD CZATU TAWK.TO */
p.paynow-leaselink_calculator__summary__label,
p.paynow-leaselink_calculator__summary__price {
    margin-right: 85px !important;
}
/* 6. NAPRAWA PASKA ADMINISTRATORA WORDPRESS */
/* Wyciągamy czarny pasek na absolutny wierzch */
#wpadminbar {
    z-index: 999999 !important;
}

/* Obniżamy Twój header o 32px, ale TYLKO wtedy, gdy jesteś zalogowany w panelu */
body.admin-bar header, 
body.admin-bar #masthead, 
body.admin-bar .site-header,
body.admin-bar .whb-header,
body.admin-bar .header-wrapper {
    top: 32px !important;
}
/* --- POPRAWA WYGLĄDU WARIANTÓW (POPRAWIONE SELEKTORY) --- */

/* 1. Wyśrodkowanie w pionie dla komórek w tabeli wariantów */
table.variations th,
table.variations td {
    vertical-align: middle !important;
}

/* 2. Powiększenie i stylizacja napisu "Ubezpieczenie" (zmiana z td na th) */
table.variations th.label label {
    font-size: 16px !important; /* Tutaj zmieniaj wielkość */
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    padding-right: 15px !important; 
}

/* 3. Odsunięcie tekstu "Wybierz opcję" od lewej krawędzi wewnątrz ramki */
table.variations td.value select {
    padding-left: 15px !important;
    min-height: 40px !important;
}
/* --- ZMNIEJSZENIE ODSTĘPU MIĘDZY CENAMI --- */

/* 1. Wymuszamy, by obie ceny wyświetlały się jedna pod drugą (jak klocki) */
p.price span.price-netto--inline,
p.price span.price-brutto--inline {
    display: block !important;
}

/* 2. Ukrywamy domyślny znacznik nowej linii, który robił bałagan */
p.price br {
    display: none !important;
}

/* 3. Precyzyjna kontrola odstępu */
p.price span.price-brutto--inline {
    margin-top: -5px !important; /* <-- Zmień tę wartość, aby kontrolować odstęp */
    line-height: 1.1 !important; /* Zmniejszamy domyślne światło między wierszami */
}
/* --- WYRÓWNANIE CENY I KOSZYKA DO LEWEJ KRAWĘDZI --- */

/* 1. Zerowanie marginesów dla bloku ceny i formularza koszyka */
.woocommerce div.product .summary p.price,
.woocommerce div.product .summary form.cart,
.woocommerce div.product .summary table.variations {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 2. Upewnienie się, że etykieta "Ubezpieczenie" przylega do krawędzi */
.woocommerce div.product .summary table.variations th.label {
    padding-left: 0 !important;
    text-align: left !important;
}

/* 3. Wyrównanie wtyczek ratalnych (PayU i LeaseLink), jeśli mają własne marginesy */
.woocommerce div.product .summary .payu-mini-installments-widget,
.woocommerce div.product .summary .paynow-leaselink {
    margin-left: 0 !important;
}
/* --- ZBLIŻENIE RAMKI DO ETYKIETY I POSZERZENIE BOXA --- */

/* 1. Ściśnięcie kolumny z etykietą do szerokości tekstu */
table.variations th.label {
    width: auto !important; 
    min-width: unset !important; /* Usuwamy domyślne szerokości motywu */
    padding-right: 15px !important; /* Ustawiamy mały, kontrolowany odstęp (możesz zmienić np. na 20px) */
    white-space: nowrap !important; /* Zapobiega łamaniu słowa "Ubezpieczenie" na dwie linijki */
}

/* 2. Przekazanie całego wolnego miejsca kolumnie z listą rozwijaną */
table.variations td.value {
    width: 100% !important;
}

/* 3. Rozciągnięcie samej ramki wariantu */
table.variations td.value select {
    width: 100% !important; /* Ramka wypełni całą dostępną przestrzeń */
    max-width: 400px !important; /* Zabezpieczenie, żeby nie była komicznie długa na ogromnych monitorach (możesz to usunąć lub zwiększyć) */
}
/* --- POSZERZENIE PRZYCISKU KOSZYKA DLA WARIANTÓW (POPRAWIONE) --- */

/* 1. Odblokowujemy szerokość dla całego opakowania wariantu */
.woocommerce div.product form.variations_form .single_variation_wrap {
    display: block !important;
    width: 100% !important;
}

/* 2. Rozciągamy kontener z ilością i przyciskiem na 100% */
.woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
}

/* 3. Zmuszamy sam przycisk do wypełnienia pustej przestrzeni obok "ilości" */
.woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
    flex-grow: 1 !important;
    width: 100% !important;
}
/* ===== GŁÓWNY KONTENER ===== */
.summary.entry-summary {
  display: flex;
  flex-direction: column;
}

.summary .price {
  order: 20;
}

.summary .cwginstock-subscribe-form {
  order: 30;
  margin-top: 20px;
  border: 1px solid #f47321;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

/* ===== USUNIĘCIE STYLI PANELU ===== */
.cwginstock-subscribe-form .panel,
.cwginstock-subscribe-form .cwginstock-panel-primary {
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  background: transparent;
}

/* ===== NAGŁÓWEK ===== */
.cwginstock-subscribe-form .cwginstock-panel-heading {
  background: #f47321 !important;
  color: #fff !important;
  font-weight: 600;
  text-align: center;
  padding: 14px;
  font-size: 16px;
  border: none !important;
}

/* ===== BODY / ŚRODEK ===== */
.cwginstock-subscribe-form .cwginstock-panel-body {
  background: #fff;
  padding: 20px;
  border: none !important;
}

/* ===== POLA TEKSTOWE (INPUTY) ===== */
.cwginstock-subscribe-form input[type="text"],
.cwginstock-subscribe-form input[type="email"],
.cwginstock-subscribe-form select {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 12px;
  width: 100%;
  box-sizing: border-box; /* Ważne, żeby padding nie wywalał szerokości */
}

/* ===== ZGODA / CHECKBOX (FIX ROZJECHANIA) ===== */
.cwginstock-subscribe-form .cwg_iagree_checkbox {
  display: flex !important; /* Flex jest stabilniejszy w tym przypadku */
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
  text-align: left;
}

.cwginstock-subscribe-form .cwg_iagree_checkbox input[type="checkbox"] {
  width: auto !important; /* KLUCZOWE: checkbox nie może mieć 100% szerokości */
  margin: 4px 0 0 0 !important;
  flex-shrink: 0; /* Żeby checkbox nie zmalał */
}

.cwginstock-subscribe-form .cwg_iagree_checkbox label {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  display: block;
}

/* ===== PRZYCISK ===== */
.cwginstock-subscribe-form input.cwgstock_button {
  background: #f47321 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  padding: 14px;
  width: 100% !important;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  display: block;
}

.cwginstock-subscribe-form input.cwgstock_button:hover {
  background: #d65f1b !important;
}

/* CZYŚCZENIE SYFU Z MOTYWU */
.cwginstock-subscribe-form::before,
.cwginstock-subscribe-form::after,
.cwginstock-panel-body::before,
.cwginstock-panel-body::after {
  display: none !important;
}
/* "Dowiedz się więcej" - normalny */
a.button.product_type_simple {
  background-color: #f47321;
  color: #fff;
  border: 2px solid #f47321;
  transition: all 0.3s ease;
}

/* HOVER - efekt negatywu */
a.button.product_type_simple:hover {
  background-color: #fff !important;
  color: #f47321 !important;
  border: 2px solid #f47321 !important;
}
.p24-top-category-description {
  display: block;
  width: 100%;
  margin: 0 0 25px 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.6;
}

.p24-top-category-description h2 {
  font-size: 22px;
  margin-bottom: 10px;
}

.p24-top-category-description h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.p24-top-category-description p {
  margin-bottom: 12px;
}

.p24-top-category-description p:last-child {
  margin-bottom: 0;
}