/* ============================================================
   MINDSHIFT LIFE · MINDSHIFTLIFE.SPACE (EN) · GŁÓWNY ARKUSZ STYLÓW
   Wersja „notatnik” 2026: papier w linie, Jost + Caveat,
   prostokątne przyciski, listy wierszy z kreską zamiast kart.
   Wklej CAŁOŚĆ w Wygląd > Dostosuj > Dodatkowy CSS.
============================================================ */

/* ===== 1. FONTY ===== */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Caveat:wght@500;600&display=swap');

/* ===== 2. ZMIENNE (terakota, strony marki) ===== */
:root {
  --papier: #F4F0E6;
  --ink: #2A2420;
  --akcent: #A85A3C;
  --ciemne: #2A2420;
  --jasny: #E3A889;
  --tasma: #C07A57;
  --miekkie: #EDE6D8;
  --kreska: rgba(42, 36, 32, 0.18);
  --kreska-mocna: #2A2420;
  --linia-papieru: rgba(168, 90, 60, 0.10);

  /* aliasy starych nazw, używane w sekcji płatności WooCommerce */
  --kremowy: var(--papier);
  --zloty: var(--akcent);
  --zloty-ciemny: var(--akcent);
  --ciemny: var(--ink);
  --tekst: var(--ink);
  --linia: var(--kreska);
}

/* ===== 3. TYPOGRAFIA GLOBALNA ===== */
body,
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.entry-title,
.page-title {
  font-family: 'Jost', sans-serif !important;
}

h1, h2, h3,
.elementor-heading-title,
.entry-title,
.page-title {
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--ink);
}
/* Nagłówki na ciemnym tle zawsze jasne */
.sekcja--ciemna :is(h1, h2, h3, h4, .elementor-heading-title) {
  color: var(--papier) !important;
}
h1 strong, h2 strong, h3 strong,
.entry-title strong {
  font-weight: 600;
}

/* Odręczny dopisek do użycia w treści */
.msl-dopisek {
  font-family: 'Caveat', cursive !important;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.1;
  color: var(--akcent);
}

/* Etykieta sekcji */
.msl-etykieta {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ink);
}

/* ===== 4. TŁO: PAPIER W LINIE ===== */
html:not([data-theme="dark"]),
html:not([data-theme="dark"]) body,
html:not([data-theme="dark"]) #page,
html:not([data-theme="dark"]) .site,
html:not([data-theme="dark"]) .site-content,
html:not([data-theme="dark"]) #content,
html:not([data-theme="dark"]) .elementor-section-wrap,
html:not([data-theme="dark"]) .elementor-page {
  background-color: var(--papier) !important;
}

html:not([data-theme="dark"]) body {
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 47px, var(--linia-papieru) 47px, var(--linia-papieru) 48px) !important;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 760px) {
  html:not([data-theme="dark"]) body {
    background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 39px, var(--linia-papieru) 39px, var(--linia-papieru) 40px) !important;
  }
}

/* Ukrywamy sidebar na wszystkich stronach */
#sidebar,
#secondary,
.sidebar,
.widget-area {
  display: none !important;
}

/* ===== 5. LINKI W TREŚCI ===== */
.entry-content p a,
.entry-content li a {
  color: var(--akcent) !important;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
}

.entry-content p a:hover,
.entry-content li a:hover {
  color: var(--ink) !important;
}

.wp-block-button__link.wp-element-button {
  color: var(--papier);
  background: var(--akcent);
  border-radius: 0;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.wp-block-button__link.wp-element-button:hover {
  background: var(--ink);
  color: var(--papier);
}

.wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-nav-btns .wcf-next-button {
  padding-top: 20px;
  margin-top: 20px;
}
.wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-nav-btns .wcf-next-button .wcf-button-text {
  color: var(--papier);
}

/* ===== 6. CARTFLOWS (koszyk) ===== */
.cartflows-container, .cartflows-container .wfacp-form-container, body.cartflows-template-default { font-family: 'Jost', sans-serif !important; color: var(--ink) !important; }
.cartflows-container { background: var(--papier) !important; }
.cartflows-container h1, .cartflows-container h2, .cartflows-container h3, .wfacp-section-title, .woocommerce-billing-fields h3, #order_review_heading {
  font-weight: 400 !important;
  color: var(--ink) !important;
  letter-spacing: -0.02em;
}

.cartflows-container input[type="text"], .cartflows-container input[type="email"], .cartflows-container input[type="tel"], .cartflows-container input[type="number"], .cartflows-container select, .cartflows-container textarea, .cartflows-container .select2-container .select2-selection {
  background: #ffffff !important;
  border: 1px solid rgba(42, 36, 32, 0.4) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  padding: 12px 14px !important;
  min-height: 48px;
  box-shadow: none !important;
}
.cartflows-container input:focus, .cartflows-container select:focus, .cartflows-container textarea:focus { border-color: var(--akcent) !important; outline: 2px solid var(--akcent) !important; outline-offset: 0 !important; box-shadow: none !important; }
.cartflows-container label, .cartflows-container .wfacp-field label { color: var(--ink) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0; }

.cartflows-container .wfacp-order-summary, .cartflows-container .woocommerce-checkout-review-order, .cartflows-container #order_review {
  background: #ffffff !important;
  border: none !important;
  border-top: 2px solid var(--ink) !important;
  border-radius: 0 !important;
}
.cartflows-container .woocommerce-Price-amount, .cartflows-container .order-total .amount { color: var(--ink) !important; font-weight: 600 !important; }
.cartflows-container .wfacp-section, .cartflows-container .wfacp-main-form { box-shadow: none !important; background: transparent !important; }
.cartflows-container a { color: var(--akcent) !important; }

.cartflows-container #place_order, .cartflows-container button.button.alt, .cartflows-container .wfacp-next-button, .cartflows-container .checkout-button, .cartflows-container .wfacp-button, .cartflows-container button[type="submit"] {
  background: var(--akcent) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  padding: 18px 36px !important;
  min-height: 56px;
  box-shadow: none !important;
  transition: background 0.2s !important;
}
.cartflows-container #place_order *, .cartflows-container button.button.alt *, .cartflows-container .wfacp-next-button *, .cartflows-container .checkout-button *, .cartflows-container .wfacp-button *, .cartflows-container button[type="submit"] * { color: var(--papier) !important; fill: var(--papier) !important; }

.cartflows-container #place_order:hover, .cartflows-container button.button.alt:hover, .cartflows-container .wfacp-next-button:hover, .cartflows-container .checkout-button:hover, .cartflows-container .wfacp-button:hover, .cartflows-container button[type="submit"]:hover { background: var(--ink) !important; }

/* ===== 7. LATEPOINT (rezerwacje) ===== */
.latepoint-w, .latepoint-w .os-form-group label, .latepoint-w .os-value, .latepoint-w .os-text { font-family: 'Jost', sans-serif !important; }
.latepoint-w .os-btn { font-family: 'Jost', sans-serif !important; text-transform: none; letter-spacing: 0.04em; border-radius: 0 !important; font-weight: 500; }

.latepoint-w .latepoint-footer .latepoint-next-btn { display: flex !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 999999 !important; pointer-events: all !important; }
.latepoint-w .latepoint-next-btn.latepoint-disabled, .latepoint-w .latepoint-next-btn[disabled] { display: flex !important; visibility: visible !important; opacity: 0.5 !important; cursor: not-allowed !important; }

/* ===== 8. THRIVE ===== */
.tve-leads-conversion-object *, .tve_p_lb_content *, .tqb-quiz-container *, div[class*="tve-"] * { font-family: 'Jost', sans-serif !important; }

/* ===== 9. RAMKA OSTRZEŻENIA (karteczka z taśmą) ===== */
.bea-alert-box {
  position: relative;
  background-color: #ffffff;
  border: none;
  padding: 40px 36px 36px;
  margin: 40px 0 24px;
  border-radius: 0;
  box-shadow: 0 14px 30px rgba(42, 36, 32, 0.10);
  transform: rotate(-1deg);
  text-align: left;
  color: var(--ink);
}
.bea-alert-box::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  width: 110px;
  height: 26px;
  margin-left: -55px;
  background: rgba(192, 122, 87, 0.38);
  transform: rotate(-3deg);
}
.bea-alert-box h3 { margin-top: 0; font-size: 28px; font-weight: 400; letter-spacing: -0.02em; margin-bottom: 14px; }
.bea-alert-box h3 strong { font-weight: 600; }
.bea-alert-box p { font-size: 18px; line-height: 1.6; font-weight: 300; margin-bottom: 24px; color: var(--ink); font-family: 'Jost', sans-serif; }
.bea-alert-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 16px 30px;
  background-color: var(--akcent);
  color: var(--papier) !important;
  text-transform: none;
  font-size: 16px;
  letter-spacing: 0.04em;
  font-weight: 500;
  border-radius: 0;
  text-decoration: none;
  transition: background-color 0.2s ease;
  box-shadow: none;
  font-family: 'Jost', sans-serif;
}
.bea-alert-button:hover { background-color: var(--ink); transform: none; box-shadow: none; }

/* ===== 10. SEKCJA WDZIĘCZNOŚCI ===== */
.msk-wdziecznosc-sekcja {
  font-family: 'Jost', sans-serif !important;
  max-width: 760px !important;
  margin: 40px auto !important;
  padding: 32px 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  border-top: 1px solid var(--ink) !important;
  border-bottom: 1px solid var(--ink) !important;
  text-align: left !important;
}
.msk-wdziecznosc-sekcja * { box-sizing: border-box !important; }
.msk-wdziecznosc-h2 { font-size: 34px !important; font-weight: 400 !important; letter-spacing: -0.03em !important; line-height: 1.05 !important; color: var(--ink) !important; margin-top: 0 !important; margin-bottom: 20px !important; }
.msk-wdziecznosc-form { display: flex !important; gap: 0 !important; max-width: 100% !important; margin: 0 0 15px 0 !important; }
#msk-wdziecznosc-input { flex: 1 !important; padding: 12px 14px !important; min-height: 52px !important; border: 1px solid rgba(42, 36, 32, 0.4) !important; border-right: none !important; border-radius: 0 !important; font-family: 'Jost', sans-serif !important; font-size: 16px !important; color: var(--ink) !important; background: #fff !important; }
#msk-wdziecznosc-input:focus { outline: none !important; border-color: var(--akcent) !important; }
.msk-btn-small { background: var(--akcent) !important; color: var(--papier) !important; border: none !important; border-radius: 0 !important; padding: 0 28px !important; cursor: pointer !important; font-family: 'Jost', sans-serif !important; text-transform: none !important; letter-spacing: 0.04em !important; font-size: 16px !important; font-weight: 500 !important; height: 52px !important; transition: background 0.2s !important; }
.msk-btn-small:hover { background: var(--ink) !important; }
.msk-btn-text { background: none !important; border: none !important; border-bottom: 1px solid currentColor !important; padding: 0 0 2px !important; color: var(--ink) !important; font-family: 'Jost', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; cursor: pointer !important; margin-top: 20px !important; font-style: normal !important; }
.msk-btn-text:hover { color: var(--akcent) !important; }
@media (max-width: 600px) {
  .msk-wdziecznosc-form { flex-direction: column !important; gap: 10px !important; }
  #msk-wdziecznosc-input { border-right: 1px solid rgba(42, 36, 32, 0.4) !important; }
  .msk-btn-small { height: 56px !important; }
}

/* ===== 11. MODAL ===== */
.msk-modal { position: fixed !important; z-index: 99999 !important; left: 0 !important; top: 0 !important; width: 100vw !important; height: 100vh !important; background-color: rgba(42, 36, 32, 0.55) !important; }
.msk-modal-content { background-color: var(--papier) !important; margin: 15vh auto !important; padding: 40px !important; border: 1px solid var(--ink) !important; border-radius: 0 !important; width: 90% !important; max-width: 500px !important; position: relative !important; text-align: left !important; box-shadow: 0 20px 40px rgba(42, 36, 32, 0.15) !important; }
.msk-modal-close { color: var(--ink) !important; position: absolute !important; right: 16px !important; top: 12px !important; font-size: 28px !important; cursor: pointer !important; line-height: 1 !important; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.msk-modal-close:hover { color: var(--akcent) !important; }
#msk-historia-lista { list-style-type: none !important; padding: 0 !important; margin: 0 !important; max-height: 300px !important; overflow-y: auto !important; border-top: 1px solid var(--ink) !important; }
#msk-historia-lista li { padding: 14px 0 !important; border-bottom: 1px solid var(--kreska) !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.5 !important; color: var(--ink) !important; font-family: 'Jost', sans-serif !important; }

@media (max-width: 760px) {
  .msk-modal { display: flex; flex-direction: column; justify-content: flex-end; }
  .msk-modal-content { margin: 0 !important; width: 100% !important; max-width: none !important; border: none !important; padding: 24px 20px 32px !important; }
}

/* ===== 12. TABLICA KARTECZEK ===== */
.msk-tablica-sekcja { font-family: 'Jost', sans-serif !important; max-width: 900px !important; margin: 60px auto !important; padding: 0 20px !important; }
.msk-tablica { display: flex !important; flex-wrap: wrap !important; gap: 36px 30px !important; justify-content: center !important; }
.msk-karteczka {
  width: 260px !important;
  min-height: 200px !important;
  background-color: #fff !important;
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 29px, rgba(168, 90, 60, 0.12) 29px, rgba(168, 90, 60, 0.12) 30px) !important;
  background-size: auto !important;
  padding: 36px 22px 22px 22px !important;
  position: relative !important;
  box-shadow: 0 14px 30px rgba(42, 36, 32, 0.10) !important;
  border: none !important;
  border-radius: 0 !important;
  transform: rotate(-1.5deg);
  transition: transform 0.3s ease !important;
  display: block !important;
}
.msk-karteczka:nth-child(2n) { transform: rotate(1.2deg); }
.msk-karteczka:nth-child(3n) { transform: rotate(-0.6deg); }
.msk-karteczka:hover { transform: rotate(0deg) !important; z-index: 10 !important; }
/* Pinezka zamieniona na taśmę */
.msk-pinezka { width: 90px !important; height: 24px !important; background: rgba(192, 122, 87, 0.38) !important; border-radius: 0 !important; position: absolute !important; top: -12px !important; left: 50% !important; transform: translateX(-50%) rotate(-3deg) !important; box-shadow: none !important; }
.msk-pinezka::after { display: none !important; }
.msk-karteczka-tekst { font-family: 'Caveat', cursive !important; font-size: 24px !important; font-weight: 500 !important; font-style: normal !important; color: var(--ink) !important; line-height: 30px !important; margin: 0 !important; }

/* ===== 13. WOOCOMMERCE · MOJE KONTO ===== */
html body .woocommerce-MyAccount-navigation-link a,
html body .woocommerce-MyAccount-content a {
  color: var(--akcent) !important;
  transition: color 0.2s ease;
}

html body .woocommerce-MyAccount-navigation-link a:hover,
html body .woocommerce-MyAccount-content a:hover {
  color: var(--ink) !important;
}

html body .woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--papier) !important;
}

html body .woocommerce-MyAccount-content a.button {
  color: var(--papier) !important;
  background-color: var(--akcent) !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}

html body .woocommerce-MyAccount-content a.button:hover {
  color: var(--papier) !important;
  background-color: var(--ink) !important;
  opacity: 1;
}

html body .woocommerce-MyAccount-content {
  background-color: transparent !important;
  border: none !important;
  border-top: 2px solid var(--ink) !important;
  border-radius: 0 !important;
  padding: 32px 0 0 !important;
  box-shadow: none !important;
}

/* Nawigacja konta: lista wierszy, aktywny wiersz w ink */
html body .woocommerce-MyAccount-navigation ul {
  border-top: 1px solid var(--ink) !important;
  padding: 0 !important;
}
html body .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 0 !important;
  list-style: none !important;
  border-bottom: 1px solid var(--ink) !important;
}
html body .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 16px 16px !important;
  min-height: 44px;
  border-radius: 0 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  background-color: transparent !important;
  border: none !important;
  color: var(--ink) !important;
}

html body .woocommerce-MyAccount-navigation ul li a:hover {
  background-color: rgba(192, 122, 87, 0.08) !important;
  border: none !important;
  color: var(--akcent) !important;
}

html body .woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: var(--ink) !important;
  color: var(--papier) !important;
  box-shadow: none !important;
  border: none !important;
}

html body .woocommerce-MyAccount-content table.shop_table {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin-bottom: 30px !important;
}
html body .woocommerce-MyAccount-content table.shop_table th {
  background-color: transparent !important;
  border-top: none !important;
  border-bottom: 1px solid var(--ink) !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  color: var(--ink) !important;
  padding: 15px 10px !important;
}
html body .woocommerce-MyAccount-content table.shop_table td {
  border-top: none !important;
  border-bottom: 1px solid var(--kreska) !important;
  padding: 20px 10px !important;
  background: transparent !important;
  color: var(--ink) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
}

html body .woocommerce-MyAccount-content address {
  font-style: normal !important;
  line-height: 1.8 !important;
  color: var(--ink) !important;
  background: #ffffff !important;
  padding: 28px !important;
  border-radius: 0 !important;
  border: none !important;
  margin-top: 15px !important;
  box-shadow: 0 14px 30px rgba(42, 36, 32, 0.10) !important;
  transform: rotate(-0.6deg);
}

/* ===== 14. DROBNE ELEMENTY UI ===== */
.skip-btn {
  text-align: center;
  margin-top: 15px;
}
.skip-btn a {
  font-size: 14px;
  font-weight: 500;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  opacity: 0.75;
  transition: opacity 0.2s, color 0.2s;
}
.skip-btn a:hover {
  opacity: 1;
  color: var(--akcent);
}

/* Moja ścieżka: wiersze z paskiem postępu */
.moja-sciezka { max-width: 640px; margin: 0 auto; border-top: 1px solid var(--ink); }
.moja-sciezka-kafel { background: transparent; border: none; border-bottom: 1px solid var(--ink); border-radius: 0; padding: 24px 0; margin-bottom: 0; text-align: left; }
.moja-sciezka-tytul { font-size: 22px; font-weight: 500; letter-spacing: -0.01em; color: var(--ink); text-decoration: none; display: block; margin-bottom: 14px; }
.moja-sciezka-tytul:hover { color: var(--akcent); }
.moja-sciezka-pasek { height: 4px; background: var(--miekkie); border-radius: 0; overflow: hidden; }
.moja-sciezka-pasek-wypelnienie { height: 100%; background: var(--akcent); border-radius: 0; }
.moja-sciezka-procent { font-family: 'Caveat', cursive; font-weight: 500; font-size: 24px; color: var(--akcent); display: block; margin-top: 8px; letter-spacing: 0; }

/* ===== 15. WOOCOMMERCE · METODY PŁATNOŚCI ===== */
#payment.woocommerce-checkout-payment ul.payment_methods.methods {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-top: 1px solid var(--ink) !important;
}

/* Każda metoda jako wiersz z kreską */
#payment.woocommerce-checkout-payment ul.payment_methods.methods li.wc_payment_method {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--ink) !important;
  border-radius: 0 !important;
  padding: 18px 12px !important;
  line-height: normal !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
  transition: background 0.2s !important;
}

/* Zaznaczona metoda: delikatne tło akcentu */
#payment.woocommerce-checkout-payment ul.payment_methods.methods li.wc_payment_method.active,
#payment.woocommerce-checkout-payment ul.payment_methods.methods li.wc_payment_method:has(input:checked) {
  background: rgba(192, 122, 87, 0.08) !important;
}

/* Radio: kwadrat jak checklista na stronie, z wypełnieniem w akcencie */
#payment.woocommerce-checkout-payment ul.payment_methods.methods li.wc_payment_method input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: #fff !important;
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border: 1.5px solid var(--ink) !important;
  border-radius: 0 !important;
  display: grid !important;
  place-content: center !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

#payment.woocommerce-checkout-payment ul.payment_methods.methods li.wc_payment_method input[type="radio"]::before {
  content: "" !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 0 !important;
  transform: scale(0) !important;
  transition: 120ms transform ease-in-out !important;
  box-shadow: inset 1em 1em var(--akcent) !important;
}

#payment.woocommerce-checkout-payment ul.payment_methods.methods li.wc_payment_method input[type="radio"]:checked::before {
  transform: scale(1) !important;
}

#payment.woocommerce-checkout-payment ul.payment_methods.methods li.wc_payment_method label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  color: var(--ink) !important;
  margin: 0 !important;
  cursor: pointer !important;
  flex: 1 !important;
}

#payment.woocommerce-checkout-payment ul.payment_methods.methods li.wc_payment_method label img {
  height: 20px !important;
  width: auto !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Pole karty Stripe */
#payment.woocommerce-checkout-payment ul.payment_methods.methods li.payment_method_stripe_cc .payment_box {
  width: 100% !important;
  background: #fff !important;
  border: 1px solid rgba(42, 36, 32, 0.4) !important;
  border-radius: 0 !important;
  padding: 20px !important;
  margin-top: 14px !important;
}
#payment.woocommerce-checkout-payment ul.payment_methods.methods li.payment_method_stripe_cc .payment_box::before { display: none !important; }

#payment.woocommerce-checkout-payment ul.payment_methods.methods li.payment_method_stripe_cc .payment_box label {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ink) !important;
  letter-spacing: 0 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* ===== 16. KONTENER #msk-root (strony wklejane w Elementorze) ===== */
#msk-root {
  --ink: #2A2420;
  --paper: #F4F0E6;
  --paper2: #EDE6D8;
  --white: #FFFFFF;
  --deep: #2A2420;
  --brass: #A85A3C;
  --brass-light: #C07A57;
  --line: #2A2420;

  background: transparent;
  color: var(--ink);
  font-family: 'Jost', sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

#msk-root * { box-sizing: border-box; margin: 0; padding: 0; }
#msk-root h1, #msk-root h2, #msk-root h3,
#msk-root .msk-stamp, #msk-root .msk-eyebrow, #msk-root .msk-btn {
  font-family: 'Jost', sans-serif;
}

#msk-root .msk-wrap { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
#msk-root .msk-section { margin: 56px 0; }
#msk-root .msk-rule { border: none; border-top: 1px solid var(--line); margin: 32px 0; }
#msk-root strong { color: inherit; font-weight: 600; }

#msk-root .msk-eyebrow {
  font-size: 13px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink); display: block; margin-bottom: 14px;
}
#msk-root .msk-eyebrow::before { display: none; }

#msk-root h1.msk-h1 { font-size: clamp(44px, 6vw, 84px); font-weight: 400; letter-spacing: -0.045em; color: var(--deep); line-height: 0.98; margin-bottom: 16px; }
#msk-root h2.msk-h2 { font-size: clamp(34px, 4.2vw, 52px); font-weight: 400; letter-spacing: -0.035em; color: var(--deep); line-height: 1.04; margin-bottom: 24px; }
#msk-root h1.msk-h1 strong, #msk-root h2.msk-h2 strong { font-weight: 600; }
#msk-root h3.msk-h3 { font-size: 22px; font-weight: 600; color: var(--deep); margin-bottom: 8px; line-height: 1.3; }
#msk-root p.msk-p { font-size: 18px; font-weight: 300; line-height: 1.6; color: var(--ink); margin-bottom: 16px; }

/* Stempel jako odręczny dopisek */
#msk-root .msk-stamp {
  display: inline-block;
  border: none; color: var(--brass);
  font-family: 'Caveat', cursive;
  font-size: 26px; font-weight: 500; letter-spacing: 0; text-transform: none;
  padding: 0; border-radius: 0; margin-bottom: 12px;
  transform: rotate(-2deg); transform-origin: left;
}

#msk-root .msk-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  font-size: 17px; font-weight: 500; letter-spacing: 0.04em; text-transform: none;
  background: var(--brass); color: var(--paper);
  text-decoration: none; border: none; border-radius: 0;
  padding: 18px 32px; transition: background 0.2s ease; text-align: center;
}
#msk-root .msk-btn:hover { background: var(--ink); color: var(--paper); }

#msk-root .msk-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
#msk-root .msk-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 32px; }
/* Karta jako wiersz z kreską; wyróżniona jako ciemny blok */
#msk-root .msk-card { border: none; border-top: 1px solid var(--line); border-radius: 0; padding: 24px 0; background: transparent; box-shadow: none; }
#msk-root .msk-card-highlight { border-top: none; background: var(--deep); color: var(--paper); padding: 28px; }
#msk-root .msk-card-highlight h3, #msk-root .msk-card-highlight p { color: var(--paper); }
@media (max-width: 760px) {
  #msk-root .msk-grid2, #msk-root .msk-grid3 { grid-template-columns: 1fr; }
  #msk-root .msk-btn { width: 100%; min-height: 56px; }
}