/* =========================================================
   SAFEBILD FINAL FORCE 2701
   checkout.safebild.de only — clean light layout
   ========================================================= */

html.safebild-root,
html.safebild-root body,
body.safebild {
  background: #f4f9fc !important;
  color: #102033 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* usuń czarne / złote pozostałości SOFBAC */
body.safebild *,
body.safebild *::before,
body.safebild *::after {
  box-sizing: border-box !important;
}

/* TOP / HEADER */
body.safebild .sofbac-header,
body.safebild .safebild-site-header,
body.safebild header {
  background: #ffffff !important;
  color: #102033 !important;
  border-bottom: 1px solid #d9edf7 !important;
  box-shadow: 0 10px 30px rgba(12, 77, 120, .06) !important;
}

body.safebild .sofbac-header-inner,
body.safebild .safebild-header-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 18px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body.safebild .sofbac-brand,
body.safebild .safebild-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: #102033 !important;
  font-weight: 800 !important;
  font-size: 26px !important;
}

body.safebild .safebild-brand-icon,
body.safebild .sofbac-brand img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  display: block !important;
}

body.safebild .safebild-brand-text,
body.safebild .sofbac-brand span {
  color: #102033 !important;
}

body.safebild .sb-blue {
  color: #1b9fe8 !important;
}

body.safebild .safebild-header-actions,
body.safebild .sofbac-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

body.safebild .safebild-top-link,
body.safebild .sofbac-top-link {
  color: #506070 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
}

body.safebild .safebild-top-btn,
body.safebild .sofbac-top-btn,
body.safebild a[href*="/store/safebild"] {
  background: #1f9de2 !important;
  color: #ffffff !important;
  border: 1px solid #1f9de2 !important;
  border-radius: 999px !important;
  padding: 15px 28px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(31, 157, 226, .22) !important;
}

/* główne ciało */
body.safebild section#main-body,
body.safebild #main-body,
body.safebild .main-content,
body.safebild .container,
body.safebild .container-fluid {
  background: transparent !important;
  color: #102033 !important;
}

body.safebild section#main-body {
  padding: 34px 0 50px !important;
}

/* ukryj boczne WHMCS kategorie w koszyku */
body.safebild .cart-sidebar,
body.safebild .sidebar,
body.safebild .secondary-cart-sidebar-left,
body.safebild .panel-sidebar,
body.safebild .sidebar-collapsed {
  display: none !important;
}

/* główny wrapper koszyka */
body.safebild #order-standard_cart {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #eef7fc !important;
  border: 1px solid #cfe6f2 !important;
  border-radius: 26px !important;
  box-shadow: 0 24px 70px rgba(12, 77, 120, .13) !important;
  overflow: visible !important;
}

/* ciało koszyka */
body.safebild #order-standard_cart .cart-body {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  padding: 22px !important;
  color: #102033 !important;
}

/* układ 2 kolumny */
body.safebild #order-standard_cart .cart-body > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 24px !important;
  align-items: start !important;
  margin: 0 !important;
}

body.safebild #order-standard_cart .secondary-cart-body {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #d8e8f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 45px rgba(12, 77, 120, .08) !important;
  overflow: hidden !important;
  color: #102033 !important;
}

/* prawa kolumna podsumowania */
body.safebild #order-standard_cart .secondary-cart-sidebar {
  display: block !important;
  width: 330px !important;
  max-width: 330px !important;
  min-width: 330px !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  color: #102033 !important;
}

/* wymuś jasną kartę zamówienia */
body.safebild #order-standard_cart .order-summary,
body.safebild #orderSummary {
  display: block !important;
  background: #ffffff !important;
  color: #102033 !important;
  border: 1px solid #b9dcec !important;
  border-radius: 18px !important;
  padding: 26px 28px !important;
  box-shadow: 0 22px 55px rgba(12, 77, 120, .18) !important;
  min-height: 330px !important;
  overflow: visible !important;
}

body.safebild #order-standard_cart .order-summary h2,
body.safebild #orderSummary h2 {
  color: #006db6 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  font-weight: 900 !important;
  margin: 0 0 24px !important;
}

body.safebild #order-standard_cart .summary-container {
  background: #f5fbff !important;
  color: #102033 !important;
  border: 1px solid #d8e8f0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  margin-bottom: 22px !important;
}

body.safebild #order-standard_cart .summary-container *,
body.safebild #order-standard_cart .order-summary * {
  color: #102033 !important;
}

body.safebild #order-standard_cart .total-due-today,
body.safebild #order-standard_cart .total-due-today-padded {
  background: transparent !important;
  border: 0 !important;
  color: #102033 !important;
  text-align: right !important;
}

body.safebild #order-standard_cart #totalDueToday,
body.safebild #order-standard_cart .total-due-today .amt {
  color: #169b51 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
}

/* przycisk Kasse — styl bliżej przycisku z głównej strony */
body.safebild #order-standard_cart .btn-checkout,
body.safebild #order-standard_cart a#checkout {
  display: block !important;
  width: 100% !important;
  background: #18a058 !important;
  color: #ffffff !important;
  border: 1px solid #18a058 !important;
  border-radius: 999px !important;
  padding: 16px 28px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 16px 36px rgba(24, 160, 88, .22) !important;
}

body.safebild #order-standard_cart .btn-checkout:hover,
body.safebild #order-standard_cart a#checkout:hover {
  background: #128046 !important;
  border-color: #128046 !important;
  color: #ffffff !important;
}

/* dalej kupuję */
body.safebild #order-standard_cart .btn-continue-shopping {
  display: block !important;
  margin: 10px auto 0 !important;
  width: fit-content !important;
  background: #e8f5ff !important;
  color: #006db6 !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* lista produktów */
body.safebild #order-standard_cart .view-cart-items-header,
body.safebild #order-standard_cart .view-cart-items {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8e8f0 !important;
}

body.safebild #order-standard_cart .view-cart-items-header {
  border-bottom: 1px solid #d8e8f0 !important;
  font-weight: 800 !important;
}

body.safebild #order-standard_cart .item,
body.safebild #order-standard_cart .view-cart-item,
body.safebild #order-standard_cart .view-cart-items .item,
body.safebild #order-standard_cart .view-cart-items > div {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8e8f0 !important;
}

body.safebild #order-standard_cart .view-cart-items *,
body.safebild #order-standard_cart .view-cart-items-header * {
  color: #102033 !important;
}

/* czarne stare karty i nagłówki */
body.safebild #order-standard_cart .panel,
body.safebild #order-standard_cart .card,
body.safebild #order-standard_cart .panel-default,
body.safebild #order-standard_cart .card-body,
body.safebild #order-standard_cart .panel-body {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8e8f0 !important;
}

body.safebild #order-standard_cart .panel-heading,
body.safebild #order-standard_cart .card-header {
  background: #eef8fd !important;
  color: #102033 !important;
  border-color: #d8e8f0 !important;
}

/* przyciski edit/delete/code */
body.safebild #order-standard_cart .btn,
body.safebild #order-standard_cart button,
body.safebild #order-standard_cart input[type="submit"] {
  border-radius: 999px !important;
  font-weight: 800 !important;
}

body.safebild #order-standard_cart .btn-default,
body.safebild #order-standard_cart button[name="validatepromo"] {
  background: #0b73bb !important;
  border-color: #0b73bb !important;
  color: #ffffff !important;
}

body.safebild #order-standard_cart .btn-warning,
body.safebild #order-standard_cart .btn-remove-from-cart,
body.safebild #order-standard_cart .item-remove,
body.safebild #order-standard_cart .remove-item {
  background: #1f9de2 !important;
  border-color: #1f9de2 !important;
  color: #ffffff !important;
}

/* taby kodu i podatków */
body.safebild #order-standard_cart .view-cart-tabs,
body.safebild #order-standard_cart .tab-content,
body.safebild #order-standard_cart .tab-pane {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8e8f0 !important;
}

body.safebild #order-standard_cart .nav-tabs {
  border-color: #d8e8f0 !important;
}

body.safebild #order-standard_cart .nav-tabs > li > a,
body.safebild #order-standard_cart .nav-tabs .nav-link {
  background: #f5fbff !important;
  color: #006db6 !important;
  border-color: #d8e8f0 !important;
}

body.safebild #order-standard_cart .nav-tabs > li.active > a,
body.safebild #order-standard_cart .nav-tabs .nav-link.active {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8e8f0 !important;
}

/* inputy */
body.safebild input,
body.safebild select,
body.safebild textarea,
body.safebild .form-control {
  background: #ffffff !important;
  color: #102033 !important;
  border: 1px solid #cfe3ee !important;
  border-radius: 12px !important;
}

body.safebild input::placeholder,
body.safebild textarea::placeholder {
  color: #617085 !important;
}

/* stopka */
body.safebild footer,
body.safebild .footer {
  background: #ffffff !important;
  color: #617085 !important;
  border-top: 1px solid #d8e8f0 !important;
}

body.safebild footer *,
body.safebild .footer * {
  color: #617085 !important;
}

/* ukryj stare pudełko planów, jeśli wskakuje nad koszyk */
body.safebild .safebild-plans-box {
  display: none !important;
}

/* mobile */
@media (max-width: 900px) {
  body.safebild #order-standard_cart .cart-body > .row {
    grid-template-columns: 1fr !important;
  }

  body.safebild #order-standard_cart .secondary-cart-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.safebild .sofbac-header-inner,
  body.safebild .safebild-header-inner {
    flex-direction: column !important;
    gap: 14px !important;
  }

  body.safebild .safebild-header-actions,
  body.safebild .sofbac-header-actions {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}

/* =========================================================
   SAFEBILD FIX 2801 — force visible right order summary
   ========================================================= */

/* główna karta koszyka musi być punktem odniesienia */
body.safebild #order-standard_cart {
  position: relative !important;
  min-height: 340px !important;
  padding: 22px !important;
  overflow: visible !important;
}

/* cart-body nie może rozpychać całej szerokości */
body.safebild #order-standard_cart .cart-body {
  position: relative !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* lewa część: zostaw miejsce na prawe podsumowanie */
body.safebild #order-standard_cart .secondary-cart-body {
  display: block !important;
  width: calc(100% - 360px) !important;
  max-width: calc(100% - 360px) !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  background: #ffffff !important;
  color: #102033 !important;
  border: 1px solid #d8e8f0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* prawa część: wymuszenie widoczności */
body.safebild #order-standard_cart .secondary-cart-sidebar,
body.safebild #scrollingPanelContainer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 330px !important;
  max-width: 330px !important;
  min-width: 330px !important;
  height: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 20 !important;
}

/* karta podsumowania */
body.safebild #orderSummary,
body.safebild #order-standard_cart .order-summary {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #ffffff !important;
  color: #102033 !important;
  border: 1px solid #b9dcec !important;
  border-radius: 20px !important;
  padding: 26px 28px !important;
  min-height: 310px !important;
  box-shadow: 0 22px 55px rgba(12, 77, 120, .20) !important;
}

/* wszystkie teksty w podsumowaniu */
body.safebild #orderSummary *,
body.safebild #order-standard_cart .order-summary * {
  color: #102033 !important;
}

/* tytuł podsumowania */
body.safebild #orderSummary h2,
body.safebild #order-standard_cart .order-summary h2 {
  color: #006db6 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-align: center !important;
  margin: 0 0 22px !important;
}

/* kwota */
body.safebild #totalDueToday,
body.safebild .total-due-today .amt {
  color: #169b51 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
}

/* przycisk Kasse */
body.safebild #checkout,
body.safebild .btn-checkout {
  display: block !important;
  width: 100% !important;
  background: #18a058 !important;
  border: 1px solid #18a058 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 16px 28px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: 0 16px 36px rgba(24, 160, 88, .24) !important;
}

/* popraw czarny pasek przy kodzie rabatowym */
body.safebild #order-standard_cart .view-cart-tabs,
body.safebild #order-standard_cart .tab-content,
body.safebild #order-standard_cart .tab-pane {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8e8f0 !important;
}

/* sam pasek zakładek */
body.safebild #order-standard_cart .nav-tabs {
  background: #ffffff !important;
  border-color: #d8e8f0 !important;
}

body.safebild #order-standard_cart .nav-tabs li,
body.safebild #order-standard_cart .nav-tabs a,
body.safebild #order-standard_cart .nav-link {
  background: #f5fbff !important;
  color: #006db6 !important;
  border-color: #d8e8f0 !important;
}

/* input kodu — usuń czarne tło */
body.safebild #inputPromotionCode,
body.safebild #order-standard_cart input,
body.safebild #order-standard_cart .form-control {
  background: #ffffff !important;
  color: #102033 !important;
  border: 1px solid #cfe3ee !important;
}

body.safebild #inputPromotionCode::placeholder {
  color: #617085 !important;
}

/* mobile */
@media (max-width: 900px) {
  body.safebild #order-standard_cart .secondary-cart-body {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.safebild #order-standard_cart .secondary-cart-sidebar,
  body.safebild #scrollingPanelContainer {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 22px !important;
  }
}

/* =========================================================
   SAFEBILD FIX 2901 — restore 2-column cart layout properly
   ========================================================= */

/* główne tło */
body.safebild {
  background: #eef7fb !important;
}

/* główna ramka koszyka */
body.safebild #order-standard_cart {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 22px !important;
  background: #eef7fb !important;
  border: 1px solid #cfe3ee !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 60px rgba(12,77,120,.12) !important;
  overflow: visible !important;
  position: relative !important;
}

/* najważniejsze: normalny układ 2-kolumnowy */
body.safebild #order-standard_cart .cart-body > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 24px !important;
  align-items: start !important;
  margin: 0 !important;
  width: 100% !important;
}

/* wyłącz stare zachowania bootstrap/float */
body.safebild #order-standard_cart .secondary-cart-body,
body.safebild #order-standard_cart .secondary-cart-sidebar {
  float: none !important;
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  margin: 0 !important;
}

/* lewa karta */
body.safebild #order-standard_cart .secondary-cart-body {
  background: #ffffff !important;
  color: #102033 !important;
  border: 1px solid #d8e8f0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 36px rgba(12,77,120,.08) !important;
}

/* prawa karta — podsumowanie */
body.safebild #order-standard_cart .secondary-cart-sidebar,
body.safebild #scrollingPanelContainer {
  background: transparent !important;
  padding: 0 !important;
}

/* podsumowanie zamówienia */
body.safebild #orderSummary,
body.safebild #order-standard_cart .order-summary {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #ffffff !important;
  color: #102033 !important;
  border: 1px solid #b7ddec !important;
  border-radius: 22px !important;
  padding: 28px !important;
  box-shadow: 0 22px 55px rgba(12,77,120,.18) !important;
  min-height: 300px !important;
}

/* teksty w podsumowaniu */
body.safebild #orderSummary *,
body.safebild #order-standard_cart .order-summary * {
  color: #102033 !important;
}

/* nagłówek prawego podsumowania */
body.safebild #orderSummary h2,
body.safebild #order-standard_cart .order-summary h2 {
  color: #006db6 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-align: center !important;
  margin: 0 0 22px !important;
}

/* kwota */
body.safebild #totalDueToday,
body.safebild .total-due-today .amt {
  color: #169b51 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
}

/* przycisk Kasse — bardziej jak przycisk z safebild.de */
body.safebild #checkout,
body.safebild .btn-checkout {
  display: block !important;
  width: 100% !important;
  background: #1da1f2 !important;
  color: #ffffff !important;
  border: 1px solid #1da1f2 !important;
  border-radius: 999px !important;
  padding: 16px 28px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: 0 18px 38px rgba(29,161,242,.22) !important;
}

/* zielona kwota zostaje spokojna */
body.safebild .total-due-today {
  text-align: right !important;
}

/* lewy koszyk — usuń czarne resztki */
body.safebild #order-standard_cart .view-cart-items,
body.safebild #order-standard_cart .view-cart-items-header,
body.safebild #order-standard_cart .view-cart-tabs,
body.safebild #order-standard_cart .tab-content,
body.safebild #order-standard_cart .tab-pane {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8e8f0 !important;
}

/* input kodu */
body.safebild #inputPromotionCode,
body.safebild #order-standard_cart input,
body.safebild #order-standard_cart .form-control {
  background: #ffffff !important;
  color: #102033 !important;
  border: 1px solid #cfe3ee !important;
  border-radius: 12px !important;
}

/* mobile */
@media (max-width: 900px) {
  body.safebild #order-standard_cart .cart-body > .row {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   SAFEBILD CHECKOUT FIX — layout + right order summary
   ========================================================= */

body.safebild {
  background: #f3faff !important;
  color: #0f172a !important;
}

/* główne pole checkout */
body.safebild section#main-body,
body.safebild .main-content,
body.safebild #order-standard_cart {
  background: transparent !important;
}

/* karta z koszykiem */
body.safebild #order-standard_cart .cart-body {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 22px !important;
  background: #eef8fd !important;
  border: 1px solid #cfe8f5 !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 70px rgba(20, 116, 180, 0.14) !important;
  overflow: visible !important;
}

/* układ: lewa część + prawe podsumowanie */
body.safebild #order-standard_cart .cart-body > .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* lewa część koszyka */
body.safebild #order-standard_cart .secondary-cart-body {
  display: block !important;
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* prawa część podsumowania */
body.safebild #order-standard_cart .secondary-cart-sidebar {
  display: block !important;
  float: none !important;
  position: relative !important;
  flex: 0 0 330px !important;
  width: 330px !important;
  max-width: 330px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* panel podsumowania */
body.safebild #order-standard_cart .order-summary {
  display: block !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  width: 100% !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #bfe0f2 !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 55px rgba(15, 90, 140, 0.18) !important;
  padding: 24px 22px !important;
}

/* tytuł podsumowania */
body.safebild #order-standard_cart .order-summary h2 {
  color: #0b6fba !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-align: center !important;
  margin: 0 0 22px !important;
}

/* wnętrze podsumowania */
body.safebild #order-standard_cart .summary-container {
  background: #f4fbff !important;
  color: #0f172a !important;
  border: 1px solid #d5eaf5 !important;
  border-radius: 16px !important;
  padding: 14px !important;
}

body.safebild #order-standard_cart .summary-container span,
body.safebild #order-standard_cart .summary-container div {
  color: #0f172a !important;
}

/* kwota */
body.safebild #order-standard_cart #totalDueToday,
body.safebild #order-standard_cart .total-due-today .amt {
  color: #16a34a !important;
  font-size: 34px !important;
  font-weight: 900 !important;
}

/* przycisk Kasse — styl jak główny CTA SafeBild */
body.safebild #order-standard_cart .btn-checkout,
body.safebild #order-standard_cart a#checkout {
  display: block !important;
  width: 100% !important;
  background: #1d9ee5 !important;
  color: #ffffff !important;
  border: 2px solid #1d9ee5 !important;
  border-radius: 999px !important;
  padding: 16px 22px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  text-align: center !important;
  box-shadow: 0 18px 38px rgba(29, 158, 229, 0.28) !important;
}

body.safebild #order-standard_cart .btn-checkout:hover,
body.safebild #order-standard_cart a#checkout:hover {
  background: #0b86cf !important;
  border-color: #0b86cf !important;
  color: #ffffff !important;
}

/* przycisk Weiter einkaufen */
body.safebild #order-standard_cart .btn-continue-shopping {
  color: #0b6fba !important;
  background: transparent !important;
  border: none !important;
  font-weight: 700 !important;
}

/* mobilnie: podsumowanie pod koszykiem */
@media (max-width: 900px) {
  body.safebild #order-standard_cart .cart-body > .row {
    flex-direction: column !important;
  }

  body.safebild #order-standard_cart .secondary-cart-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}


/* =========================================================
   SAFEBILD HARD FIX — cart left + order summary right
   ========================================================= */

body.safebild #order-standard_cart .cart-body {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 24px !important;
  background: #eef8fd !important;
  border: 1px solid #cfe8f5 !important;
  border-radius: 24px !important;
  overflow: visible !important;
}

/* główny układ koszyka */
body.safebild #order-standard_cart .cart-body > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  column-gap: 24px !important;
  align-items: start !important;
  margin: 0 !important;
}

/* wyłącz stare bootstrapowe szerokości */
body.safebild #order-standard_cart .secondary-cart-body,
body.safebild #order-standard_cart .secondary-cart-sidebar {
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* lewa strona */
body.safebild #order-standard_cart .secondary-cart-body {
  grid-column: 1 !important;
  display: block !important;
  min-width: 0 !important;
}

/* prawa strona */
body.safebild #order-standard_cart .secondary-cart-sidebar,
body.safebild #order-standard_cart #scrollingPanelContainer {
  grid-column: 2 !important;
  display: block !important;
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* panel zamówienia */
body.safebild #order-standard_cart .order-summary,
body.safebild #order-standard_cart #orderSummary {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 320px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #bfe0f2 !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 55px rgba(15, 90, 140, 0.18) !important;
  padding: 24px 22px !important;
}

/* tytuł podsumowania */
body.safebild #order-standard_cart .order-summary h2,
body.safebild #order-standard_cart #orderSummary h2 {
  color: #0b6fba !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-align: center !important;
  margin: 0 0 20px !important;
}

/* wnętrze podsumowania */
body.safebild #order-standard_cart .summary-container {
  background: #f4fbff !important;
  color: #0f172a !important;
  border: 1px solid #d5eaf5 !important;
  border-radius: 16px !important;
  padding: 14px !important;
}

body.safebild #order-standard_cart .summary-container *,
body.safebild #order-standard_cart .order-summary * {
  color: #0f172a !important;
}

/* kwota */
body.safebild #order-standard_cart #totalDueToday,
body.safebild #order-standard_cart .total-due-today .amt {
  color: #16a34a !important;
  font-size: 34px !important;
  font-weight: 900 !important;
}

/* przycisk Kasse */
body.safebild #order-standard_cart a#checkout,
body.safebild #order-standard_cart .btn-checkout {
  display: block !important;
  width: 100% !important;
  background: #1d9ee5 !important;
  color: #ffffff !important;
  border: 2px solid #1d9ee5 !important;
  border-radius: 999px !important;
  padding: 16px 22px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  text-align: center !important;
  box-shadow: 0 18px 38px rgba(29, 158, 229, 0.28) !important;
}

/* mobile */
@media (max-width: 900px) {
  body.safebild #order-standard_cart .cart-body > .row {
    display: block !important;
  }

  body.safebild #order-standard_cart .secondary-cart-sidebar,
  body.safebild #order-standard_cart #scrollingPanelContainer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-top: 24px !important;
  }
}


/* =========================================================
   SAFEBILD FIX — hide old ghost title above header
   ========================================================= */

body.safebild .sofbac-header,
body.safebild .sofbac-header-inner,
body.safebild .sofbac-brand,
body.safebild .sofbac-brand span,
body.safebild .sofbac-brand-text,
body.safebild .safebild-ghost-title,
body.safebild .safebild-old-title {
  display: none !important;
}

/* jeżeli biały napis jest zwykłym h1/h2 w starym nagłówku */
body.safebild > h1,
body.safebild > h2,
body.safebild header.sofbac-header {
  display: none !important;
}

/* zostawiamy tylko nowy jasny nagłówek SafeBild */
body.safebild .safebild-site-header {
  display: block !important;
}


/* =========================================================
   SAFEBILD FIX — hide old ghost title above header
   ========================================================= */

body.safebild .sofbac-header,
body.safebild .sofbac-header-inner,
body.safebild .sofbac-brand,
body.safebild .sofbac-brand span,
body.safebild .sofbac-brand-text,
body.safebild .safebild-ghost-title,
body.safebild .safebild-old-title {
  display: none !important;
}

/* jeżeli biały napis jest zwykłym h1/h2 w starym nagłówku */
body.safebild > h1,
body.safebild > h2,
body.safebild header.sofbac-header {
  display: none !important;
}

/* zostawiamy tylko nowy jasny nagłówek SafeBild */
body.safebild .safebild-site-header {
  display: block !important;
}


/* =========================================================
   SAFEBILD FIX — remove ghost white title on top
   ========================================================= */

body.safebild::before,
body.safebild::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.safebild .safebild-page-title,
body.safebild .safebild-ghost-title,
body.safebild .sofbac-page-title,
body.safebild .cart-title-ghost,
body.safebild .top-ghost-title {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* =========================================================
   SAFEBILD FIX — remove remaining ghost SafeBild.de title
   ========================================================= */

/* Wyłącz pseudo-napisy w górnym obszarze strony */
body.safebild::before,
body.safebild::after,
body.safebild .safebild-site-header::before,
body.safebild .safebild-site-header::after,
body.safebild .safebild-header-inner::before,
body.safebild .safebild-header-inner::after,
body.safebild .sofbac-header::before,
body.safebild .sofbac-header::after,
body.safebild header::before,
body.safebild header::after,
body.safebild section#header::before,
body.safebild section#header::after,
body.safebild #header::before,
body.safebild #header::after,
body.safebild #main-body::before,
body.safebild #main-body::after,
body.safebild .main-content::before,
body.safebild .main-content::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Zabij stare/duplikowane tekstowe logo, jeśli zostało z SOFBAC/WHMCS */
body.safebild .sofbac-brand,
body.safebild .sofbac-brand-text,
body.safebild .logo-text,
body.safebild .navbar-brand,
body.safebild .brand-logo-text,
body.safebild .header-logo-text {
  text-shadow: none !important;
}

/* Logo SafeBild ma być tylko w naszym pasku po lewej */
body.safebild .safebild-brand {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

body.safebild .safebild-brand-text {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  color: #101828 !important;
  text-shadow: none !important;
  transform: none !important;
}

/* Awaryjnie ukryj każdy centralny biały tytuł w topie */
body.safebild .safebild-page-logo,
body.safebild .safebild-page-title,
body.safebild .safebild-top-title,
body.safebild .safebild-ghost-title,
body.safebild .ghost-title,
body.safebild .page-brand-title,
body.safebild .checkout-brand-title {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* =========================================================
   SAFEBILD FIX 3001 — usuń czarne tło pod prawym koszykiem
   i daj lekki zielony cień / podstawę
   ========================================================= */

body.safebild .secondary-cart-sidebar,
body.safebild #scrollingPanelContainer {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* sama karta podsumowania */
body.safebild .order-summary {
  background: #ffffff !important;
  border: 1px solid #d7eadb !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 40px rgba(76, 145, 95, 0.16) !important;
  overflow: hidden !important;
  position: relative !important;
}

/* usuń ewentualne czarne pseudo-elementy */
body.safebild .order-summary::before,
body.safebild .order-summary::after,
body.safebild .secondary-cart-sidebar::before,
body.safebild .secondary-cart-sidebar::after,
body.safebild #scrollingPanelContainer::before,
body.safebild #scrollingPanelContainer::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* delikatne zielone tło pod kartą zamiast czarnej podstawy */
body.safebild .secondary-cart-sidebar .order-summary {
  background-image: none !important;
}

body.safebild .secondary-cart-sidebar {
  padding-bottom: 0 !important;
}


/* =========================================================
   SAFEBILD FIX 3101
   - usuń czarne tło pod prawą kartą
   - napraw modale usuwania / czyszczenia koszyka
   ========================================================= */

/* ---------------------------------
   1. Prawa karta podsumowania
---------------------------------- */

body.safebild .secondary-cart-sidebar,
body.safebild #scrollingPanelContainer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.safebild .secondary-cart-sidebar::before,
body.safebild .secondary-cart-sidebar::after,
body.safebild #scrollingPanelContainer::before,
body.safebild #scrollingPanelContainer::after,
body.safebild .order-summary::before,
body.safebild .order-summary::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.safebild .order-summary {
  background: #ffffff !important;
  border: 1px solid #d9eadf !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 38px rgba(83, 148, 106, 0.16) !important;
  overflow: hidden !important;
  position: relative !important;
}

/* jeśli gdzieś jeszcze siedzi ciemny dół */
body.safebild .order-summary,
body.safebild .summary-container,
body.safebild .total-due-today,
body.safebild .express-checkout-buttons {
  background-color: #ffffff !important;
}

/* delikatny zielony dół zamiast czarnego */
body.safebild .order-summary {
  box-shadow:
    0 18px 36px rgba(87, 148, 100, 0.14),
    0 6px 14px rgba(87, 148, 100, 0.08) !important;
}

/* ---------------------------------
   2. Wszystkie modale / popupy
---------------------------------- */

body.safebild .modal,
body.safebild .fade.modal {
  z-index: 9999 !important;
}

body.safebild .modal-backdrop,
body.safebild .fade.show {
  background: rgba(22, 33, 44, 0.45) !important;
}

body.safebild .modal-dialog {
  max-width: 560px !important;
  margin: 6rem auto !important;
}

body.safebild .modal-content {
  background: #ffffff !important;
  color: #18324a !important;
  border: 1px solid #d8e7ef !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 50px rgba(25, 45, 64, 0.22) !important;
  overflow: hidden !important;
}

body.safebild .modal-header {
  background: #f3fbff !important;
  color: #16324c !important;
  border-bottom: 1px solid #dceaf2 !important;
  padding: 22px 24px 14px !important;
}

body.safebild .modal-title,
body.safebild .modal-header h4,
body.safebild .modal-header h5 {
  color: #1268b3 !important;
  font-weight: 800 !important;
  font-size: 30px !important;
  text-align: center !important;
  width: 100% !important;
}

body.safebild .modal-body {
  background: #ffffff !important;
  color: #16324c !important;
  padding: 20px 26px !important;
  text-align: center !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

body.safebild .modal-footer {
  background: #f7fbfd !important;
  border-top: 1px solid #dceaf2 !important;
  padding: 18px 24px 22px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

/* przycisk zamknięcia X */
body.safebild .modal-header .close,
body.safebild .modal-header button.close,
body.safebild .modal-content .close {
  color: #d4af37 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-size: 28px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ikony w modalach */
body.safebild .modal-body i,
body.safebild .modal-header i,
body.safebild .modal-content i.fas,
body.safebild .modal-content i.fa,
body.safebild .modal-content .fas,
body.safebild .modal-content .fa {
  color: #d4af37 !important;
}

/* przyciski w modalach */
body.safebild .modal-footer .btn,
body.safebild .modal-body .btn,
body.safebild .modal-content .btn {
  min-width: 110px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  box-shadow: none !important;
}

/* NIE / anuluj */
body.safebild .modal-footer .btn-default,
body.safebild .modal-footer .btn-secondary,
body.safebild .modal-content .btn-default,
body.safebild .modal-content .btn-secondary {
  background: #eaf6ff !important;
  color: #156db6 !important;
  border: 1px solid #b9d7ec !important;
}

/* TAK / potwierdź / usuń */
body.safebild .modal-footer .btn-primary,
body.safebild .modal-footer .btn-success,
body.safebild .modal-footer .btn-danger,
body.safebild .modal-content .btn-primary,
body.safebild .modal-content .btn-success,
body.safebild .modal-content .btn-danger {
  background: linear-gradient(180deg, #33a9ea 0%, #1e86d3 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
}

/* specyficzne modale WHMCS */
body.safebild #modalRemoveItem .modal-content,
body.safebild #modalEmptyCart .modal-content,
body.safebild .modal-remove-item .modal-content,
body.safebild .modal-empty-cart .modal-content {
  background: #ffffff !important;
  color: #16324c !important;
}

/* usuń ciemne tła wewnętrzne */
body.safebild #modalRemoveItem .modal-header,
body.safebild #modalRemoveItem .modal-body,
body.safebild #modalRemoveItem .modal-footer,
body.safebild #modalEmptyCart .modal-header,
body.safebild #modalEmptyCart .modal-body,
body.safebild #modalEmptyCart .modal-footer,
body.safebild .modal-remove-item .modal-header,
body.safebild .modal-remove-item .modal-body,
body.safebild .modal-remove-item .modal-footer,
body.safebild .modal-empty-cart .modal-header,
body.safebild .modal-empty-cart .modal-body,
body.safebild .modal-empty-cart .modal-footer {
  background: #ffffff !important;
  color: #16324c !important;
}

/* ---------------------------------
   3. Drobna poprawa CTA po prawej
---------------------------------- */

body.safebild .order-summary .btn-checkout,
body.safebild .order-summary #checkout {
  background: linear-gradient(180deg, #33a9ea 0%, #1f89d7 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}


/* =========================================================
   SAFEBILD FIX 3301
   Store cards + order summary final polish
   ========================================================= */

/* STORE / PAKIETY - usuń czarne karty */
body.safebild .products,
body.safebild .product-list,
body.safebild .products .product,
body.safebild .products .product header,
body.safebild .products .product div,
body.safebild .product,
body.safebild .product-box,
body.safebild .product-container,
body.safebild .store-product,
body.safebild .package,
body.safebild .package-box {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8edf7 !important;
}

/* karty produktów w sklepie */
body.safebild #order-standard_cart .products .product,
body.safebild #order-standard_cart .product,
body.safebild .store-product,
body.safebild .product-box {
  background: linear-gradient(180deg, #ffffff 0%, #f6fcff 100%) !important;
  border: 1px solid #cfeaf6 !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 42px rgba(31, 168, 229, .12) !important;
  overflow: hidden !important;
}

/* nagłówki kart pakietów */
body.safebild #order-standard_cart .products .product header,
body.safebild #order-standard_cart .product header,
body.safebild .product-title,
body.safebild .package-header {
  background: #ffffff !important;
  color: #102033 !important;
  border-bottom: 1px solid #d8edf7 !important;
}

/* tytuły pakietów */
body.safebild #order-standard_cart .products .product header span,
body.safebild #order-standard_cart .products .product header h3,
body.safebild #order-standard_cart .product h3,
body.safebild .product-title,
body.safebild .package-title {
  color: #102033 !important;
  font-weight: 800 !important;
}

/* cena i opis pakietu */
body.safebild .product-pricing,
body.safebild .product-desc,
body.safebild .product-description,
body.safebild .product .price,
body.safebild .package-price {
  color: #102033 !important;
  background: transparent !important;
}

/* przyciski zamówienia na stronie pakietów */
body.safebild .products .btn,
body.safebild .product .btn,
body.safebild .btn-order-now,
body.safebild a[href*="cart.php?a=add"] {
  background: linear-gradient(180deg, #1fa8e5 0%, #0f7ec3 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(31, 168, 229, .22) !important;
}

/* prawa karta zamówienia - finalnie bez czarnego dołu */
body.safebild .order-summary {
  background: linear-gradient(180deg, #ffffff 0%, #f7fcff 100%) !important;
  border: 1px solid #bfe2f3 !important;
  border-radius: 26px !important;
  box-shadow:
    0 22px 42px rgba(31, 168, 229, .14),
    0 12px 24px rgba(24, 160, 88, .08) !important;
  overflow: hidden !important;
}

/* nadpisanie każdego czarnego tła pod prawą kartą */
body.safebild .secondary-cart-sidebar,
body.safebild #scrollingPanelContainer,
body.safebild .order-summary,
body.safebild .summary-container,
body.safebild .total-due-today {
  border-bottom-color: #bfe2f3 !important;
}

/* jeżeli czarny dół jest pseudo-warstwą */
body.safebild .order-summary:before,
body.safebild .order-summary:after,
body.safebild #scrollingPanelContainer:before,
body.safebild #scrollingPanelContainer:after,
body.safebild .secondary-cart-sidebar:before,
body.safebild .secondary-cart-sidebar:after {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  content: none !important;
  display: none !important;
}

/* Kasse jak główny przycisk SafeBild */
body.safebild #checkout,
body.safebild .btn-checkout {
  background: linear-gradient(180deg, #1fa8e5 0%, #1596d4 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 14px 28px rgba(31, 168, 229, .25) !important;
}

body.safebild #checkout:hover,
body.safebild .btn-checkout:hover {
  background: linear-gradient(180deg, #1596d4 0%, #0878bb 100%) !important;
  color: #ffffff !important;
}

/* stopka / dolny obszar - zero czerni */
body.safebild footer,
body.safebild .footer,
body.safebild .main-footer,
body.safebild #footer {
  background: #f7fcff !important;
  color: #5f7388 !important;
  border-top: 1px solid #d8edf7 !important;
}

/* delikatne tło całości */
body.safebild {
  background: linear-gradient(180deg, #f7fcff 0%, #eef8fd 100%) !important;
}


/* =========================================================
   SAFEBILD FIX 3201
   - lżejsza prawa karta
   - usunięcie czarnego dołu
   - elegancki pusty koszyk
   - nieaktywny checkout bez agresywnego koloru
   ========================================================= */

/* Prawa karta zamówienia - bez czarnej podstawy */
body.safebild .secondary-cart-sidebar,
body.safebild #scrollingPanelContainer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

body.safebild .order-summary {
  background: linear-gradient(180deg, #ffffff 0%, #f7fcff 100%) !important;
  border: 1px solid #bfe2f3 !important;
  border-radius: 26px !important;
  box-shadow:
    0 22px 42px rgba(40, 129, 180, 0.13),
    0 6px 18px rgba(72, 151, 109, 0.08) !important;
  overflow: hidden !important;
  padding-bottom: 22px !important;
}

/* usuń czarne pseudo-elementy / dół */
body.safebild .order-summary::before,
body.safebild .order-summary::after,
body.safebild .summary-container::before,
body.safebild .summary-container::after,
body.safebild .total-due-today::before,
body.safebild .total-due-today::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* wnętrze podsumowania */
body.safebild .order-summary .summary-container {
  background: #f5fbff !important;
  border: 1px solid #d8edf7 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

body.safebild .order-summary h2,
body.safebild .order-summary .font-size-30 {
  color: #0869b2 !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
}

/* kwota */
body.safebild #totalDueToday,
body.safebild .total-due-today .amt {
  color: #159957 !important;
  font-weight: 900 !important;
}

/* przycisk checkout aktywny */
body.safebild .order-summary a.btn-checkout:not(.disabled),
body.safebild .order-summary #checkout:not(.disabled) {
  background: linear-gradient(180deg, #1fa8e5 0%, #0f7ec3 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(31, 168, 229, .22) !important;
  opacity: 1 !important;
}

/* przycisk checkout pusty / nieaktywny */
body.safebild .order-summary a.btn-checkout.disabled,
body.safebild .order-summary #checkout.disabled {
  background: #cdeefa !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  opacity: .85 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* "Weiter einkaufen" */
body.safebild .order-summary .btn-continue-shopping,
body.safebild .order-summary #continueShopping {
  color: #0869b2 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Pusty koszyk - ładniejszy komunikat */
body.safebild .view-cart-empty {
  background: #ffffff !important;
  border: 1px dashed #bfe2f3 !important;
  border-radius: 18px !important;
  color: #16324c !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 34px 20px !important;
  text-align: center !important;
}

body.safebild .view-cart-empty::before {
  content: "🛒";
  display: block !important;
  font-size: 34px !important;
  margin-bottom: 10px !important;
}

body.safebild .view-cart-empty::after {
  content: "Wähle ein SafeBild-Paket und schütze deine Fotos automatisch.";
  display: block !important;
  margin-top: 8px !important;
  color: #5f7388 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* główna karta koszyka delikatnie jaśniejsza */
body.safebild #order-standard_cart .cart-body,
body.safebild #order-standard_cart .cart-body > .row {
  background: #eef8fd !important;
}

/* tło całej sekcji koszyka */
body.safebild section#main-body {
  background: linear-gradient(180deg, #eef8fd 0%, #f8fdff 100%) !important;
}

/* dolny slogan */
body.safebild .safebild-bottom-note,
body.safebild .tagline,
body.safebild .cart-footer-note {
  color: #1fa8e5 !important;
  font-weight: 700 !important;
}


/* =========================================================
   SAFEBILD FIX 3301
   Store cards + order summary final polish
   ========================================================= */

/* STORE / PAKIETY - usuń czarne karty */
body.safebild .products,
body.safebild .product-list,
body.safebild .products .product,
body.safebild .products .product header,
body.safebild .products .product div,
body.safebild .product,
body.safebild .product-box,
body.safebild .product-container,
body.safebild .store-product,
body.safebild .package,
body.safebild .package-box {
  background: #ffffff !important;
  color: #102033 !important;
  border-color: #d8edf7 !important;
}

/* karty produktów w sklepie */
body.safebild #order-standard_cart .products .product,
body.safebild #order-standard_cart .product,
body.safebild .store-product,
body.safebild .product-box {
  background: linear-gradient(180deg, #ffffff 0%, #f6fcff 100%) !important;
  border: 1px solid #cfeaf6 !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 42px rgba(31, 168, 229, .12) !important;
  overflow: hidden !important;
}

/* nagłówki kart pakietów */
body.safebild #order-standard_cart .products .product header,
body.safebild #order-standard_cart .product header,
body.safebild .product-title,
body.safebild .package-header {
  background: #ffffff !important;
  color: #102033 !important;
  border-bottom: 1px solid #d8edf7 !important;
}

/* tytuły pakietów */
body.safebild #order-standard_cart .products .product header span,
body.safebild #order-standard_cart .products .product header h3,
body.safebild #order-standard_cart .product h3,
body.safebild .product-title,
body.safebild .package-title {
  color: #102033 !important;
  font-weight: 800 !important;
}

/* cena i opis pakietu */
body.safebild .product-pricing,
body.safebild .product-desc,
body.safebild .product-description,
body.safebild .product .price,
body.safebild .package-price {
  color: #102033 !important;
  background: transparent !important;
}

/* przyciski zamówienia na stronie pakietów */
body.safebild .products .btn,
body.safebild .product .btn,
body.safebild .btn-order-now,
body.safebild a[href*="cart.php?a=add"] {
  background: linear-gradient(180deg, #1fa8e5 0%, #0f7ec3 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(31, 168, 229, .22) !important;
}

/* prawa karta zamówienia - finalnie bez czarnego dołu */
body.safebild .order-summary {
  background: linear-gradient(180deg, #ffffff 0%, #f7fcff 100%) !important;
  border: 1px solid #bfe2f3 !important;
  border-radius: 26px !important;
  box-shadow:
    0 22px 42px rgba(31, 168, 229, .14),
    0 12px 24px rgba(24, 160, 88, .08) !important;
  overflow: hidden !important;
}

/* nadpisanie każdego czarnego tła pod prawą kartą */
body.safebild .secondary-cart-sidebar,
body.safebild #scrollingPanelContainer,
body.safebild .order-summary,
body.safebild .summary-container,
body.safebild .total-due-today {
  border-bottom-color: #bfe2f3 !important;
}

/* jeżeli czarny dół jest pseudo-warstwą */
body.safebild .order-summary:before,
body.safebild .order-summary:after,
body.safebild #scrollingPanelContainer:before,
body.safebild #scrollingPanelContainer:after,
body.safebild .secondary-cart-sidebar:before,
body.safebild .secondary-cart-sidebar:after {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  content: none !important;
  display: none !important;
}

/* Kasse jak główny przycisk SafeBild */
body.safebild #checkout,
body.safebild .btn-checkout {
  background: linear-gradient(180deg, #1fa8e5 0%, #1596d4 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 14px 28px rgba(31, 168, 229, .25) !important;
}

body.safebild #checkout:hover,
body.safebild .btn-checkout:hover {
  background: linear-gradient(180deg, #1596d4 0%, #0878bb 100%) !important;
  color: #ffffff !important;
}

/* stopka / dolny obszar - zero czerni */
body.safebild footer,
body.safebild .footer,
body.safebild .main-footer,
body.safebild #footer {
  background: #f7fcff !important;
  color: #5f7388 !important;
  border-top: 1px solid #d8edf7 !important;
}

/* delikatne tło całości */
body.safebild {
  background: linear-gradient(180deg, #f7fcff 0%, #eef8fd 100%) !important;
}


/* ==== SAFEBILD CLEAN FINAL 3201 START ==== */

/* Główne tło */
body.safebild {
  background: linear-gradient(180deg, #f6fbfe 0%, #edf8fc 52%, #f8fcfe 100%) !important;
  color: #071827 !important;
}

/* Header */
body.safebild .safebild-site-header {
  background: #ffffff !important;
  border-bottom: 1px solid #d9edf6 !important;
  box-shadow: 0 8px 24px rgba(55, 125, 170, .06) !important;
}

body.safebild .safebild-top-btn,
body.safebild .safebild-top-btn:visited {
  background: #249adc !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Główna rama WHMCS */
body.safebild #order-standard_cart {
  background: rgba(232, 246, 252, .72) !important;
  border: 1px solid #cfe5ef !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 48px rgba(86, 149, 177, .12) !important;
  padding: 26px !important;
}

/* =========================================================
   STRONA PAKIETÓW /store/safebild
   ========================================================= */

/* Rama z kartami */
body.safebild .products,
body.safebild .product-group,
body.safebild .store-products,
body.safebild .products.row,
body.safebild .store .products {
  background: #ffffff !important;
  border-radius: 22px !important;
}

/* Karty pakietów */
body.safebild .product,
body.safebild .product-wrapper,
body.safebild .product-item,
body.safebild .package,
body.safebild .safebild-plan-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7fcff 100%) !important;
  border: 1px solid #c9e1ec !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(92, 156, 183, .12) !important;
  overflow: hidden !important;
  color: #071827 !important;
}

/* Nagłówki kart */
body.safebild .product header,
body.safebild .product .header,
body.safebild .product .product-header,
body.safebild .product .product-name,
body.safebild .package .package-name,
body.safebild .safebild-plan-card .plan-title {
  background: #ffffff !important;
  color: #071827 !important;
  border-bottom: 1px solid #d5eaf3 !important;
  font-weight: 900 !important;
}

/* Cena i opis */
body.safebild .product .price,
body.safebild .product .pricing,
body.safebild .product .product-price,
body.safebild .package .price,
body.safebild .safebild-plan-card .plan-price {
  color: #168bd1 !important;
  font-weight: 900 !important;
}

body.safebild .product p,
body.safebild .product .description,
body.safebild .product .product-desc,
body.safebild .package .description,
body.safebild .safebild-plan-card .plan-desc {
  color: #587184 !important;
}

/* Lista zalet */
body.safebild .product ul,
body.safebild .package ul,
body.safebild .safebild-plan-card ul {
  list-style: none !important;
}

body.safebild .product li,
body.safebild .package li,
body.safebild .safebild-plan-card li {
  color: #12384f !important;
  font-weight: 700 !important;
}

body.safebild .product li::before,
body.safebild .package li::before,
body.safebild .safebild-plan-card li::before {
  content: "✓ " !important;
  color: #159b4f !important;
  font-weight: 900 !important;
}

/* Przyciski wyboru pakietu */
body.safebild .product .btn,
body.safebild .product a.btn,
body.safebild .package .btn,
body.safebild .package a.btn,
body.safebild .safebild-plan-card .btn,
body.safebild .safebild-plan-card a.btn {
  background: #249adc !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-weight: 900 !important;
}

body.safebild .product .btn:hover,
body.safebild .product a.btn:hover,
body.safebild .package .btn:hover,
body.safebild .package a.btn:hover,
body.safebild .safebild-plan-card .btn:hover,
body.safebild .safebild-plan-card a.btn:hover {
  background: #168bd1 !important;
  color: #ffffff !important;
}

/* =========================================================
   KOSZYK /cart.php?a=view
   ========================================================= */

body.safebild .view-cart-items,
body.safebild .view-cart-items-header,
body.safebild .secondary-cart-body,
body.safebild .promo,
body.safebild .tab-content,
body.safebild .view-cart-tabs {
  background: transparent !important;
}

/* Lewa karta koszyka */
body.safebild .secondary-cart-body > .view-cart-items,
body.safebild .secondary-cart-body .view-cart-items,
body.safebild .view-cart-items {
  background: #ffffff !important;
  border: 1px solid #cfe5ef !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 28px rgba(92, 156, 183, .10) !important;
  overflow: hidden !important;
}

/* Wiersz produktu w koszyku */
body.safebild .view-cart-items .item,
body.safebild .view-cart-items .row,
body.safebild .view-cart-items .view-cart-item {
  background: #ffffff !important;
  color: #071827 !important;
}

/* Pole kodu promocyjnego */
body.safebild .promo-code-cart-container,
body.safebild .promo-code-container,
body.safebild .view-cart-promotion-code,
body.safebild .tab-pane {
  background: #ffffff !important;
  border: 1px solid #d6eaf3 !important;
  border-radius: 18px !important;
  color: #071827 !important;
}

/* Inputy */
body.safebild input,
body.safebild select,
body.safebild textarea,
body.safebild .form-control {
  background: #ffffff !important;
  color: #23384a !important;
  border: 1px solid #c9dfeb !important;
  border-radius: 14px !important;
}

/* Przyciski w koszyku */
body.safebild .btn,
body.safebild button,
body.safebild input[type="submit"] {
  border-radius: 999px !important;
}

body.safebild .btn-primary,
body.safebild .btn-default,
body.safebild button[name="validatepromo"] {
  background: #127cc0 !important;
  color: #ffffff !important;
  border: 0 !important;
  font-weight: 900 !important;
}

/* Prawa kolumna podsumowania — usuń czarną podstawę */
body.safebild .secondary-cart-sidebar,
body.safebild #scrollingPanelContainer,
body.safebild #orderSummary,
body.safebild .order-summary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.safebild .secondary-cart-sidebar::before,
body.safebild .secondary-cart-sidebar::after,
body.safebild #scrollingPanelContainer::before,
body.safebild #scrollingPanelContainer::after,
body.safebild #orderSummary::before,
body.safebild #orderSummary::after,
body.safebild .order-summary::before,
body.safebild .order-summary::after,
body.safebild .summary-container::before,
body.safebild .summary-container::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Właściwa karta podsumowania */
body.safebild .summary-container {
  background: linear-gradient(180deg, #ffffff 0%, #eef9fd 100%) !important;
  border: 1px solid #cfe5ef !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 38px rgba(89, 159, 188, .16) !important;
  color: #071827 !important;
}

body.safebild .summary-container *,
body.safebild .order-summary *,
body.safebild #orderSummary * {
  color: #071827 !important;
}

/* Nagłówek podsumowania */
body.safebild .order-summary h2,
body.safebild #orderSummary h2 {
  color: #0870b4 !important;
  font-weight: 900 !important;
}

/* Kwota */
body.safebild #totalDueToday,
body.safebild .total-due-today .amt,
body.safebild .amt {
  color: #159b4f !important;
  font-weight: 900 !important;
}

/* Przycisk Kasse */
body.safebild .btn-checkout,
body.safebild #checkout,
body.safebild a#checkout {
  background: #249adc !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-weight: 900 !important;
}

body.safebild .btn-checkout:hover,
body.safebild #checkout:hover,
body.safebild a#checkout:hover {
  background: #168bd1 !important;
  color: #ffffff !important;
}

/* Modal / okna usuwania */
body.safebild .modal-content {
  background: #ffffff !important;
  color: #071827 !important;
  border: 1px solid #cfe5ef !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 70px rgba(20, 70, 100, .22) !important;
}

body.safebild .modal-header,
body.safebild .modal-body,
body.safebild .modal-footer {
  background: #ffffff !important;
  color: #071827 !important;
  border-color: #d8edf6 !important;
}

body.safebild .modal-title,
body.safebild .modal-content h1,
body.safebild .modal-content h2,
body.safebild .modal-content h3,
body.safebild .modal-content p,
body.safebild .modal-content div,
body.safebild .modal-content span {
  color: #071827 !important;
}

body.safebild .modal .btn-primary,
body.safebild .modal .btn-success {
  background: #249adc !important;
  color: #ffffff !important;
  border: 0 !important;
}

body.safebild .modal .btn-default,
body.safebild .modal .btn-secondary {
  background: #eef8fc !important;
  color: #0b4d75 !important;
  border: 1px solid #cfe5ef !important;
}

/* Usunięcie resztek złota tam, gdzie przeszkadza */
body.safebild .btn-warning,
body.safebild .label-warning,
body.safebild .badge-warning {
  background: #249adc !important;
  color: #ffffff !important;
  border: 0 !important;
}

/* Responsywność */
@media (max-width: 991px) {
  body.safebild #order-standard_cart {
    padding: 14px !important;
  }

  body.safebild .secondary-cart-sidebar,
  body.safebild .secondary-cart-body {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* ==== SAFEBILD CLEAN FINAL 3201 END ==== */


/* =========================================================
   SAFEBILD STORE LIST FINAL 3301
   Zamiast 3 boxów: stabilna lista 1-2-3
   ========================================================= */

body.safebild .safebild-clean-product-list {
  width: min(1120px, calc(100vw - 48px)) !important;
  margin: 28px auto 56px auto !important;
  padding: 26px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #f4fbff 0%, #eaf7fc 100%) !important;
  border: 1px solid #cfeaf5 !important;
  box-shadow: 0 24px 70px rgba(15, 101, 150, .13) !important;
}

body.safebild .safebild-list-head {
  text-align: center !important;
  margin: 0 0 22px 0 !important;
}

body.safebild .safebild-list-head h1 {
  margin: 0 0 8px 0 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  color: #071827 !important;
  font-weight: 900 !important;
}

body.safebild .safebild-list-head p {
  margin: 0 !important;
  font-size: 16px !important;
  color: #4c6478 !important;
  font-weight: 500 !important;
}

body.safebild .safebild-list-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 58px 1fr 130px 170px !important;
  align-items: center !important;
  gap: 22px !important;
  width: 100% !important;
  min-height: 138px !important;
  margin: 14px 0 !important;
  padding: 22px 24px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid #cfe5ef !important;
  box-shadow: 0 14px 36px rgba(8, 72, 112, .08) !important;
  text-decoration: none !important;
  color: #071827 !important;
  overflow: hidden !important;
}

body.safebild .safebild-list-row:hover {
  transform: translateY(-1px) !important;
  border-color: #1fa1dc !important;
  box-shadow: 0 20px 48px rgba(8, 72, 112, .16) !important;
}

body.safebild .safebild-list-featured {
  border: 2px solid #1fa1dc !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4fbff 100%) !important;
}

body.safebild .safebild-list-number {
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e7f7ff !important;
  color: #0b75bd !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  border: 1px solid #b9e5f8 !important;
}

body.safebild .safebild-list-main h2 {
  margin: 0 0 6px 0 !important;
  font-size: 22px !important;
  color: #071827 !important;
  font-weight: 900 !important;
}

body.safebild .safebild-list-main p {
  margin: 0 0 10px 0 !important;
  font-size: 14px !important;
  color: #52697b !important;
}

body.safebild .safebild-list-main ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.safebild .safebild-list-main li {
  font-size: 13px !important;
  color: #17324a !important;
  font-weight: 700 !important;
}

body.safebild .safebild-list-main li::before {
  content: "✓ " !important;
  color: #129c4f !important;
  font-weight: 900 !important;
}

body.safebild .safebild-list-badge {
  position: absolute !important;
  top: 14px !important;
  right: 310px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #eaf8ef !important;
  color: #0a7d3a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  border: 1px solid #bfeacb !important;
}

body.safebild .safebild-list-price {
  text-align: right !important;
}

body.safebild .safebild-list-price strong {
  display: block !important;
  font-size: 28px !important;
  color: #129c4f !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.safebild .safebild-list-price span {
  display: block !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  color: #5e7488 !important;
  font-weight: 700 !important;
}

body.safebild .safebild-list-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  border-radius: 999px !important;
  background: #1fa1dc !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(31, 161, 220, .24) !important;
}

body.safebild .safebild-list-button::after {
  content: " →" !important;
  margin-left: 4px !important;
}

@media (max-width: 900px) {
  body.safebild .safebild-clean-product-list {
    width: calc(100vw - 24px) !important;
    padding: 16px !important;
  }

  body.safebild .safebild-list-row {
    grid-template-columns: 42px 1fr !important;
    gap: 14px !important;
  }

  body.safebild .safebild-list-price,
  body.safebild .safebild-list-button {
    grid-column: 1 / -1 !important;
    text-align: left !important;
  }

  body.safebild .safebild-list-badge {
    position: static !important;
    grid-column: 1 / -1 !important;
    width: fit-content !important;
  }
}

/* schowaj stare karty tylko na stronie wyboru pakietu */
body.safebild .safebild-clean-product-list ~ .products,
body.safebild .safebild-clean-product-list ~ .product-group,
body.safebild .safebild-clean-product-list ~ .product-list,
body.safebild .safebild-clean-product-list ~ .products-list {
  display: none !important;
}

/* ==== END SAFEBILD STORE LIST FINAL 3301 ==== */

/* =========================================================
   SAFEBILD GREEN BUTTON + SUMMARY FIX
   ========================================================= */

/* -----------------------------------------
   1. ZIELONE PRZYCISKI - store i checkout
----------------------------------------- */

body.safebild .safebild-list-button,
body.safebild .safebild-plan-card .btn,
body.safebild .safebild-plan-card a.btn,
body.safebild .btn.btn-primary,
body.safebild .checkout-btn,
body.safebild .btn-checkout,
body.safebild button[type="submit"],
body.safebild .order-summary .btn,
body.safebild #btnCompleteOrder,
body.safebild #checkout,
body.safebild a.checkout-button,
body.safebild .cart-checkout-btn {
    background: linear-gradient(180deg, #eef9ef 0%, #dff3e3 100%) !important;
    color: #146c3b !important;
    border: 2px solid #23884d !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    font-size: 17px !important;
    letter-spacing: .2px !important;
    box-shadow: 0 10px 24px rgba(35, 136, 77, .14) !important;
    text-shadow: none !important;
}

body.safebild .safebild-list-button:hover,
body.safebild .safebild-plan-card .btn:hover,
body.safebild .safebild-plan-card a.btn:hover,
body.safebild .btn.btn-primary:hover,
body.safebild .checkout-btn:hover,
body.safebild .btn-checkout:hover,
body.safebild button[type="submit"]:hover,
body.safebild .order-summary .btn:hover,
body.safebild #btnCompleteOrder:hover,
body.safebild #checkout:hover,
body.safebild a.checkout-button:hover,
body.safebild .cart-checkout-btn:hover {
    background: linear-gradient(180deg, #e3f6e5 0%, #d1edd8 100%) !important;
    color: #0f5e31 !important;
    border-color: #1b7642 !important;
    box-shadow: 0 14px 28px rgba(35, 136, 77, .18) !important;
}

/* tekst w przyciskach trochę mocniejszy */
body.safebild .safebild-list-button,
body.safebild .btn,
body.safebild button,
body.safebild input[type="submit"] {
    font-weight: 800 !important;
    font-size: 16px !important;
}

/* -----------------------------------------
   2. USUNIĘCIE CZARNEJ PODSTAWY / CZARNYCH RAM
----------------------------------------- */

body.safebild .secondary-cart-sidebar,
body.safebild #orderSummary,
body.safebild .order-summary {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* najważniejsze: zabij pseudo-elementy robiące czarną podstawę */
body.safebild .secondary-cart-sidebar::before,
body.safebild .secondary-cart-sidebar::after,
body.safebild .summary-container::before,
body.safebild .summary-container::after,
body.safebild #orderSummary::before,
body.safebild #orderSummary::after,
body.safebild .order-summary::before,
body.safebild .order-summary::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* sama karta podsumowania */
body.safebild .summary-container,
body.safebild .secondary-cart-sidebar .summary-container,
body.safebild #orderSummary .summary-container,
body.safebild .order-summary .summary-container {
    background: linear-gradient(180deg, #ffffff 0%, #f7fcf8 100%) !important;
    border: 1px solid #cfe6d7 !important;
    border-radius: 28px !important;
    box-shadow: 0 16px 36px rgba(45, 121, 79, .10) !important;
    overflow: hidden !important;
}

/* dodatkowa ochrona - wyłącz czarne cienie na wrapperach */
body.safebild .secondary-cart-sidebar *,
body.safebild #orderSummary *,
body.safebild .order-summary * {
    box-shadow: none;
}

body.safebild .secondary-cart-sidebar .summary-container *,
body.safebild #orderSummary .summary-container *,
body.safebild .order-summary .summary-container * {
    box-shadow: none !important;
}

/* ale zostaw lekki cień tylko samej głównej karcie */
body.safebild .secondary-cart-sidebar .summary-container,
body.safebild #orderSummary .summary-container,
body.safebild .order-summary .summary-container {
    box-shadow: 0 16px 36px rgba(45, 121, 79, .10) !important;
}

/* -----------------------------------------
   3. LEKKA POPRAWA TYPOGRAFII W BOXSACH
----------------------------------------- */

body.safebild .safebild-clean-product-list h1 {
    font-size: 32px !important;
    font-weight: 900 !important;
}

body.safebild .safebild-list-main h2 {
    font-size: 24px !important;
    font-weight: 900 !important;
}

body.safebild .safebild-list-main p {
    font-size: 15px !important;
    font-weight: 600 !important;
}

body.safebild .safebild-list-main li {
    font-size: 14px !important;
    font-weight: 700 !important;
}

body.safebild .safebild-list-price strong {
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #f2c335 !important;
}

/* przycisk "Paket wählen" w listach */
body.safebild .safebild-list-button {
    min-width: 138px !important;
    padding: 0 18px !important;
}

/* jeśli gdzieś zostaje czarna belka na dole koszyka */
body.safebild .secondary-cart-sidebar {
    padding-bottom: 0 !important;
}

/* ========================================= */

/* =========================================================
   SAFEBILD REGISTER FORM FIX
   - mniejsze pole firmy
   - lepsze kolory formularza
   ========================================================= */

body.safebild .sub-heading,
body.safebild .field-help-text,
body.safebild .payment-type-description,
body.safebild .text-muted,
body.safebild .text-small {
    color: #5f7282 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Ogólne pola formularza */
body.safebild input[type="text"],
body.safebild input[type="email"],
body.safebild input[type="password"],
body.safebild input[type="tel"],
body.safebild select,
body.safebild textarea {
    background: #ffffff !important;
    border: 1.5px solid #c9dfea !important;
    border-radius: 12px !important;
    color: #163042 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.safebild input::placeholder,
body.safebild textarea::placeholder {
    color: #7c8f9f !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* focus */
body.safebild input:focus,
body.safebild select:focus,
body.safebild textarea:focus {
    border-color: #2c9ae0 !important;
    box-shadow: 0 0 0 3px rgba(44,154,224,.12) !important;
    outline: none !important;
}

/* Pole firmy - pomniejszamy */
body.safebild input[name="companyname"],
body.safebild input[id*="company"],
body.safebild input[id*="Company"] {
    width: 48% !important;
    min-width: 280px !important;
    max-width: 420px !important;
    display: block !important;
}

/* Jeżeli wrapper pola firmy jest pełnej szerokości */
body.safebild .form-group:has(input[name="companyname"]),
body.safebild .field-container:has(input[name="companyname"]),
body.safebild .col-sm-12:has(input[name="companyname"]),
body.safebild .col-md-12:has(input[name="companyname"]),
body.safebild .col-lg-12:has(input[name="companyname"]) {
    max-width: 48% !important;
    flex: 0 0 48% !important;
}

/* dla starszych układów, jeśli :has nie zadziała - samo pole i tak będzie mniejsze */

/* Guzik "Bereits registriert?" */
body.safebild .btn-login,
body.safebild .login-button,
body.safebild .existing-customer,
body.safebild .already-registered {
    background: #f2c335 !important;
    color: #1d2a35 !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    border: 1px solid #ddb122 !important;
}

/* Pasek z kwotą - trochę łagodniejszy */
body.safebild .alert,
body.safebild .total-due-today,
body.safebild .checkout-total,
body.safebild .view-cart-tabs + div .alert {
    border-radius: 14px !important;
}

/* Radio payment / opisy płatności */
body.safebild label,
body.safebild .control-label,
body.safebild .form-check-label {
    color: #244255 !important;
    font-weight: 600 !important;
}

/* PayPal / wybór metody - czytelniejsze */
body.safebild .payment-methods,
body.safebild .payment-gateway-container,
body.safebild .paymethod-info {
    color: #536b7c !important;
}

/* Mobilnie - firma pełna szerokość */
@media (max-width: 768px) {
    body.safebild input[name="companyname"],
    body.safebild input[id*="company"],
    body.safebild input[id*="Company"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

/* =========================================================
   SAFEBILD SUMMARY BOTTOM SHADOW FIX
   usuwa czarną podstawę pod prawą kartą koszyka
   ========================================================= */

body.safebild #order-standard_cart .secondary-cart-sidebar,
body.safebild #order-standard_cart #scrollingPanelContainer,
body.safebild #order-standard_cart .order-summary,
body.safebild #order-standard_cart #orderSummary {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* właściwa biała karta podsumowania */
body.safebild #order-standard_cart .order-summary {
    border-radius: 24px !important;
    padding: 28px 24px !important;
}

/* usunięcie pseudo-cieni i czarnych warstw */
body.safebild #order-standard_cart .secondary-cart-sidebar::before,
body.safebild #order-standard_cart .secondary-cart-sidebar::after,
body.safebild #order-standard_cart #scrollingPanelContainer::before,
body.safebild #order-standard_cart #scrollingPanelContainer::after,
body.safebild #order-standard_cart .order-summary::before,
body.safebild #order-standard_cart .order-summary::after,
body.safebild #order-standard_cart #orderSummary::before,
body.safebild #order-standard_cart #orderSummary::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* karta z cenami */
body.safebild #order-standard_cart .summary-container {
    background: #f7fcff !important;
    border: 1px solid #cfe6ef !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(8, 75, 120, .13) !important;
}

/* zewnętrzna prawa ramka */
body.safebild #order-standard_cart .secondary-cart-sidebar {
    border-radius: 26px !important;
}

/* jeżeli WHMCS trzyma czarny kolor w panelu */
body.safebild #order-standard_cart .panel,
body.safebild #order-standard_cart .card,
body.safebild #order-standard_cart .panel-default {
    background-color: #ffffff !important;
}

/* przycisk Kasse */
body.safebild #order-standard_cart .btn-checkout,
body.safebild #order-standard_cart a#checkout {
    background: #1f9fe0 !important;
    border: 2px solid #0f7db5 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    box-shadow: 0 16px 35px rgba(31, 159, 224, .26) !important;
}

body.safebild #order-standard_cart .btn-checkout:hover,
body.safebild #order-standard_cart a#checkout:hover {
    background: #168bc8 !important;
    border-color: #09699c !important;
}

/* link Weiter einkaufen */
body.safebild #order-standard_cart .btn-continue-shopping,
body.safebild #order-standard_cart a#continueShopping {
    color: #0b6fba !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}


/* =========================================================
   SAFEBILD REGISTER / CHECKOUT FORM FIX 3301
   - zielone teksty zamiast złotych
   - jasnoniebieskie pola
   - usunięcie czarnych bloków
   - wyrównanie pól formularza
   ========================================================= */

/* Kolory bazowe formularza */
body.safebild #order-standard_cart,
body.safebild #frmCheckout,
body.safebild .checkout-form,
body.safebild .form-horizontal,
body.safebild .client-details,
body.safebild .payment-details,
body.safebild .cc-input-container,
body.safebild .account-select-container {
    background: transparent !important;
    color: #0b2538 !important;
}

/* Usuń czarne tła z sekcji checkout */
body.safebild .checkout-security-msg,
body.safebild .checkout-form .form-group,
body.safebild .payment-methods,
body.safebild .payment-gateway-input,
body.safebild .paymethod-info,
body.safebild .credit-card-input,
body.safebild .cc-details,
body.safebild .alert,
body.safebild .well,
body.safebild .panel,
body.safebild .card,
body.safebild .card-body,
body.safebild .panel-body {
    background-color: transparent !important;
    color: #0b2538 !important;
}

/* Zielone napisy zamiast złotych */
body.safebild label,
body.safebild .control-label,
body.safebild .form-check-label,
body.safebild .field-icon,
body.safebild .input-group-text,
body.safebild .prepend-icon .field-icon,
body.safebild .payment-methods label,
body.safebild .sub-heading span,
body.safebild .section-title,
body.safebild .checkout-title {
    color: #159447 !important;
    font-weight: 800 !important;
}

/* Ikony w polach */
body.safebild .field-icon i,
body.safebild .prepend-icon i,
body.safebild .fas,
body.safebild .far {
    color: #159447 !important;
}

/* Pola wpisywania - jasnoniebieskie */
body.safebild input[type="text"],
body.safebild input[type="email"],
body.safebild input[type="password"],
body.safebild input[type="tel"],
body.safebild input[type="number"],
body.safebild select,
body.safebild textarea,
body.safebild .form-control,
body.safebild .custom-select,
body.safebild .field {
    background: #f5fbff !important;
    border: 1.5px solid #b9ddea !important;
    color: #0b2538 !important;
    border-radius: 12px !important;
    min-height: 46px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* Placeholdery */
body.safebild input::placeholder,
body.safebild textarea::placeholder {
    color: #6f8798 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* Focus pól */
body.safebild input:focus,
body.safebild select:focus,
body.safebild textarea:focus,
body.safebild .form-control:focus,
body.safebild .field:focus {
    background: #ffffff !important;
    border-color: #1f9fe0 !important;
    box-shadow: 0 0 0 3px rgba(31,159,224,.16) !important;
    outline: none !important;
}

/* Wyrównanie całego formularza */
body.safebild #frmCheckout .row,
body.safebild #frmCheckout .form-row,
body.safebild #frmCheckout .form-group.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Usuwamy przesunięcia w prawo */
body.safebild #frmCheckout .col-sm-6,
body.safebild #frmCheckout .col-md-6,
body.safebild #frmCheckout .col-lg-6,
body.safebild #frmCheckout .col-sm-12,
body.safebild #frmCheckout .col-md-12,
body.safebild #frmCheckout .col-lg-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* Pola mają trzymać się swojej kolumny */
body.safebild #frmCheckout input,
body.safebild #frmCheckout select,
body.safebild #frmCheckout textarea,
body.safebild #frmCheckout .form-control {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Firma - mniejsze pole, ale nadal w formularzu */
body.safebild #frmCheckout input[name="companyname"],
body.safebild #frmCheckout input[id*="company"],
body.safebild #frmCheckout input[id*="Company"] {
    width: 50% !important;
    max-width: 520px !important;
    min-width: 320px !important;
}

/* Pole adresu/e-mail nie może wypadać poza formularz */
body.safebild #frmCheckout input[name="email"],
body.safebild #frmCheckout input[name="address1"],
body.safebild #frmCheckout input[name="address2"],
body.safebild #frmCheckout input[name="city"],
body.safebild #frmCheckout input[name="postcode"],
body.safebild #frmCheckout select[name="country"],
body.safebild #frmCheckout select[name="state"] {
    position: static !important;
    float: none !important;
}

/* Sekcja kwoty - usuwamy czarne tło */
body.safebild .total-due-today,
body.safebild .total-due-today-padded,
body.safebild .checkout-summary,
body.safebild .view-cart-total,
body.safebild .recurring-totals {
    background: #f5fbff !important;
    color: #0b2538 !important;
    border: 1px solid #cfe6ef !important;
    border-radius: 16px !important;
}

/* Dzisiejsza kwota zielona */
body.safebild #totalDueToday,
body.safebild .total-due-today .amt,
body.safebild .amt,
body.safebild .total-due {
    color: #159447 !important;
    font-weight: 900 !important;
}

/* Guziki */
body.safebild .btn-primary,
body.safebild .btn-success,
body.safebild .btn-checkout,
body.safebild button[type="submit"],
body.safebild input[type="submit"] {
    background: #1f9fe0 !important;
    border: 2px solid #0b7fb9 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 30px rgba(31,159,224,.22) !important;
}

/* Złote przyciski typu "Bereits registriert?" zmieniamy na zielono-niebieskie */
body.safebild .btn-warning,
body.safebild .btn-default,
body.safebild .already-registered,
body.safebild .existing-customer {
    background: #e8f8ef !important;
    border: 1.5px solid #159447 !important;
    color: #116b36 !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}

/* PayPal / bank transfer - czytelność */
body.safebild .payment-methods .radio,
body.safebild .payment-methods label,
body.safebild .paymethod-info,
body.safebild .payment-method {
    color: #0b2538 !important;
    background: transparent !important;
}

/* CVV / karta - poprawa pól */
body.safebild .cc-input-container,
body.safebild .cc-details {
    background: #ffffff !important;
    border: 1px solid #cfe6ef !important;
    border-radius: 16px !important;
    padding: 14px !important;
}

/* Mobile */
@media (max-width: 768px) {
    body.safebild #frmCheckout input[name="companyname"],
    body.safebild #frmCheckout input[id*="company"],
    body.safebild #frmCheckout input[id*="Company"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.safebild #frmCheckout .col-sm-6,
    body.safebild #frmCheckout .col-md-6,
    body.safebild #frmCheckout .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   SAFEBILD CHECKOUT FORM FIX 3401
   ========================================================= */

/* Główna karta formularza checkout */
body.safebild #order-standard_cart form#frmCheckout,
body.safebild #order-standard_cart #frmCheckout {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 28px 32px !important;
    background: #f7fcff !important;
    border: 1px solid #cfe6ef !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 45px rgba(8, 75, 120, .12) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Każdy wiersz formularza ma zawijać pola */
body.safebild #frmCheckout .row,
body.safebild #frmCheckout .form-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: auto !important;
    max-width: none !important;
}

/* Wszystkie kolumny w checkout trzymają się siatki */
body.safebild #frmCheckout [class*="col-"] {
    position: relative !important;
    float: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* Typowe pola 50/50 */
body.safebild #frmCheckout .col-sm-6,
body.safebild #frmCheckout .col-md-6,
body.safebild #frmCheckout .col-lg-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
}

/* Pełna szerokość */
body.safebild #frmCheckout .col-sm-12,
body.safebild #frmCheckout .col-md-12,
body.safebild #frmCheckout .col-lg-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Pole firma: pełny wiersz, ale nie za wysokie */
body.safebild #frmCheckout input[name="companyname"],
body.safebild #frmCheckout input[id*="company"],
body.safebild #frmCheckout input[id*="Company"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Pola formularza nie mogą wychodzić poza kolumnę */
body.safebild #frmCheckout input,
body.safebild #frmCheckout select,
body.safebild #frmCheckout textarea,
body.safebild #frmCheckout .form-control,
body.safebild #frmCheckout .field,
body.safebild #frmCheckout .custom-select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    color: #0b2538 !important;
    border: 1.5px solid #b9ddea !important;
    border-radius: 12px !important;
    min-height: 44px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Ikony w polach */
body.safebild #frmCheckout .prepend-icon {
    position: relative !important;
    width: 100% !important;
}

body.safebild #frmCheckout .prepend-icon .field {
    padding-left: 42px !important;
}

body.safebild #frmCheckout .prepend-icon .field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    color: #159447 !important;
}

/* Teksty i etykiety */
body.safebild #frmCheckout label,
body.safebild #frmCheckout .control-label,
body.safebild #frmCheckout p,
body.safebild #frmCheckout span {
    color: #39566a !important;
}

/* Zielone akcenty */
body.safebild #frmCheckout .field-icon i,
body.safebild #frmCheckout i,
body.safebild #frmCheckout .fa,
body.safebild #frmCheckout .fas {
    color: #159447 !important;
}

/* Dzisiejsza kwota - usuwamy czarne tło */
body.safebild #frmCheckout .total-due-today,
body.safebild #frmCheckout .total-due-today-padded,
body.safebild #frmCheckout .view-cart-total,
body.safebild #frmCheckout .checkout-summary,
body.safebild #frmCheckout .recurring-totals {
    background: linear-gradient(135deg, #eaf8f0, #f5fbff) !important;
    color: #0b2538 !important;
    border: 1px solid #bfe6ce !important;
    border-radius: 18px !important;
    padding: 18px 22px !important;
    box-shadow: 0 12px 30px rgba(21, 148, 71, .10) !important;
}

/* Kwota */
body.safebild #frmCheckout #totalDueToday,
body.safebild #frmCheckout .amt,
body.safebild #frmCheckout .total-due-today .amt {
    color: #159447 !important;
    font-weight: 900 !important;
}

/* Sekcja wyboru płatności */
body.safebild #frmCheckout .payment-methods,
body.safebild #frmCheckout .payment-method,
body.safebild #frmCheckout .cc-input-container,
body.safebild #frmCheckout .cc-details,
body.safebild #frmCheckout .paymethod-info {
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #cfe6ef !important;
    border-radius: 18px !important;
    padding: 16px !important;
    color: #0b2538 !important;
    box-sizing: border-box !important;
}

/* PayPal / SEPA / karta - wyśrodkowanie i czytelność */
body.safebild #frmCheckout .payment-btn-container,
body.safebild #frmCheckout .paypal-button-container,
body.safebild #frmCheckout .payment-gateway-input {
    width: 100% !important;
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Przyciski */
body.safebild #frmCheckout .btn,
body.safebild #frmCheckout button,
body.safebild #frmCheckout input[type="submit"] {
    border-radius: 999px !important;
    font-weight: 900 !important;
}

/* Główne niebieskie przyciski */
body.safebild #frmCheckout .btn-primary,
body.safebild #frmCheckout .btn-success,
body.safebild #frmCheckout button[type="submit"],
body.safebild #frmCheckout input[type="submit"] {
    background: #1f9fe0 !important;
    border: 2px solid #0b7fb9 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 30px rgba(31, 159, 224, .20) !important;
}

/* Złote elementy na zielono */
body.safebild #frmCheckout .btn-warning,
body.safebild #frmCheckout .already-registered,
body.safebild #frmCheckout .existing-customer {
    background: #e8f8ef !important;
    border: 1.5px solid #159447 !important;
    color: #116b36 !important;
}

/* Małe opisy nie mogą być prawie niewidoczne */
body.safebild #frmCheckout small,
body.safebild #frmCheckout .small,
body.safebild #frmCheckout .text-muted {
    color: #5f7588 !important;
    opacity: 1 !important;
}

/* Na mniejszych ekranach wszystko jedna kolumna */
@media (max-width: 900px) {
    body.safebild #frmCheckout .col-sm-6,
    body.safebild #frmCheckout .col-md-6,
    body.safebild #frmCheckout .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body.safebild #order-standard_cart form#frmCheckout,
    body.safebild #order-standard_cart #frmCheckout {
        padding: 20px 16px !important;
    }
}


/* =========================================================
   SAFEBILD CHECKOUT HARD FIX 3501
   Problem: wcześniejszy koszyk wymuszał flex-wrap: nowrap
   Efekt: E-Mail / Telefon / Adres uciekają poza formularz
   ========================================================= */

/* Na checkout cała zawartość formularza musi się zawijać */
body.safebild #order-standard_cart .cart-body form .row,
body.safebild #order-standard_cart .cart-body form .form-row,
body.safebild #order-standard_cart .cart-body form .form-group,
body.safebild #order-standard_cart form .row,
body.safebild #order-standard_cart form .form-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Zabijamy stare nowrap z koszyka na stronie formularza */
body.safebild #order-standard_cart .cart-body .row .row,
body.safebild #order-standard_cart .cart-body .secondary-cart-body .row,
body.safebild #order-standard_cart .cart-body form .row {
    flex-wrap: wrap !important;
}

/* Formularz checkout jako jedna karta */
body.safebild #order-standard_cart form,
body.safebild #order-standard_cart form#frmCheckout,
body.safebild #frmCheckout {
    max-width: 980px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 24px 28px !important;
    background: #f7fcff !important;
    border: 1px solid #cfe6ef !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 45px rgba(8, 75, 120, .10) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Każda kolumna ma być normalnie w formularzu */
body.safebild #order-standard_cart form [class*="col-"],
body.safebild #frmCheckout [class*="col-"] {
    position: relative !important;
    float: none !important;
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* 2 kolumny dla pól osobowych */
body.safebild #order-standard_cart form .col-sm-6,
body.safebild #order-standard_cart form .col-md-6,
body.safebild #order-standard_cart form .col-lg-6,
body.safebild #frmCheckout .col-sm-6,
body.safebild #frmCheckout .col-md-6,
body.safebild #frmCheckout .col-lg-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
}

/* Pełny wiersz dla pól typu firma/adres */
body.safebild #order-standard_cart form .col-sm-12,
body.safebild #order-standard_cart form .col-md-12,
body.safebild #order-standard_cart form .col-lg-12,
body.safebild #frmCheckout .col-sm-12,
body.safebild #frmCheckout .col-md-12,
body.safebild #frmCheckout .col-lg-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Wszystkie pola mają siedzieć w swojej kolumnie */
body.safebild #order-standard_cart form input,
body.safebild #order-standard_cart form select,
body.safebild #order-standard_cart form textarea,
body.safebild #order-standard_cart form .form-control,
body.safebild #order-standard_cart form .field,
body.safebild #frmCheckout input,
body.safebild #frmCheckout select,
body.safebild #frmCheckout textarea,
body.safebild #frmCheckout .form-control,
body.safebild #frmCheckout .field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1.5px solid #b9ddea !important;
    color: #0b2538 !important;
    border-radius: 10px !important;
    min-height: 42px !important;
}

/* Ikony w polach */
body.safebild #order-standard_cart form .prepend-icon,
body.safebild #frmCheckout .prepend-icon {
    width: 100% !important;
    position: relative !important;
}

body.safebild #order-standard_cart form .prepend-icon .field,
body.safebild #frmCheckout .prepend-icon .field {
    padding-left: 40px !important;
}

body.safebild #order-standard_cart form .prepend-icon .field-icon,
body.safebild #frmCheckout .prepend-icon .field-icon {
    position: absolute !important;
    left: 13px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #159447 !important;
    z-index: 5 !important;
}

/* E-mail, telefon, adres - szczególnie blokujemy uciekanie w prawo */
body.safebild input[name="email"],
body.safebild input[name="phonenumber"],
body.safebild input[name="address1"],
body.safebild input[name="address2"],
body.safebild input[name="city"],
body.safebild input[name="postcode"],
body.safebild select[name="country"],
body.safebild select[name="state"] {
    position: static !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Pole firma pełna szerokość w formularzu */
body.safebild input[name="companyname"] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Czarny pasek kwoty - zamiana na jasny */
body.safebild #order-standard_cart .total-due-today,
body.safebild #order-standard_cart .total-due-today-padded,
body.safebild #order-standard_cart .view-cart-total,
body.safebild #order-standard_cart .checkout-summary {
    background: linear-gradient(135deg, #eaf8f0, #f5fbff) !important;
    border: 1px solid #bfe6ce !important;
    color: #0b2538 !important;
    border-radius: 18px !important;
    padding: 18px 22px !important;
    box-shadow: 0 12px 30px rgba(21,148,71,.10) !important;
}

/* Kwota zielona */
body.safebild #totalDueToday,
body.safebild .total-due-today .amt,
body.safebild .amt {
    color: #159447 !important;
    font-weight: 900 !important;
}

/* Złote napisy / ikony na zielone */
body.safebild label,
body.safebild .control-label,
body.safebild .field-icon,
body.safebild .field-icon i,
body.safebild .fa,
body.safebild .fas {
    color: #159447 !important;
}

/* Nieczytelne opisy płatności */
body.safebild small,
body.safebild .small,
body.safebild .text-muted,
body.safebild .payment-methods,
body.safebild .paymethod-info {
    color: #526b7d !important;
    opacity: 1 !important;
}

/* PayPal/karta w jasnym panelu */
body.safebild .cc-input-container,
body.safebild .cc-details,
body.safebild .payment-methods,
body.safebild .payment-gateway-input,
body.safebild .paymethod-info {
    background: #ffffff !important;
    border-color: #cfe6ef !important;
    color: #0b2538 !important;
}

/* Responsive */
@media (max-width: 900px) {
    body.safebild #order-standard_cart form .col-sm-6,
    body.safebild #order-standard_cart form .col-md-6,
    body.safebild #order-standard_cart form .col-lg-6,
    body.safebild #frmCheckout .col-sm-6,
    body.safebild #frmCheckout .col-md-6,
    body.safebild #frmCheckout .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}


/* ==== SAFEBILD CHECKOUT FINAL 10 START ==== */

/* =========================================================
   SafeBild Checkout Final 10/10
   - formularz 2 kolumny
   - granatowe teksty
   - zielone ikony
   - niebieskie pola i przyciski
   - bez czarnych bloków
   ========================================================= */

body.safebild {
    --sb-navy: #102033;
    --sb-navy-2: #12324a;
    --sb-blue: #1f9fe0;
    --sb-blue-dark: #0b7fb9;
    --sb-green: #168a45;
    --sb-green-dark: #0f6b34;
    --sb-bg: #eef8fc;
    --sb-card: #ffffff;
    --sb-field: #f7fcff;
    --sb-border: #b9ddea;
    --sb-border-soft: #d6edf5;
    --sb-muted: #587083;

    background: linear-gradient(180deg, #f6fcff 0%, #eef8fc 60%, #f8fdff 100%) !important;
    color: var(--sb-navy) !important;
}

/* Główna karta checkout */
body.safebild #order-standard_cart,
body.safebild #order-standard_cart .cart-body,
body.safebild #order-standard_cart .secondary-cart-body {
    background: transparent !important;
    color: var(--sb-navy) !important;
}

/* Checkout jako czytelna karta */
body.safebild #frmCheckout {
    max-width: 980px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 26px 30px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid var(--sb-border-soft) !important;
    border-radius: 26px !important;
    box-shadow: 0 20px 55px rgba(10, 80, 120, .12) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Bardzo ważne: formularz ma się zawijać, nie uciekać w prawo */
body.safebild #frmCheckout .row,
body.safebild #frmCheckout .form-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    box-sizing: border-box !important;
}

/* Każda kolumna formularza */
body.safebild #frmCheckout [class*="col-"] {
    float: none !important;
    position: relative !important;
    box-sizing: border-box !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Domyślnie pola na checkout: 2 kolumny */
body.safebild #frmCheckout .form-group,
body.safebild #frmCheckout .field-container,
body.safebild #frmCheckout .sb-field-half,
body.safebild #frmCheckout .col-sm-6,
body.safebild #frmCheckout .col-md-6,
body.safebild #frmCheckout .col-lg-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    box-sizing: border-box !important;
}

/* Pełna szerokość dla większych pól */
body.safebild #frmCheckout .sb-field-full,
body.safebild #frmCheckout .form-group:has(input[name="companyname"]),
body.safebild #frmCheckout .form-group:has(input[name="address1"]),
body.safebild #frmCheckout .form-group:has(input[name="address2"]),
body.safebild #frmCheckout .form-group:has(input[name="tax_id"]),
body.safebild #frmCheckout .form-group:has(input[name="customfield[Vat ID]"]),
body.safebild #frmCheckout .form-group:has(textarea),
body.safebild #frmCheckout .col-sm-12,
body.safebild #frmCheckout .col-md-12,
body.safebild #frmCheckout .col-lg-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Pola wpisywania */
body.safebild #frmCheckout input[type="text"],
body.safebild #frmCheckout input[type="email"],
body.safebild #frmCheckout input[type="password"],
body.safebild #frmCheckout input[type="tel"],
body.safebild #frmCheckout input[type="number"],
body.safebild #frmCheckout select,
body.safebild #frmCheckout textarea,
body.safebild #frmCheckout .form-control,
body.safebild #frmCheckout .field,
body.safebild #frmCheckout .custom-select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    background: var(--sb-field) !important;
    color: var(--sb-navy) !important;
    border: 1.5px solid var(--sb-border) !important;
    border-radius: 13px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    box-shadow: 0 5px 15px rgba(12, 80, 120, .05) !important;
    box-sizing: border-box !important;
}

body.safebild #frmCheckout textarea {
    min-height: 92px !important;
    height: auto !important;
}

/* Placeholder */
body.safebild #frmCheckout input::placeholder,
body.safebild #frmCheckout textarea::placeholder {
    color: #6b8294 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

/* Focus */
body.safebild #frmCheckout input:focus,
body.safebild #frmCheckout select:focus,
body.safebild #frmCheckout textarea:focus,
body.safebild #frmCheckout .form-control:focus,
body.safebild #frmCheckout .field:focus {
    background: #ffffff !important;
    border-color: var(--sb-blue) !important;
    box-shadow: 0 0 0 4px rgba(31,159,224,.16) !important;
    outline: none !important;
}

/* Ikony w polach */
body.safebild #frmCheckout .prepend-icon {
    width: 100% !important;
    position: relative !important;
}

body.safebild #frmCheckout .prepend-icon .field,
body.safebild #frmCheckout .prepend-icon input,
body.safebild #frmCheckout .prepend-icon select {
    padding-left: 42px !important;
}

body.safebild #frmCheckout .prepend-icon .field-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
    width: 18px !important;
    text-align: center !important;
    color: var(--sb-green) !important;
}

body.safebild #frmCheckout .field-icon i,
body.safebild #frmCheckout .prepend-icon i,
body.safebild #frmCheckout .fa,
body.safebild #frmCheckout .fas,
body.safebild #frmCheckout .far {
    color: var(--sb-green) !important;
}

/* Etykiety i teksty */
body.safebild #frmCheckout label,
body.safebild #frmCheckout .control-label,
body.safebild #frmCheckout .form-check-label {
    color: var(--sb-navy-2) !important;
    font-weight: 800 !important;
}

body.safebild #frmCheckout p,
body.safebild #frmCheckout span,
body.safebild #frmCheckout small,
body.safebild #frmCheckout .small,
body.safebild #frmCheckout .text-muted,
body.safebild #frmCheckout .help-block {
    color: var(--sb-muted) !important;
    opacity: 1 !important;
}

/* Górny komunikat formularza */
body.safebild #frmCheckout .sub-heading,
body.safebild #frmCheckout .section-heading,
body.safebild #frmCheckout .header-lined,
body.safebild #frmCheckout .alert {
    background: #eef9f1 !important;
    border: 1px solid #bfe6ce !important;
    color: var(--sb-green-dark) !important;
    border-radius: 16px !important;
    padding: 10px 14px !important;
    font-weight: 800 !important;
}

/* Przycisk "Bereits registriert?" */
body.safebild #frmCheckout .already-registered,
body.safebild #frmCheckout .existing-customer,
body.safebild #frmCheckout .btn-warning {
    background: #eef9f1 !important;
    color: var(--sb-green-dark) !important;
    border: 1.5px solid var(--sb-green) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

/* Pasek kwoty - bez czerni */
body.safebild #frmCheckout .total-due-today,
body.safebild #frmCheckout .total-due-today-padded,
body.safebild #frmCheckout .checkout-summary,
body.safebild #frmCheckout .view-cart-total,
body.safebild #frmCheckout .recurring-totals {
    background: linear-gradient(135deg, #eef9f1 0%, #f7fcff 100%) !important;
    border: 1px solid #bfe6ce !important;
    color: var(--sb-navy) !important;
    border-radius: 18px !important;
    padding: 18px 22px !important;
    box-shadow: 0 14px 34px rgba(21,148,71,.11) !important;
    text-align: center !important;
}

/* Jeżeli WHMCS zrobił czarny pasek przez inne klasy */
body.safebild #frmCheckout .total-due-today *,
body.safebild #frmCheckout .total-due-today-padded *,
body.safebild #frmCheckout .checkout-summary *,
body.safebild #frmCheckout .view-cart-total * {
    background: transparent !important;
}

/* Kwota zielona */
body.safebild #frmCheckout #totalDueToday,
body.safebild #frmCheckout .total-due-today .amt,
body.safebild #frmCheckout .amt,
body.safebild #frmCheckout .total-due {
    color: var(--sb-green) !important;
    font-weight: 950 !important;
}

/* Płatności */
body.safebild #frmCheckout .payment-methods,
body.safebild #frmCheckout .payment-method,
body.safebild #frmCheckout .paymethod-info,
body.safebild #frmCheckout .cc-input-container,
body.safebild #frmCheckout .cc-details,
body.safebild #frmCheckout .payment-gateway-input {
    background: #ffffff !important;
    color: var(--sb-navy) !important;
    border: 1px solid var(--sb-border-soft) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    box-shadow: 0 10px 28px rgba(10, 80, 120, .08) !important;
    box-sizing: border-box !important;
}

/* Usunięcie czarnych elementów PayPal/karta */
body.safebild #frmCheckout .cc-input-container *,
body.safebild #frmCheckout .cc-details *,
body.safebild #frmCheckout .paymethod-info *,
body.safebild #frmCheckout .payment-gateway-input * {
    color: var(--sb-navy) !important;
}

body.safebild #frmCheckout iframe {
    max-width: 100% !important;
}

/* CVV / małe pola kart */
body.safebild #frmCheckout input[name="cccvv"],
body.safebild #frmCheckout input[name="ccnumber"],
body.safebild #frmCheckout input[name="ccexpirydate"],
body.safebild #frmCheckout input[id*="cvv"],
body.safebild #frmCheckout input[id*="card"],
body.safebild #frmCheckout input[id*="expiry"] {
    background: #ffffff !important;
    border: 1.5px solid var(--sb-border) !important;
    color: var(--sb-navy) !important;
}

/* Przyciski */
body.safebild #frmCheckout .btn,
body.safebild #frmCheckout button,
body.safebild #frmCheckout input[type="submit"] {
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
}

/* Główne CTA */
body.safebild #frmCheckout .btn-primary,
body.safebild #frmCheckout .btn-success,
body.safebild #frmCheckout button[type="submit"],
body.safebild #frmCheckout input[type="submit"] {
    background: var(--sb-blue) !important;
    border: 2px solid var(--sb-blue-dark) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 34px rgba(31,159,224,.25) !important;
}

body.safebild #frmCheckout .btn-primary:hover,
body.safebild #frmCheckout .btn-success:hover,
body.safebild #frmCheckout button[type="submit"]:hover,
body.safebild #frmCheckout input[type="submit"]:hover {
    background: #168bc8 !important;
    border-color: #086696 !important;
}

/* Checkbox / radio */
body.safebild #frmCheckout input[type="checkbox"],
body.safebild #frmCheckout input[type="radio"] {
    accent-color: var(--sb-green) !important;
}

/* Mailing list / regulamin */
body.safebild #frmCheckout .marketing-email-optin,
body.safebild #frmCheckout .terms-checkbox,
body.safebild #frmCheckout .checkbox {
    color: var(--sb-navy) !important;
}

/* Pomocnicze elementy nie mogą być niewidoczne */
body.safebild #frmCheckout .text-center,
body.safebild #frmCheckout .text-muted,
body.safebild #frmCheckout .form-text {
    color: var(--sb-muted) !important;
}

/* Stopka checkout */
body.safebild #frmCheckout .checkout-security-msg,
body.safebild #frmCheckout .secure-warning {
    background: #eef9f1 !important;
    color: var(--sb-green-dark) !important;
    border: 1px solid #bfe6ce !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
}

/* Usunięcie pozostałych czarnych bloków wewnątrz formularza */
body.safebild #frmCheckout .well,
body.safebild #frmCheckout .panel,
body.safebild #frmCheckout .card,
body.safebild #frmCheckout .card-body,
body.safebild #frmCheckout .panel-body {
    background-color: transparent !important;
    color: var(--sb-navy) !important;
    border-color: var(--sb-border-soft) !important;
}

/* Mobile: jedna kolumna */
@media (max-width: 900px) {
    body.safebild #frmCheckout {
        padding: 20px 16px !important;
    }

    body.safebild #frmCheckout .form-group,
    body.safebild #frmCheckout .field-container,
    body.safebild #frmCheckout .sb-field-half,
    body.safebild #frmCheckout .sb-field-full,
    body.safebild #frmCheckout .col-sm-6,
    body.safebild #frmCheckout .col-md-6,
    body.safebild #frmCheckout .col-lg-6,
    body.safebild #frmCheckout .col-sm-12,
    body.safebild #frmCheckout .col-md-12,
    body.safebild #frmCheckout .col-lg-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* ==== SAFEBILD CHECKOUT FINAL 10 END ==== */


/* =========================================================
   SAFEBILD CHECKOUT PAYMENT CLEANUP 3601
   ========================================================= */

/* Bereits registriert? - bez żółtego */
body.safebild #frmCheckout .already-registered,
body.safebild #frmCheckout .existing-customer,
body.safebild #frmCheckout .btn-warning,
body.safebild #frmCheckout a.btn-warning,
body.safebild #frmCheckout button.btn-warning {
    background: linear-gradient(135deg, #e9f9ef, #f7fcff) !important;
    color: #0f6b34 !important;
    border: 1.5px solid #168a45 !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 20px rgba(22, 138, 69, .13) !important;
}

/* PayPal / Bank Transfer - czytelne, bez podwójnego efektu */
body.safebild #frmCheckout input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    accent-color: #168a45 !important;
    box-shadow: none !important;
}

body.safebild #frmCheckout .radio,
body.safebild #frmCheckout .radio-inline,
body.safebild #frmCheckout .payment-methods label,
body.safebild #frmCheckout label[for*="paymentmethod"],
body.safebild #frmCheckout label[for*="payment"] {
    color: #102033 !important;
    font-weight: 800 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Czytelny panel płatności */
body.safebild #frmCheckout .payment-methods,
body.safebild #frmCheckout .payment-method,
body.safebild #frmCheckout .paymethod-info,
body.safebild #frmCheckout .payment-gateway-input,
body.safebild #frmCheckout .cc-input-container,
body.safebild #frmCheckout .cc-details {
    background: #ffffff !important;
    color: #102033 !important;
    border: 1px solid #cfe6ef !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(10,80,120,.08) !important;
}

/* Usuwamy czarne tła w okolicach PayPal / karty */
body.safebild #frmCheckout [class*="paypal"],
body.safebild #frmCheckout [class*="PayPal"],
body.safebild #frmCheckout [class*="card"],
body.safebild #frmCheckout [class*="Card"],
body.safebild #frmCheckout [class*="cvv"],
body.safebild #frmCheckout [class*="CVV"],
body.safebild #frmCheckout [class*="cvc"],
body.safebild #frmCheckout [class*="CVC"],
body.safebild #frmCheckout [id*="paypal"],
body.safebild #frmCheckout [id*="PayPal"],
body.safebild #frmCheckout [id*="card"],
body.safebild #frmCheckout [id*="Card"],
body.safebild #frmCheckout [id*="cvv"],
body.safebild #frmCheckout [id*="CVV"],
body.safebild #frmCheckout [id*="cvc"],
body.safebild #frmCheckout [id*="CVC"] {
    color: #102033 !important;
}

/* Małe pola CVV/CVC2 - jasne tło */
body.safebild #frmCheckout input[name*="cvv"],
body.safebild #frmCheckout input[name*="cvc"],
body.safebild #frmCheckout input[id*="cvv"],
body.safebild #frmCheckout input[id*="cvc"],
body.safebild #frmCheckout input[placeholder*="CVV"],
body.safebild #frmCheckout input[placeholder*="CVC"] {
    background: #ffffff !important;
    color: #102033 !important;
    border: 1.5px solid #b9ddea !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* Hosted fields / iframe wrapper PayPal/Braintree */
body.safebild #frmCheckout .hosted-field,
body.safebild #frmCheckout .hosted-fields,
body.safebild #frmCheckout .braintree-hosted-fields,
body.safebild #frmCheckout .braintree-hosted-fields-focused,
body.safebild #frmCheckout .braintree-hosted-fields-valid,
body.safebild #frmCheckout .braintree-hosted-fields-invalid,
body.safebild #frmCheckout div[id*="hosted"],
body.safebild #frmCheckout div[id*="Hosted"],
body.safebild #frmCheckout div[id*="cvv"],
body.safebild #frmCheckout div[id*="cvc"] {
    background: #ffffff !important;
    color: #102033 !important;
    border-color: #b9ddea !important;
    box-shadow: none !important;
}

/* Czarne helper-boxy przy CVV */
body.safebild #frmCheckout .field-help,
body.safebild #frmCheckout .input-group-addon,
body.safebild #frmCheckout .input-group-text,
body.safebild #frmCheckout .help-block {
    background: #f7fcff !important;
    color: #587083 !important;
    border-color: #cfe6ef !important;
}

/* Ikony pomocnicze przy CVV */
body.safebild #frmCheckout .btn-help,
body.safebild #frmCheckout .btn-info,
body.safebild #frmCheckout button[id*="cvv"],
body.safebild #frmCheckout button[id*="cvc"] {
    background: #1f9fe0 !important;
    border-color: #0b7fb9 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}

/* Pasek kwoty - twarde nadpisanie, żeby już nie wracał czarny */
body.safebild #frmCheckout .total-due-today,
body.safebild #frmCheckout .total-due-today-padded {
    background: linear-gradient(135deg, #eef9f1 0%, #f7fcff 100%) !important;
    color: #102033 !important;
    border: 1px solid #bfe6ce !important;
    border-radius: 18px !important;
}

body.safebild #frmCheckout .total-due-today *,
body.safebild #frmCheckout .total-due-today-padded * {
    background: transparent !important;
}

body.safebild #frmCheckout .total-due-today .amt,
body.safebild #frmCheckout #totalDueToday,
body.safebild #frmCheckout .amt {
    color: #168a45 !important;
}

/* Checkbox regulaminu / mailing list */
body.safebild #frmCheckout input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    accent-color: #168a45 !important;
    box-shadow: none !important;
}

/* Finalny przycisk zamówienia */
body.safebild #frmCheckout input[type="submit"],
body.safebild #frmCheckout button[type="submit"],
body.safebild #frmCheckout .btn-success,
body.safebild #frmCheckout .btn-primary {
    background: #1f9fe0 !important;
    border: 2px solid #0b7fb9 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 34px rgba(31,159,224,.24) !important;
}


/* =========================================================
   SAFEBILD PAYMENT FIELD FINAL FIX 3701
   ========================================================= */

/* Cena w pasku kwoty - zielona zamiast złotej */
body.safebild #frmCheckout .total-due-today,
body.safebild #frmCheckout .total-due-today-padded {
    background: linear-gradient(135deg, #eef9f1 0%, #f7fcff 100%) !important;
    border: 1px solid #bfe6ce !important;
    color: #102033 !important;
}

body.safebild #frmCheckout .total-due-today strong,
body.safebild #frmCheckout .total-due-today span,
body.safebild #frmCheckout .total-due-today .amt,
body.safebild #frmCheckout #totalDueToday,
body.safebild #frmCheckout .amt {
    color: #168a45 !important;
    font-weight: 950 !important;
}

/* Płatności - główna sekcja jasna */
body.safebild #frmCheckout .cc-input-container,
body.safebild #frmCheckout .cc-details,
body.safebild #frmCheckout .payment-gateway-input,
body.safebild #frmCheckout .paymethod-info,
body.safebild #frmCheckout .payment-methods {
    background: #ffffff !important;
    color: #102033 !important;
    border: 1px solid #cfe6ef !important;
    border-radius: 18px !important;
}

/* Hosted fields / Braintree / PayPal - zewnętrzne wrappery */
body.safebild #frmCheckout .hosted-field,
body.safebild #frmCheckout .hosted-fields,
body.safebild #frmCheckout .braintree-hosted-fields,
body.safebild #frmCheckout .braintree-hosted-fields-focused,
body.safebild #frmCheckout .braintree-hosted-fields-valid,
body.safebild #frmCheckout .braintree-hosted-fields-invalid,
body.safebild #frmCheckout [class*="hosted"],
body.safebild #frmCheckout [class*="Hosted"],
body.safebild #frmCheckout [class*="braintree"],
body.safebild #frmCheckout [class*="Braintree"],
body.safebild #frmCheckout [id*="hosted"],
body.safebild #frmCheckout [id*="Hosted"],
body.safebild #frmCheckout [id*="braintree"],
body.safebild #frmCheckout [id*="Braintree"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #102033 !important;
    border: 1.5px solid #b9ddea !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* CVV/CVC2 wrappery - bez czerni */
body.safebild #frmCheckout [class*="cvv"],
body.safebild #frmCheckout [class*="CVV"],
body.safebild #frmCheckout [class*="cvc"],
body.safebild #frmCheckout [class*="CVC"],
body.safebild #frmCheckout [id*="cvv"],
body.safebild #frmCheckout [id*="CVV"],
body.safebild #frmCheckout [id*="cvc"],
body.safebild #frmCheckout [id*="CVC"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #102033 !important;
    border-color: #b9ddea !important;
    box-shadow: none !important;
}

/* Inputy kartowe */
body.safebild #frmCheckout input[name*="cvv"],
body.safebild #frmCheckout input[name*="cvc"],
body.safebild #frmCheckout input[name*="card"],
body.safebild #frmCheckout input[name*="cc"],
body.safebild #frmCheckout input[id*="cvv"],
body.safebild #frmCheckout input[id*="cvc"],
body.safebild #frmCheckout input[id*="card"],
body.safebild #frmCheckout input[id*="cc"],
body.safebild #frmCheckout input[placeholder*="CVV"],
body.safebild #frmCheckout input[placeholder*="CVC"],
body.safebild #frmCheckout input[placeholder*="Kredit"],
body.safebild #frmCheckout input[placeholder*="Card"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #102033 !important;
    border: 1.5px solid #b9ddea !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* Mały niebieski znak zapytania przy CVV */
body.safebild #frmCheckout .btn-help,
body.safebild #frmCheckout .btn-info,
body.safebild #frmCheckout [class*="help"],
body.safebild #frmCheckout [id*="help"] {
    background-color: #1f9fe0 !important;
    border-color: #0b7fb9 !important;
    color: #ffffff !important;
}

/* Nie ruszamy iframe środka, ale wrapper iframe ma być jasny */
body.safebild #frmCheckout iframe {
    background: #ffffff !important;
    border-radius: 10px !important;
}

/* Drobne poprawki czytelności opisów pod płatnościami */
body.safebild #frmCheckout .payment-methods,
body.safebild #frmCheckout .payment-methods *,
body.safebild #frmCheckout .paymethod-info,
body.safebild #frmCheckout .paymethod-info *,
body.safebild #frmCheckout .cc-input-container,
body.safebild #frmCheckout .cc-input-container * {
    color: #102033 !important;
}

body.safebild #frmCheckout small,
body.safebild #frmCheckout .small,
body.safebild #frmCheckout .text-muted {
    color: #587083 !important;
    opacity: 1 !important;
}


/* =========================================================
   SAFEBILD PAYMENT RADIO + CVV CLEAN 3801
   ========================================================= */

/* Radio PayPal / Bank Transfer - tylko jedno zaznaczenie */
body.safebild #frmCheckout input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border: initial !important;
    accent-color: #168a45 !important;
}

/* Usuwamy pseudo-zaznaczenia i ikonki, które robią drugi efekt */
body.safebild #frmCheckout label[for*="payment"]::before,
body.safebild #frmCheckout label[for*="payment"]::after,
body.safebild #frmCheckout .radio label::before,
body.safebild #frmCheckout .radio label::after,
body.safebild #frmCheckout .radio-inline::before,
body.safebild #frmCheckout .radio-inline::after,
body.safebild #frmCheckout .iradio_square-blue,
body.safebild #frmCheckout .iradio_minimal-blue,
body.safebild #frmCheckout .iCheck-helper {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Etykiety płatności bez ramek i bez tła */
body.safebild #frmCheckout .radio,
body.safebild #frmCheckout .radio-inline,
body.safebild #frmCheckout .payment-methods label {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #102033 !important;
    font-weight: 800 !important;
}

/* Klasa nadawana przez JS dla górnego samotnego CVV */
body.safebild #frmCheckout .sb-hide-duplicate-cvv {
    display: none !important;
}

/* Właściwe pola karty zostają jasne */
body.safebild #frmCheckout input[name*="card"],
body.safebild #frmCheckout input[name*="cc"],
body.safebild #frmCheckout input[name*="cvv"],
body.safebild #frmCheckout input[name*="cvc"],
body.safebild #frmCheckout input[id*="card"],
body.safebild #frmCheckout input[id*="cc"],
body.safebild #frmCheckout input[id*="cvv"],
body.safebild #frmCheckout input[id*="cvc"] {
    background: #ffffff !important;
    color: #102033 !important;
    border: 1.5px solid #b9ddea !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* Dolne pole security / info */
body.safebild #frmCheckout .checkout-security-msg,
body.safebild #frmCheckout .secure-warning,
body.safebild #frmCheckout .alert-warning {
    background: #eef9f1 !important;
    color: #0f6b34 !important;
    border: 1px solid #bfe6ce !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
}


/* =========================================================
   SAFEBILD FINAL MICRO FIX 3901
   ========================================================= */

/* Ukrycie górnego, samotnego CVV/CVC2 */
body.safebild #frmCheckout .sb-hide-top-cvv {
    display: none !important;
}

/* Kwota w pasku - wszystko zielone, bez złota */
body.safebild #frmCheckout .total-due-today,
body.safebild #frmCheckout .total-due-today-padded {
    background: linear-gradient(135deg, #eef9f1 0%, #f7fcff 100%) !important;
    border: 1px solid #bfe6ce !important;
    color: #168a45 !important;
}

body.safebild #frmCheckout .total-due-today *,
body.safebild #frmCheckout .total-due-today-padded *,
body.safebild #frmCheckout #totalDueToday,
body.safebild #frmCheckout .amt,
body.safebild #frmCheckout .total-due,
body.safebild #frmCheckout .total-due-today span,
body.safebild #frmCheckout .total-due-today strong,
body.safebild #frmCheckout .total-due-today-padded span,
body.safebild #frmCheckout .total-due-today-padded strong {
    color: #168a45 !important;
    font-weight: 950 !important;
    text-shadow: none !important;
}

/* Tekst "Heute fälliger Gesamtbetrag" ma zostać granatowy */
body.safebild #frmCheckout .total-due-today small,
body.safebild #frmCheckout .total-due-today-padded small {
    color: #102033 !important;
    font-weight: 800 !important;
}

/* Płatność - normalne radio, bez podwójnego efektu */
body.safebild #frmCheckout input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    accent-color: #168a45 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Napisy PayPal / Bank Transfer */
body.safebild #frmCheckout label,
body.safebild #frmCheckout .radio,
body.safebild #frmCheckout .radio-inline {
    color: #102033 !important;
    font-weight: 800 !important;
}


/* =========================================================
   SAFEBILD STORE OFFER FINAL FIX 4001
   ========================================================= */

/* Ukrycie starych pustych kafelków WHMCS pod ofertą */
body.safebild .safebild-store-final-active ~ .row,
body.safebild .safebild-store-final-active ~ .products,
body.safebild .safebild-store-final-active ~ .product-group,
body.safebild .safebild-store-final-active ~ div[class*="product"],
body.safebild .safebild-store-final-active + .row {
    display: none !important;
}

/* Główna karta oferty */
body.safebild .safebild-store-final-active {
    max-width: 980px !important;
    margin: 28px auto 42px auto !important;
    padding: 30px 34px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid #d6edf5 !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 65px rgba(10,80,120,.14) !important;
    box-sizing: border-box !important;
}

/* Nagłówek oferty */
body.safebild .safebild-store-final-active .sb-store-title {
    text-align: center !important;
    color: #102033 !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    margin: 0 0 8px 0 !important;
}

body.safebild .safebild-store-final-active .sb-store-subtitle {
    text-align: center !important;
    color: #587083 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 0 24px 0 !important;
}

/* Lista pakietów */
body.safebild .safebild-plan-list {
    display: grid !important;
    gap: 16px !important;
}

/* Pojedynczy pakiet */
body.safebild .safebild-plan-row {
    display: grid !important;
    grid-template-columns: 54px 1fr 120px 170px !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 20px 22px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #1f9fe0 0%, #087ec2 100%) !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    box-shadow: 0 15px 34px rgba(31,159,224,.22) !important;
    color: #ffffff !important;
    min-height: 86px !important;
    box-sizing: border-box !important;
}

/* Numer 1/2/3 */
body.safebild .safebild-plan-row .sb-plan-number {
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #168a45 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    font-size: 17px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}

/* Tytuł i opis */
body.safebild .safebild-plan-row .sb-plan-name {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    margin: 0 0 4px 0 !important;
    letter-spacing: .01em !important;
}

body.safebild .safebild-plan-row .sb-plan-desc {
    color: rgba(255,255,255,.95) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    margin: 0 0 6px 0 !important;
}

/* Punkty */
body.safebild .safebild-plan-row .sb-plan-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.safebild .safebild-plan-row .sb-plan-points li {
    color: #06304d !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    background: rgba(255,255,255,.72) !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
}

body.safebild .safebild-plan-row .sb-plan-points li::before {
    content: "✓ ";
    color: #168a45 !important;
    font-weight: 950 !important;
}

/* Cena */
body.safebild .safebild-plan-row .sb-plan-price {
    text-align: right !important;
    color: #ffffff !important;
}

body.safebild .safebild-plan-row .sb-plan-price strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body.safebild .safebild-plan-row .sb-plan-price span {
    color: rgba(255,255,255,.92) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

/* Przyciski zielone */
body.safebild .safebild-plan-row .sb-plan-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #e9f9ef 0%, #d8f4e2 100%) !important;
    border: 2px solid #168a45 !important;
    color: #0f6b34 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(22,138,69,.18) !important;
    white-space: nowrap !important;
}

body.safebild .safebild-plan-row .sb-plan-button:hover {
    background: linear-gradient(135deg, #168a45 0%, #0f6b34 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Wyróżnienie 256 GB */
body.safebild .safebild-plan-row.sb-recommended {
    background: linear-gradient(135deg, #168a45 0%, #0f7fbd 100%) !important;
}

body.safebild .safebild-plan-row .sb-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #eef9f1 !important;
    color: #0f6b34 !important;
    border: 1px solid #bfe6ce !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    margin-bottom: 4px !important;
}

/* Mobile */
@media (max-width: 900px) {
    body.safebild .safebild-store-final-active {
        padding: 22px 16px !important;
        margin: 18px auto 30px auto !important;
    }

    body.safebild .safebild-plan-row {
        grid-template-columns: 42px 1fr !important;
        border-radius: 24px !important;
        padding: 18px !important;
        gap: 12px !important;
    }

    body.safebild .safebild-plan-row .sb-plan-price,
    body.safebild .safebild-plan-row .sb-plan-button {
        grid-column: 2 !important;
        text-align: left !important;
        justify-self: start !important;
    }

    body.safebild .safebild-plan-row .sb-plan-points {
        display: grid !important;
        gap: 8px !important;
    }
}


/* =========================================================
   SAFEBILD STORE REFINEMENT 4201
   ========================================================= */

body.safebild .safebild-store-final-active{
    max-width: 980px !important;
    margin: 26px auto 40px auto !important;
    padding: 26px 28px !important;
    background: rgba(255,255,255,.68) !important;
    border: 1px solid #d7eaf4 !important;
    border-radius: 26px !important;
    box-shadow: 0 18px 45px rgba(35,99,138,.10) !important;
}

body.safebild .safebild-store-final-active .sb-store-title{
    color: #12293a !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
}

body.safebild .safebild-store-final-active .sb-store-subtitle{
    color: #5f7484 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    margin: 0 0 22px 0 !important;
    text-align: center !important;
}

body.safebild .safebild-plan-list{
    display: grid !important;
    gap: 16px !important;
}

body.safebild .safebild-plan-row{
    display: grid !important;
    grid-template-columns: 56px 1fr 120px 170px !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 92px !important;
    padding: 18px 20px !important;
    border-radius: 26px !important;
    background: linear-gradient(180deg, #f8fdff 0%, #eef8fd 100%) !important;
    border: 1px solid #cbe3ef !important;
    box-shadow: 0 10px 24px rgba(27,102,142,.08) !important;
    color: #12293a !important;
}

body.safebild .safebild-plan-row.sb-recommended{
    background: linear-gradient(180deg, #f2fbf5 0%, #e8f7ef 100%) !important;
    border: 1px solid #bfe2cd !important;
    box-shadow: 0 10px 24px rgba(30,124,73,.10) !important;
}

body.safebild .safebild-plan-row .sb-plan-number{
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    background: #e4f7ea !important;
    border: 2px solid #3aa35d !important;
    color: #16733a !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    font-size: 18px !important;
    box-shadow: 0 6px 14px rgba(22,115,58,.12) !important;
}

body.safebild .safebild-plan-row .sb-plan-name{
    color: #0f2840 !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    margin: 0 0 4px 0 !important;
}

body.safebild .safebild-plan-row .sb-plan-desc{
    color: #35604d !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    margin: 0 0 6px 0 !important;
}

body.safebild .safebild-plan-row .sb-plan-points{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.safebild .safebild-plan-row .sb-plan-points li{
    color: #16344a !important;
    background: #ffffff !important;
    border: 1px solid #d9ebf4 !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

body.safebild .safebild-plan-row .sb-plan-points li::before{
    content: "✓ ";
    color: #1a8a45 !important;
    font-weight: 950 !important;
}

body.safebild .safebild-plan-row .sb-plan-price{
    text-align: right !important;
}

body.safebild .safebild-plan-row .sb-plan-price strong{
    display: block !important;
    color: #0f2840 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

body.safebild .safebild-plan-row .sb-plan-price span{
    color: #4f6f64 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

body.safebild .safebild-plan-row .sb-plan-button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 146px !important;
    height: 46px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #effbf3 0%, #ddf5e5 100%) !important;
    border: 2px solid #2f9854 !important;
    color: #136d37 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(32,121,69,.12) !important;
    white-space: nowrap !important;
}

body.safebild .safebild-plan-row .sb-plan-button:hover{
    background: linear-gradient(180deg, #2f9854 0%, #1f7a40 100%) !important;
    border-color: #1f7a40 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

body.safebild .safebild-plan-row .sb-badge{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 5px !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    background: #effbf3 !important;
    border: 1px solid #bde2c8 !important;
    color: #136d37 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media (max-width: 900px){
    body.safebild .safebild-store-final-active{
        padding: 20px 14px !important;
    }

    body.safebild .safebild-plan-row{
        grid-template-columns: 44px 1fr !important;
        gap: 10px !important;
        border-radius: 22px !important;
        padding: 16px !important;
    }

    body.safebild .safebild-plan-row .sb-plan-price,
    body.safebild .safebild-plan-row .sb-plan-button{
        grid-column: 2 !important;
        text-align: left !important;
        justify-self: start !important;
    }

    body.safebild .safebild-plan-row .sb-plan-name{
        font-size: 21px !important;
    }
}


/* =========================================================
   SAFEBILD FINAL TUNING 4301
   ========================================================= */

/* ---------- GÓRNE OFERTY ---------- */
body.safebild .safebild-plan-row .sb-plan-price strong{
    color: #178245 !important;   /* zielone ceny */
}

body.safebild .safebild-plan-row .sb-plan-price span{
    color: #4f7862 !important;
}

body.safebild .safebild-plan-row .sb-plan-name{
    color: #18314a !important;   /* ciemny granat */
}

body.safebild .safebild-plan-row .sb-plan-desc{
    color: #456655 !important;   /* ciemna zieleń */
}

body.safebild .safebild-plan-row .sb-plan-number{
    background: #e7f7ec !important;
    border: 2px solid #2c9b55 !important;
    color: #1d7a40 !important;
}

/* ---------- DOLNY MINI PORÓWNYWACZ ---------- */
body.safebild .sb-legacy-compare-wrap{
    margin: 18px 0 0 0 !important;
    padding: 16px 14px 14px 14px !important;
    background: rgba(255,255,255,.55) !important;
    border: 1px solid #d6e8f1 !important;
    border-radius: 18px !important;
}

body.safebild .sb-legacy-compare-title{
    display: block !important;
    margin: 0 0 4px 0 !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #18314a !important;
}

body.safebild .sb-legacy-compare-subtitle{
    display: block !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #5d7787 !important;
}

body.safebild .sb-legacy-products{
    display: flex !important;
    gap: 3px !important; /* ten odstęp 2-3 pixele */
    align-items: stretch !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

body.safebild .sb-legacy-products > *{
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

body.safebild .sb-legacy-products .product,
body.safebild .sb-legacy-products .package,
body.safebild .sb-legacy-products .product-wrapper,
body.safebild .sb-legacy-products .price-table,
body.safebild .sb-legacy-products .card{
    margin: 0 !important;
    border-radius: 14px !important;
    border: 1px solid #c9dfeb !important;
    background: linear-gradient(180deg, #fbfeff 0%, #f2f9fd 100%) !important;
    box-shadow: 0 6px 16px rgba(43,101,136,.06) !important;
    overflow: hidden !important;
}

/* backup: jeśli WHMCS generuje zwykłe DIV-y */
body.safebild .sb-legacy-products > div{
    margin: 0 !important;
    border-radius: 14px !important;
    border: 1px solid #c9dfeb !important;
    background: linear-gradient(180deg, #fbfeff 0%, #f2f9fd 100%) !important;
    box-shadow: 0 6px 16px rgba(43,101,136,.06) !important;
    overflow: hidden !important;
}

body.safebild .sb-legacy-products h2,
body.safebild .sb-legacy-products h3,
body.safebild .sb-legacy-products .product-title,
body.safebild .sb-legacy-products .package-name{
    color: #173149 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
}

body.safebild .sb-legacy-note{
    display: block !important;
    margin: 6px 0 8px 0 !important;
    color: #527061 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body.safebild .sb-legacy-products .price,
body.safebild .sb-legacy-products .product-price,
body.safebild .sb-legacy-products .price .amount,
body.safebild .sb-legacy-products strong,
body.safebild .sb-legacy-products .amount{
    color: #178245 !important;
    font-weight: 900 !important;
}

body.safebild .sb-legacy-products .btn,
body.safebild .sb-legacy-products a.btn,
body.safebild .sb-legacy-products button{
    background: linear-gradient(180deg, #eefbf2 0%, #ddf4e5 100%) !important;
    border: 1.5px solid #2f9955 !important;
    color: #176f3b !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}

body.safebild .sb-legacy-products .btn:hover,
body.safebild .sb-legacy-products a.btn:hover,
body.safebild .sb-legacy-products button:hover{
    background: #2f9955 !important;
    color: #fff !important;
    border-color: #2f9955 !important;
}

@media (max-width: 900px){
    body.safebild .sb-legacy-products{
        flex-direction: column !important;
        gap: 10px !important;
    }
}


/* =========================================================
   SAFEBILD REMOVE LOWER BOXES 4501
   ========================================================= */

/* Ukryj wszystkie dolne sekcje porównawcze i puste ramki */
body.safebild .sb-compare-final,
body.safebild .sb-legacy-compare-wrap,
body.safebild .sb-old-products-hidden {
    display: none !important;
}

/* Jeśli WHMCS zostawia jeszcze stare boxy produktów pod ofertą */
body.safebild .sb-hide-lower-boxes {
    display: none !important;
}

/* Ceny bardziej pod SafeBild - zielone */
body.safebild .safebild-store-final-active .sb-plan-price,
body.safebild .safebild-store-final-active .sb-plan-price strong,
body.safebild .safebild-store-final-active .sb-plan-price .amount {
    color: #168a45 !important;
    text-shadow: none !important;
}

body.safebild .safebild-store-final-active .sb-plan-price span {
    color: #58705f !important;
}

/* Numerki bardziej widoczne */
body.safebild .safebild-store-final-active .sb-plan-number {
    background: #e8f7ec !important;
    border: 1px solid #58b777 !important;
    color: #158240 !important;
    font-weight: 900 !important;
}

/* Tła delikatniejsze */
body.safebild .safebild-store-final-active .safebild-plan-row {
    background: linear-gradient(180deg, #f8fdff 0%, #eef8fc 100%) !important;
    border: 1px solid #cbe1eb !important;
    box-shadow: 0 8px 20px rgba(41,112,146,.08) !important;
}

body.safebild .safebild-store-final-active .safebild-plan-row.sb-recommended {
    background: linear-gradient(180deg, #f4fcf6 0%, #e9f8ee 100%) !important;
    border: 1px solid #bfe1c8 !important;
}

/* Przycisk bardziej w stylu SafeBild */
body.safebild .safebild-store-final-active .sb-plan-button {
    background: #eef9f1 !important;
    border: 1px solid #3ca35d !important;
    color: #147a39 !important;
    font-weight: 900 !important;
}

/* Badge "Empfohlen" spokojniejszy */
body.safebild .safebild-store-final-active .sb-badge {
    background: #eef9f1 !important;
    color: #2e7d46 !important;
    border: 1px solid #bfe1c8 !important;
}


/* =========================================================
   SAFEBILD STORE TEXT READABILITY FINAL 4601
   ========================================================= */

/* Tytuły pakietów */
body.safebild .safebild-store-final-active .sb-plan-name,
body.safebild .safebild-plan-row .sb-plan-name {
    color: #102033 !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    margin-bottom: 6px !important;
    text-shadow: none !important;
}

/* Opisy pod tytułem - najważniejsza poprawka */
body.safebild .safebild-store-final-active .sb-plan-desc,
body.safebild .safebild-plan-row .sb-plan-desc {
    color: #2f5f48 !important;
    opacity: 1 !important;
    font-size: 15px !important;
    line-height: 1.38 !important;
    font-weight: 850 !important;
    margin: 0 0 10px 0 !important;
    text-shadow: none !important;
}

/* Punkty w kapsułkach - czytelniej, mniej agresywnie */
body.safebild .safebild-store-final-active .sb-plan-points,
body.safebild .safebild-plan-row .sb-plan-points {
    gap: 8px 10px !important;
}

body.safebild .safebild-store-final-active .sb-plan-points li,
body.safebild .safebild-plan-row .sb-plan-points li {
    color: #12324a !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid #cfe6ef !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    padding: 5px 11px !important;
    text-shadow: none !important;
}

/* Checkmark */
body.safebild .safebild-store-final-active .sb-plan-points li::before,
body.safebild .safebild-plan-row .sb-plan-points li::before {
    color: #168a45 !important;
    font-weight: 950 !important;
}

/* Ceny - zielone zamiast złotych */
body.safebild .safebild-store-final-active .sb-plan-price,
body.safebild .safebild-store-final-active .sb-plan-price strong,
body.safebild .safebild-plan-row .sb-plan-price,
body.safebild .safebild-plan-row .sb-plan-price strong {
    color: #168a45 !important;
    font-size: 31px !important;
    font-weight: 950 !important;
    text-shadow: none !important;
}

body.safebild .safebild-store-final-active .sb-plan-price span,
body.safebild .safebild-plan-row .sb-plan-price span {
    color: #527061 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

/* Karty - lekko więcej przestrzeni */
body.safebild .safebild-store-final-active .safebild-plan-row,
body.safebild .safebild-plan-row {
    min-height: 126px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

/* Numerki 1/2/3 czytelniejsze */
body.safebild .safebild-store-final-active .sb-plan-number,
body.safebild .safebild-plan-row .sb-plan-number {
    color: #168a45 !important;
    background: #eef9f1 !important;
    border: 2px solid #48aa68 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

/* Przycisk */
body.safebild .safebild-store-final-active .sb-plan-button,
body.safebild .safebild-plan-row .sb-plan-button {
    color: #0f6b34 !important;
    background: linear-gradient(180deg, #f3fcf6 0%, #e2f6e8 100%) !important;
    border: 2px solid #2f9955 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

body.safebild .safebild-store-final-active .sb-plan-button:hover,
body.safebild .safebild-plan-row .sb-plan-button:hover {
    color: #ffffff !important;
    background: linear-gradient(180deg, #2f9955 0%, #17783d 100%) !important;
}

/* Badge Empfohlen */
body.safebild .safebild-store-final-active .sb-badge,
body.safebild .safebild-plan-row .sb-badge {
    color: #0f6b34 !important;
    background: #eef9f1 !important;
    border: 1px solid #bfe1c8 !important;
    font-weight: 900 !important;
}

/* Mobile / małe ekrany */
@media (max-width: 900px) {
    body.safebild .safebild-store-final-active .sb-plan-name,
    body.safebild .safebild-plan-row .sb-plan-name {
        font-size: 23px !important;
    }

    body.safebild .safebild-store-final-active .sb-plan-desc,
    body.safebild .safebild-plan-row .sb-plan-desc {
        font-size: 14px !important;
    }

    body.safebild .safebild-store-final-active .sb-plan-price strong,
    body.safebild .safebild-plan-row .sb-plan-price strong {
        font-size: 27px !important;
    }
}


/* =========================================================
   SAFEBILD FINAL COLOR TUNE
   ========================================================= */

/* Opisy pakietów - ciemniejsze i czytelniejsze */
body.safebild .sb-plan-desc,
body.safebild .safebild-plan-desc,
body.safebild .plan-desc,
body.safebild .product-desc,
body.safebild .safebild-plan-row p,
body.safebild .safebild-store-final-active .sb-plan-desc {
    color: #35586b !important;
    opacity: 1 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
}

/* Dodatkowo opis pod nazwą pakietu */
body.safebild .safebild-plan-row .subtitle,
body.safebild .safebild-plan-row .description,
body.safebild .safebild-plan-row .desc {
    color: #35586b !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

/* Ceny - zielone zamiast złotych */
body.safebild .sb-plan-price,
body.safebild .sb-plan-price strong,
body.safebild .plan-price,
body.safebild .price,
body.safebild .product-price,
body.safebild .safebild-plan-row .price,
body.safebild .safebild-plan-row .sb-plan-price {
    color: #178a45 !important;
    text-shadow: none !important;
}

/* Dopisek / Monat */
body.safebild .sb-plan-price span,
body.safebild .plan-price small,
body.safebild .price small,
body.safebild .safebild-plan-row .sb-plan-price span {
    color: #5f7b68 !important;
    font-weight: 700 !important;
}

/* Badge Empfohlen - spokojniejszy */
body.safebild .sb-badge,
body.safebild .badge,
body.safebild .recommended,
body.safebild .empfohlen {
    background: #eef8ef !important;
    color: #2f7e49 !important;
    border: 1px solid #b7dbbf !important;
}

/* Delikatnie popraw numerki 1/2/3 */
body.safebild .sb-plan-number,
body.safebild .plan-number,
body.safebild .safebild-plan-row .number {
    background: #eef8ef !important;
    color: #2f9a52 !important;
    border-color: #7ec590 !important;
    font-weight: 900 !important;
}


/* =========================================================
   SAFEBILD FINAL READABILITY TUNE
   - ciemniejsze opisy
   - lepszy badge Empfohlen
   - zielone ceny
   ========================================================= */

/* Tytuły pakietów */
body.safebild .safebild-plan-row h3,
body.safebild .safebild-plan-row .plan-title,
body.safebild .safebild-plan-row .product-title {
  color: #0f2f4a !important;
}

/* Opisy pod tytułem */
body.safebild .safebild-plan-row .plan-desc,
body.safebild .safebild-plan-row .product-desc,
body.safebild .safebild-plan-row p,
body.safebild .safebild-plan-row .subtitle,
body.safebild .safebild-plan-row .description {
  color: #4b6670 !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

/* Badge Empfohlen */
body.safebild .safebild-plan-row .badge,
body.safebild .safebild-plan-row .empfohlen,
body.safebild .safebild-plan-row .recommended,
body.safebild .safebild-plan-row .product-recommended {
  background: #edf8ef !important;
  color: #2f7d46 !important;
  border: 1px solid #9fd0aa !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Ceny */
body.safebild .safebild-plan-row .price,
body.safebild .safebild-plan-row .plan-price,
body.safebild .safebild-plan-row .product-price,
body.safebild .safebild-plan-row .price strong,
body.safebild .safebild-plan-row .plan-price strong,
body.safebild .safebild-plan-row .product-price strong,
body.safebild .safebild-plan-row .price .amt,
body.safebild .safebild-plan-row .price .amount {
  color: #1f8a43 !important;
  text-shadow: none !important;
}

/* Dopisek / Monat */
body.safebild .safebild-plan-row .price small,
body.safebild .safebild-plan-row .plan-price small,
body.safebild .safebild-plan-row .product-price small,
body.safebild .safebild-plan-row .price .cycle {
  color: #6a7f72 !important;
  font-weight: 600 !important;
}

/* Drobna poprawa punktów cech */
body.safebild .safebild-plan-row li,
body.safebild .safebild-plan-row .feature,
body.safebild .safebild-plan-row .plan-feature {
  color: #17384e !important;
  font-weight: 600 !important;
}



/* =========================================================
   SAFEBILD STORE TABLE ORDER/DETAILS BUTTON RESTORE
   Nie rusza layoutu, tylko pokazuje linki/przyciski w tabeli
   ========================================================= */

.safebild-products-table td:nth-child(4) a,
.safebild-products-table td:nth-child(5) a,
.safebild-products-table td:nth-child(4) .btn,
.safebild-products-table td:nth-child(5) .btn,
.safebild-products-table td:nth-child(4) button,
.safebild-products-table td:nth-child(5) button,
table td:nth-child(4) a,
table td:nth-child(5) a,
table td:nth-child(4) .btn,
table td:nth-child(5) .btn,
table td:nth-child(4) button,
table td:nth-child(5) button {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 96px !important;
    min-height: 34px !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    background: #229ad6 !important;
    border: 1px solid #229ad6 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

.safebild-products-table td:nth-child(4),
.safebild-products-table td:nth-child(5),
.safebild-products-table th:nth-child(4),
.safebild-products-table th:nth-child(5),
table td:nth-child(4),
table td:nth-child(5),
table th:nth-child(4),
table th:nth-child(5) {
    text-align: center !important;
    vertical-align: middle !important;
}