/* ==========================================================================
   MIDMOD — strona główna (PHP). Wymiary z dotychczasowej strony w Elementorze (pomiar 25.10.2026, 1920 px).
   ========================================================================== */
.mmh { display: block; padding: 0; }
.mmh a { color: #000; }
.mmh a:hover { color: #77726a; }
.mmh-box { max-width: 1200px; margin-left: auto; margin-right: auto; }
.mmh-narrow { max-width: 1140px; margin-left: auto; margin-right: auto; }
.mmh-section { padding-bottom: 50px; }
.mmh-title { margin: 0 0 20px; font-size: 34px; line-height: 1; font-weight: 400; color: #000; text-align: center; }
.mmh-title a { color: inherit; }

/* „Więcej” */
.mmh-more { margin-top: 10px; text-align: right; }
.mmh-more--left { text-align: left; margin-top: 0; }

/* hero */
.mmh-hero { margin: 100px 0 50px; background: #fffaf4; }
.mmh-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; padding: 10px 25px; align-items: center; }
.mmh-hero__text { text-align: center; }
.mmh-hero__text h2 { margin: 0 0 18px; font-size: 34px; line-height: 1.3; font-weight: 400; color: #000; }
.mmh-hero__text h6 { margin: 0 0 18px; font-size: 18px; line-height: 1.3; font-weight: 400; color: #000; text-transform: none; letter-spacing: normal; }
.mmh-hero__text p { margin: 0; font-size: 16px; line-height: 28px; color: #5f5a52; }
.mmh-hero__image { text-align: center; }
.mmh-img { display: inline-block; vertical-align: top; }
.mmh-img img { display: block; max-width: 100%; height: auto; }

/* Selected by */
.mmh-sb { margin: 50px 0; padding: 50px 0; }
.mmh-sb__intro { max-width: 1140px; margin: 0 auto; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: center; }
.mmh-sb__intro .mmh-img img { width: 100%; }
.mmh-sb__text h4 { margin: 0 0 18px; font-size: 26px; line-height: 1.3; font-weight: 400; color: #000; }
.mmh-sb__text p { margin: 0; font-size: 16px; line-height: 28px; color: #5f5a52; }
.mmh-sb__products { max-width: 1140px; margin: 0 auto; }

/* kolekcja: obraz + nagłówek */
.mmh-promo { display: grid; grid-template-columns: minmax(0, 60%) minmax(0, 40%); align-items: center; }
.mmh-promo__image { padding: 50px 0; text-align: center; }
.mmh-promo__text { padding: 0 15px 0 55px; }
.mmh-promo .tm-modern-heading .heading-primary { margin: 0; max-width: 360px; font-size: 42px; line-height: 1.43; font-weight: 400; color: #000; text-transform: capitalize; }
.mmh-promo .tm-modern-heading .heading-description-wrap { margin-top: 18px; }
.mmh-promo .tm-modern-heading .heading-description { margin-top: 0; font-size: 16px; line-height: 28px; color: #5f5a52; }
.mmh-promo .tm-modern-heading .heading-description p { margin: 0; }

/* MAG */
.mmh-mag { padding-bottom: 55px; }
.mmh-mag .post-thumbnail img { width: 100%; height: auto; aspect-ratio: 740 / 480; object-fit: cover; display: block; }

/* tekst SEO */
.mmh-seo { padding-top: 10px; padding-bottom: 10px; }
.mmh-seo__title { margin: 0 0 40px; padding-top: 50px; font-size: 22px; line-height: 1; font-weight: 400; color: #000; text-align: center; }
.mmh-seo__text { padding-bottom: 28px; }
.mmh-seo__text p { margin: 0 0 24px; font-size: 16px; line-height: 28px; color: #5f5a52; text-align: center; }
.mmh-seo__text a { color: #000; }

/* korekty po porównaniu z dotychczasową stroną (25.10.2026) */
.mmh-hero__image { padding: 30px; }
.mmh .minimog-product.style-carousel-02 .swiper-inner { margin: 0; }
.mmh .minimog-product.style-carousel-02 .swiper-initialized.swiper { padding: 1px; }
.mmh .minimog-product.style-carousel-02 .swiper-nav-buttons-wrap { padding: 0; }
.mmh .tm-swiper + .mmh-more { margin-top: 0; padding-top: 15px; }
.mmh-sb__products .tm-swiper + .mmh-more { padding-top: 20px; }
.mmh-promo .tm-modern-heading { margin-bottom: 13px; }
/* jak w Elementorze: Nowości — 10 px odstępu między widgetami; Selected by — karuzela 15 px niżej; sekcja z górnym odstępem bez dolnego */
.mmh-section--new .mmh-title { margin-bottom: 30px; }
.mmh-sb__products { padding-top: 15px; }
.mmh-section--top { padding-bottom: 0; }
.mmh .mmh-section--top .tm-swiper + .mmh-more { padding-top: 0; }

/* siatka produktów (kolumny jak w widgecie: komputer / ≤1199 / ≤1024 / ≤767), odstęp 30 px */
.mmh .modern-grid { grid-template-columns: repeat(var(--grid-columns-desktop, 4), minmax(0, 1fr)); gap: 30px; }
@media (max-width: 1199px) { .mmh .modern-grid { grid-template-columns: repeat(var(--grid-columns-tablet-extra, 4), minmax(0, 1fr)); } }
@media (max-width: 1024px) { .mmh .modern-grid { grid-template-columns: repeat(var(--grid-columns-tablet, 4), minmax(0, 1fr)); } }
@media (max-width: 767px) { .mmh .modern-grid { grid-template-columns: repeat(var(--grid-columns-mobile, 2), minmax(0, 1fr)); } }

/* szerokości < 1200 */
@media (max-width: 1239px) {
	.mmh-box, .mmh-narrow, .mmh-sb__intro, .mmh-sb__products { padding-left: 20px; padding-right: 20px; }
}
/* tablet (Elementor ≤1024): sekcje bez górnego marginesu, 40 px odstępu; kolekcje jedna pod drugą */
@media (max-width: 1024px) {
	.mmh-hero { margin: 0 0 40px; }
	.mmh-section { margin-bottom: 40px; }
	.mmh-sb { margin: 0 0 30px; }
	.mmh-more { margin-top: 10px; }
	.mmh-promo { grid-template-columns: minmax(0, 1fr); margin-bottom: 40px !important; padding-left: 0; padding-right: 0; }
	.mmh-promo .tm-modern-heading .heading-primary { font-size: 32px; }
	.mmh-promo__image { margin-bottom: 20px; }
	.mmh-promo .tm-modern-heading { margin-bottom: 19px; width: 420px; max-width: 100%; }
}
/* telefon (Elementor ≤767) — wartości z dotychczasowej strony (post-60.css) */
@media (max-width: 767px) {
	.mmh-box, .mmh-narrow, .mmh-sb__intro, .mmh-sb__products { padding-left: 0; padding-right: 0; }
	.mmh-seo { padding-left: 10px; padding-right: 10px; }
	.mmh-section--new .mmh-more { margin-top: 20px; }
	.mmh-hero__grid { grid-template-columns: minmax(0, 1fr); padding: 10px 25px; gap: 20px; }
	.mmh-hero__image { order: -1; padding: 30px; }
	.mmh-promo .tm-modern-heading .heading-primary { font-size: 24px; }
	.mmh-mag, .mmh-promo { padding-left: 0; padding-right: 0; }
	.mmh-title { font-size: 24px; }
	.mmh-section .modern-grid, .mmh-section .tm-swiper, .mmh-sb__products .tm-swiper { margin-left: 10px; margin-right: 10px; }
	.mmh-more { padding-right: 10px; }
	.mmh .tm-swiper + .mmh-more { padding-top: 0; }
	.mmh-sb { padding: 50px 0; }
	.mmh-sb__intro { grid-template-columns: 1fr; }
	.mmh-sb__text { padding: 15px; }
	.mmh-sb__text h4 { font-size: 22px; }
	.mmh-promo__text { padding: 0 15px 0 55px; }
	.mmh-mag .tm-swiper { margin-left: 15px; margin-right: 15px; }
}


/* kolekcje: obraz na beżowym tle na całą szerokość kolumny (jak tło widgetu w Elementorze) */
.mmh-promo__image .mmh-img { display: block; background: #fffaf4; text-align: center; }
.mmh-promo__image .mmh-img img { display: inline-block; vertical-align: top; }