/* ==========================================================================
   MIDMOD — wspólna skala typografii (v1.0, 12.10.2026)
   Jedno miejsce na rozmiary nagłówków i tekstu we wszystkich szablonach MIDMOD:
   strony informacyjne (mm-info), kolekcje (mm-kol), projektanci/producenci (mm-mk),
   Selected by (mm-sb), archiwa (mma). Wzorzec: strona główna (Jost, nagłówki 400).
   ZMIANA ROZMIARU = zmiana zmiennej w :root poniżej. Ładowany na końcu (mm-archives.php).
   ========================================================================== */
:root{
	--mm-h1:30px;      --mm-h1-m:26px;   /* H1 stron (jak tytuł produktu) */
	--mm-h2:24px;      --mm-h2-m:22px;   /* nagłówki sekcji */
	--mm-display:28px; --mm-display-m:24px; /* wyróżnione nazwy (Selected by) */
	--mm-h3:18px;      --mm-h3-m:16px;   /* nagłówki kart, FAQ, podsekcje */
	--mm-card:16px;                      /* tytuły małych kart (jak produkty) */
	--mm-num:24px;                       /* liczby w statystykach, fakty */
	--mm-text:16px;    --mm-lh:1.75;     /* tekst ciągły (16/28 jak strona główna) */
	--mm-lead:16px;                      /* lead pod H1 */
	--mm-small:14px;
	--mm-head-w:400;   --mm-strong-w:500;
	--mm-head-lh:1.2;
	--mm-text-color:#5f5a52;
	--mm-ink:#000;                       /* nagłówki jak na stronie głównej */
	--mm-line:#ebe8e2;
}

/* --- H1 ------------------------------------------------------------------ */
html body :is(.mm-info-h1 .elementor-heading-title,.mm-kol-h1,.mm-mk-h1,.mm-sb-h1,.mma .mma-h1){
	font-size:var(--mm-h1)!important;font-weight:var(--mm-head-w)!important;line-height:var(--mm-head-lh)!important;letter-spacing:normal!important}

/* --- H2 ------------------------------------------------------------------ */
html body :is(.mm-info-h2 .elementor-heading-title,.mm-info-band .mm-info-h2 .elementor-heading-title,.mm-kol-h2,.mm-mk-h2,.mm-mk-hub h2,.mm-sb-h2,.mma .mma-h2,.mma-txt--full>h2,.mma .mma-ft){
	font-size:var(--mm-h2)!important;font-weight:var(--mm-head-w)!important;line-height:1.25!important;letter-spacing:normal!important}

/* --- wyróżnione nazwy ---------------------------------------------------- */
html body :is(.mm-sb-h2--xl,.mma .mma-sbn){
	font-size:var(--mm-display)!important;font-weight:var(--mm-head-w)!important;line-height:1.15!important;letter-spacing:normal!important}

/* --- liczby / fakty ------------------------------------------------------ */
html body :is(.mm-info-fact .elementor-heading-title,.mma-stats dd,.mma .mma-azl){
	font-size:var(--mm-num)!important;font-weight:var(--mm-head-w)!important;letter-spacing:normal!important}

/* --- H3: karty, FAQ, podsekcje ------------------------------------------- */
html body :is(.mm-info-h3 .elementor-heading-title,.mm-info-link .elementor-heading-title,.mm-info-faq .elementor-accordion .elementor-tab-title,
.mm-kol-tcard h3,.mm-kol-rcard h3,.mm-kol-faq summary,
.mm-mk-empty__title,.mm-mk-txt h3,.mm-mk-works h3,.mm-mk-rcard__title,
.mma .mma-nm--l,.mma .mma-pt,.mma-tcard h3,.mma-txt h3){
	font-size:var(--mm-h3)!important;font-weight:var(--mm-strong-w)!important;letter-spacing:normal!important}
html body .mma .mma-nm--xl{font-size:calc(var(--mm-h3) + 2px)!important;font-weight:var(--mm-head-w)!important;letter-spacing:normal!important}

/* --- małe karty (jak tytuły produktów) ----------------------------------- */
html body :is(.mma .mma-nm,.mm-kol-tile span,.mm-mk-tile span,.mma-tile span){
	font-size:var(--mm-card)!important;font-weight:var(--mm-strong-w)!important}

/* --- lead ---------------------------------------------------------------- */
html body :is(.mm-info .mm-info-lead.elementor-widget-text-editor,.mm-kol-lead p,.mm-mk-lead,.mma-lead,.mma-fx){
	font-size:var(--mm-lead)!important;line-height:var(--mm-lh)!important;color:var(--mm-text-color)!important}
html body :is(.mm-sb-lead,.mma-quote){font-size:calc(var(--mm-lead) + 1px)!important;line-height:1.6!important}

/* --- tekst ciągły -------------------------------------------------------- */
html body :is(.mm-info .elementor-widget-text-editor,.mm-kol-txt p,.mm-kol-txt :is(ul,ol),.mm-kol-faq details p,.mm-mk-txt p,.mm-mk-empty p,.mm-mk-notify p,.mm-sb-bio__text,.mma-txt p){
	font-size:var(--mm-text)!important;line-height:var(--mm-lh)!important}
html body :is(.mm-kol-txt p,.mm-kol-txt :is(ul,ol),.mm-kol-faq details p,.mm-mk-txt p,.mma-txt p){color:var(--mm-text-color)!important}

/* --- telefon ------------------------------------------------------------- */
@media (max-width:991px){
	html body :is(.mm-info-h1 .elementor-heading-title,.mm-kol-h1,.mm-mk-h1,.mm-sb-h1,.mma .mma-h1){font-size:var(--mm-h1-m)!important}
	html body :is(.mm-info-h2 .elementor-heading-title,.mm-info-band .mm-info-h2 .elementor-heading-title,.mm-kol-h2,.mm-mk-h2,.mm-mk-hub h2,.mm-sb-h2,.mma .mma-h2,.mma-txt--full>h2,.mma .mma-ft){font-size:var(--mm-h2-m)!important}
	html body :is(.mm-sb-h2--xl,.mma .mma-sbn){font-size:var(--mm-display-m)!important}
	html body :is(.mm-info-h3 .elementor-heading-title,.mm-kol-tcard h3,.mm-kol-rcard h3,.mm-mk-rcard__title,.mma .mma-nm--l,.mma .mma-pt,.mma .mma-nm--xl){font-size:var(--mm-h3-m)!important}
}

/* ==========================================================================
   Spójność ze sklepem i stroną produktu (12.10.2026): jedna czcionka, białe tła
   pod zdjęciami, zdjęcia wyśrodkowane w całości, przyciski jak w koszyku,
   kolory tekstu jak na stronie głównej, okruszki z motywu.
   ========================================================================== */

/* jedna czcionka (bez Georgii, bez Roboto w polach Elementora) */
html body :is(.mm-sb-lead,.mma-quote){font-family:Jost,"Helvetica Neue",sans-serif!important;font-style:normal!important}
html body :is(.elementor-field,.elementor-field-textual,.elementor-button,.elementor-form input,.elementor-form textarea,.elementor-form select){font-family:Jost,"Helvetica Neue",sans-serif!important}

/* kolory: nagłówki czarne, tekst jak strona główna */
html body :is(.mma,.mm-mk,.mm-kol){color:var(--mm-text-color)}
html body :is(.mma .mma-h1,.mma .mma-h2,.mma .mma-nm,.mma .mma-pt,.mma .mma-ft,.mma .mma-sbn,.mma .mma-sbn a,.mma .mma-azl,.mma-txt--full>h2,.mm-kol-h1,.mm-kol-h2,.mm-mk-h1,.mm-mk-h2,.mm-sb-h1,.mm-sb-h2){color:var(--mm-ink)!important}

/* białe tła pod zdjęciami, zdjęcie zawsze w całości i na środku */
html body :is(.mma-ph,.mm-kol-hero-img,.mm-mk-hero__img,.mm-mk-sold__img,.mm-sb-spread__item img,.mm-kol-rcard img,.mm-kol-sold-item img){background:#fff!important}
html body :is(.mma-ph img,.mma .mma-img,.mm-kol-hero-img img,.mm-mk-hero__img img,.mm-kol-rcard img,.mm-mk-rcard img){object-fit:contain!important;object-position:center!important;background:#fff!important}
html body .mma .mma-ph--45{aspect-ratio:4/3}
/* zdjęcia wnętrz i aranżacji (Selected by, kolekcje, MAG) wypełniają kafel — kadr wyśrodkowany */
html body :is(.mma-sb,.mma-kol,.mma-mag) .mma-ph img{object-fit:cover!important;object-position:center!important}
html body .mm-mk{--mk-bg:#fff;--mk-bg2:#fff}

/* kafle i bloki: białe z cienką linią zamiast beżu */
html body :is(.mma-tile,.mma-tcard,.mm-kol-tile,.mm-kol-tcard,.mm-mk-tile,.mm-kol-empty,.mma-band){background:#fff!important;border:1px solid var(--mm-line)!important}
html body :is(.mma-tile,.mma-tcard,.mm-kol-tile,.mm-kol-tcard,.mm-mk-tile):hover{background:#fff!important;border-color:#111!important}
html body :is(.mma-tile,.mm-kol-tile,.mm-mk-tile) span{color:var(--mm-ink)}

/* przyciski jak w koszyku i na produkcie: obrys 1px, 45px, 16/500 */
html body :is(.mma .mma-chip,.mm-kol-chip,.mm-mk-chip,.mma .mma-btn-o,.mm-kol-btn-o,.mma .mma-btn,.mma .mma-az a,.mm-mk-az a){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;height:auto!important;padding:0 18px!important;background:transparent!important;border:1px solid #111!important;border-radius:5px!important;color:#111!important;font-family:Jost,"Helvetica Neue",sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s,color .15s}
html body :is(.mma .mma-chip,.mm-kol-chip,.mm-mk-chip,.mma .mma-btn-o,.mm-kol-btn-o,.mma .mma-btn,.mma .mma-az a,.mm-mk-az a):hover,html body .mma .mma-chip.is-on{background:#111!important;color:#fff!important}
html body .mma .mma-az a{min-width:45px;padding:0 10px!important}
html body .mma .mma-az a.is-off{border-color:var(--mm-line)!important;color:#a8a39a!important;background:transparent!important}
html body .mm-mk-chip small{color:inherit!important;opacity:.7}
html body :is(.mma-pag .current,.mm-kol-pag .page-numbers.current){background:#111!important;color:#fff!important}

/* okruszki z motywu (ul.insight_core_breadcrumb), odstęp jak w sklepie */
html body :is(.mma-crumbs,.mm-kol-crumbs,.mm-mk-crumbs){padding:22px 0 0!important;margin:0!important}
html body :is(.mma-crumbs,.mm-kol-crumbs,.mm-mk-crumbs) .insight_core_breadcrumb{margin:0;padding:0}

/* odnośnik w hero (np. Gwarancja autentyczności) */
html body .mma-hero-link{margin:14px 0 0;font-size:var(--mm-text)}
html body .mma-hero-link a{color:var(--mm-ink);text-decoration:underline;text-underline-offset:3px}

/* archiwalne produkty (zwykłe karty sklepu) */
html body .mm-archival{margin-top:64px}
html body .mm-archival>h2{margin:0 0 28px}

/* strony informacyjne: hero z kartą produktu (MIDMOD PRO) — kolumny wyśrodkowane w pionie, karta biała */
html body .mm-info-hero-grid{align-items:center!important}
html body .mm-info .mm-info-pcard{background:#fff!important;border:1px solid var(--mm-line)!important}
html body :is(.mma-crumbs,.mm-kol-crumbs,.mm-mk-crumbs) :is(a,span){color:#000!important;font-size:15px!important;text-decoration:none}

/* huby projektantów/producentów: sekcja „Wyróżnieni” ukryta (13.10.2026) */
html body .mma-hub section[aria-labelledby="mma-wyr"]{display:none!important}

/* MM-KOL-THUMBS (14.10.2026): miniatury w siatce kolekcji — cały przedmiot, bez przycinania i deformacji. Tylko .mma-kol-grid; Selected by / MAG bez zmian. */
html body .mma-kol-grid .mma-ph img {
	object-fit: contain !important;
	object-position: center !important;
}