body.layout-modern #wrapper, #page #wrapper { background-color: #ffffff; }#content-wrapper .product-accessories, #content-wrapper .featured-products, .card-block, .sidebar-latest.block, #search_filters, #search_filters_brands, #search_filters_suppliers, .block-categories { background-color: #ffffff; }#header, #header .header-top { background-color: #ffffff; }:root{--content-width: 1430px;--content-edge-padding-x: 15px;--content-edge-padding-y: 30px;--body-font-family: "Poppins", var(--fallback-font);--heading-font-family: "Poppins", var(--fallback-font);--subheading-font-family: "Poppins", var(--fallback-font);--font-size-body: 16px;--body-weight: 400;--palette1: #7a0000!important;--palette2: #3b3b3b!important;--palette3: #222222!important;--palette4: #666666!important;--palette5: #777777!important;--palette6: #888888!important;--palette7: #ffffff!important;--palette8: #ffffff!important;--palette9: #ffffff!important;--palette10: #4c2b11!important;--palette11: #7a0000!important;}@media (min-width: 1025px){.container {max-width:1430px;}}@media (min-width: 1025px){.container {max-width:1430px;}}.hero-section .page-title-wrapper{min-height:120px;}/* Desktop – kolumna z logo: wywal pionowe paddingi */ @media (min-width: 992px) { #header .elementor-container { max-height: 92px; overflow: visible; /* żeby nie obcięło dropdownów */ } } /* correct colors and backgrounds */ .elementor-swiper-button-prev, .elementor-swiper-button-next { background-color: #dc5d00 !important; /* kolor tła przycisków */ color: #ffffff !important; /* kolor ikon/strzałek */ border-radius: 50%; /* opcjonalnie: zaokrąglone */ } .elementor-heading-title.elementor-size-default .elementor-heading-title .elementor-size-default{ text-transform: none !important; } /* ===== KITCHEN - produkt wzorcoowy===== */ /* ===== KITCHEN 180 CM – BLOK OPISU PRODUKTU ===== */ .kitchen-container { max-width: 1200px; margin: 0 auto 4rem; padding: 2rem 1rem 3rem; background-color: var(--tm-background-color); } /* Nagłówek sekcji */ .kitchen-container .kitchen-header { text-align: center; max-width: 820px; margin: 0 auto 2.5rem; } .kitchen-container .kitchen-header h1 { color: var(--tm-dark-color); font-size: 2rem; line-height: 1.3; margin-bottom: 0.75rem; } .kitchen-container .kitchen-header p { font-size: 0.95rem; line-height: 1.7; color: var(--tm-grey-color); } /* Layout */ .kitchen-container .masonry-wrapper { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; } /* Kafle */ .kitchen-container .masonry-item { background-color: #fafafa; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.03); display: flex; flex-direction: column; } /* Pełna szerokość */ .kitchen-container .masonry-item.full-width { grid-column: 1 / -1; } /* Obrazki */ .kitchen-container .item-image img { display: block; width: 100%; height: auto; object-fit: cover; transition: transform .4s ease, filter .4s ease; } .kitchen-container .masonry-item:hover .item-image img { transform: scale(1.03); filter: brightness(1.02); } /* Teksty */ .kitchen-container .item-content { padding: 1.25rem 1.5rem 1.5rem; } .kitchen-container .item-content h3 { font-size: 1.1rem; margin-bottom: 0.75rem; color: var(--tm-dark-color); } .kitchen-container .item-content p { font-size: 0.95rem; line-height: 1.7; color: var(--tm-grey-color); } .kitchen-container .item-content ul { padding-left: 1.1rem; color: var(--tm-grey-color); } .kitchen-container .item-content ul li::marker { color: var(--tm-primary-color); /* kolor akcentowy z palety */ } /* Podsumowanie */ .kitchen-container .final-summary { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #e5e5e5; text-align: center; } .kitchen-container .final-summary h2 { color: var(--tm-dark-color); font-size: 1.4rem; } .kitchen-container .final-summary p { color: var(--tm-grey-color); font-size: 0.95rem; max-width: 740px; margin: 0 auto; } /* Responsywność */ @media (min-width: 768px) { .kitchen-container .masonry-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .kitchen-container .kitchen-header h1 { font-size: 2.4rem; } } /* --- Podstawowe style dla szablonu Szuflady i Szuflady Elementy --- */ .drawer-container { font-family: Arial, sans-serif; color: #333; line-height: 1.6; max-width: 900px; margin: 0 auto; background-color: #f9f9f9; } .drawer-header { text-align: center; border-bottom: 2px solid #005a9d; padding-bottom: 15px; margin-bottom: 25px; } .drawer-header h2 { font-size: 28px; color: #005a9d; margin: 0; } .drawer-header p { font-size: 16px; color: #555; margin-top: 5px; } .drawer-section { margin-bottom: 30px; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .drawer-section h3 { font-size: 22px; color: #005a9d; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-top: 0; } .drawer-flex-container { display: flex; flex-wrap: wrap; gap: 20px; } .drawer-flex-item { flex: 1; min-width: 280px; } .drawer-feature-list { list-style-type: none; padding: 0; } .drawer-feature-list li { padding-left: 25px; position: relative; margin-bottom: 10px; font-size: 16px; } .drawer-feature-list li::before { content: '✔'; position: absolute; left: 0; color: #28a745; font-weight: bold; } .drawer-cta { text-align: center; padding: 20px; background-color: #e9f5ff; border-radius: 5px; border: 1px dashed #005a9d; } .drawer-cta h4 { font-size: 20px; color: #005a9d; margin-top: 0; } .drawer-cta p { font-size: 16px; } .drawer-note { background-color: #fffbe6; border-left: 4px solid #ffc107; padding: 15px; margin-top: 15px; }