@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');
.woocommerce-product-gallery__image .flex-active-slide, .woocommerce-product-gallery__image, .flex-viewport {
    max-width: 600px; border-radius: 20px; order: 1;
}
.woocommerce div.product div.images .flex-control-thumbs {
        max-width: 600px;
        margin-top: 50px; width: 100%; display: flex; gap: 10px; overflow: hidden; /* Ukryj pozostałe elementy */ order: 3; } .woocommerce div.product div.images .flex-control-thumbs li { flex: 0 0 calc((100% - 30px) / 4); /* Ustaw szerokość miniatury na 1/4 widocznego obszaru */ box-sizing: border-box; transition: .3s; } .woocommerce div.product div.images .flex-control-thumbs li img { width: 100%; height: auto; display: block; object-fit: cover; } .flex-direction-nav { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 20px; margin-bottom: 50px; width: 100%; max-width: 600px; order: 2; } .flex-nav-next,.flex-nav-prev{ width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } a.flex-next,a.flex-prev{ visibility:hidden; text-decoration: none; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; position: relative; } a.flex-next::after { visibility: visible; content: '\f061'; font-family: 'Font Awesome 5 Free'; margin-top: 0px; font-size: 24px; font-weight: bold; color: #333; background: #fff; padding: 15px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: 0px 0px 34px -14px rgba(0, 0, 0, 0.45); } a.flex-prev::before { visibility:visible; content: '\f060'; font-family: 'Font Awesome 5 Free'; margin-top: 0px; font-size: 24px; font-weight: bold; color: #333; background: #fff; padding: 15px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: 0px 0px 34px -14px rgba(0, 0, 0, 0.45); } .woocommerce div.product { margin: auto; width: 100%; max-width: 1400px; padding: 0 50px; }@media(max-width:1024px){.woocommerce div.product{padding: 0 10px;}} .woocommerce div.product div.summary{ margin-top: 50px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; } .product-contact-details{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px; margin-top: 10px; } .product-contact-details h5{ font-weight: 600; } .product-contact-details a{ color: #333; font-size: 16px; text-decoration: none; font-weight: 400; } .custom-product-category,.custom-product-tags{ color: #333; font-size: 16px; font-weight: 600; } .custom-product-category a, .custom-product-tags a { text-decoration: none; color: #333; font-weight: 400; } .woocommerce div.product .product_title{ color: #333; font-family: 'Montserrat'; font-size: 32px; font-weight: 400; line-height: normal; } .single-product .price .amount{ color: #333; font-family: 'Montserrat'; font-size: 38px; font-weight: 500; line-height: normal; } .woocommerce div.product form.cart{ display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-start; gap: 30px; margin-bottom: 10px; } .woocommerce div.product form.cart::after{ display: none; } .woocommerce div.product form.cart .button{ border-radius: 5px; background: #333; border: 1px solid #333; color: #FFF; font-family: 'Montserrat'; font-size: 16px; font-weight: 400; line-height: normal; width: 230px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 10px; transition: .2s; } .woocommerce div.product form.cart .button:hover{ color: #333; background-color: #fff; } .woocommerce div.product form.cart .button:hover svg{ stroke: #333; } .woocommerce .quantity{ display: flex; align-items: flex-end; gap: 5px; } .woocommerce .quantity::after{ content: 'szt'; font-size: 24px; font-weight: 300; color: #333; } .woocommerce .quantity .qty{ width: 60px; height: 36px; background-color: #fff; color: #333; border: 1px solid #333; font-size: 24px; font-weight: 300; display: flex; align-items: center; justify-content: center; padding-left: 15px; } .wpclv-attributes .wpclv-attribute-label{ color: #333; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; line-height: normal; } .wpclv-attributes .wpclv-terms .wpclv-term a,.wpclv-attributes .wpclv-terms .wpclv-term span{ background-color: #fff; color: #333; text-decoration: none; font-size: 16px; font-weight: 500; cursor: pointer; border-color: #333; transition:.3s; } .wpclv-attributes .wpclv-terms .wpclv-term.active, .wpclv-attributes .wpclv-terms .wpclv-term.active a, .wpclv-attributes .wpclv-terms .wpclv-term.active span{ border-color: #333; background-color: #333; color: #fff; transition:.3s; } .wpclv-term-image.wpclv-term.hint--top.active{ background-color: #fff; border-width: 2px; } .wpclv-attributes .wpclv-terms .wpclv-term{ background-color: transparent; border: 1px solid #333; border-radius: 5px; transition:.3s; } .wpclv-attributes .wpclv-terms .wpclv-term:hover, .wpclv-attributes .wpclv-terms .wpclv-term:hover a, .wpclv-attributes .wpclv-terms .wpclv-term:hover span{ border-color: #333; background-color: #333; color: #fff; } .contact-btn{ width: 230px; height: 40px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; color: #333; text-decoration: none; font-size: 16px; font-weight: 500; border: 1px solid #333; border-radius: 5px; background-color: #fff; transition: .3s; } .contact-btn:hover{ color: #fff; background-color: #333; text-decoration: none; } .adventages { display: flex; flex-direction: column; font-size: 14px; color: #333; max-width: 330px; } .adventages a{ color: #333; } .adventages__single { display: grid; grid-template-rows: auto 0fr; transition: grid-template-rows 0.3s ease; overflow: hidden; } .adventages__single.active { grid-template-rows: auto 1fr; } .adventages__header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 4px 0; min-height: 24px; } .adventages__info { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; overflow: hidden; } .adventages__info span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-weight: 400; } .adventages__header svg { flex-shrink: 0; width: 16px; height: 16px; } .adventages__header.paypo svg{ width: 40px; height: auto; } .arrow { display: inline-block; width: 8px; height: 8px; margin-left: auto; margin-right: 4px; border: solid #333; border-width: 0 1.5px 1.5px 0; padding: 3px; transform: rotate(45deg); transition: transform 0.3s ease; flex-shrink: 0; } .adventages__single.active .arrow { transform: rotate(-135deg); } .adventages__content { overflow: hidden; padding-left: 22px; padding-top: 4px; opacity: 0; transition: opacity 0.2s ease; font-size: 13px; line-height: 1.4; } .adventages__single.active .adventages__content { opacity: 1; } .summary-related-products h2{ color: #333; font-size: 20px; font-weight: 600; font-family: 'Montserrat'; } .summary-related-products .related .products{ display: flex; flex-direction: row; flex-wrap: nowrap; } .summary-related-products .related .products .product{ padding: 5; width: 100px; height: 135px; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 10px; } .summary-related-products .star-rating::before { display: none !important; } .summary-related-products .related .products .product::after{ content: 'Zobacz'; padding-bottom: 5px; color: #333; cursor: pointer; font-weight: 500; } .summary-related-products .related .products .product a img{ padding: 0; object-fit: cover; } .summary-related-products .related .products li .product-main-content .woocommerce-loop-product__title,.summary-related-products .related .products li .product-main-content .add_to_cart_button,.summary-related-products .product-thumbnails{ display: none; } .summary-related-products .related .products li .product-main-content .price{ display: flex; align-items: center; justify-content: center; } .summary-related-products .related .products li .product-main-content .price .amount{ font-size: 12px; } .woocommerce div.product .woocommerce-product-rating{ margin-bottom: 0; } .woocommerce .star-rating span::before{ color: gold; } .woocommerce-review-link{ color: #333; font-size: 16px; text-decoration: none; font-weight: 500; }  /* TABS */ .woocommerce div.product .woocommerce-tabs ul.tabs{ display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 70px; } .woocommerce div.product .woocommerce-tabs ul.tabs::before{ display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ border: none; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-bottom: 2px solid #333; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ font-size: 22px; color: #333; font-weight: 600; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a{ color: #333; } #tab-description{ color: #333; display: flex; flex-direction: column; gap: 15px; font-size: 18px; line-height: 150%; } .wc-tab{ margin: auto !important; max-width: 1100px; margin-bottom: 80px !important; } .wc-tab>h2{ display: none; } .wc-tabs li::after, .wc-tabs li::before{ display: none; } #tab-description .section h1, #tab-description .section h2, #tab-description .section h3 ,#tab-description .section h4, #tab-description .section h5{ font-family: 'Montserrat'; margin-bottom: 15px; font-size: 24px; } .woocommerce table.shop_attributes{ color: #333; } #reviews{ color: #333; } .woocommerce-Reviews-title{ font-size: 22px; color: #333; text-align: center; margin: 50px auto; font-family: 'Montserrat'; font-weight: 300; line-height: 150%; } #reply-title{ font-size: 20px; } .comment-form{ display: flex; flex-direction: column; gap: 20px; margin-top: 30px; } .comment-notes{ display: flex; flex-direction: column; } .comment-form-email,.comment-form-author,.comment-form-comment,.comment-form-rating,.comment-notes{ display: flex; flex-direction: column; gap: 10px; } .comment-form input, .comment-form textarea{ outline: none; font-family: 'Montserrat'; color: #333; border: 1px solid #333; background-color: #fff; max-width: 400px; } .woocommerce p.stars a{ color: gold; } .woocommerce #review_form #respond .form-submit input{ color: #333; background-color: #fff; border: 1px solid #333; font-weight: 400; } /* Overlay */ .woocommerce-message-modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 9998; } /* Modal box */ .woocommerce-message-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0px 0px 34px -14px rgba(0, 0, 0, 0.45); z-index: 9999; max-width: 90%; width: 500px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } /* Ukryj domyślny komunikat */ .single-product .woocommerce-notices-wrapper .woocommerce-message { display: none !important; } @media(max-width: 768px){ .woocommerce div.product .woocommerce-tabs ul.tabs{ flex-wrap: wrap; } .post-type-archive-product .woocommerce-page ul.products[class*=columns-] li.product{ max-width: none; } } /* Sekcja obraz + tekst (2 kolumny) */ .pika-two-cols{ display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; margin:24px 0; } .pika-two-cols .col-img{order:1} .pika-two-cols .col-text{order:2} /* Obraz po PRAWEJ – zamiana kolejności */ .pika-two-cols.img-right .col-img{order:2} .pika-two-cols.img-right .col-text{order:1} /* Limit wysokości obrazka */ .pika-two-cols .col-img img{ width:100%; height:auto; max-height:500px; /* <= o to chodzi */ display:block; border-radius:8px; } @media (max-width:900px){ .pika-two-cols{grid-template-columns:1fr} /* kolejność na mobile bez znaczenia, i tak jedna kolumna */ } /* Ukryj gwiazdki TYLKO w boksach pod produktem */ .single-product section.related .star-rating, .single-product section.related .star-rating::before, .single-product section.related .star-rating span::before, .single-product section.upsells .star-rating, .single-product section.upsells .star-rating::before, .single-product section.upsells .star-rating span::before { display: none !important; content: none !important; }

/* --- NOWA sekcja: up-selle pod produktem --- */
.pika-upsells-section { margin: 30px 0 10px; }
.pika-upsells__title{
  color:#333;
  font-size:20px;
  font-weight:600;
  font-family:'Montserrat';
  margin:0 0 16px;
}
/* Lista produktów – mini-kafle w jednej linii (3 kolumny) */
.pika-upsells-section .products.columns-3{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:10px;
}
/* Karta mini – unikalna klasa dodawana filtrem post_class */
.pika-upsells-section .products li.pika-upsell-card{
  width: 100px;
  height: 135px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* Ukryj zbędne elementy w mini-kaflach */
.pika-upsells-section .star-rating::before { display:none !important; }
.pika-upsells-section .products li .product-main-content .woocommerce-loop-product__title,
.pika-upsells-section .products li .product-main-content .add_to_cart_button,
.pika-upsells-section .product-thumbnails{
  display:none;
}
.pika-upsells-section .products li .product-main-content .price{
  display:flex;
  align-items:center;
  justify-content:center;
}
.pika-upsells-section .products li .product-main-content .price .amount{ font-size:12px; }
.pika-upsells-section .products li a img{
  padding:0;
  object-fit:cover;
}

.single-product section.related h2,
.single-product section.upsells h2 { display:none !important; }

.single-product ul.products.columns-3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  position: relative;
}

ul.products.columns-3::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.woocommerce ul.products.columns-3 li.product.pika-upsell-card, .woocommerce-page ul.products.columns-3 li.product.pika-upsell-card{
    width: 110px;
}
@media(max-width:380px){
    .woocommerce ul.products.columns-3 li.product.pika-upsell-card, .woocommerce-page ul.products.columns-3 li.product.pika-upsell-card{
    width: 95px;
}
}
.woocommerce ul.products li.product.pika-upsell-card a img {
    margin: 0;
    padding: 0;
}

.woocommerce ul.products li.product.pika-upsell-card .price{
    margin: 0;
    text-align: center;
}

.woocommerce ul.products li.product.pika-upsell-card .button{
    border: none;
    background-color: #fff;
    color: #333;
    margin: 0;
    padding: 10px;

}