/* Typo */

.h1, .h2, .h3, .h4 {
 color: #12365D;
}


/* Efekt Ken Burns dla sekcji z klasą 'ken-burns' */
/* Kontener tła sekcji */
.ken-burns-bg {
 animation: kenburns-direct 20s ease-in-out infinite;
 transform-origin: center center;
 will-change: transform;
}

/* Płynne przybliżenie i przesunięcie */
@keyframes kenburns-direct {
 0%   { transform: scale(1) translate(0, 0); }
 50%  { transform: scale(1.1) translate(-1%, -1%); }
 100% { transform: scale(1) translate(0, 0); }
}


#pheader .elementor-icon-list-icon svg {
 max-height: fit-content;
}

/* IMAGE ACCORDION */

.image-accordion {
 display: flex;
 width: 100%;
 height: 600px;
 overflow: hidden;
 font-family: 'Poppins', sans-serif;
}

.accordion-item {
 position: relative;
 flex: 1;
 transition: flex 0.5s ease;
 overflow: hidden;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 background-position: 60% 50%;
 background-size: cover;
 background-repeat: no-repeat;
}
.pionowa {
 position: absolute;
 transform: rotate(-90deg);
 color: white;
 font-size: 40px;
 background-color: #00000085;
 padding: 25px;
 border-radius: 8px;
 letter-spacing: 5px;
}

.accordion-item:hover {
 flex: 6;
}

.accordion-item.active {
 flex: 6;
}
.accordion-item.active .pionowa {
 display:none;
}
.accordion-item::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;
 filter: brightness(0.6);
 z-index: 1;
 transition: transform 0.5s ease;
}

.accordion-item.moskitiery{ background-image: url('https://plisguard.pl/images/moskitiery2.webp'); }
.accordion-item.plisy{ background-image: url('https://plisguard.pl/images/plisy.webp'); }
.accordion-item.rolety{ background-image: url('https://plisguard.pl/images/rolety.webp'); }
.accordion-item.akcesoria{ background-image: url('https://plisguard.pl/images/full-shot-woman-luxury-vacation.jpg'); }

.accordion-content {
 position: relative;
 z-index: 2;
 opacity: 0;
 transform: translateY(20px);
 transition: all 0.5s ease;
 text-align: center;
 padding: 35px 20px;
 background-color: #00000085;
 border-radius: 8px;
}

.accordion-item:hover .accordion-content,
.accordion-item.active .accordion-content {
 opacity: 1;
 transform: translateY(0);
}

.accordion-title {
 font-size: 1.5rem;
 font-weight: bold;
 margin-bottom: 15px;
}

.accordion-desc {
 font-size: 1rem;
 margin-bottom: 20px;
 padding-bottom: 7px;
}

.accordion-button {
 background-color: #7CC042;
 color: white;
 padding: 10px 20px;
 border-radius: 20px;
 text-decoration: none;
 font-weight: bold;
 border: 1px solid #7CC042;
 transition: 0.5s;
}
.accordion-button:hover {
 background-color: white;
}
/* KOMARY */
@keyframes flyAndCrash {
 0% { transform: translate(-50px, -50px) scale(1); opacity: 1; }
 80% { transform: translate(0, 0) scale(1.1); opacity: 1; }
 100% { transform: scale(0); opacity: 0; }
}

.mosquito {
 position: absolute;
 width: 40px;
 height: 40px;
 background-image: url('https://plisguard.pl/images/komar3.webp');
 background-size: contain;
 background-repeat: no-repeat;
 opacity: 0;
 transform: translateY(-40px) scale(1.4);
 z-index: 3;
 transition: opacity 0.2s ease;
}
.mosquito.active {
 animation: flyAndCrash 1.5s ease-out forwards;
 opacity: 1;
}

/* Podstrona kategorii */

#subcategories {
 display:none;
}
.block-category {
 min-height: unset;
 margin-bottom: 1.563rem;
}

/* Produktu */
.tabs .nav-tabs .nav-link {
 color: #12365D;
}
.page-content.page-cms ul, p {
 color: #242424;
}
.product-prices {
 margin-top: 1.25rem;
 display: flex;
}
.current-price-value {
 font-size: 22px;
}
.product-prices .tax-shipping-delivery-label {
 padding-left: 10px;
}
.tabs .nav-item:nth-child(2) {
 display:none;
}
@media (min-width: 768px) {
 .an-pf-fields-wrap .col-sm-12 {
  display: flex;
  justify-content: space-between;
 }
 .an-pf-fields-wrap .col-sm-12 .js-anpf-field.an-pf-field.an-pf-field-type-number {
  width: 49%;
 }
}

#attachments .attachment:first-child {
 padding-bottom: 0px;
}
#attachments .attachment {
 padding-bottom: 20px;
}

#product-comments-list-header, #empty-product-comment {
 display:none;
}