/*
  IONTMAX checkout – unified responsive (cart parity)
  v60 – registration page (/registration/, /registrace/, /rejestracja/)
*/

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) {
  --im-checkout-max: var(--im-max, 1800px);
  --im-checkout-pad: clamp(16px, 4vw, 32px);
  --im-checkout-text: #111214;
  --im-checkout-muted: #6b7280;
  --im-checkout-line: #ececec;
  --im-checkout-soft: #f6f6f6;
  --im-checkout-card: #ffffff;
  --im-checkout-accent: #303233;
  --im-checkout-radius: 14px;
  --im-checkout-gap: 28px;
  --im-checkout-sidebar: 380px;
  --im-checkout-mobile-footer: 120px;
  --color-primary: var(--im-checkout-text);
  --color-primary-hover: #1a1b1d;
  --colors-text-link: var(--im-checkout-text);
}

/* ─── Page shell (matches /kosik) ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) {
  background: #f6f6f7 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #content > h1,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #content .content-inner > h1,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-content > h1 {
  display: none !important;
}

/* ─── Base components ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #content-wrapper.content-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .content-wrapper-in,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #content.content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .content-inner {
  width: min(calc(100% - (var(--im-checkout-pad) * 2)), var(--im-checkout-max)) !important;
  max-width: var(--im-checkout-max) !important;
  margin: 0 auto !important;
  padding: 28px 0 52px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-inner {
  padding: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutContent > .cart-content,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar > .cart-content {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .box.box-sm.box-bg-default.co-box {
  background: var(--im-checkout-card) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-content h4,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-content h2,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .recapitulation-wrapper h4 {
  text-transform: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label::before,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label::after {
  display: none !important;
  content: none !important;
}

/* ─── Step indicator ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 0 28px !important;
  padding: 0 var(--im-checkout-pad) !important;
  border: 0 !important;
  counter-reset: none !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step {
  position: relative !important;
  top: auto !important;
  display: flex !important;
  flex: 1 1 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step a,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step strong {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 2px solid var(--im-checkout-line) !important;
  background: transparent !important;
  color: var(--im-checkout-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step span::before {
  display: none !important;
  content: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step.completed a {
  color: var(--im-checkout-accent) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step.active strong,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step.active a {
  color: var(--im-checkout-text) !important;
  border-bottom-color: var(--im-checkout-accent) !important;
}

/* ─── Section cards ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box {
  margin: 0 0 16px !important;
  padding: clamp(14px, 3vw, 24px) !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-top: 1px solid var(--im-checkout-line) !important;
  border-radius: 14px !important;
  background: var(--im-checkout-card) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box h4,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box h2 {
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: var(--im-checkout-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box h4::before,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box h2::before {
  display: none !important;
  content: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box .row > [class*="col-"] {
  flex: 1 1 calc(50% - 8px) !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  float: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box .form-group {
  margin: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box .form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box select.form-control {
  height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-checkout-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box .form-control:focus,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box select.form-control:focus {
  border-color: var(--im-checkout-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box .select-label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box label.select-label {
  margin: 0 0 8px !important;
  color: var(--im-checkout-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}


/* ─── Základní údaje – custom selecty, 2 sloupce ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #select-country-payment,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #select-country-payment .co-basic-information {
  display: block !important;
  width: 100% !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information > .row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row::before,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row::after {
  display: none !important;
  content: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row > [class*="col-"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row > .col-sm-6 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  flex: none !important;
  position: static !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .form-group,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .form-group-wrapped,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .smart-label-wrapper.populated {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  position: static !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .select-label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information label.select-label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .smart-label-wrapper.populated .select-label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .smart-label-wrapper.populated label {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  float: none !important;
  pointer-events: auto !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information select.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .smart-label-wrapper.populated select.form-control {
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 44px 0 14px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23111214' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;
  color: var(--im-checkout-text) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  float: none !important;
  vertical-align: top !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information select.form-control::-ms-expand {
  display: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information select.form-control:hover {
  border-color: #d7d7d7 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information select.form-control:focus {
  border-color: var(--im-checkout-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

/* Searchable country + currency selects */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select {
  position: relative !important;
  order: 2 !important;
  width: 100% !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  pointer-events: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .im-country-select + select.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information select.im-country-select__native {
  display: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-checkout-text) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__trigger:hover {
  border-color: #d7d7d7 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select--open .im-country-select__trigger,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__trigger:focus {
  border-color: var(--im-checkout-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__value {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__chevron {
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23111214' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
  transition: transform 0.18s ease !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select--open .im-country-select__chevron {
  transform: rotate(180deg) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 40 !important;
  display: none !important;
  overflow: hidden !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select--open .im-country-select__panel {
  display: block !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__search {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--im-checkout-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--im-checkout-text) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__search::placeholder {
  color: #9aa3ab !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__search:focus {
  border-bottom-color: var(--im-checkout-accent) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__list {
  max-height: 280px !important;
  overflow-y: auto !important;
  padding: 6px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__option {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--im-checkout-text) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__option:hover,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__option.is-selected {
  background: #f6f6f6 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__option.is-hidden,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__option[hidden] {
  display: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .im-country-select__empty {
  padding: 14px 12px !important;
  color: var(--im-checkout-muted) !important;
  font-size: 13px !important;
  text-align: center !important;
}

/* ─── Shipping & payment options ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > input[type="radio"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  grid-template-areas: "info logo price" !important;
  align-items: center !important;
  gap: 4px 14px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  min-height: 56px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  cursor: pointer !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info {
  grid-area: info !important;
  display: block !important;
  min-width: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info .sublabel {
  display: block !important;
  margin: 6px 0 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-payment-method .shipping-billing-table .radio-wrapper > label {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "info price" !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-payment-method .shipping-billing-table .radio-wrapper > label:has(.payment-logo) {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  grid-template-areas: "info logo price" !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info .sublabel-description {
  display: block !important;
  margin: 6px 0 0 !important;
  color: var(--im-checkout-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > style {
  display: none !important;
}

/* Shoptet Pay – výběr banky pod „Rychlá platba přes banku“ */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:has(.pisPaymentMethod) {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:has(.pisPaymentMethod:not(.pisPaymentMethod--hidden)) > label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:has(.pisPaymentMethod:not(.pisPaymentMethod--hidden)):has(> input[type="radio"]:checked) > label {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .pisPaymentMethod {
  display: none !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 14px 14px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-top: 0 !important;
  border-radius: 0 0 14px 14px !important;
  background: #fff !important;
  font-family: inherit !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .pisPaymentMethod:not(.pisPaymentMethod--hidden),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:has(> input[type="radio"]:checked) .pisPaymentMethod:not(.pisPaymentMethod--hidden) {
  display: flex !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:has(> input[type="radio"]:checked) .pisPaymentMethod:not(.pisPaymentMethod--hidden) {
  border-color: var(--im-checkout-accent) !important;
  background: #fafafa !important;
  box-shadow: 0 0 0 1px rgba(48, 50, 51, 0.06) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankSelection {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankSelection__selected {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankSelection__bankLogo {
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: 22px !important;
  max-width: 72px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankSelection__bankName {
  color: var(--im-checkout-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankSelection__button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-checkout-accent) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankSelection__button:hover {
  border-color: #d7d7d7 !important;
  background: #f6f6f6 !important;
  color: var(--im-checkout-text) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankInformation {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--im-checkout-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankInformation__exclamation {
  flex: 0 0 auto !important;
  width: 14px !important;
  height: 14px !important;
  margin: 1px 0 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankInformation__description,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankInformation a {
  color: var(--im-checkout-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .bankInformation a {
  color: var(--im-checkout-accent) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-logo {
  grid-area: logo !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 56px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-logo img {
  display: block !important;
  max-width: 72px !important;
  max-height: 28px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-shipping-price {
  grid-area: price !important;
  margin: 0 !important;
  color: var(--im-checkout-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .shipping-billing-name {
  display: block !important;
  color: var(--im-checkout-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .sublabel a,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .specify-shipping-method {
  color: var(--im-checkout-accent) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:has(> input[type="radio"]:checked) > label {
  border-color: var(--im-checkout-accent) !important;
  background: #fafafa !important;
  box-shadow: 0 0 0 1px rgba(48, 50, 51, 0.06) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper.active:not(:has(> input[type="radio"]:checked)) > label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:not(:has(> input[type="radio"]:checked)) > label.active {
  border-color: var(--im-checkout-line) !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:not(:has(> input[type="radio"]:checked)) > label:hover {
  border-color: #d7d7d7 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label:focus,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label:focus-visible,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > input[type="radio"]:focus,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > input[type="radio"]:focus-visible {
  outline: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:has(> input[type="radio"]:checked) > label:focus,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper:has(> input[type="radio"]:checked) > label:focus-visible {
  border-color: var(--im-checkout-accent) !important;
  box-shadow: 0 0 0 1px rgba(48, 50, 51, 0.06) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper .not-possible-info {
  display: none !important;
}

/* ─── Krok 1 – shipping/payment cards (CZ + EN, včetně in-kosik) ─── */

body.ordering-process.in-krok-1 .shipping-billing-table {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > input[type="radio"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  grid-template-areas: "info logo price" !important;
  align-items: center !important;
  gap: 4px 14px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  min-height: 56px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  cursor: pointer !important;
}

body.ordering-process.in-krok-1 .co-payment-method .shipping-billing-table .radio-wrapper > label {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "info price" !important;
}

body.ordering-process.in-krok-1 .co-payment-method .shipping-billing-table .radio-wrapper > label:has(.payment-logo) {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  grid-template-areas: "info logo price" !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-info {
  grid-area: info !important;
  display: block !important;
  min-width: 0 !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-logo {
  grid-area: logo !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 56px !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-shipping-price {
  grid-area: price !important;
  margin: 0 !important;
  color: var(--im-checkout-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .shipping-billing-name {
  display: block !important;
  color: var(--im-checkout-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper:has(> input[type="radio"]:checked) > label {
  border-color: var(--im-checkout-accent) !important;
  background: #fafafa !important;
  box-shadow: 0 0 0 1px rgba(48, 50, 51, 0.06) !important;
}

body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label::before,
body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label::after {
  display: none !important;
  content: none !important;
}

/* ─── Sidebar help ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutContent > .cart-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .checkout-box {
  margin: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--im-checkout-soft) !important;
  color: var(--im-checkout-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts::before,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts::after {
  display: none !important;
  content: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts:hover,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts:focus {
  background: #efefef !important;
  color: var(--im-checkout-text) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts span,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts a,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts br {
  display: block !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts span,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .toggle-contacts a {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--im-checkout-accent) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .checkout-box .box {
  margin-top: 10px !important;
  padding: 16px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

/* ─── Sidebar stack (desktop + mobile) ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar > .cart-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .checkout-box,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-inner,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #summary-box {
  margin: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--im-checkout-soft) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-items,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .price-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* ─── Order summary ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary {
  margin: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-inner .h4,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #summary-box .h4,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-inner h2 {
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: var(--im-checkout-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 8px 12px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item:has(.shkRecapImgExtension) {
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  gap: 6px 12px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item:has(.shkRecapImgExtension) .cart-item-name {
  display: contents !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item:has(.shkRecapImgExtension) .shkRecapImgExtension {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  float: none !important;
  object-fit: contain !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item:has(.shkRecapImgExtension) .cart-item-name .main-link {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item:has(.shkRecapImgExtension) .cart-item-amount {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: end !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item:has(.shkRecapImgExtension) .cart-item-price {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item > div {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  vertical-align: top !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item-name {
  grid-column: 1 / -1 !important;
  text-transform: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item-name a,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item-name .main-link {
  color: var(--im-checkout-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item-name .main-link-variant {
  display: block !important;
  margin-top: 4px !important;
  color: var(--im-checkout-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item-amount {
  color: var(--im-checkout-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item-price,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-inner [data-testid="recapItemPrice"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation [data-testid="recapItemPrice"] {
  color: var(--im-checkout-text) !important;
  font-weight: 700 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-item-price {
  font-size: 15px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item.helper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-single,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-items .recapitulation-single {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  background: transparent !important;
  color: var(--im-checkout-muted) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item.helper > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-shipping-billing-label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-items .recapitulation-single > span:first-child {
  flex: 0 0 auto !important;
  min-width: 108px !important;
  padding: 0 !important;
  color: var(--im-checkout-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item.helper > div:last-child,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item.helper [data-testid="recapItemTotalPrice"] {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  color: var(--im-checkout-text) !important;
  font-weight: 700 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-shipping-billing-info,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-items .recapitulation-single > strong[data-testid="recapDeliveryMethod"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-items .recapitulation-single > strong[data-testid="recapPaymentMethod"] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px 12px !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  color: var(--im-checkout-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  text-transform: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-shipping-billing-info span,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-shipping-billing-info [data-testid="recapItemPrice"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .cart-items .recapitulation-single > strong [data-testid="recapItemPrice"] {
  order: 2 !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  color: var(--im-checkout-text) !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-shipping-billing-info--withVat {
  order: 3 !important;
  width: 100% !important;
  margin: 0 !important;
  color: var(--im-checkout-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-align: right !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item.helper + .cart-items {
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item.price {
  margin: 12px 0 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .price-wrapper {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 4px 16px !important;
  align-items: baseline !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .price-label.price-primary {
  grid-column: 1 !important;
  grid-row: 1 !important;
  color: var(--im-checkout-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  text-align: left !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .price.price-primary {
  grid-column: 2 !important;
  grid-row: 1 !important;
  color: var(--im-checkout-text) !important;
  font-size: 28px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .price-label.price-secondary {
  grid-column: 1 !important;
  grid-row: 2 !important;
  color: var(--im-checkout-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-align: left !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .price.price-secondary {
  grid-column: 2 !important;
  grid-row: 2 !important;
  color: var(--im-checkout-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

/* ─── Actions ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step {
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 10px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-back,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar a.next-step-back.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar a.next-step-back.btn-lg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--im-checkout-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-back:hover,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar a.next-step-back.btn:hover {
  color: var(--im-checkout-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-forward,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #orderFormButton,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #submit-order,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar button.next-step-finish.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar button.next-step-finish.btn-lg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--im-checkout-accent) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-forward::after,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #orderFormButton::after,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish::after {
  display: none !important;
  content: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-forward:hover,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #orderFormButton:hover,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #submit-order:hover,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish:hover {
  background: #1a1b1d !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #submit-order,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar button.next-step-finish.btn-lg {
  flex-direction: column !important;
  gap: 2px !important;
  line-height: 1 !important;
  padding: 10px 20px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #orderFormButton,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-forward {
  flex-direction: row !important;
  gap: 0 !important;
  line-height: 1.2 !important;
  padding: 0 24px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-weight: 700 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-button-text {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-button-suffix {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  color: rgba(255, 255, 255, 0.88) !important;
  opacity: 1 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents-first,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents:not(:has(> input[type="checkbox"])) {
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents label.whole-width a {
  color: var(--im-checkout-text) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents label.whole-width a:hover {
  color: #1a1b1d !important;
}


/* ─── Desktop layout only ─── */

@media (min-width: 992px) {
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--im-checkout-gap) !important;
    margin: 0 !important;
    padding: 0 var(--im-checkout-pad) !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-row > .col-md-8,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutContent {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-row > .col-md-4,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar {
    flex: 0 0 var(--im-checkout-sidebar) !important;
    width: var(--im-checkout-sidebar) !important;
    max-width: var(--im-checkout-sidebar) !important;
    padding: 0 !important;
    float: none !important;
    position: sticky !important;
    top: 24px !important;
    align-self: flex-start !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) form.order-delivery-payment-form,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.order-delivery-payment-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
    margin: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) form.order-delivery-payment-form > .co-box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.order-delivery-payment-form > .co-box {
    margin: 0 !important;
    height: auto !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information > .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    flex-direction: row !important;
    gap: 16px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row > [class*="col-"]:first-child,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row > .col-sm-6:first-child {
    grid-column: 1 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row > [class*="col-"]:last-child,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row > .col-sm-6:last-child {
    grid-column: 2 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box .row > [class*="col-"] {
    flex: 1 1 calc(50% - 8px) !important;
    width: auto !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutContent .next-step {
    display: none !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-back,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar a.next-step-back.btn-lg {
    width: 100% !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #submit-order,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar button.next-step-finish.btn-lg {
    min-height: 56px !important;
    padding: 12px 24px 10px !important;
    gap: 3px !important;
    border-radius: 12px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish .order-button-text,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #submit-order .order-button-text {
    font-size: 14px !important;
    letter-spacing: 0.06em !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish .order-button-suffix,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #submit-order .order-button-suffix {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
  }

}


/* ─── Narrow desktop – krok 1 card readability ─── */

@media (min-width: 992px) and (max-width: 1439px) {
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label:has(.payment-logo),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-payment-method .shipping-billing-table .radio-wrapper > label,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-payment-method .shipping-billing-table .radio-wrapper > label:has(.payment-logo) {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "info info"
      "logo price" !important;
    align-items: start !important;
    gap: 10px 12px !important;
    padding: 14px 16px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label:not(:has(.payment-logo)),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-payment-method .shipping-billing-table .radio-wrapper > label:not(:has(.payment-logo)) {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "info info"
      "price price" !important;
    align-items: start !important;
    gap: 8px 12px !important;
    padding: 14px 16px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info {
    grid-area: info !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .shipping-billing-name,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .shipping-billing-name a,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info b {
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info .sublabel,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info .sublabel-description {
    margin-top: 4px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-logo {
    grid-area: logo !important;
    justify-self: start !important;
    align-self: center !important;
    max-width: 72px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-shipping-price {
    grid-area: price !important;
    justify-self: end !important;
    align-self: center !important;
    margin-left: auto !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 992px) and (max-width: 1240px) {
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) form.order-delivery-payment-form,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.order-delivery-payment-form {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-row > .col-md-4,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar {
    flex-basis: 320px !important;
    width: 320px !important;
    max-width: 320px !important;
  }
}


/* ─── Mobile layout only ─── */

@media (max-width: 991px) {
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .content-inner {
    width: auto !important;
    max-width: none !important;
    padding: 12px 0 28px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 16px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step {
    display: flex !important;
    padding: 0 !important;
    border-bottom: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step a,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step strong {
    min-height: 44px !important;
    padding: 10px 8px !important;
    font-size: 12px !important;
  }

  /* Krok 3 (Informace o vás) - menší vertikální spacing */
  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .content-inner {
    padding: 8px 0 calc(var(--im-checkout-mobile-footer) + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header {
    margin-bottom: 8px !important;
  }

  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step a,
  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) ol.cart-header > li.step strong {
    min-height: 40px !important;
    padding: 8px 6px !important;
    font-size: 11px !important;
  }

  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-row {
    gap: 12px !important;
    padding: 0 12px !important;
  }

  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box,
  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order > .co-box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order fieldset.box.box-sm,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .rehub-bonus-checkout-container {
    margin: 0 0 10px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order {
    gap: 10px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box > fieldset.box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box fieldset.box {
    gap: 12px !important;
    padding: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 16px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-row > .col-md-8,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .cart-row > .col-md-4,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutContent,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    float: none !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #select-country-payment {
    margin-bottom: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) form.order-delivery-payment-form,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.order-delivery-payment-form {
    display: block !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) form.order-delivery-payment-form > .co-box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.order-delivery-payment-form > .co-box {
    margin: 0 0 16px !important;
    height: auto !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information > .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row > [class*="col-"],
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-basic-information .row > .col-sm-6 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-box .row > [class*="col-"] {
    flex: 1 1 100% !important;
    width: 100% !important;
  }


  /* Shipping/payment cards – title full width, logo + price on second row */
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label:has(.payment-logo),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-payment-method .shipping-billing-table .radio-wrapper > label,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-payment-method .shipping-billing-table .radio-wrapper > label:has(.payment-logo) {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "info info"
      "logo price" !important;
    align-items: start !important;
    gap: 8px 12px !important;
    padding: 14px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label:not(:has(.payment-logo)),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .co-payment-method .shipping-billing-table .radio-wrapper > label:not(:has(.payment-logo)) {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "info price" !important;
    align-items: center !important;
    gap: 8px 12px !important;
    padding: 14px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info {
    grid-area: info !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .shipping-billing-name,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .shipping-billing-name a,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info b {
    display: block !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info .sublabel,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-info .sublabel-description {
    display: block !important;
    margin-top: 4px !important;
    line-height: 1.4 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-logo {
    grid-area: logo !important;
    justify-self: start !important;
    align-self: center !important;
    min-width: 0 !important;
    max-width: 72px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-logo img {
    display: block !important;
    max-width: 72px !important;
    max-height: 24px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .shipping-billing-table .radio-wrapper > label .payment-shipping-price {
    grid-area: price !important;
    justify-self: end !important;
    align-self: center !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  /* Sidebar recap – mobile tweaks only */
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar {
    margin-top: 4px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-single {
    flex-wrap: nowrap !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-shipping-billing-label {
    display: none !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-recapitulation .recapitulation-shipping-billing-info {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item.helper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-summary-item.price {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step {
    width: 100% !important;
  }

  /* ─── Krok 1 mobile – kratší scroll, přehlednější ─── */

  body.ordering-process.in-krok-1 .content-inner {
    padding: 8px 0 calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.ordering-process.in-krok-1 ol.cart-header {
    margin-bottom: 8px !important;
  }

  body.ordering-process.in-krok-1 ol.cart-header > li.step a,
  body.ordering-process.in-krok-1 ol.cart-header > li.step strong {
    min-height: 40px !important;
    padding: 8px 6px !important;
    font-size: 11px !important;
  }

  body.ordering-process.in-krok-1 .cart-row {
    gap: 10px !important;
    padding: 0 12px !important;
  }

  body.ordering-process.in-krok-1 form.order-delivery-payment-form > .co-box,
  body.ordering-process.in-krok-1 #order-form.order-delivery-payment-form > .co-box {
    margin-bottom: 10px !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body.ordering-process.in-krok-1 .co-box h4,
  body.ordering-process.in-krok-1 .co-box h2 {
    margin-bottom: 10px !important;
    font-size: 16px !important;
  }

  body.ordering-process.in-krok-1 .co-basic-information .row,
  body.ordering-process.in-krok-1 .co-basic-information > .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    flex-direction: row !important;
    gap: 8px !important;
  }

  body.ordering-process.in-krok-1 .co-basic-information .smart-label-wrapper label,
  body.ordering-process.in-krok-1 .co-basic-information label.select-label {
    margin-bottom: 6px !important;
    font-size: 12px !important;
  }

  body.ordering-process.in-krok-1 .co-basic-information select.form-control,
  body.ordering-process.in-krok-1 .co-basic-information .smart-label-wrapper.populated select.form-control,
  body.ordering-process.in-krok-1 .im-country-select__trigger {
    min-height: 42px !important;
    height: 42px !important;
    font-size: 14px !important;
  }

  body.ordering-process.in-krok-1 .co-basic-information select.form-control {
    line-height: 42px !important;
  }

  body.ordering-process.in-krok-1 .shipping-billing-table {
    gap: 6px !important;
  }

  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label,
  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label:has(.payment-logo),
  body.ordering-process.in-krok-1 .co-payment-method .shipping-billing-table .radio-wrapper > label,
  body.ordering-process.in-krok-1 .co-payment-method .shipping-billing-table .radio-wrapper > label:has(.payment-logo),
  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label:not(:has(.payment-logo)),
  body.ordering-process.in-krok-1 .co-payment-method .shipping-billing-table .radio-wrapper > label:not(:has(.payment-logo)) {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-areas: "info logo price" !important;
    align-items: center !important;
    gap: 8px 12px !important;
    padding: 14px 16px !important;
    min-height: 52px !important;
    border-radius: 12px !important;
  }

  body.ordering-process.in-krok-1 .co-payment-method .shipping-billing-table .radio-wrapper > label:not(:has(.payment-logo)) {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "info price" !important;
  }

  body.ordering-process.in-krok-1 .co-delivery-method .shipping-billing-table .radio-wrapper > label:not(:has(.payment-logo)) {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "info price" !important;
  }

  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .shipping-billing-name,
  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .shipping-billing-name a,
  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-info b {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-shipping-price {
    font-size: 13px !important;
  }

  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-logo {
    min-width: 0 !important;
    max-width: 52px !important;
  }

  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-logo img {
    max-width: 52px !important;
    max-height: 20px !important;
  }

  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-info .sublabel-description {
    display: none !important;
  }

  body.ordering-process.in-krok-1 .shipping-billing-table .radio-wrapper > label .payment-info .sublabel {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  body.ordering-process.in-krok-1 #checkoutSidebar .checkout-box {
    display: none !important;
  }

  body.ordering-process.in-krok-1 #checkoutSidebar .order-summary {
    display: none !important;
  }

  body.ordering-process.in-krok-1 #checkoutSidebar > .cart-content {
    gap: 0 !important;
  }

  body.ordering-process.in-krok-1 #checkoutSidebar .next-step {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 120 !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid var(--im-checkout-line) !important;
    background: rgba(246, 246, 247, 0.96) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.06) !important;
  }

  body.ordering-process.in-krok-1 #checkoutSidebar .next-step-back,
  body.ordering-process.in-krok-1 #checkoutSidebar a.next-step-back.btn-lg {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  body.ordering-process.in-krok-1 #checkoutSidebar .next-step-forward,
  body.ordering-process.in-krok-1 #checkoutSidebar #orderFormButton {
    flex: 1 1 auto !important;
    min-height: 48px !important;
    width: auto !important;
  }

  /* Krok 2 mobile – stejná spodní lišta jako krok 1 */
  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) .content-inner {
    padding: 8px 0 calc(var(--im-checkout-mobile-footer) + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents-first {
    margin: 8px 12px 0 !important;
    padding: 0 !important;
  }

  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 120 !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid var(--im-checkout-line) !important;
    background: rgba(246, 246, 247, 0.96) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.06) !important;
  }

  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-back,
  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar a.next-step-back.btn-lg {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--im-checkout-muted) !important;
    white-space: nowrap !important;
  }

  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish,
  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #submit-order,
  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar button.next-step-finish.btn-lg {
    flex: 1 1 auto !important;
    flex-direction: row !important;
    gap: 0 !important;
    min-height: 48px !important;
    width: auto !important;
    padding: 0 16px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  body.ordering-process.in-krok-2:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-button-suffix {
    display: none !important;
  }

  /* Krok 3 (Informace o vás) – stejná sticky lišta jako krok 2 */
  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents-first {
    margin: 8px 12px 0 !important;
    padding: 0 !important;
  }

  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 120 !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid var(--im-checkout-line) !important;
    background: rgba(246, 246, 247, 0.96) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.06) !important;
  }

  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-back,
  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar a.next-step-back.btn-lg {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--im-checkout-muted) !important;
    white-space: nowrap !important;
  }

  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .next-step-finish,
  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar #submit-order,
  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar button.next-step-finish.btn-lg {
    flex: 1 1 auto !important;
    flex-direction: row !important;
    gap: 0 !important;
    min-height: 48px !important;
    width: auto !important;
    padding: 0 16px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  body.ordering-process.in-krok-3:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .order-button-suffix {
    display: none !important;
  }

  /* sending-order – padding pod obsahem bez ohledu na in-krok třídu */
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order {
    padding-bottom: calc(var(--im-checkout-mobile-footer) + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* ─── Krok 2 – customer form (#order-form.sending-order) ─── */

/* ─── Karty + fieldset rhythm ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order > .co-box {
  margin: 0 0 16px !important;
  padding: clamp(14px, 3vw, 24px) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box h4,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box h2 {
  margin: 0 0 16px !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box > fieldset.box,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box fieldset.box {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Každé pole = sloupec label + input (včetně .form-group.smart-label-wrapper) */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group--inline,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group-wrapped,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.populated,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.focused {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  border: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-control-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .phone-combined-input {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .validator-msg,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .js-validator-msg {
  margin: 0 !important;
}

/* ─── Osobní údaje – login ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information label[for="login"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .form-group:not(.smart-label-wrapper) > label {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box .form-group:has(a.btn) a.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box .form-group:has(.btn-secondary) .btn-secondary {
  margin: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > a.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .btn-secondary {
  margin: 0 0 16px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .btn-secondary,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .form-group a.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .form-group .btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  align-self: flex-start !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--im-checkout-accent) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information a.btn:hover,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .btn-secondary:hover {
  border: 0 !important;
  background: #1a1b1d !important;
  color: #fff !important;
}

/* Login blok – JS třída .im-co-login-wrap (checkout.js) + :has fallback */
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information > .im-co-login-wrap,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .im-co-login-wrap,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box .im-co-login-wrap,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information > .form-group:has(a.btn),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information > .form-group:has(.btn-secondary),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information > .form-group:has(button.btn) {
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 0 16px !important;
  padding: 0 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--im-checkout-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .im-co-login-wrap a.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .im-co-login-wrap button.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .im-co-login-wrap .btn-secondary,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > a.im-co-login-wrap,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information > a.im-co-login-wrap {
  margin: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > a.im-co-login-wrap,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information > a.im-co-login-wrap {
  margin: 0 0 16px !important;
}

/* Mezera mezi poli – jen Osobní údaje (pole jsou v .inline-form-fields) */
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .inline-form-fields,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .inline-form-fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .inline-form-fields > .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .inline-form-fields > .form-group.smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .inline-form-fields > .form-group {
  margin: 0 !important;
  padding-top: 0 !important;
}

/* Fallback: pole přímo ve fieldsetu (bez inline-form-fields) */
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .smart-label-wrapper ~ .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .form-group.smart-label-wrapper ~ .form-group.smart-label-wrapper {
  padding-top: 20px !important;
}

/* Fakturační/doručovací adresa – bez extra padding-top (stačí grid row-gap) */
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address fieldset.box > .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address fieldset.box > .form-group,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address fieldset.box > .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address fieldset.box > .form-group {
  padding-top: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information a.btn + .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information a.btn + .form-group,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information button.btn + .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information button.btn + .form-group,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .im-co-login-wrap + .smart-label-wrapper,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .im-co-login-wrap + .form-group {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Login blok – oddělení od prvního pole (tlačítko je často uvnitř .form-group) */
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .form-group:has(a.btn),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .form-group:has(.btn-secondary),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > a.btn:first-child,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .btn-secondary:first-child {
  box-sizing: border-box !important;
  margin: 0 0 16px !important;
  padding: 0 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--im-checkout-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box .form-group:has(a.btn) a.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box .form-group:has(.btn-secondary) .btn-secondary {
  margin: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > a.btn,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .btn-secondary {
  margin: 0 0 16px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .smart-label-wrapper:first-of-type,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .form-group.smart-label-wrapper:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ─── Labely nad poli ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.populated label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.focused label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group--inline > label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group > label:not(.whole-width) {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  float: none !important;
  pointer-events: auto !important;
  background: transparent !important;
  color: var(--im-checkout-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper input.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper textarea.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper select.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.populated input.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.populated textarea.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.populated select.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.focused input.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.focused textarea.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.focused select.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order select.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order textarea.form-control {
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  padding-top: 0 !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-checkout-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  box-shadow: none !important;
  float: none !important;
  vertical-align: top !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper textarea.form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper.populated textarea.form-control {
  min-height: 112px !important;
  height: auto !important;
  padding: 12px 14px !important;
  line-height: 1.45 !important;
  resize: vertical !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper input.form-control:focus,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper textarea.form-control:focus,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper select.form-control:focus {
  border-color: var(--im-checkout-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

/* ─── Telefon – plná šířka ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper .phone-combined-input {
  order: 2 !important;
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  clear: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper .country-flags {
  flex: 0 0 96px !important;
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper .country-flags select {
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .phone-combined-input input,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .phone-combined-input .form-control,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper .phone-combined-input input,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper .phone-combined-input .form-control {
  flex: 1 1 0 !important;
  flex-grow: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  line-height: 48px !important;
}

/* ─── Checkboxy ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group:has(> input[type="checkbox"]) {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 6px 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group:has(> input[type="radio"]) {
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input[type="checkbox"] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 5px !important;
  background: #fff !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  accent-color: var(--im-checkout-accent) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input[type="checkbox"]:checked {
  border-color: var(--im-checkout-accent) !important;
  background-color: var(--im-checkout-accent) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6L5 8.5L9.5 3.5' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(48, 50, 51, 0.22) !important;
  outline-offset: 2px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input[type="radio"] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: var(--im-checkout-accent) !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input[type="checkbox"] + label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input[type="radio"] + label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order label.whole-width {
  position: static !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
  color: var(--im-checkout-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  cursor: pointer !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group:has(> input[type="checkbox"]) > label::before,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group:has(> input[type="checkbox"]) > label::after,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input[type="checkbox"] + label.whole-width::before,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order input[type="checkbox"] + label.whole-width::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address .form-group:has(#another-shipping),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address .form-group:has(#another-shipping) {
  margin-top: 4px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* ─── Poznámka, selecty, bonus ─── */

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box #company-info:not(.js-hidden),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box #reg-info:not(.js-hidden),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box #shipping-address:not(.js-hidden) {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box-additional,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box-additional #note fieldset.box,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box fieldset.stay-in-touch {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box-additional #remark,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order #note textarea.form-control {
  width: 100% !important;
  min-height: 112px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--im-checkout-line) !important;
  border-radius: 12px !important;
  line-height: 1.45 !important;
  resize: vertical !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order select.form-control {
  padding-right: 44px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23111214' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order select.form-control:disabled {
  background-color: #f9fafb !important;
  color: var(--im-checkout-muted) !important;
  opacity: 1 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) {
  padding: 14px 16px !important;
  background: var(--im-checkout-soft) !important;
  background-color: var(--im-checkout-soft) !important;
  border-color: var(--im-checkout-line) !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) h4,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) h2 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) h4::before,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) h2::before,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) h4 > i,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) h2 > i {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  content: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--im-checkout-muted) !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container p,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container span,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container strong,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container b,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container label,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container [class*="alert"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container [class*="card"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"]:not(.mehub-bonus-checkout-container),
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="mehub-bonus"]:not(.mehub-bonus-checkout-container) {
  color: var(--im-checkout-muted) !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--im-checkout-line) !important;
  box-shadow: none !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container > [class*="alert"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container > [class*="card"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container > div,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container .alert,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container .card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--im-checkout-muted) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* MeHub/Ellity bootstrap grid inside bonus – reset negative row margins */
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container .row,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container [class*="col-"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"] .row,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="mehub-bonus"]:not(.mehub-bonus-checkout-container) .row,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"] [class*="col-"],
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="mehub-bonus"]:not(.mehub-bonus-checkout-container) [class*="col-"] {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  text-align: left !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container strong,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container b,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"] strong,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="mehub-bonus"] strong {
  color: var(--im-checkout-text) !important;
}

/* ─── Sidebar (krok 2) – order button spans covered in main actions ─── */

@media (min-width: 992px) {
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order > .co-box {
    padding: clamp(14px, 3vw, 24px) !important;
    padding-left: clamp(14px, 3vw, 24px) !important;
    padding-right: clamp(14px, 3vw, 24px) !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box h4,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box h2 {
    margin: 0 0 20px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box h4::before,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box h2::before {
    display: none !important;
    content: none !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group--inline,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .smart-label-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group--inline {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .form-group--inline > label,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .inline-form-fields .form-group--inline label {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address fieldset.box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address fieldset.box {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 20px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address fieldset.box > .form-group,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address fieldset.box > .form-group,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address fieldset.box > #company-info,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address fieldset.box > #shipping-address {
    grid-column: 1 / -1 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address .form-group:has(#billCity),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address .form-group:has(#billZip),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address .form-group:has(#deliveryCity),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address .form-group:has(#deliveryZip) {
    grid-column: auto !important;
  }
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents.form-group:has(> input[type="checkbox"]) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents-first,
body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents:not(:has(> input[type="checkbox"])) {
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents label.whole-width {
  display: block !important;
  color: var(--im-checkout-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents label.whole-width a {
  color: var(--im-checkout-text) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #checkoutSidebar .consents label.whole-width a:hover {
  color: #1a1b1d !important;
}

@media (max-width: 991px) {
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order {
    gap: 12px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order > .co-box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box {
    padding: 16px !important;
    margin: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box h4,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box h2 {
    margin: 0 0 14px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box fieldset.box {
    gap: 14px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box fieldset.box > *:last-child,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box > *:last-child {
    margin-bottom: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) {
    padding: 14px 16px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) h4,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) h2 {
    margin-bottom: 10px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container {
    padding: 0 !important;
  }

  /* Krok 3 mobile – login + bonus */
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box {
    gap: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .inline-form-fields,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information .inline-form-fields {
    gap: 20px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address fieldset.box,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address fieldset.box {
    gap: 0 !important;
    row-gap: 16px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .form-group:has(a.btn),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .form-group:has(.btn-secondary),
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > a.btn:first-child {
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--im-checkout-line) !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box .form-group:has(a.btn) a.btn,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box .form-group:has(.btn-secondary) .btn-secondary {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > a.btn,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-contact-information fieldset.box > .btn-secondary {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    min-height: 44px !important;
    height: 44px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address fieldset.box > .smart-label-wrapper,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-billing-address fieldset.box > .form-group,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address fieldset.box > .smart-label-wrapper,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-shipping-address fieldset.box > .form-group {
    padding-top: 0 !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .co-box:has(.mehub-bonus-checkout-container) {
    padding: 12px !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container p,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container span,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container div,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"]:not(.mehub-bonus-checkout-container) p,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"]:not(.mehub-bonus-checkout-container) span,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"]:not(.mehub-bonus-checkout-container) div {
    max-width: 100% !important;
    text-align: left !important;
  }

  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container .row,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order .mehub-bonus-checkout-container [class*="col-"],
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"] .row,
  body.ordering-process:not(.in-kosik):not(.in-cart):not(.im-vl-cart) #order-form.sending-order [class*="ellity-"] [class*="col-"] {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   Login page (/login/) – checkout parity
   ═══════════════════════════════════════════════════════════ */

body.in-login {
  --im-login-max: 480px;
  --im-login-pad: clamp(16px, 4vw, 32px);
  --im-login-gap: clamp(28px, 5vw, 48px);
  --im-login-text: #111214;
  --im-login-muted: #6b7280;
  --im-login-line: #ececec;
  --im-login-card: #ffffff;
  --im-login-accent: #303233;
  --im-login-radius: 14px;
}

body.in-login {
  background: #fff !important;
}

body.in-login .overall-wrapper {
  background: #fff !important;
}

body.in-login .breadcrumbs-wrapper {
  box-sizing: border-box !important;
  width: min(calc(100% - (var(--im-login-pad) * 2)), var(--im-login-max)) !important;
  max-width: var(--im-login-max) !important;
  margin: 0 auto !important;
  padding: 12px 0 0 !important;
  border: 0 !important;
  background: #fff !important;
}

body.in-login .breadcrumbs-wrapper .container,
body.in-login .breadcrumbs-wrapper ol.breadcrumb,
body.in-login .breadcrumbs-wrapper .breadcrumb,
body.in-login .breadcrumbs-wrapper .breadcrumbs,
body.in-login .breadcrumbs-wrapper .navigation-home-icon-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--im-login-muted) !important;
  font-size: 13px !important;
}

body.in-login .breadcrumbs-wrapper .breadcrumbs,
body.in-login .breadcrumbs-wrapper .navigation-home-icon-wrapper {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  min-height: 40px !important;
}

body.in-login .breadcrumbs-wrapper [itemprop="itemListElement"],
body.in-login .breadcrumbs-wrapper .breadcrumbs > span {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

body.in-login .breadcrumbs-wrapper .navigation-home-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
}

body.in-login .breadcrumbs-wrapper .navigation-bullet {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 8px !important;
  color: var(--im-login-muted) !important;
}

body.in-login .breadcrumbs-wrapper [itemprop="name"],
body.in-login .breadcrumbs-wrapper [data-title] {
  color: var(--im-login-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.in-login .breadcrumbs-wrapper a {
  color: var(--im-login-muted) !important;
  text-decoration: none !important;
}

body.in-login .breadcrumbs-wrapper a:hover {
  color: var(--im-login-text) !important;
}

body.in-login #content-wrapper.content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--im-login-gap) 0 clamp(48px, 9vw, 80px) !important;
  border: 0 !important;
  background: #fff !important;
}

body.in-login .content-wrapper-in,
body.in-login #content.content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.in-login .content-inner {
  width: min(calc(100% - (var(--im-login-pad) * 2)), var(--im-login-max)) !important;
  max-width: var(--im-login-max) !important;
  margin: 0 auto !important;
  padding: 28px 24px 36px !important;
  border: 1px solid var(--im-login-line) !important;
  border-radius: var(--im-login-radius) !important;
  background: var(--im-login-card) !important;
  box-shadow: 0 1px 2px rgba(17, 18, 20, 0.04) !important;
}

body.in-login .content-inner > h1 {
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: var(--im-login-text) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  text-transform: none !important;
}

body.in-login #formLogin {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.in-login #formLogin .form-group {
  margin: 0 !important;
  padding: 0 !important;
}

body.in-login #formLogin .input-wrapper {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.in-login #formLogin .form-control {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-login-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-login-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  appearance: none !important;
}

body.in-login #formLogin .form-control::placeholder {
  color: #9ca3af !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

body.in-login #formLogin .form-control:focus {
  border-color: var(--im-login-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

body.in-login #formLogin .login-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

body.in-login #formLogin .btn.btn-login,
body.in-login #formLogin button.btn-login {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--im-login-accent) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.in-login #formLogin .btn.btn-login:hover,
body.in-login #formLogin button.btn-login:hover {
  border: 0 !important;
  background: #1a1b1d !important;
  color: #fff !important;
}

body.in-login #formLogin .password-helper {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.in-login #formLogin .password-helper a {
  color: var(--im-login-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.in-login #formLogin .password-helper a:hover {
  color: var(--im-login-text) !important;
}

body.in-login #formLogin .validator-msg,
body.in-login #formLogin .js-validator-msg {
  margin: 6px 0 0 !important;
  color: #b42318 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

@media (min-width: 640px) {
  body.in-login #formLogin .password-helper {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px 20px !important;
  }
}

@media (max-width: 639px) {
  body.in-login {
    --im-login-gap: 20px;
  }

  body.in-login #content-wrapper.content-wrapper {
    padding-bottom: 40px !important;
  }

  body.in-login .content-inner {
    padding: 22px 18px 28px !important;
  }

  body.in-login .content-inner > h1 {
    margin-bottom: 20px !important;
    font-size: 20px !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   Registration (/registration/, /registrace/, /rejestracja/)
   Login + checkout form parity
   ═══════════════════════════════════════════════════════════ */

body.in-registration,
body.in-registrace,
body.in-rejestracja {
  --im-reg-max: 560px;
  --im-reg-pad: clamp(16px, 4vw, 32px);
  --im-reg-gap: clamp(28px, 5vw, 48px);
  --im-reg-text: #111214;
  --im-reg-muted: #6b7280;
  --im-reg-line: #ececec;
  --im-reg-soft: #f6f6f6;
  --im-reg-card: #ffffff;
  --im-reg-accent: #303233;
  --im-reg-radius: 14px;
  --color-primary: var(--im-reg-text);
  --color-primary-hover: #1a1b1d;
  --colors-text-link: var(--im-reg-text);
  background: #fff !important;
}

body.in-registration .overall-wrapper,
body.in-registrace .overall-wrapper,
body.in-rejestracja .overall-wrapper {
  background: #fff !important;
}

body.in-registration .breadcrumbs-wrapper,
body.in-registrace .breadcrumbs-wrapper,
body.in-rejestracja .breadcrumbs-wrapper {
  box-sizing: border-box !important;
  width: min(calc(100% - (var(--im-reg-pad) * 2)), var(--im-reg-max)) !important;
  max-width: var(--im-reg-max) !important;
  margin: 0 auto !important;
  padding: 12px 0 0 !important;
  border: 0 !important;
  background: #fff !important;
}

body.in-registration .breadcrumbs-wrapper .container,
body.in-registrace .breadcrumbs-wrapper .container,
body.in-rejestracja .breadcrumbs-wrapper .container,
body.in-registration .breadcrumbs-wrapper ol.breadcrumb,
body.in-registrace .breadcrumbs-wrapper ol.breadcrumb,
body.in-rejestracja .breadcrumbs-wrapper ol.breadcrumb,
body.in-registration .breadcrumbs-wrapper .breadcrumb,
body.in-registrace .breadcrumbs-wrapper .breadcrumb,
body.in-rejestracja .breadcrumbs-wrapper .breadcrumb,
body.in-registration .breadcrumbs-wrapper .breadcrumbs,
body.in-registrace .breadcrumbs-wrapper .breadcrumbs,
body.in-rejestracja .breadcrumbs-wrapper .breadcrumbs,
body.in-registration .breadcrumbs-wrapper .navigation-home-icon-wrapper,
body.in-registrace .breadcrumbs-wrapper .navigation-home-icon-wrapper,
body.in-rejestracja .breadcrumbs-wrapper .navigation-home-icon-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--im-reg-muted) !important;
  font-size: 13px !important;
}

body.in-registration .breadcrumbs-wrapper .breadcrumbs,
body.in-registrace .breadcrumbs-wrapper .breadcrumbs,
body.in-rejestracja .breadcrumbs-wrapper .breadcrumbs,
body.in-registration .breadcrumbs-wrapper .navigation-home-icon-wrapper,
body.in-registrace .breadcrumbs-wrapper .navigation-home-icon-wrapper,
body.in-rejestracja .breadcrumbs-wrapper .navigation-home-icon-wrapper {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  min-height: 40px !important;
}

body.in-registration .breadcrumbs-wrapper a,
body.in-registrace .breadcrumbs-wrapper a,
body.in-rejestracja .breadcrumbs-wrapper a {
  color: var(--im-reg-muted) !important;
  text-decoration: none !important;
}

body.in-registration .breadcrumbs-wrapper a:hover,
body.in-registrace .breadcrumbs-wrapper a:hover,
body.in-rejestracja .breadcrumbs-wrapper a:hover {
  color: var(--im-reg-text) !important;
}

body.in-registration #content-wrapper.content-wrapper,
body.in-registrace #content-wrapper.content-wrapper,
body.in-rejestracja #content-wrapper.content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--im-reg-gap) 0 clamp(48px, 9vw, 80px) !important;
  border: 0 !important;
  background: #fff !important;
}

body.in-registration .content-wrapper-in,
body.in-registrace .content-wrapper-in,
body.in-rejestracja .content-wrapper-in,
body.in-registration #content.content,
body.in-registrace #content.content,
body.in-rejestracja #content.content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.in-registration .content-inner,
body.in-registrace .content-inner,
body.in-rejestracja .content-inner {
  width: min(calc(100% - (var(--im-reg-pad) * 2)), var(--im-reg-max)) !important;
  max-width: var(--im-reg-max) !important;
  margin: 0 auto !important;
  padding: 28px 24px 36px !important;
  border: 1px solid var(--im-reg-line) !important;
  border-radius: var(--im-reg-radius) !important;
  background: var(--im-reg-card) !important;
  box-shadow: 0 1px 2px rgba(17, 18, 20, 0.04) !important;
}

body.in-registration .content-inner > h1,
body.in-registrace .content-inner > h1,
body.in-rejestracja .content-inner > h1 {
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: var(--im-reg-text) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  text-transform: none !important;
}

body.in-registration #register-form,
body.in-registrace #register-form,
body.in-rejestracja #register-form,
body.in-registration form.formRegistration,
body.in-registrace form.formRegistration,
body.in-rejestracja form.formRegistration {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.in-registration #register-form > .co-box,
body.in-registrace #register-form > .co-box,
body.in-rejestracja #register-form > .co-box,
body.in-registration #register-form > fieldset,
body.in-registrace #register-form > fieldset,
body.in-rejestracja #register-form > fieldset,
body.in-registration #register-form fieldset.box,
body.in-registrace #register-form fieldset.box,
body.in-rejestracja #register-form fieldset.box,
body.in-registration #register-form fieldset.stay-in-touch,
body.in-registrace #register-form fieldset.stay-in-touch,
body.in-rejestracja #register-form fieldset.stay-in-touch {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  float: none !important;
}

body.in-registration #register-form .js-hidden,
body.in-registrace #register-form .js-hidden,
body.in-rejestracja #register-form .js-hidden,
body.in-registration #register-form #additionalInformation.js-hidden,
body.in-registrace #register-form #additionalInformation.js-hidden,
body.in-rejestracja #register-form #additionalInformation.js-hidden,
body.in-registration #register-form #company-info.js-hidden,
body.in-registrace #register-form #company-info.js-hidden,
body.in-rejestracja #register-form #company-info.js-hidden {
  display: none !important;
}

body.in-registration #register-form > .co-box:not(.js-hidden) + .co-box:not(.js-hidden),
body.in-registrace #register-form > .co-box:not(.js-hidden) + .co-box:not(.js-hidden),
body.in-rejestracja #register-form > .co-box:not(.js-hidden) + .co-box:not(.js-hidden),
body.in-registration #register-form > fieldset.co-box + .co-box,
body.in-registrace #register-form > fieldset.co-box + .co-box,
body.in-rejestracja #register-form > fieldset.co-box + .co-box,
body.in-registration #register-form > .co-box + fieldset:not(.js-hidden),
body.in-registrace #register-form > .co-box + fieldset:not(.js-hidden),
body.in-rejestracja #register-form > .co-box + fieldset:not(.js-hidden) {
  padding-top: 4px !important;
  border-top: 0 !important;
}

body.in-registration #register-form h4,
body.in-registrace #register-form h4,
body.in-rejestracja #register-form h4 {
  margin: 0 0 4px !important;
  padding: 0 !important;
  color: var(--im-reg-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

body.in-registration #register-form h4::before,
body.in-registrace #register-form h4::before,
body.in-rejestracja #register-form h4::before {
  display: none !important;
  content: none !important;
}

body.in-registration #register-form .form-group,
body.in-registrace #register-form .form-group,
body.in-rejestracja #register-form .form-group,
body.in-registration #register-form .smart-label-wrapper,
body.in-registrace #register-form .smart-label-wrapper,
body.in-rejestracja #register-form .smart-label-wrapper,
body.in-registration #register-form .smart-label-wrapper.populated,
body.in-registrace #register-form .smart-label-wrapper.populated,
body.in-rejestracja #register-form .smart-label-wrapper.populated,
body.in-registration #register-form .smart-label-wrapper.focused,
body.in-registrace #register-form .smart-label-wrapper.focused,
body.in-rejestracja #register-form .smart-label-wrapper.focused {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  border: 0 !important;
  background: transparent !important;
}

body.in-registration #register-form .form-group > label:not(.whole-width),
body.in-registrace #register-form .form-group > label:not(.whole-width),
body.in-rejestracja #register-form .form-group > label:not(.whole-width),
body.in-registration #register-form .smart-label-wrapper > label,
body.in-registrace #register-form .smart-label-wrapper > label,
body.in-rejestracja #register-form .smart-label-wrapper > label {
  position: static !important;
  top: auto !important;
  left: auto !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  float: none !important;
  pointer-events: auto !important;
  background: transparent !important;
  color: var(--im-reg-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

body.in-registration #register-form .required-asterisk,
body.in-registrace #register-form .required-asterisk,
body.in-rejestracja #register-form .required-asterisk {
  color: inherit !important;
}

body.in-registration #register-form .form-control,
body.in-registrace #register-form .form-control,
body.in-rejestracja #register-form .form-control,
body.in-registration #register-form input.form-control,
body.in-registrace #register-form input.form-control,
body.in-rejestracja #register-form input.form-control,
body.in-registration #register-form select.form-control,
body.in-registrace #register-form select.form-control,
body.in-rejestracja #register-form select.form-control {
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-reg-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-reg-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  appearance: none !important;
  float: none !important;
}

body.in-registration #register-form .form-control.short,
body.in-registrace #register-form .form-control.short,
body.in-rejestracja #register-form .form-control.short {
  width: 100% !important;
  max-width: none !important;
}

body.in-registration #register-form .form-control::placeholder,
body.in-registrace #register-form .form-control::placeholder,
body.in-rejestracja #register-form .form-control::placeholder {
  color: #9ca3af !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

body.in-registration #register-form .form-control:focus,
body.in-registrace #register-form .form-control:focus,
body.in-rejestracja #register-form .form-control:focus {
  border-color: var(--im-reg-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

body.in-registration #register-form .phone-combined-input,
body.in-registrace #register-form .phone-combined-input,
body.in-rejestracja #register-form .phone-combined-input {
  order: 2 !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

body.in-registration #register-form .country-flags,
body.in-registrace #register-form .country-flags,
body.in-rejestracja #register-form .country-flags {
  flex: 0 0 96px !important;
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  border: 1px solid var(--im-reg-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.in-registration #register-form .country-flags select,
body.in-registrace #register-form .country-flags select,
body.in-rejestracja #register-form .country-flags select {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.in-registration #register-form .phone-combined-input .form-control,
body.in-registrace #register-form .phone-combined-input .form-control,
body.in-rejestracja #register-form .phone-combined-input .form-control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

body.in-registration #register-form .form-group:has(> input[type="radio"]),
body.in-registrace #register-form .form-group:has(> input[type="radio"]),
body.in-rejestracja #register-form .form-group:has(> input[type="radio"]),
body.in-registration #register-form .form-group:has(> input[type="checkbox"]),
body.in-registrace #register-form .form-group:has(> input[type="checkbox"]),
body.in-rejestracja #register-form .form-group:has(> input[type="checkbox"]) {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--im-reg-line) !important;
  border-radius: 12px !important;
  background: var(--im-reg-soft) !important;
}

body.in-registration #register-form .form-group:has(> input[type="radio"]:checked),
body.in-registrace #register-form .form-group:has(> input[type="radio"]:checked),
body.in-rejestracja #register-form .form-group:has(> input[type="radio"]:checked) {
  border-color: #d1d5db !important;
  background: #f3f4f6 !important;
}

body.in-registration #register-form input[type="radio"],
body.in-registrace #register-form input[type="radio"],
body.in-rejestracja #register-form input[type="radio"],
body.in-registration #register-form input[type="checkbox"],
body.in-registrace #register-form input[type="checkbox"],
body.in-rejestracja #register-form input[type="checkbox"] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  align-self: flex-start !important;
  border: 1.5px solid #d1d5db !important;
  background: #fff !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  accent-color: var(--im-reg-accent) !important;
}

body.in-registration #register-form input[type="radio"],
body.in-registrace #register-form input[type="radio"],
body.in-rejestracja #register-form input[type="radio"] {
  border-radius: 50% !important;
}

body.in-registration #register-form input[type="checkbox"],
body.in-registrace #register-form input[type="checkbox"],
body.in-rejestracja #register-form input[type="checkbox"] {
  border-radius: 5px !important;
}

body.in-registration #register-form input[type="radio"]:checked,
body.in-registrace #register-form input[type="radio"]:checked,
body.in-rejestracja #register-form input[type="radio"]:checked {
  border-color: var(--im-reg-accent) !important;
  background-image: radial-gradient(circle, var(--im-reg-accent) 45%, transparent 48%) !important;
  background-color: #fff !important;
}

body.in-registration #register-form input[type="checkbox"]:checked,
body.in-registrace #register-form input[type="checkbox"]:checked,
body.in-rejestracja #register-form input[type="checkbox"]:checked {
  border-color: var(--im-reg-accent) !important;
  background-color: var(--im-reg-accent) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6L5 8.5L9.5 3.5' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
}

body.in-registration #register-form input[type="radio"] + label,
body.in-registrace #register-form input[type="radio"] + label,
body.in-rejestracja #register-form input[type="radio"] + label,
body.in-registration #register-form input[type="checkbox"] + label,
body.in-registrace #register-form input[type="checkbox"] + label,
body.in-rejestracja #register-form input[type="checkbox"] + label,
body.in-registration #register-form label.whole-width,
body.in-registrace #register-form label.whole-width,
body.in-rejestracja #register-form label.whole-width {
  position: static !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
  color: var(--im-reg-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  cursor: pointer !important;
}

body.in-registration #register-form label.whole-width::before,
body.in-registrace #register-form label.whole-width::before,
body.in-rejestracja #register-form label.whole-width::before,
body.in-registration #register-form label.whole-width::after,
body.in-registrace #register-form label.whole-width::after,
body.in-rejestracja #register-form label.whole-width::after {
  display: none !important;
  content: none !important;
}

body.in-registration #register-form label.whole-width strong,
body.in-registrace #register-form label.whole-width strong,
body.in-rejestracja #register-form label.whole-width strong {
  font-weight: 600 !important;
}

body.in-registration #register-form .consents,
body.in-registrace #register-form .consents,
body.in-rejestracja #register-form .consents {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.in-registration #register-form .consents label.whole-width,
body.in-registrace #register-form .consents label.whole-width,
body.in-rejestracja #register-form .consents label.whole-width {
  color: var(--im-reg-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

body.in-registration #register-form .consents a,
body.in-registrace #register-form .consents a,
body.in-rejestracja #register-form .consents a {
  color: var(--im-reg-text) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.in-registration #register-form .consents a:hover,
body.in-registrace #register-form .consents a:hover,
body.in-rejestracja #register-form .consents a:hover {
  color: #1a1b1d !important;
}

body.in-registration #register-form .form-group-tooltip,
body.in-registrace #register-form .form-group-tooltip,
body.in-rejestracja #register-form .form-group-tooltip,
body.in-registration #register-form .question-tooltip,
body.in-registrace #register-form .question-tooltip,
body.in-rejestracja #register-form .question-tooltip {
  color: var(--im-reg-muted) !important;
}

body.in-registration #register-form .validator-msg,
body.in-registrace #register-form .validator-msg,
body.in-rejestracja #register-form .validator-msg,
body.in-registration #register-form .js-validator-msg,
body.in-registrace #register-form .js-validator-msg,
body.in-rejestracja #register-form .js-validator-msg {
  margin: 4px 0 0 !important;
  color: #b42318 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

body.in-registration #register-form .submit-wrapper,
body.in-registrace #register-form .submit-wrapper,
body.in-rejestracja #register-form .submit-wrapper {
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

body.in-registration #register-form .submit-wrapper p,
body.in-registrace #register-form .submit-wrapper p,
body.in-rejestracja #register-form .submit-wrapper p {
  margin: 0 !important;
  padding: 0 !important;
}

body.in-registration #register-form .btn.btn-login,
body.in-registrace #register-form .btn.btn-login,
body.in-rejestracja #register-form .btn.btn-login,
body.in-registration #register-form input.btn-login,
body.in-registrace #register-form input.btn-login,
body.in-rejestracja #register-form input.btn-login,
body.in-registration #register-form .btn.btn-secondary.btn-login,
body.in-registrace #register-form .btn.btn-secondary.btn-login,
body.in-rejestracja #register-form .btn.btn-secondary.btn-login {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--im-reg-accent) !important;
  background-color: var(--im-reg-accent) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.in-registration #register-form .btn.btn-login:hover,
body.in-registrace #register-form .btn.btn-login:hover,
body.in-rejestracja #register-form .btn.btn-login:hover,
body.in-registration #register-form input.btn-login:hover,
body.in-registrace #register-form input.btn-login:hover,
body.in-rejestracja #register-form input.btn-login:hover {
  border: 0 !important;
  background: #1a1b1d !important;
  background-color: #1a1b1d !important;
  color: #fff !important;
}

body.in-registration #register-form .no-display,
body.in-registrace #register-form .no-display,
body.in-rejestracja #register-form .no-display {
  display: none !important;
}

@media (max-width: 639px) {
  body.in-registration,
  body.in-registrace,
  body.in-rejestracja {
    --im-reg-gap: 20px;
  }

  body.in-registration #content-wrapper.content-wrapper,
  body.in-registrace #content-wrapper.content-wrapper,
  body.in-rejestracja #content-wrapper.content-wrapper {
    padding-bottom: 40px !important;
  }

  body.in-registration .content-inner,
  body.in-registrace .content-inner,
  body.in-rejestracja .content-inner {
    padding: 22px 18px 28px !important;
  }

  body.in-registration .content-inner > h1,
  body.in-registrace .content-inner > h1,
  body.in-rejestracja .content-inner > h1 {
    margin-bottom: 20px !important;
    font-size: 20px !important;
  }

  body.in-registration #register-form .country-flags,
  body.in-registrace #register-form .country-flags,
  body.in-rejestracja #register-form .country-flags {
    flex-basis: 84px !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   Customer center (/klient/) – checkout parity
   ═══════════════════════════════════════════════════════════ */

body.customer-page {
  --im-client-max: var(--im-max, 1800px);
  --im-client-pad: var(--im-pad, clamp(16px, 4.2vw, 72px));
  --im-client-gap: clamp(28px, 5vw, 48px);
  --im-client-text: #111214;
  --im-client-muted: #6b7280;
  --im-client-line: #ececec;
  --im-client-soft: #f6f6f6;
  --im-client-card: #ffffff;
  --im-client-accent: #303233;
  --im-client-radius: 14px;
  --im-client-sidebar: 280px;
  --color-primary: var(--im-client-text);
  --color-primary-hover: #1a1b1d;
  --colors-text-link: var(--im-client-text);
}

body.customer-page,
body.customer-page .overall-wrapper {
  background: #fff !important;
}

body.customer-page .breadcrumbs-wrapper {
  box-sizing: border-box !important;
  width: min(calc(100% - (var(--im-client-pad) * 2)), var(--im-client-max)) !important;
  max-width: var(--im-client-max) !important;
  margin: 0 auto !important;
  padding: 12px 0 0 !important;
  border: 0 !important;
  background: #fff !important;
}

body.customer-page .breadcrumbs-wrapper .container,
body.customer-page .breadcrumbs-wrapper ol.breadcrumb,
body.customer-page .breadcrumbs-wrapper .breadcrumb {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--im-client-muted) !important;
  font-size: 13px !important;
}

body.customer-page .breadcrumbs-wrapper a {
  color: var(--im-client-muted) !important;
  text-decoration: none !important;
}

body.customer-page .breadcrumbs-wrapper a:hover {
  color: var(--im-client-text) !important;
}

body.customer-page #content-wrapper.content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--im-client-gap) 0 clamp(48px, 9vw, 80px) !important;
  border: 0 !important;
  background: #fff !important;
}

body.customer-page .content-wrapper-in {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: min(calc(100% - (var(--im-client-pad) * 2)), var(--im-client-max)) !important;
  max-width: var(--im-client-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: var(--im-client-radius) !important;
  background: var(--im-client-card) !important;
  box-shadow: 0 1px 2px rgba(17, 18, 20, 0.04) !important;
  overflow: hidden !important;
}

body.customer-page .sidebar {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body.customer-page .sidebar .sidebar-inner {
  margin: 0 !important;
  padding: 22px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--im-client-line) !important;
  border-radius: 0 !important;
  background: #fafafa !important;
}

body.customer-page .sidebar .sidebar-inner > div {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.customer-page .client-center-box ul {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 12px !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--im-client-line) !important;
  list-style: none !important;
}

body.customer-page .client-center-box ul li {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;
}

body.customer-page .client-center-box ul li:first-child {
  grid-column: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body.customer-page .client-center-box ul li.logout {
  grid-column: 2 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.customer-page .client-center-box ul li:nth-child(n+3) {
  grid-column: 1 / -1 !important;
}

body.customer-page .client-center-box ul li.logout .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.customer-page .client-center-box ul li.logout .btn:hover {
  border-color: var(--im-client-accent) !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
}

body.customer-page .client-center-box ul li a {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  color: var(--im-client-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

body.customer-page .client-center-box ul li a:hover {
  background: #f3f4f6 !important;
  color: var(--im-client-text) !important;
}

body.customer-page .client-center-box ul li.active {
  border-radius: 10px !important;
  background: #f3f4f6 !important;
}

body.customer-page .client-center-box ul li.active a {
  color: var(--im-client-text) !important;
  font-weight: 700 !important;
}

body.customer-page #content.content,
body.customer-page .content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px 20px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  float: none !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  --color-secondary: var(--im-client-text) !important;
  --color-secondary-hover: #1a1b1d !important;
  --colors-surface-secondary: var(--im-client-soft) !important;
}

body.customer-page #content.content > h1,
body.customer-page .content > h1 {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  text-transform: none !important;
}

body.customer-page #content.content > h2,
body.customer-page .content > h2,
body.customer-page #content.content h2,
body.customer-page .content h2 {
  margin: 28px 0 14px !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

body.customer-page #content.content > h2:first-of-type,
body.customer-page .content > h2:first-of-type {
  margin-top: 0 !important;
}

body.customer-page #content.content h3,
body.customer-page #content.content h4,
body.customer-page #content.content h5,
body.customer-page .content h3,
body.customer-page .content h4,
body.customer-page .content h5,
body.customer-page #content.content .box h1,
body.customer-page #content.content .box h2,
body.customer-page #content.content .box h3,
body.customer-page #content.content .box h4,
body.customer-page .content .box h1,
body.customer-page .content .box h2,
body.customer-page .content .box h3,
body.customer-page .content .box h4,
body.customer-page #content.content fieldset.box h4,
body.customer-page .content fieldset.box h4,
body.customer-page #content.content .client-table-heading,
body.customer-page .content .client-table-heading {
  color: var(--im-client-text) !important;
}

body.customer-page #content.content p,
body.customer-page .content p {
  margin: 0 0 16px !important;
  color: var(--im-client-muted) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.customer-page #content.content a,
body.customer-page .content a {
  color: var(--im-client-text) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.customer-page #content.content a:hover,
body.customer-page .content a:hover {
  color: #1a1b1d !important;
}

body.customer-page #content.content strong,
body.customer-page .content strong,
body.customer-page #content.content .box strong,
body.customer-page .content .box strong,
body.customer-page #content.content fieldset.box strong,
body.customer-page .content fieldset.box strong,
body.customer-page #content.content a strong,
body.customer-page .content a strong {
  color: var(--im-client-text) !important;
  font-weight: 700 !important;
}

body.customer-page #content.content .box,
body.customer-page #content.content .co-box,
body.customer-page .content .box,
body.customer-page .content .co-box,
body.customer-page #content.content .box-bg-default,
body.customer-page .content .box-bg-default,
body.customer-page #content.content .box-bg-variant,
body.customer-page .content .box-bg-variant,
body.customer-page #content.content fieldset.box,
body.customer-page .content fieldset.box,
body.customer-page #content.content [class*="bonus"]:not([class*="mehub"]):not([class*="ellity"]),
body.customer-page .content [class*="bonus"]:not([class*="mehub"]):not([class*="ellity"]) {
  margin: 0 0 24px !important;
  padding: 20px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--im-client-text) !important;
}

/* Vnořený box uvnitř co-box – jen jeden stroke (osobní údaje, adresy…) */
body.customer-page #content.content .co-box fieldset.box,
body.customer-page .content .co-box fieldset.box,
body.customer-page #content.content .co-box .box:not(.co-box),
body.customer-page .content .co-box .box:not(.co-box),
body.customer-page #content.content fieldset.box fieldset.box,
body.customer-page .content fieldset.box fieldset.box,
body.customer-page #content.content .box:has(> fieldset.box) > fieldset.box,
body.customer-page .content .box:has(> fieldset.box) > fieldset.box,
body.customer-page #content.content .co-box .shipping-addresses,
body.customer-page .content .co-box .shipping-addresses,
body.customer-page #content.content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
body.customer-page .content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
body.customer-page #content.content fieldset.box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
body.customer-page .content fieldset.box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.customer-page #content.content .co-box .shipping-addresses,
body.customer-page .content .co-box .shipping-addresses {
  padding-top: 0 !important;
}

body.customer-page #content.content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
body.customer-page .content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
  margin-top: 12px !important;
}

body.customer-page #content.content .co-box fieldset.box > h4:first-child,
body.customer-page .content .co-box fieldset.box > h4:first-child,
body.customer-page #content.content .co-box .box:not(.co-box) > h4:first-child,
body.customer-page .content .co-box .box:not(.co-box) > h4:first-child {
  margin-top: 0 !important;
}

/* Bonus + Ellity – flat section, heading jako h2 „Poslední objednávka“ */
body.customer-page #content.content fieldset.box:has(.mehub-bonus-profile-container),
body.customer-page .content fieldset.box:has(.mehub-bonus-profile-container),
body.customer-page #content.content .box:has(.mehub-bonus-profile-container),
body.customer-page .content .box:has(.mehub-bonus-profile-container),
body.customer-page #content.content [class*="mehub-bonus"]:not(.mehub-bonus-profile-container .card),
body.customer-page .content [class*="mehub-bonus"]:not(.mehub-bonus-profile-container .card) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.customer-page fieldset.box:has(.mehub-bonus-profile-container) > h4,
body.customer-page .box:has(.mehub-bonus-profile-container) > h4 {
  margin: 28px 0 14px !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

body.customer-page #content.content .box p,
body.customer-page .content .box p,
body.customer-page #content.content .box span,
body.customer-page .content .box span,
body.customer-page #content.content .box label,
body.customer-page .content .box label,
body.customer-page #content.content .box .text-muted,
body.customer-page .content .box .text-muted {
  color: var(--im-client-muted) !important;
}

/* Shoptet primary blue – bonus „Historie“, kredity */
body.customer-page #content.content .box h4,
body.customer-page .content .box h4,
body.customer-page #content.content fieldset.box h4,
body.customer-page .content fieldset.box h4,
body.customer-page #content.content .client-table-heading,
body.customer-page .content .client-table-heading,
body.customer-page #content.content table caption,
body.customer-page .content table caption,
body.customer-page #content.content .box strong,
body.customer-page .content .box strong,
body.customer-page #content.content fieldset.box strong,
body.customer-page .content fieldset.box strong,
body.customer-page #content.content [class*="bonus"] strong,
body.customer-page .content [class*="bonus"] strong {
  color: var(--im-client-text) !important;
  background: transparent !important;
}

/* Ellity bonus doplněk – flat inside parent box (no nested card) */
body.customer-page .mehub-bonus-profile-container,
body.customer-page [class*="mehub-bonus-profile"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--im-client-text) !important;
}

body.customer-page .mehub-bonus-profile-container .card,
body.customer-page [class*="mehub-bonus-profile"] .card,
body.customer-page [class*="ellity-"] .card,
body.customer-page .ellity-history-card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--im-client-text) !important;
  box-shadow: none !important;
}

body.customer-page .mehub-bonus-profile-container .card:not(:first-child),
body.customer-page [class*="mehub-bonus-profile"] .card:not(:first-child),
body.customer-page .ellity-history-card:not(:first-child) {
  margin-top: 0 !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--im-client-line) !important;
}

body.customer-page .mehub-bonus-profile-container .card h1,
body.customer-page .mehub-bonus-profile-container .card h2,
body.customer-page .mehub-bonus-profile-container .card h3,
body.customer-page .mehub-bonus-profile-container .card h4,
body.customer-page .mehub-bonus-profile-container .card h5,
body.customer-page .mehub-bonus-profile-container .card h6,
body.customer-page [class*="ellity-"] h1,
body.customer-page [class*="ellity-"] h2,
body.customer-page [class*="ellity-"] h3,
body.customer-page [class*="ellity-"] h4,
body.customer-page [class*="ellity-"] h5,
body.customer-page [class*="ellity-"] h6,
body.customer-page .ellity-history-card h1,
body.customer-page .ellity-history-card h2,
body.customer-page .ellity-history-card h3,
body.customer-page .ellity-history-card h4,
body.customer-page .ellity-history-card h5,
body.customer-page .ellity-history-card h6 {
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: var(--im-client-text) !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body.customer-page .mehub-bonus-profile-container .card p,
body.customer-page .mehub-bonus-profile-container .card span,
body.customer-page .mehub-bonus-profile-container .card strong,
body.customer-page .mehub-bonus-profile-container .card b,
body.customer-page .mehub-bonus-profile-container .card label,
body.customer-page [class*="ellity-"] p,
body.customer-page [class*="ellity-"] span,
body.customer-page [class*="ellity-"] strong,
body.customer-page [class*="ellity-"] b,
body.customer-page [class*="ellity-"] label,
body.customer-page .ellity-history-card p,
body.customer-page .ellity-history-card span,
body.customer-page .ellity-history-card strong,
body.customer-page .ellity-history-card b,
body.customer-page .ellity-history-card label {
  color: var(--im-client-muted) !important;
  background: transparent !important;
}

body.customer-page .mehub-bonus-profile-container .card strong,
body.customer-page .mehub-bonus-profile-container .card b,
body.customer-page [class*="ellity-"] strong,
body.customer-page [class*="ellity-"] b,
body.customer-page .ellity-history-card strong,
body.customer-page .ellity-history-card b {
  color: var(--im-client-text) !important;
}

body.customer-page .mehub-bonus-profile-container .card a,
body.customer-page [class*="ellity-"] a,
body.customer-page .ellity-history-card a {
  color: var(--im-client-text) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.customer-page .mehub-bonus-profile-container .card a:hover,
body.customer-page [class*="ellity-"] a:hover,
body.customer-page .ellity-history-card a:hover {
  color: #1a1b1d !important;
}

body.customer-page .mehub-bonus-profile-container .card .btn,
body.customer-page .mehub-bonus-profile-container .card button,
body.customer-page [class*="ellity-"] .btn,
body.customer-page [class*="ellity-"] button,
body.customer-page .ellity-history-card .btn,
body.customer-page .ellity-history-card button {
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  box-shadow: none !important;
}

body.customer-page .mehub-bonus-profile-container .card .btn:hover,
body.customer-page .mehub-bonus-profile-container .card button:hover,
body.customer-page [class*="ellity-"] .btn:hover,
body.customer-page [class*="ellity-"] button:hover,
body.customer-page .ellity-history-card .btn:hover,
body.customer-page .ellity-history-card button:hover {
  border-color: var(--im-client-accent) !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
}

body.customer-page .mehub-bonus-profile-container .card table,
body.customer-page [class*="ellity-"] table,
body.customer-page .ellity-history-card table {
  display: table !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  table-layout: fixed !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
}

body.customer-page .mehub-bonus-profile-container .card table thead th,
body.customer-page .mehub-bonus-profile-container .card table thead td,
body.customer-page [class*="ellity-"] table thead th,
body.customer-page [class*="ellity-"] table thead td,
body.customer-page .ellity-history-card table thead th,
body.customer-page .ellity-history-card table thead td {
  background: #f3f4f6 !important;
  color: var(--im-client-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.customer-page .mehub-bonus-profile-container .card table th,
body.customer-page .mehub-bonus-profile-container .card table td,
body.customer-page [class*="ellity-"] table th,
body.customer-page [class*="ellity-"] table td,
body.customer-page .ellity-history-card table th,
body.customer-page .ellity-history-card table td {
  color: var(--im-client-text) !important;
  background: transparent !important;
  border-color: var(--im-client-line) !important;
}

body.customer-page #content.content .btn,
body.customer-page .content .btn,
body.customer-page #content.content .loadMore__button,
body.customer-page .content .loadMore__button,
body.customer-page #content.content input[type="submit"],
body.customer-page .content input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.customer-page #content.content .btn:hover,
body.customer-page .content .btn:hover,
body.customer-page #content.content .loadMore__button:hover,
body.customer-page .content .loadMore__button:hover,
body.customer-page #content.content input[type="submit"]:hover,
body.customer-page .content input[type="submit"]:hover {
  border-color: var(--im-client-accent) !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
}

body.customer-page #content.content .btn.btn-primary,
body.customer-page .content .btn.btn-primary,
body.customer-page #content.content input[type="submit"],
body.customer-page .content input[type="submit"] {
  border: 0 !important;
  background: var(--im-client-accent) !important;
  color: #fff !important;
}

body.customer-page #content.content .btn.btn-primary:hover,
body.customer-page .content .btn.btn-primary:hover,
body.customer-page #content.content input[type="submit"]:hover,
body.customer-page .content input[type="submit"]:hover {
  background: #1a1b1d !important;
  color: #fff !important;
}

/* ─── Client tables – jedna tabulka, sloupce zarovnané ─── */

body.customer-page #content.content table,
body.customer-page .content table {
  display: table !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  table-layout: auto !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) {
  table-layout: fixed !important;
  min-width: 980px !important;
}

body.customer-page .mehub-bonus-profile-container table,
body.customer-page .ellity-history-card table,
body.customer-page [class*="ellity-"] table {
  min-width: 0 !important;
  table-layout: fixed !important;
}

body.customer-page #content.content table thead,
body.customer-page .content table thead,
body.customer-page #content.content table thead th,
body.customer-page .content table thead th,
body.customer-page #content.content table thead td,
body.customer-page .content table thead td,
body.customer-page #content.content table thead .client-table-heading,
body.customer-page .content table thead .client-table-heading {
  background: #f3f4f6 !important;
  color: var(--im-client-muted) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

body.customer-page #content.content table tbody .client-table-heading,
body.customer-page .content table tbody .client-table-heading {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--im-client-muted) !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(1),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(1) {
  width: 9% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(2),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(2) {
  width: 11% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(3),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(3) {
  width: 13% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(4),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(4) {
  width: 14% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(5),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(5) {
  width: 18% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(6),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(6) {
  width: 13% !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) thead th:nth-child(7),
body.customer-page table:has(thead tr > th:nth-child(7)) tbody td:nth-child(7) {
  width: 22% !important;
}

body.customer-page .mehub-bonus-profile-container table thead th:nth-child(1),
body.customer-page .mehub-bonus-profile-container table tbody td:nth-child(1),
body.customer-page .ellity-history-card table thead th:nth-child(1),
body.customer-page .ellity-history-card table tbody td:nth-child(1) {
  width: 18% !important;
}

body.customer-page .mehub-bonus-profile-container table thead th:nth-child(2),
body.customer-page .mehub-bonus-profile-container table tbody td:nth-child(2),
body.customer-page .ellity-history-card table thead th:nth-child(2),
body.customer-page .ellity-history-card table tbody td:nth-child(2) {
  width: 16% !important;
}

body.customer-page .mehub-bonus-profile-container table thead th:nth-child(3),
body.customer-page .mehub-bonus-profile-container table tbody td:nth-child(3),
body.customer-page .ellity-history-card table thead th:nth-child(3),
body.customer-page .ellity-history-card table tbody td:nth-child(3) {
  width: 18% !important;
}

body.customer-page .mehub-bonus-profile-container table thead th:nth-child(4),
body.customer-page .mehub-bonus-profile-container table tbody td:nth-child(4),
body.customer-page .ellity-history-card table thead th:nth-child(4),
body.customer-page .ellity-history-card table tbody td:nth-child(4) {
  width: 48% !important;
}

body.customer-page #content.content table tbody td[colspan],
body.customer-page .content table tbody td[colspan],
body.customer-page .mehub-bonus-profile-container table tbody td[colspan],
body.customer-page .ellity-history-card table tbody td[colspan] {
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  white-space: normal !important;
  color: var(--im-client-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  padding: 24px 16px !important;
}

body.customer-page #content.content table td,
body.customer-page .content table td,
body.customer-page #content.content table th,
body.customer-page .content table th {
  padding: 12px 10px !important;
  border-color: var(--im-client-line) !important;
  color: var(--im-client-text) !important;
  font-size: 14px !important;
  vertical-align: middle !important;
  line-height: 1.4 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
}

body.customer-page table:has(thead tr > th:nth-child(7)) td,
body.customer-page table:has(thead tr > th:nth-child(7)) td a,
body.customer-page table:has(thead tr > th:nth-child(7)) .status {
  white-space: nowrap !important;
}

body.customer-page .mehub-bonus-profile-container table td,
body.customer-page .mehub-bonus-profile-container table th,
body.customer-page .ellity-history-card table td,
body.customer-page .ellity-history-card table th {
  white-space: normal !important;
}

body.customer-page #content.content table tbody tr:nth-child(even),
body.customer-page .content table tbody tr:nth-child(even) {
  background: #fafafa !important;
}

body.customer-page #content.content .status,
body.customer-page .content .status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.customer-page #content.content .form-control,
body.customer-page .content .form-control,
body.customer-page #content.content select.form-control,
body.customer-page .content select.form-control,
body.customer-page #content.content textarea.form-control,
body.customer-page .content textarea.form-control {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-client-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--im-client-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.customer-page #content.content textarea.form-control,
body.customer-page .content textarea.form-control {
  min-height: 112px !important;
  padding: 12px 14px !important;
  line-height: 1.45 !important;
}

body.customer-page #content.content .form-control:focus,
body.customer-page .content .form-control:focus {
  border-color: var(--im-client-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

body.customer-page #content.content label,
body.customer-page .content label {
  margin: 0 0 8px !important;
  color: var(--im-client-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.customer-page #content.content .form-group,
body.customer-page .content .form-group {
  margin: 0 0 16px !important;
}

body.customer-page .loadMore {
  margin: 8px 0 0 !important;
  text-align: left !important;
}

@media (min-width: 992px) {
  body.customer-page .content-wrapper-in {
    grid-template-columns: var(--im-client-sidebar) minmax(0, 1fr) !important;
  }

  body.customer-page .sidebar .sidebar-inner {
    min-height: 100% !important;
    padding: 28px 22px !important;
    border-right: 1px solid var(--im-client-line) !important;
    border-bottom: 0 !important;
  }

  body.customer-page .client-center-box ul {
    margin-bottom: 16px !important;
  }

  body.customer-page #content.content,
  body.customer-page .content {
    padding: 32px 36px 40px !important;
  }
}

@media (max-width: 991px) {
  body.customer-page {
    --im-client-gap: 20px;
  }

  body.customer-page #content-wrapper.content-wrapper {
    padding-bottom: 40px !important;
  }

  body.customer-page .content-wrapper-in {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.customer-page #content.content,
  body.customer-page .content {
    padding: 20px 16px 24px !important;
    overflow-x: visible !important;
  }

  body.customer-page #content.content > h1,
  body.customer-page .content > h1 {
    font-size: 22px !important;
  }

  /* Bonus – žádný stroke/radius kolem sekce */
  body.customer-page #content.content fieldset.box:has(.mehub-bonus-profile-container),
  body.customer-page .content fieldset.box:has(.mehub-bonus-profile-container),
  body.customer-page #content.content .box:has(.mehub-bonus-profile-container),
  body.customer-page .content .box:has(.mehub-bonus-profile-container),
  body.customer-page #content.content [class*="bonus"]:not([class*="mehub"]):not([class*="ellity"]),
  body.customer-page .content [class*="bonus"]:not([class*="mehub"]):not([class*="ellity"]),
  body.customer-page .mehub-bonus-profile-container,
  body.customer-page .mehub-bonus-profile-container .card,
  body.customer-page .ellity-history-card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.customer-page fieldset.box:has(.mehub-bonus-profile-container) > h4,
  body.customer-page .box:has(.mehub-bonus-profile-container) > h4 {
    margin: 28px 0 14px !important;
    padding: 0 !important;
  }

  /* Objednávková tabulka – bez vnějšího boxu, karta = tabulka/řádek */
  body.customer-page #content.content fieldset.box:has(table.table-mobile-enriched),
  body.customer-page .content fieldset.box:has(table.table-mobile-enriched),
  body.customer-page #content.content fieldset.box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page .content fieldset.box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page #content.content .box:has(table.table-mobile-enriched),
  body.customer-page .content .box:has(table.table-mobile-enriched),
  body.customer-page #content.content .box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page .content .box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page #content.content .co-box:has(table.table-mobile-enriched),
  body.customer-page .content .co-box:has(table.table-mobile-enriched),
  body.customer-page #content.content .co-box:has(table:has(thead tr > th:nth-child(7))),
  body.customer-page .content .co-box:has(table:has(thead tr > th:nth-child(7))) {
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Formulářové sekce – jeden stroke, menší padding */
  body.customer-page #content.content .co-box,
  body.customer-page .content .co-box {
    margin: 0 0 16px !important;
    padding: 16px !important;
  }

  body.customer-page #content.content .co-box fieldset.box,
  body.customer-page .content .co-box fieldset.box,
  body.customer-page #content.content .co-box .box:not(.co-box),
  body.customer-page .content .co-box .box:not(.co-box),
  body.customer-page #content.content .co-box .shipping-addresses,
  body.customer-page .content .co-box .shipping-addresses,
  body.customer-page #content.content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
  body.customer-page .content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.customer-page #content.content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
  body.customer-page .content .co-box table:not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
    margin-top: 12px !important;
  }

  /* Reset desktop table constraints on mobile */
  body.customer-page table:has(thead tr > th:nth-child(7)) {
    min-width: 0 !important;
    table-layout: auto !important;
  }

  body.customer-page table:has(thead tr > th:nth-child(7)) thead th,
  body.customer-page table:has(thead tr > th:nth-child(7)) tbody td {
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
  }

  /* Shoptet .table-mobile-enriched – stacked order rows */
  body.customer-page #content.content table.table-mobile-enriched,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
  body.customer-page .content table.table-mobile-enriched,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  /* Poslední objednávka – jedna karta = celá tabulka */
  body.customer-page #content.content table.table-mobile-enriched:has(> tbody > tr:only-child),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)),
  body.customer-page .content table.table-mobile-enriched:has(> tbody > tr:only-child),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) {
    border: 1px solid var(--im-client-line) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    background-color: #fff !important;
  }

  body.customer-page #content.content table.table-mobile-enriched thead,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) thead,
  body.customer-page .content table.table-mobile-enriched thead,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) thead {
    display: none !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody,
  body.customer-page .content table.table-mobile-enriched tbody,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody {
    display: block !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr,
  body.customer-page .content table.table-mobile-enriched tbody tr,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr,
  body.customer-page #content.content table.table-mobile-enriched tr,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tr,
  body.customer-page .content table.table-mobile-enriched tr,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tr {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    overflow: hidden !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  body.customer-page #content.content table.table-mobile-enriched:not(:has(> tbody > tr:only-child)) tbody tr,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:has(> tbody > tr:only-child)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr,
  body.customer-page .content table.table-mobile-enriched:not(:has(> tbody > tr:only-child)) tbody tr,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:has(> tbody > tr:only-child)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr {
    border: 1px solid var(--im-client-line) !important;
    border-radius: 12px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched:has(> tbody > tr:only-child) tbody tr,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr,
  body.customer-page .content table.table-mobile-enriched:has(> tbody > tr:only-child) tbody tr,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr {
    margin: 0 !important;
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  body.customer-page #content.content fieldset.box:has(table.table-mobile-enriched) tbody tr:only-child,
  body.customer-page .content fieldset.box:has(table.table-mobile-enriched) tbody tr:only-child,
  body.customer-page #content.content fieldset.box:has(table:has(thead tr > th:nth-child(7))) tbody tr:only-child,
  body.customer-page .content fieldset.box:has(table:has(thead tr > th:nth-child(7))) tbody tr:only-child,
  body.customer-page #content.content .box:has(table.table-mobile-enriched) tbody tr:only-child,
  body.customer-page .content .box:has(table.table-mobile-enriched) tbody tr:only-child,
  body.customer-page #content.content .box:has(table:has(thead tr > th:nth-child(7))) tbody tr:only-child,
  body.customer-page .content .box:has(table:has(thead tr > th:nth-child(7))) tbody tr:only-child {
    margin-bottom: 0 !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr:nth-child(even),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:nth-child(even),
  body.customer-page .content table.table-mobile-enriched tbody tr:nth-child(even),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:nth-child(even) {
    background: #fff !important;
    background-color: #fff !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td,
  body.customer-page .content table.table-mobile-enriched tbody td,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--im-client-line) !important;
    background: #fff !important;
    background-color: #fff !important;
    color: var(--im-client-text) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-align: right !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:first-child,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:first-child,
  body.customer-page .content table.table-mobile-enriched tbody td:first-child,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:first-child {
    padding-top: 13px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr > td:nth-child(6),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:nth-child(6),
  body.customer-page .content table.table-mobile-enriched tbody tr > td:nth-child(6),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:nth-child(6),
  body.customer-page #content.content table.table-mobile-enriched tbody tr > td:nth-last-child(2),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:nth-last-child(2),
  body.customer-page .content table.table-mobile-enriched tbody tr > td:nth-last-child(2),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:nth-last-child(2),
  body.customer-page #content.content table.table-mobile-enriched:has(> tbody > tr:only-child) tbody tr > td:last-child,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:last-child,
  body.customer-page .content table.table-mobile-enriched:has(> tbody > tr:only-child) tbody tr > td:last-child,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):has(> tbody > tr:only-child):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr > td:last-child {
    border-bottom: 0 !important;
    padding-bottom: 13px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(6),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(6),
  body.customer-page .content table.table-mobile-enriched tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(6),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(6) {
    border-bottom: 1px solid var(--im-client-line) !important;
    padding-bottom: 12px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(7),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(7),
  body.customer-page .content table.table-mobile-enriched tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(7),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody tr:has(> td:nth-child(7) a[href], > td:nth-child(7) button, > td:nth-child(7) .btn) > td:nth-child(7) {
    display: flex !important;
    border-bottom: 0 !important;
    padding-bottom: 13px !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:nth-child(7),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(7),
  body.customer-page .content table.table-mobile-enriched tbody td:nth-child(7),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(7),
  body.customer-page #content.content table.table-mobile-enriched tbody td.cell--actions,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--actions,
  body.customer-page .content table.table-mobile-enriched tbody td.cell--actions,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--actions {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:nth-child(7):has(a[href], button, .btn),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(7):has(a[href], button, .btn),
  body.customer-page .content table.table-mobile-enriched tbody td:nth-child(7):has(a[href], button, .btn),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(7):has(a[href], button, .btn),
  body.customer-page #content.content table.table-mobile-enriched tbody td.cell--actions:has(a[href], button, .btn),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--actions:has(a[href], button, .btn),
  body.customer-page .content table.table-mobile-enriched tbody td.cell--actions:has(a[href], button, .btn),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--actions:has(a[href], button, .btn) {
    display: flex !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:empty,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:empty,
  body.customer-page .content table.table-mobile-enriched tbody td:empty,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:empty {
    display: none !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody th,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody th,
  body.customer-page .content table.table-mobile-enriched tbody th,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody th {
    display: none !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody .client-table-heading,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody .client-table-heading,
  body.customer-page .content table.table-mobile-enriched tbody .client-table-heading,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody .client-table-heading {
    display: block !important;
    flex: 0 1 46% !important;
    width: auto !important;
    max-width: 46% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--im-client-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: break-word !important;
    align-self: center !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody .client-table-heading::after,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody .client-table-heading::after,
  body.customer-page .content table.table-mobile-enriched tbody .client-table-heading::after,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody .client-table-heading::after {
    content: ':' !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td a,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td a,
  body.customer-page .content table.table-mobile-enriched tbody td a,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td a,
  body.customer-page #content.content table.table-mobile-enriched tbody td strong,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td strong,
  body.customer-page .content table.table-mobile-enriched tbody td strong,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td strong,
  body.customer-page #content.content table.table-mobile-enriched tbody td.cell--price,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--price,
  body.customer-page .content table.table-mobile-enriched tbody td.cell--price,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td.cell--price {
    white-space: nowrap !important;
    text-align: right !important;
  }

  body.customer-page #content.content table.table-mobile-enriched tbody td:nth-child(2),
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(2),
  body.customer-page .content table.table-mobile-enriched tbody td:nth-child(2),
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) tbody td:nth-child(2) {
    white-space: normal !important;
  }

  body.customer-page #content.content table.table-mobile-enriched .status,
  body.customer-page #content.content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) .status,
  body.customer-page .content table.table-mobile-enriched .status,
  body.customer-page .content table:has(thead tr > th:nth-child(7)):not(:is(.mehub-bonus-profile-container table, .ellity-history-card table, [class*="ellity-"] table)) .status {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  /* Ellity historie – kompaktní tabulka + scroll jen když je potřeba */
  body.customer-page .mehub-bonus-profile-container,
  body.customer-page .ellity-history-card {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.customer-page .mehub-bonus-profile-container table,
  body.customer-page .ellity-history-card table {
    display: table !important;
    min-width: 0 !important;
    width: 100% !important;
    border: 1px solid var(--im-client-line) !important;
    border-radius: 12px !important;
  }

  body.customer-page .mehub-bonus-profile-container table thead th,
  body.customer-page .ellity-history-card table thead th {
    padding: 10px 8px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    background: #f3f4f6 !important;
  }

  body.customer-page .mehub-bonus-profile-container table td,
  body.customer-page .ellity-history-card table td {
    padding: 10px 8px !important;
    font-size: 13px !important;
    white-space: normal !important;
  }

  body.customer-page #content.content table tbody td[colspan],
  body.customer-page .content table tbody td[colspan],
  body.customer-page .ellity-history-card table tbody td[colspan] {
    display: table-cell !important;
    text-align: center !important;
    padding: 20px 12px !important;
  }
}