/* =================== zakladki w opisach produktu ============ */
.t-bar{width:100%;overflow:hidden}
.t-bar .t-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.t-bar .t-button{white-space:normal}
.t-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.t-button:hover{color:#000;background-color:#ccc}
.t-blue,.t-hover-blue:hover{color:#fff;background-color:#0099cc}
.t-white,.t-hover-white:hover{color:#000;background-color:#fff}
.t-grey,.t-hover-grey:hover{color:#000;background-color:#efeff5}
@media (hover: none) {
.t-button:hover { background-color: inherit; }
}
/* ===== nowe zakladki ====== */
.tab-list {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin: 10px 0;
background-color: #efeff5;
}
.tab-item {
border: none;
display: inline-block;
padding: 8px 16px;
text-align: center;
color: inherit;
background-color: inherit;
cursor: pointer;
white-space: nowrap;
flex: 1 1 20%;
}
.tab-item:hover {
color: #000;
background-color: #ccc;
border-radius: 4px;
}
.tab-active,
.tab-item:active {
color: #fff !important;
background-color: #333;
border-radius: 4px;
}
/* usuwa animacje z kafli i poprawia opisy */
@media screen and (min-width: 769px) {
.productsList__gridView-js .product-item-third:hover, .productsList__gridView-js .product-item-third:focus-within,
.product-list__gridView-js .product-item-third:hover, .product-list__gridView-js .product-item-third:focus-within {
position: inherit !important;
left: inherit !important;
top: inherit !important;
z-index: inherit !important;
box-shadow: inherit !important;
width: calc(100% - 32px) !important;
}
.productsList__listView-js .product-item-third:hover, .productsList__listView-js .product-item-third:focus-within,
.product-list__listView-js .product-item-third:hover, .product-list__listView-js .product-item-third:focus-within {
box-shadow: inherit !important;
z-index: inherit !important;
}
.productsList__listView-js .product-item-third .product-item__description h2,
.product-list__listView-js .product-item-third .product-item__description h2 {
font-weight: unset;
margin-bottom: 32px;
letter-spacing: normal;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: none;
-webkit-box-orient: horizontal;
overflow: unset;
width: 100%;
height: fit-content;
}
.productsList__gridView-js .product-item-third .product-item__description h2,
.product-list__gridView-js .product-item-third .product-item__description h2 {
font-weight: unset;
width: 100%;
height: 140px;
max-height: 140px;
margin-bottom: 16px;
letter-spacing: normal;
margin-top: 8px;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: none;
-webkit-box-orient: horizontal;
overflow: unset;
}
.productsList__gridView-js .product-item__placeholder,
.product-list__gridView-js .product-item__placeholder {
height: unset;
}
.productsList__gridView-js .product-item-third:hover .product-flags,
.productsList__gridView-js .product-item-third:focus-within .product-flags,
.product-list__gridView-js .product-item-third:hover .product-flags,
.product-list__gridView-js .product-item-third:focus-within .product-flags {
display: block;
}
}
@media screen and (max-width: 768px) {
.productsList__listView-js .product-item-third .product-item__description h2,
.product-list__listView-js .product-item-third .product-item__description h2 {
font-weight: unset;
width: 100%;
max-height: 210px;
height: 210px;
margin-bottom: 16px;
letter-spacing: normal;
margin-top: 8px;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: none;
-webkit-box-orient: horizontal;
overflow: unset;
}
.productsList__gridView-js .product-item-third .product-item__description h2,
.product-list__gridView-js .product-item-third .product-item__description h2 {
font-weight: unset;
width: 100%;
height: 210px;
max-height: 210px;
margin-bottom: 16px;
letter-spacing: normal;
margin-top: 8px;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: none;
-webkit-box-orient: horizontal;
overflow: unset;
}
.product-item-third .product-item__description h2 {
font-size: 14px;
line-height: 22px;
}
.productsList__gridView-js .product-item__placeholder,
.product-list__gridView-js .product-item__placeholder {
/*height: 650px;*/
}
}
/* kafle polecane promocja */
.product-item:not(.product-item-pl) .old-price {
font-size: 18px;
}
/* kafle w kategoriach */
.productsList__gridView-js .product-item-third .normalPrice,
.product-list__gridView-js .product-item-third .normalPrice {
letter-spacing: normal;
}
.productsList__gridView-js .product-item-third .productsList3__prices .oldPrice,
.product-list__gridView-js .product-item-third .productsList3__prices .oldPrice {
font-size: 18px;
letter-spacing: normal;
}
@media screen and (min-width: 769px) {
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .productsList3__prices .oldPrice,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .productsList3__prices .oldPrice {
font-size: 18px;
letter-spacing: normal;
}
}
/* styl menu */
@media screen and (min-width: 769px) {
.headerSection__categories .mainCategories__category a span {
text-transform: none;
display: inline;
min-width: 220px;
letter-spacing: normal;
font-size: 16px;
font-weight: 500;
}
}
.headerSection__categories .mainCategories .subCategories {
min-width: 350px;
top: 72px;
padding-top: 5px;
}
.showOnLeft {
left: unset !important;
right: 0 !important;
}
@media only screen and (min-width: 769px) {
.headerSection {
height: 212px;
&:has(.top-banner):not(.frozenHeader) {
height: 330px;
}
}
.headerSection__categories .mainCategories {
height: 80px;
}
.headerSection__top-banner {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 13;
}
.headerSection__background {
height: 212px;
&.top-banner-background {
height: 330px;
}
}
}
.headerSection__categories .mainCategories__category {
height: 50px;
}
.headerSection__categories .swiper-button-prev,
.headerSection__categories .swiper-button-next {
height: 59px !important;
}
/* banner na górze */
.top-banner {
display: flex;
justify-content: center;
a {
height: 105px;
width: 780px;
margin-top: 10px;
}
}
/* paski oddzielające na głównej */
@media only screen and (max-width: 768px) {
.recommended-products1 .recommended-products-border {
margin: 25px 0;
}
}
/* breadcrumbs */
.breadcrumbs-wrapper {
height: 55px;
}
.breadcrumbs {
padding: 17px 0;
}
.breadcrumbs__piece {
font-size: 14px;
}
.breadcrumbs__piece--last {
font-size: 14px;
}
@media only screen and (max-width: 599px) {
.breadcrumbs {
line-height: normal;
}
}
/* filtry */
.productsList__filters--showFilters {
display: none;
}
/* nazwa działu */
.productsList__products--top-descriptionContainer-categoryName {
font-size: 20px;
text-transform: none;
}
@media screen and (min-width: 769px) {
.productsList__products--top-descriptionContainer-categoryName {
margin-top: 0px;
}
}
.productsList__products--top-descriptionContainer {
margin-top: 0px;
}
/* opisy działów */
.productsList__products--top-descriptionContainer-categoryDescription {
font-family: 'Fira Sans', sans-serif;
}
/* pasek kontakt */
.headerSection__contact-icons {
font-size: 13px;
line-height: 19px;
}
/* opis produktu i sekcja polecanych w stronie porduktu */
@media only screen and (max-width: 768px) {
.product-details__full-details .product-attributes ul,.product-details__full-details {
width: unset;
}
}
@media only screen and (min-width: 769px) {
.product-details__full-details .product-description {
width: 90%;
}
.product-details-wrapper2 {
display: flex;
flex-direction: row;
}
.product-recommended-right {
width: 420px;
}
.first-header-recommend {
line-height: 33px;
margin-top: 0;
}
}
@media only screen and (max-width: 768px) {
.product-recommended-right {
.product-item:not(.product-item-pl) .product-item__addToCart-grid {
visibility: visible;
}
}
}
.recommended-item {
border-bottom: 1px solid #f2f2f2;
}
/* newsletter */
.newsletter1 {
padding: 10px 0 0 0;
}
.newsletter1__consents ul li:not(ul li ul li) {
padding: 0 9px 0 0;
margin: 0 9px 0 0;
}
/* blog na głównej */
.blog-wrapper .otherPosts__post-three-and-four-posts {
width: 20%;
}
@media screen and (min-width: 769px) {
.blog-bottom__title {
margin: 15px 0 15px;
}
}
.blog-bottom__title {
width: 100%;
height: 14px;
border-bottom: 1px solid #555555;
text-align: right;
}
.blog-bottom__title .text {
margin-bottom: 20px;
padding: 0 20px;
background-color: #FFFFFF;
font-size: 20px;
}
@media screen and (max-width: 768px) {
.blog-bottom__title .text {
font-size: 14px;
}
}
.blog-wrapper .firstPost__post .data-container .date {
font-weight: 500;
text-align: left;
font-size: 12px;
color: #333333;
}
.blog-wrapper .otherPosts__post .data-container .date {
font-weight: 500;
text-align: left;
font-size: 12px;
color: #333333;
}
.blog-wrapper .firstPost__post .image-container a .image {
object-fit: contain;
}
.blog-wrapper .otherPosts__post .image-container a .image {
object-fit: contain;
}
.container-blog .firstPost__post .image-container a .image {
object-fit: contain;
}
.container-blog .otherPosts__post .image-container a .image {
object-fit: contain;
}
/* szczegóły produktu */
.product-details h1 {
font-weight: 400;
}
.product-details__other-option2 {
display: inline-block;
color: #333333;
padding: 0 6px;
.delivery-cost-container,
.availability-container {
margin-bottom: unset;
}
.stock-label,
.availability-label,
.delivery-cost-container a {
font-size: 15px;
font-weight: inherit;
}
}
.product-details__info-container .value {
font-size: 15px;
}
.product-details__button-group .primary-action-button.add-to-cart {
padding: 14px 0 16px;
font-size: 16px;
}
.product-details-wrapper {
margin: 40px 0 50px;
}
.old-price {
font-size: 24px;
}
.product-details .product-details__info-container .prices .old-price span {
font-size: 24px;
}
.product-details__data .attribute-name {
font-size: 15px;
font-weight: 400;
}
.product-details__data a {
font-size: 15px;
font-weight: 400;
}
@media screen and (max-width: 768px) {
.product-details__other-options .product-details__other-option2 {
margin: 5px 0;
padding: 10px 0;
text-align: center;
}
.delivery-cost-container,
.availability-container {
display: flex;
flex-direction: column;
}
}
/* opis produktu */
.product-details__full-details .product-description strong,
.product-details__full-details .product-description b {
font-weight:normal;
}
.product-details__full-details .product-description {
text-align: left;
}
.product-details__full-details .product-description h1 {
font-size: 28px;
margin: 22px 0px 5px 0px;
}
.product-details__full-details .product-description h2 {
font-size: 26px;
font-weight: normal;
margin: 20px 0px 4px 0px;
}
.product-details__full-details .product-description h3 {
font-size: 22px;
font-weight: normal;
margin: 18px 0px 3px 0px;
}
.product-details__full-details .product-description h4 {
font-size: 18px;
margin: 16px 0px 2px 0px;
white-space: normal;
}
.product-details__full-details .product-description h5 {
font-size: 14px;
margin: 14px 0px 2px 0px;
}
.product-details__full-details .product-description h6 {
font-size: 10px;
margin: 12px 0px 2px 0px;
}
.product-details__full-details .product-description p {
font-size: 18px;
font-weight: 300;
line-height: 180%;
margin: 0px 0px 4px 0px;
}
.product-details__full-details .product-description table {
width: 100%;
border-collapse: collapse;
}
.product-details__full-details .product-description table,
.product-details__full-details .product-description td,
.product-details__full-details .product-description th {
border: 1px solid #5c5c5c;
}
.product-details__full-details .product-description table.NoBorder {
border: 0px;
}
.product-details__full-details .product-description .NoBorder td,
.product-details__full-details .product-description .NoBorder th {
border: 0px;
vertical-align: top;
}
.product-details__full-details .product-description td,
.product-details__full-details .product-description th {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
padding: 4px;
}
.product-details__full-details .product-description td {
font-weight: 300;
}
.product-details__full-details .product-description td:nth-child(n+2) {
text-align: center;
}
.product-details__full-details .product-description .TableAllCenter td {
text-align: center;
}
.product-details__full-details .product-description .TableAllLeft td {
text-align: left;
}
.product-details__full-details .product-description th {
text-align: center;
font-weight: bold;
background-color: #f5f5f5;
}
.product-details__full-details .product-description ul,
.product-details__full-details .product-description ol {
padding-left: 1.2em;
margin: 4px 0px 4px 0px;
}
.product-details__full-details .product-description li {
font-size: 18px;
font-weight: 300;
line-height: 180%;
padding-bottom: 5px;
}
.product-details__full-details .product-description * {
font-family: 'Fira Sans', sans-serif !important;
}
/* cechy towaru */
.product-details__full-details .product-attributes>ul li {
padding: 7px 0;
}
/* lista produktów paginator i licznik */
.productsList__products--bottom .product-list__pagination .pagination__link a span {
font-size: 16px;
}
.svgIcon-big {
width: 22px;
height: 22px;
}
.productsList__products--bottom-counter {
font-size: 16px;
}
.productsList__products--bottom--currentPage {
font-size: 16px;
}
/* fix */
.footer__section-title.is-open .svgIcon--arrowDown { transform: rotate(90deg); }
.footer .footer__section-title .svgIcon--arrowDown {
transition: transform .3s ease;
}
.footer .footer__section-title.is-open .svgIcon--arrowDown {
transform: rotate(-90deg);
}