/*
  MJ Reclame — lokalny podgląd lekkich podstron
  Bazuje na zaakceptowanym kierunku strony głównej.
  WYŁĄCZNIE warstwa wizualna: bez zmian formularzy, linków, skryptów i logiki.
*/

:root {
  --green:#47df00;
  --green-2:#72ee37;
  --green-dark:#2eaa00;
  --graphite:#303536;
  --ink:#292f2c;
  --muted:#68716d;
  --paper:#ffffff;
  --page:#f6f8f6;
  --soft:#eef2ef;
  --line:#e2e8e3;
  --shadow:0 12px 32px rgba(29,39,34,.08);
}

html { background:var(--page)!important; }
body.mj-preview-light-subpage {
  background:var(--page)!important;
  background-image:none!important;
  color:var(--ink)!important;
}
body.mj-preview-light-subpage::before,
body.mj-preview-light-subpage::after,
body.mj-preview-light-subpage .splash,
body.mj-preview-light-subpage .hero::before,
body.mj-preview-light-subpage .hero::after { display:none!important; content:none!important; }

/* Wspólny nagłówek — identyczny kierunek jak na stronie głównej */
body.mj-preview-light-subpage .site-header {
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 3px 16px rgba(34,45,39,.05)!important;
  backdrop-filter:blur(14px);
}
body.mj-preview-light-subpage .header-inner {
  min-height:76px!important;
  grid-template-columns:118px minmax(0,1fr) auto auto!important;
  gap:18px!important;
}
body.mj-preview-light-subpage .brand img {
  width:96px!important;
  height:62px!important;
  filter:none!important;
}
body.mj-preview-light-subpage .main-nav {
  gap:clamp(12px,1.45vw,22px)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:.91rem!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.mj-preview-light-subpage .main-nav a {
  color:#3b4340!important;
  padding:27px 0 23px!important;
}
body.mj-preview-light-subpage .main-nav a::after {
  bottom:15px!important;
  height:3px!important;
  border-radius:99px!important;
  background:var(--green)!important;
}
body.mj-preview-light-subpage .main-nav a:hover,
body.mj-preview-light-subpage .main-nav a.active { color:#202622!important; }
body.mj-preview-light-subpage .language-switcher { margin-left:0!important; gap:5px!important; }
body.mj-preview-light-subpage .language-switcher a {
  color:#46504b!important;
  border:1px solid #dfe5e1!important;
  background:#fff!important;
  padding:6px 9px!important;
  box-shadow:none!important;
}
body.mj-preview-light-subpage .language-switcher a.is-active,
body.mj-preview-light-subpage .language-switcher a:hover {
  color:#142011!important;
  background:#eaffdf!important;
  border-color:rgba(71,223,0,.58)!important;
}
body.mj-preview-light-subpage .quote,
body.mj-preview-light-subpage .btn-green,
body.mj-preview-light-subpage .creator-btn.primary,
body.mj-preview-light-subpage .creator-live-form button {
  background:var(--green)!important;
  color:#172214!important;
  border-color:var(--green)!important;
  box-shadow:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-weight:800!important;
}
body.mj-preview-light-subpage .quote {
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  font-size:.9rem!important;
}
body.mj-preview-light-subpage .quote:hover,
body.mj-preview-light-subpage .btn-green:hover,
body.mj-preview-light-subpage .creator-btn.primary:hover,
body.mj-preview-light-subpage .creator-live-form button:hover { background:#57e514!important; }

/* Wspólny hero podstron */
body.mj-preview-light-subpage .hero,
body.mj-preview-light-subpage .subhero,
body.mj-preview-light-subpage .company-hero,
body.mj-preview-light-subpage .privacy-hero,
body.mj-preview-light-subpage .creator-app-hero,
body.mj-preview-light-subpage .tworcy-showcase-hero {
  background:linear-gradient(180deg,#fff 0%,#f6f8f6 100%)!important;
  border-bottom:1px solid var(--line)!important;
  color:var(--ink)!important;
}
body.mj-preview-light-subpage .hero-grid,
body.mj-preview-light-subpage .subhero-grid,
body.mj-preview-light-subpage .company-hero-grid,
body.mj-preview-light-subpage .privacy-hero-grid,
body.mj-preview-light-subpage .creator-app-hero-grid,
body.mj-preview-light-subpage .tworcy-showcase-grid {
  min-height:0!important;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)!important;
  gap:48px!important;
  padding-top:48px!important;
  padding-bottom:48px!important;
  align-items:center!important;
}
body.mj-preview-light-subpage .breadcrumb { color:#7a837e!important; }
body.mj-preview-light-subpage .breadcrumb a { color:#58615d!important; }
body.mj-preview-light-subpage .breadcrumb span { color:var(--green-dark)!important; }
body.mj-preview-light-subpage .hand,
body.mj-preview-light-subpage .creator-hand,
body.mj-preview-light-subpage .tworcy-kicker,
body.mj-preview-light-subpage .panel-kicker,
body.mj-preview-light-subpage .section-label,
body.mj-preview-light-subpage .story-label {
  color:var(--green-dark)!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
  font-weight:800!important;
}
body.mj-preview-light-subpage h1,
body.mj-preview-light-subpage .hero h1,
body.mj-preview-light-subpage .subhero h1,
body.mj-preview-light-subpage .company-hero h1,
body.mj-preview-light-subpage .privacy-hero h1,
body.mj-preview-light-subpage .creator-app-hero h1,
body.mj-preview-light-subpage .tworcy-showcase-hero h1 {
  color:var(--ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:-.04em!important;
  line-height:1.03!important;
  font-weight:800!important;
}
body.mj-preview-light-subpage h1 span,
body.mj-preview-light-subpage h1 strong { color:var(--green-dark)!important; font:inherit!important; }
body.mj-preview-light-subpage .lead,
body.mj-preview-light-subpage .creator-app-hero p,
body.mj-preview-light-subpage .tworcy-showcase-lead {
  color:#606965!important;
  line-height:1.7!important;
}
body.mj-preview-light-subpage .hero-card,
body.mj-preview-light-subpage .hero-panel,
body.mj-preview-light-subpage .creator-app-hero-card,
body.mj-preview-light-subpage .tworcy-showcase-art-frame {
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
  overflow:hidden!important;
  transform:none!important;
}
body.mj-preview-light-subpage .hero-card img,
body.mj-preview-light-subpage .creator-app-hero-card img { width:100%!important; height:320px!important; object-fit:cover!important; }

/* Usługi / realizacje / wydawnictwo — usunięcie powtarzalnych i ciężkich elementów */
body.mj-preview-service .content { padding:58px 0 76px!important; background:var(--page)!important; }
body.mj-preview-service .layout { display:block!important; }
body.mj-preview-service .sidebar { display:none!important; }
body.mj-preview-service .copy-card {
  max-width:1180px!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
/* Tytuł i lead w treści powtarzały hero */
body.mj-preview-service .story-head { display:none!important; }
/* Identyczny blok Pomysł/Projekt/Realizacja na każdej podstronie był zbędnym powtórzeniem */
body.mj-preview-service .facts { display:none!important; }
body.mj-preview-service .art-row {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,.95fr)!important;
  gap:28px!important;
  align-items:stretch!important;
  margin:0 0 28px!important;
}
body.mj-preview-service .art-copy { display:grid!important; gap:14px!important; align-content:center!important; }
body.mj-preview-service .art-block {
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  padding:22px!important;
  box-shadow:none!important;
}
body.mj-preview-service .art-block h3 {
  margin:0 0 8px!important;
  color:var(--ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:-.02em!important;
  font-size:1.25rem!important;
}
body.mj-preview-service .art-block p { color:var(--muted)!important; margin:0!important; }
body.mj-preview-service .art-image {
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
  overflow:hidden!important;
}
body.mj-preview-service .art-image img { height:360px!important; object-fit:cover!important; }
/* Drugi identyczny obraz na większości usług usuwamy, treść pozostaje */
body.mj-preview-service .art-row.reverse { grid-template-columns:1fr!important; }
body.mj-preview-service .art-row.reverse .art-image { display:none!important; }
body.mj-preview-service .art-row.reverse .art-copy { grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important; }
body.mj-preview-service .art-quote {
  margin:0 0 28px!important;
  padding:26px 30px!important;
  background:#eef2ef!important;
  border:1px solid #dfe5e0!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body.mj-preview-service .art-quote::before { color:rgba(46,170,0,.13)!important; }
body.mj-preview-service .art-quote p {
  color:#3f4743!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-style:normal!important;
  font-size:1.05rem!important;
  line-height:1.7!important;
}
body.mj-preview-service .art-quote strong { color:var(--green-dark)!important; font-family:Manrope,Arial,sans-serif!important; }
body.mj-preview-service .feature-box {
  margin-top:30px!important;
  padding:28px 30px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.mj-preview-service .feature-box::after { display:none!important; }
body.mj-preview-service .feature-box h2 {
  color:var(--ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:-.03em!important;
}
body.mj-preview-service .feature-box p { color:var(--muted)!important; }
body.mj-preview-service .creator-final-cta { display:none!important; }

/* Katalog odzieży — ta sama logika, wyłącznie lżejsza oprawa */
body.mj-preview-service .sales-hero,
body.mj-preview-service .palette-panel,
body.mj-preview-service .sizes-panel,
body.mj-preview-service .sales-product,
body.mj-preview-service .dtf-inquiry-box {
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  color:var(--ink)!important;
}
body.mj-preview-service .sales-hero h2,
body.mj-preview-service .sales-how h3,
body.mj-preview-service .sales-body h3,
body.mj-preview-service .size-table-box summary,
body.mj-preview-service .sales-details summary,
body.mj-preview-service .dtf-inquiry-head h3 { color:var(--ink)!important; }
body.mj-preview-service .sales-hero p,
body.mj-preview-service .sales-how ol,
body.mj-preview-service .size-note,
body.mj-preview-service .sales-count,
body.mj-preview-service .sales-limit,
body.mj-preview-service .sales-details,
body.mj-preview-service .sales-details p,
body.mj-preview-service .dtf-inquiry-head p,
body.mj-preview-service .dtf-note { color:var(--muted)!important; }
body.mj-preview-service .sales-how,
body.mj-preview-service .size-table-box,
body.mj-preview-service .sales-fast div,
body.mj-preview-service .sales-details,
body.mj-preview-service .sales-limit,
body.mj-preview-service .dtf-table-wrap {
  background:#f6f8f6!important;
  border-color:var(--line)!important;
}
body.mj-preview-service .palette-color,
body.mj-preview-service .product-color,
body.mj-preview-service .product-size,
body.mj-preview-service .sales-filter,
body.mj-preview-service .sales-qty,
body.mj-preview-service .sales-search {
  background:#fff!important;
  color:#3b4340!important;
  border-color:#dce3dd!important;
}
body.mj-preview-service .palette-color:hover,
body.mj-preview-service .product-color:hover,
body.mj-preview-service .product-color.is-selected,
body.mj-preview-service .product-size.is-selected,
body.mj-preview-service .sales-filter:hover,
body.mj-preview-service .sales-filter.is-active { background:var(--green)!important; color:#142011!important; border-color:var(--green)!important; }
body.mj-preview-service .size-table { color:#49524e!important; }
body.mj-preview-service .size-table th,
body.mj-preview-service .size-table td { border-color:var(--line)!important; }
body.mj-preview-service .sales-fast span { color:#3f4743!important; }
body.mj-preview-service .sales-label,
body.mj-preview-service .sales-fast b { color:#7a847f!important; }
body.mj-preview-service .sales-photo-wrap { background:#f4f6f4!important; }
body.mj-preview-service .sales-badge { background:var(--graphite)!important; }

/* O nas */
body.mj-preview-about .content-section { padding:58px 0 76px!important; background:var(--page)!important; }
body.mj-preview-about .content-grid { display:block!important; }
body.mj-preview-about .side-panel { display:none!important; }
body.mj-preview-about .main-copy { max-width:1160px!important; margin:0 auto!important; }
body.mj-preview-about .main-copy > h2 {
  color:var(--ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:-.03em!important;
}
body.mj-preview-about .main-copy > p { color:var(--muted)!important; }
body.mj-preview-about .offer-list { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; }
body.mj-preview-about .offer-card,
body.mj-preview-about .offer-card.highlighted {
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  transform:none!important;
}
body.mj-preview-about .offer-card h3 { color:var(--ink)!important; font-family:Manrope,Arial,sans-serif!important; text-transform:none!important; }
body.mj-preview-about .offer-card p { color:var(--muted)!important; }
body.mj-preview-about .about-gallery img { border-radius:16px!important; box-shadow:none!important; }
body.mj-preview-about .about-gallery figcaption { color:#7a837e!important; }
body.mj-preview-about .cta-box { background:#fff!important; border:1px solid var(--line)!important; border-radius:18px!important; box-shadow:none!important; }
body.mj-preview-about .cta-box h2 { color:var(--ink)!important; }
body.mj-preview-about .cta-box p { color:var(--muted)!important; }

/* Kontakt — formularz zostaje w całości, zmienia się tylko oprawa */
body.mj-preview-contact .contact-content { background:var(--page)!important; padding:58px 0 76px!important; }
body.mj-preview-contact .contact-layout { grid-template-columns:1fr!important; max-width:1160px!important; }
body.mj-preview-contact .contact-card {
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.mj-preview-contact .contact-card h2 { color:var(--ink)!important; font-family:Manrope,Arial,sans-serif!important; text-transform:none!important; letter-spacing:-.03em!important; }
body.mj-preview-contact .story-lead { color:var(--muted)!important; }
body.mj-preview-contact .contact-side { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; }
body.mj-preview-contact .contact-photo { display:none!important; }
body.mj-preview-contact .side-box,
body.mj-preview-contact .side-box.green {
  background:#fff!important;
  border:1px solid var(--line)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  border-radius:16px!important;
}
body.mj-preview-contact .side-box.green { background:#eaffdf!important; border-color:#cdeec0!important; }
body.mj-preview-contact .side-box h3 { color:var(--ink)!important; font-family:Manrope,Arial,sans-serif!important; text-transform:none!important; }
body.mj-preview-contact .side-box p { color:var(--muted)!important; }
body.mj-preview-contact .contact-card a,
body.mj-preview-contact .contact-side a { color:var(--green-dark)!important; }
body.mj-preview-contact .form-field label,
body.mj-preview-contact .file-upload-box legend { color:#414944!important; }
body.mj-preview-contact .form-field input,
body.mj-preview-contact .form-field select,
body.mj-preview-contact .form-field textarea,
body.mj-preview-contact .file-upload-box {
  background:#fff!important;
  color:#303733!important;
  border-color:#d8dfda!important;
  box-shadow:none!important;
}
body.mj-preview-contact .form-field input:focus,
body.mj-preview-contact .form-field select:focus,
body.mj-preview-contact .form-field textarea:focus { border-color:var(--green)!important; box-shadow:0 0 0 3px rgba(71,223,0,.13)!important; }
body.mj-preview-contact .file-upload-box p,
body.mj-preview-contact .file-upload-box small { color:var(--muted)!important; }
body.mj-preview-contact .file-grid label { background:#f6f8f6!important; border-color:var(--line)!important; color:#4b5450!important; }
body.mj-preview-contact .checkbox-field label { color:#55605a!important; }

/* Dane firmy */
body.mj-preview-company .company-content { background:var(--page)!important; padding:58px 0 76px!important; }
body.mj-preview-company .company-layout { grid-template-columns:1fr!important; max-width:1100px!important; }
body.mj-preview-company .side-panel { display:none!important; }
body.mj-preview-company .company-card {
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  border-radius:18px!important;
  color:var(--ink)!important;
}
body.mj-preview-company .company-card h2 { color:var(--ink)!important; }
body.mj-preview-company .company-data > div { background:#f7f9f7!important; border-color:var(--line)!important; }
body.mj-preview-company .company-data dt { color:#77807b!important; }
body.mj-preview-company .company-data dd { color:#2f3632!important; }
body.mj-preview-company .company-data a { color:var(--green-dark)!important; }
body.mj-preview-company .notice-box { background:#eef2ef!important; border-color:#dfe5e0!important; }
body.mj-preview-company .notice-box p { color:var(--muted)!important; }

/* Polityka prywatności i dokumenty prawne */
body.mj-preview-legal .privacy-content,
body.mj-preview-legal .creator-app-section { background:var(--page)!important; padding:54px 0 76px!important; }
body.mj-preview-legal .privacy-layout { grid-template-columns:1fr!important; max-width:1100px!important; }
body.mj-preview-legal .privacy-side { display:none!important; }
body.mj-preview-legal .privacy-card,
body.mj-preview-legal .creator-app-card,
body.mj-preview-legal .legal-card {
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.mj-preview-legal .privacy-card h2,
body.mj-preview-legal .privacy-card h3,
body.mj-preview-legal .legal-card h2,
body.mj-preview-legal .legal-card h3 { color:#303733!important; font-family:Manrope,Arial,sans-serif!important; }
body.mj-preview-legal .privacy-card p,
body.mj-preview-legal .privacy-card li,
body.mj-preview-legal .legal-card p,
body.mj-preview-legal .legal-card li { color:#5f6964!important; }
body.mj-preview-legal .updated { color:var(--green-dark)!important; background:#eaffdf!important; }
body.mj-preview-legal .privacy-cta { background:#eef2ef!important; border-color:#dfe5e0!important; }
body.mj-preview-legal .privacy-cta a,
body.mj-preview-legal .legal-card a { color:var(--green-dark)!important; }
body.mj-preview-legal .creator-app-layout { grid-template-columns:1fr!important; max-width:1100px!important; }
body.mj-preview-legal .creator-app-side { display:none!important; }

/* Publiczne wejścia Strefy Twórców: lekka oprawa, funkcje bez zmian */
body.mj-preview-creator-public .creator-app-section,
body.mj-preview-creator-public .tworcy-roles-section,
body.mj-preview-creator-public .tworcy-reader-section,
body.mj-preview-creator-public .tworcy-community-section,
body.mj-preview-creator-public .tworcy-approval-band,
body.mj-preview-creator-public .creator-final-cta { background:var(--page)!important; color:var(--ink)!important; }
body.mj-preview-creator-public .creator-app-card,
body.mj-preview-creator-public .creator-app-side,
body.mj-preview-creator-public .tworcy-role-card,
body.mj-preview-creator-public .tworcy-reader-panel,
body.mj-preview-creator-public .tworcy-community-grid,
body.mj-preview-creator-public .tworcy-approval-grid,
body.mj-preview-creator-public .final-cta-inner {
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  color:var(--ink)!important;
}
body.mj-preview-creator-public .creator-app-card h2,
body.mj-preview-creator-public .creator-app-side h3,
body.mj-preview-creator-public .tworcy-role-card h2,
body.mj-preview-creator-public .tworcy-reader-copy h2,
body.mj-preview-creator-public .tworcy-community-copy h2,
body.mj-preview-creator-public .creator-final-cta h2 { color:var(--ink)!important; }
body.mj-preview-creator-public .creator-app-card p,
body.mj-preview-creator-public .creator-app-side p,
body.mj-preview-creator-public .tworcy-role-card p,
body.mj-preview-creator-public .tworcy-reader-copy p,
body.mj-preview-creator-public .tworcy-community-copy p,
body.mj-preview-creator-public .creator-final-cta p { color:var(--muted)!important; }
body.mj-preview-creator-public .creator-btn.ghost,
body.mj-preview-creator-public .creator-btn.outline {
  background:#fff!important;
  color:#39423d!important;
  border-color:#d9e0db!important;
  box-shadow:none!important;
}
body.mj-preview-creator-public .creator-live-form label { color:#4c5551!important; }
body.mj-preview-creator-public .creator-live-form input,
body.mj-preview-creator-public .creator-live-form select,
body.mj-preview-creator-public .creator-live-form textarea {
  background:#fff!important;
  color:#303733!important;
  border-color:#d8dfda!important;
}
body.mj-preview-creator-public .app-links a,
body.mj-preview-creator-public .creator-live-form a { color:var(--green-dark)!important; }
body.mj-preview-creator-public .tworcy-path-bar { background:#fff!important; border-color:var(--line)!important; }
body.mj-preview-creator-public .tworcy-path-switch a { color:#4a534f!important; background:#fff!important; border-color:var(--line)!important; }
body.mj-preview-creator-public .tworcy-path-switch a.active { background:#eaffdf!important; color:#21301d!important; border-color:#bfe6af!important; }
body.mj-preview-creator-public .tworcy-mini-benefits > *,
body.mj-preview-creator-public .tworcy-stats-grid > *,
body.mj-preview-creator-public .tworcy-approval-steps > * { background:#f6f8f6!important; border-color:var(--line)!important; color:#4d5651!important; }

/* Strona podziękowania */
body.mj-preview-thanks .content,
body.mj-preview-thanks .creator-app-section { background:var(--page)!important; }
body.mj-preview-thanks .copy-card,
body.mj-preview-thanks .creator-app-card { background:#fff!important; border-color:var(--line)!important; color:var(--ink)!important; box-shadow:none!important; }
body.mj-preview-thanks .copy-card p { color:var(--muted)!important; }

/* Stopka — grafit zamiast czerni */
body.mj-preview-light-subpage .footer {
  background:var(--graphite)!important;
  color:#fff!important;
  border-top:0!important;
}
body.mj-preview-light-subpage .footer p { color:#e6ebe7!important; }
body.mj-preview-light-subpage .footer a { color:#fff!important; text-decoration:none!important; }
body.mj-preview-light-subpage .footer a:hover { color:var(--green)!important; }
body.mj-preview-light-subpage .footer img { filter:none!important; }

/* Mobile / tablet */
@media (max-width:1160px) {
  body.mj-preview-light-subpage .header-inner,
  body.mj-preview-light-subpage .hero-grid,
  body.mj-preview-light-subpage .subhero-grid,
  body.mj-preview-light-subpage .company-hero-grid,
  body.mj-preview-light-subpage .privacy-hero-grid,
  body.mj-preview-light-subpage .creator-app-hero-grid,
  body.mj-preview-light-subpage .tworcy-showcase-grid { grid-template-columns:1fr!important; }
  body.mj-preview-light-subpage .header-inner { padding-top:10px!important; padding-bottom:10px!important; }
  body.mj-preview-light-subpage .main-nav { justify-content:flex-start!important; flex-wrap:wrap!important; }
  body.mj-preview-light-subpage .quote { justify-self:start!important; }
  body.mj-preview-service .art-row { grid-template-columns:1fr!important; }
  body.mj-preview-contact .contact-side { grid-template-columns:1fr!important; }
  body.mj-preview-about .offer-list { grid-template-columns:1fr!important; }
}

@media (max-width:720px) {
  body.mj-preview-light-subpage .hero-grid,
  body.mj-preview-light-subpage .subhero-grid,
  body.mj-preview-light-subpage .company-hero-grid,
  body.mj-preview-light-subpage .privacy-hero-grid,
  body.mj-preview-light-subpage .creator-app-hero-grid,
  body.mj-preview-light-subpage .tworcy-showcase-grid { padding-top:28px!important; padding-bottom:32px!important; gap:24px!important; }
  body.mj-preview-light-subpage .hero-card img,
  body.mj-preview-light-subpage .creator-app-hero-card img { height:240px!important; }
  body.mj-preview-service .art-image img { height:260px!important; }
  body.mj-preview-service .art-quote { padding:20px!important; }
  body.mj-preview-service .feature-box { padding:22px!important; }
  body.mj-preview-contact .contact-card { padding:22px!important; }
}


/* === Korekta podglądu 2026-08-26: katalog + Strefa Twórców === */
/* Katalog produktów: mniejszy nagłówek i bezpieczny odstęp między liniami / znakami diakrytycznymi */
body.mj-preview-service .sales-hero h2 {
  margin:0 0 16px!important;
  max-width:820px!important;
  color:var(--ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:clamp(1.85rem,3vw,2.8rem)!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.mj-preview-service .sales-hero > div:first-child > p:not(.sales-kicker) {
  max-width:780px!important;
  line-height:1.7!important;
}
/* Ilość: pole ma pozostać normalnym, aktywnym inputem także po zmianach wizualnych i mobilnych */
body.mj-preview-service input.sales-qty[data-qty] {
  width:140px!important;
  min-width:110px!important;
  height:46px!important;
  padding:0 16px!important;
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  opacity:1!important;
  background:#fff!important;
  color:#2f3732!important;
  border:1px solid #cfd8d1!important;
  border-radius:12px!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:normal!important;
  outline:none!important;
  box-shadow:none!important;
}
body.mj-preview-service input.sales-qty[data-qty]:focus {
  border-color:var(--green)!important;
  box-shadow:0 0 0 3px rgba(71,223,0,.14)!important;
}

/* Strefa Twórców — pełne przejście z czarnego showcase na jasny styl strony głównej */
body.mj-preview-creator-public.creator-page {
  min-width:0!important;
  background:var(--page)!important;
  color:var(--ink)!important;
}
body.mj-preview-creator-public main { background:var(--page)!important; }
body.mj-preview-creator-public .tworcy-showcase-hero {
  padding:28px 0 54px!important;
  background:linear-gradient(180deg,#f7f9f7 0%,#f1f4f1 100%)!important;
  border-bottom:1px solid var(--line)!important;
}
body.mj-preview-creator-public .tworcy-showcase-hero::before { display:none!important; }
body.mj-preview-creator-public .tworcy-showcase-grid { gap:38px!important; }
body.mj-preview-creator-public .tworcy-kicker {
  color:var(--green-dark)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
body.mj-preview-creator-public .tworcy-showcase-copy h1 {
  color:var(--ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
  font-size:clamp(3rem,5vw,5.2rem)!important;
  font-weight:850!important;
}
body.mj-preview-creator-public .tworcy-showcase-copy h1 span {
  display:inline!important;
  color:var(--green-dark)!important;
}
body.mj-preview-creator-public .tworcy-showcase-lead {
  color:#3e4742!important;
  font-size:1.18rem!important;
  line-height:1.65!important;
}
body.mj-preview-creator-public .tworcy-showcase-copy p { color:var(--muted)!important; line-height:1.68!important; }
body.mj-preview-creator-public .tworcy-showcase-copy strong,
body.mj-preview-creator-public .tworcy-note-line strong,
body.mj-preview-creator-public .tworcy-reader-copy strong,
body.mj-preview-creator-public .tworcy-community-copy span,
body.mj-preview-creator-public .tworcy-approval-grid strong { color:var(--green-dark)!important; }
body.mj-preview-creator-public .tworcy-showcase-art-frame {
  min-height:380px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  box-shadow:0 16px 40px rgba(33,43,36,.08)!important;
}
body.mj-preview-creator-public .tworcy-showcase-art-frame img {
  min-height:380px!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
body.mj-preview-creator-public .tworcy-neon-badge {
  width:140px!important;
  height:140px!important;
  color:var(--green-dark)!important;
  text-shadow:none!important;
  border:1px solid rgba(71,223,0,.5)!important;
  box-shadow:0 0 0 10px rgba(71,223,0,.08)!important;
  background:rgba(255,255,255,.88)!important;
}
body.mj-preview-creator-public .tworcy-path-bar { margin-top:-22px!important; }
body.mj-preview-creator-public .tworcy-path-switch {
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 12px 32px rgba(33,43,36,.08)!important;
}
body.mj-preview-creator-public .tworcy-path-switch a {
  color:#48514c!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:none!important;
  font-size:1rem!important;
}
body.mj-preview-creator-public .tworcy-path-switch a.active,
body.mj-preview-creator-public .tworcy-path-switch a:hover {
  color:#1f2d1b!important;
  background:#eaffdf!important;
  box-shadow:none!important;
}
body.mj-preview-creator-public .tworcy-roles-section,
body.mj-preview-creator-public .tworcy-reader-section,
body.mj-preview-creator-public .tworcy-community-section,
body.mj-preview-creator-public .tworcy-approval-band {
  background:var(--page)!important;
  padding:38px 0!important;
}
body.mj-preview-creator-public .tworcy-role-card {
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  box-shadow:none!important;
}
body.mj-preview-creator-public .tworcy-role-card.writers { box-shadow:none!important; }
body.mj-preview-creator-public .tworcy-role-copy h2,
body.mj-preview-creator-public .tworcy-reader-copy h2,
body.mj-preview-creator-public .tworcy-community-copy h2,
body.mj-preview-creator-public .tworcy-approval-grid h2 {
  color:var(--ink)!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:-.04em!important;
  line-height:1.08!important;
  font-size:clamp(2rem,3vw,3rem)!important;
}
body.mj-preview-creator-public .tworcy-role-copy h2 span,
body.mj-preview-creator-public .tworcy-reader-copy h2 span,
body.mj-preview-creator-public .tworcy-community-copy h2 span { color:var(--green-dark)!important; }
body.mj-preview-creator-public .tworcy-role-copy p,
body.mj-preview-creator-public .tworcy-reader-copy p,
body.mj-preview-creator-public .tworcy-community-copy p,
body.mj-preview-creator-public .tworcy-approval-grid p { color:var(--muted)!important; line-height:1.66!important; }
body.mj-preview-creator-public .tworcy-note-line {
  background:#f1f8ed!important;
  border-color:#d8ead0!important;
  color:#53605a!important;
}
body.mj-preview-creator-public .tworcy-mini-benefits div,
body.mj-preview-creator-public .tworcy-reader-features li,
body.mj-preview-creator-public .tworcy-stats-grid article,
body.mj-preview-creator-public .tworcy-approval-steps div {
  background:#f6f8f6!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
body.mj-preview-creator-public .tworcy-mini-benefits strong,
body.mj-preview-creator-public .tworcy-reader-features strong { color:var(--green-dark)!important; }
body.mj-preview-creator-public .tworcy-mini-benefits span,
body.mj-preview-creator-public .tworcy-reader-features span,
body.mj-preview-creator-public .tworcy-stats-grid span,
body.mj-preview-creator-public .tworcy-approval-steps em { color:var(--muted)!important; }
body.mj-preview-creator-public .tworcy-role-art {
  background:#f3f6f3!important;
  border-left:1px solid var(--line)!important;
}
body.mj-preview-creator-public .tworcy-role-art img { mix-blend-mode:normal!important; opacity:1!important; }
body.mj-preview-creator-public .tworcy-reader-panel {
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  box-shadow:none!important;
}
body.mj-preview-creator-public .tworcy-reader-visual::before { background:radial-gradient(circle,rgba(71,223,0,.10),transparent 68%)!important; }
body.mj-preview-creator-public .tworcy-reader-visual img { box-shadow:0 14px 34px rgba(33,43,36,.10)!important; }
body.mj-preview-creator-public .tworcy-community-copy,
body.mj-preview-creator-public .tworcy-stats-grid article,
body.mj-preview-creator-public .tworcy-approval-grid {
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
body.mj-preview-creator-public .tworcy-stats-grid strong { color:var(--green-dark)!important; }
body.mj-preview-creator-public .tworcy-approval-steps span { background:var(--green)!important; color:#142011!important; }
body.mj-preview-creator-public .tworcy-approval-steps strong {
  color:#344039!important;
  font-family:Manrope,Arial,sans-serif!important;
  text-transform:none!important;
}
body.mj-preview-creator-public .creator-final-cta {
  background:var(--page)!important;
  color:var(--ink)!important;
  padding:28px 0 58px!important;
}
body.mj-preview-creator-public .final-cta-inner {
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.mj-preview-creator-public .creator-btn.ghost,
body.mj-preview-creator-public .creator-btn.outline {
  color:#39423d!important;
  background:#fff!important;
  border-color:#d4ddd6!important;
  box-shadow:none!important;
}

@media (max-width:900px) {
  body.mj-preview-service .sales-hero h2 { font-size:clamp(1.7rem,7vw,2.35rem)!important; line-height:1.2!important; }
  body.mj-preview-creator-public .tworcy-showcase-grid,
  body.mj-preview-creator-public .tworcy-roles-grid,
  body.mj-preview-creator-public .tworcy-reader-panel,
  body.mj-preview-creator-public .tworcy-community-grid,
  body.mj-preview-creator-public .tworcy-approval-grid { grid-template-columns:1fr!important; }
  body.mj-preview-creator-public .tworcy-stats-grid { grid-template-columns:repeat(2,1fr)!important; }
  body.mj-preview-creator-public .tworcy-role-art { min-height:260px!important; border-left:0!important; border-top:1px solid var(--line)!important; }
}


/* === Podgląd 2026-08-27: czytelność katalogu odzieży === */
/* Lżejszy pasek filtrowania i wyszukiwania */
body.mj-preview-service .sales-toolbar {
  padding:18px 20px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  box-shadow:none!important;
  align-items:center!important;
}
body.mj-preview-service .sales-toolbar span,
body.mj-preview-service .sales-count { color:#6d7772!important; }
body.mj-preview-service .sales-search {
  background:#fff!important;
  color:#2f3732!important;
  border:1px solid #ccd5ce!important;
}
body.mj-preview-service .sales-search::placeholder { color:#7b8580!important; opacity:1!important; }

/* Mniejsze i bardziej zwarte kafelki produktów */
body.mj-preview-service .copy-card .sales-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
body.mj-preview-service .copy-card .sales-product {
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(25,36,30,.06)!important;
}
body.mj-preview-service .copy-card .sales-product:hover {
  transform:translateY(-2px)!important;
  border-color:rgba(71,223,0,.55)!important;
  box-shadow:0 12px 30px rgba(25,36,30,.10)!important;
}
body.mj-preview-service .copy-card .sales-photo-wrap {
  height:190px!important;
  min-height:190px!important;
}
body.mj-preview-service .copy-card .sales-photo {
  height:190px!important;
  padding:12px!important;
}
body.mj-preview-service .copy-card .sales-body {
  padding:13px!important;
  gap:9px!important;
}
body.mj-preview-service .copy-card .sales-body h3 {
  color:var(--ink)!important;
  font-size:1rem!important;
  line-height:1.25!important;
}
body.mj-preview-service .copy-card .sales-type { font-size:.78rem!important; }
body.mj-preview-service .copy-card .sales-order-btn {
  min-height:42px!important;
  font-size:.88rem!important;
}

/* Próbki kolorów: większa próbka, wyraźna obwódka, bez zielonego zalewania całego przycisku */
body.mj-preview-service .palette-color,
body.mj-preview-service .product-color {
  background:#fff!important;
  color:#2f3732!important;
  border:1px solid #cfd8d1!important;
  box-shadow:none!important;
}
body.mj-preview-service .palette-color .color-dot,
body.mj-preview-service .product-color .color-dot {
  width:23px!important;
  height:23px!important;
  flex:0 0 23px!important;
  border:2px solid #7f8a84!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 1px 2px rgba(0,0,0,.12)!important;
}
body.mj-preview-service .palette-color .color-code,
body.mj-preview-service .product-color .color-code {
  color:#333b37!important;
  font-weight:850!important;
}
body.mj-preview-service .palette-color:hover,
body.mj-preview-service .product-color:hover {
  background:#f5f8f5!important;
  color:#202722!important;
  border-color:#9eaaa2!important;
}
body.mj-preview-service .product-color.is-selected {
  background:#fff!important;
  color:#202722!important;
  border-color:var(--green)!important;
  outline:3px solid rgba(71,223,0,.22)!important;
  outline-offset:1px!important;
}
body.mj-preview-service .product-color.is-selected .color-dot {
  border-color:#2f3732!important;
}

/* Zbiorcze zapytanie: pełny kontrast na jasnym tle */
body.mj-preview-service .dtf-inquiry-box,
body.mj-preview-service .dtf-table-wrap {
  background:#fff!important;
  border-color:var(--line)!important;
}
body.mj-preview-service .dtf-inquiry-summary {
  background:#effbe9!important;
  color:#26302b!important;
  border-color:rgba(71,223,0,.42)!important;
}
body.mj-preview-service .dtf-inquiry-summary small { color:#65706a!important; }
body.mj-preview-service .dtf-empty {
  background:#f7f9f7!important;
  border-color:#d4ddd6!important;
  color:#65706a!important;
}
body.mj-preview-service .dtf-table { color:#303833!important; }
body.mj-preview-service .dtf-table th {
  background:#f3f6f3!important;
  color:#228f00!important;
  border-color:#dce3dd!important;
}
body.mj-preview-service .dtf-table td {
  color:#303833!important;
  border-color:#e1e7e2!important;
  background:#fff!important;
}
body.mj-preview-service .dtf-item-product b { color:#252c28!important; }
body.mj-preview-service .dtf-item-product small { color:#6d7772!important; }
body.mj-preview-service .dtf-item-color { color:#303833!important; }
body.mj-preview-service .dtf-remove,
body.mj-preview-service .dtf-clear {
  background:#fff!important;
  color:#37403b!important;
  border-color:#cfd8d1!important;
}
body.mj-preview-service .dtf-remove:hover,
body.mj-preview-service .dtf-clear:hover { background:#f2f5f2!important; }
body.mj-preview-service .dtf-note { color:#65706a!important; }

/* Potwierdzenie po dodaniu wariantu */
body.mj-preview-service .sales-order-btn.is-added {
  background:#e9fbe1!important;
  color:#197600!important;
  border:1px solid rgba(71,223,0,.55)!important;
}

@media (max-width:1180px) {
  body.mj-preview-service .copy-card .sales-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:720px) {
  body.mj-preview-service .copy-card .sales-grid { grid-template-columns:1fr!important; }
  body.mj-preview-service .copy-card .sales-photo-wrap,
  body.mj-preview-service .copy-card .sales-photo { height:210px!important; min-height:210px!important; }
  body.mj-preview-service .sales-toolbar { padding:14px!important; }
}

/* === Produkcja 2026-08-27: zgodność lekkich podstron z mobile/PWA === */
@media (max-width:760px) {
  body.mj-preview-light-subpage .site-header {
    position:sticky!important;
    top:0!important;
    z-index:120!important;
  }
  body.mj-preview-light-subpage .site-header .header-inner {
    min-height:64px!important;
    padding:7px 0!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:8px!important;
    align-items:center!important;
  }
  body.mj-preview-light-subpage .site-header .brand {
    grid-column:1!important;
    grid-row:1!important;
  }
  body.mj-preview-light-subpage .site-header .language-switcher {
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
  }
  body.mj-preview-light-subpage .site-header .mobile-nav-toggle {
    grid-column:3!important;
    grid-row:1!important;
    background:#fff!important;
    border-color:rgba(71,223,0,.48)!important;
  }
  body.mj-preview-light-subpage .site-header .language-switcher .mobile-app-install {
    color:#26302b!important;
    background:#f1faed!important;
    border-color:#a8d99b!important;
  }
  body.mj-preview-light-subpage .site-header .language-switcher .mobile-app-install.is-installed {
    color:#58625d!important;
    background:#f5f7f5!important;
    border-color:#d7dfd9!important;
  }
  body.mj-preview-light-subpage .mobile-side-menu-toggle,
  body.mj-preview-light-subpage .mobile-panel-toggle,
  body.mj-preview-light-subpage .mobile-how-toggle,
  body.mj-preview-light-subpage .mobile-inquiry-toggle,
  body.mj-preview-light-subpage .mobile-variant-toggle {
    color:#26302b!important;
    background:#f7faf7!important;
    border-color:#c8d9c2!important;
  }
  body.mj-preview-light-subpage .mobile-sales-filter-caption,
  body.mj-preview-light-subpage .mobile-variant-select-caption {
    color:#56615b!important;
  }
  body.mj-preview-light-subpage .mobile-sales-filter-select,
  body.mj-preview-light-subpage .mobile-variant-select,
  body.mj-preview-light-subpage .mobile-color-picker-toggle {
    background:#fff!important;
    color:#26302b!important;
    border-color:#cfd8d1!important;
  }
  body.mj-preview-light-subpage .mobile-color-picker-item {
    background:#fff!important;
    color:#26302b!important;
    border-color:#dce3de!important;
  }
  body.mj-preview-light-subpage .mobile-color-picker-item.is-selected {
    background:#effbe9!important;
    border-color:#78c963!important;
  }
}