/* IONTMAX Theme managed source: 2026-08-01 */
/*
 * IONTMAX – popup „Koupit nyní“ (Shoptet Express Checkout / Colorbox)
 * v26 – fixed header/footer shell; only center content scrolls
 */

#colorbox.express-checkout,
#cboxOverlay.express-checkout {
  --im-bn-text: #111214;
  --im-bn-muted: #6b7280;
  --im-bn-line: #ececec;
  --im-bn-soft: #f6f6f6;
  --im-bn-card: #ffffff;
  --im-bn-accent: #303233;
  --im-bn-accent-hover: #1a1b1d;
  --im-bn-radius: 14px;
  --im-bn-pad: 20px;
  --im-bn-gap: 12px;
  --im-bn-btn-h: 52px;
  --im-bn-btn-radius: 12px;
}

/* ─── Overlay ─── */

#cboxOverlay.express-checkout {
  background: rgba(17, 18, 20, 0.52) !important;
  opacity: 1 !important;
}

/* ─── Modal shell ─── */

#colorbox.express-checkout {
  position: fixed !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  overflow: visible !important;
  width: min(calc(100vw - 24px), 520px) !important;
  max-width: 520px !important;
  height: auto !important;
  max-height: min(90vh, 760px) !important;
  border-radius: var(--im-bn-radius) !important;
  box-shadow: 0 18px 48px rgba(17, 18, 20, 0.18) !important;
}

#colorbox.express-checkout #cboxWrapper,
#colorbox.express-checkout #cboxMiddleLeft,
#colorbox.express-checkout #cboxMiddleRight,
#colorbox.express-checkout #cboxTopLeft,
#colorbox.express-checkout #cboxTopCenter,
#colorbox.express-checkout #cboxTopRight,
#colorbox.express-checkout #cboxBottomLeft,
#colorbox.express-checkout #cboxBottomCenter,
#colorbox.express-checkout #cboxBottomRight {
  background: transparent !important;
}

#colorbox.express-checkout #cboxWrapper {
  position: static !important;
  width: 100% !important;
  border-radius: var(--im-bn-radius) !important;
  overflow: visible !important;
}

#colorbox.express-checkout #cboxContent {
  position: relative !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  height: auto !important;
  max-height: min(90vh, 760px) !important;
  margin: 0 !important;
  border: 0 !important;
  background: var(--im-bn-card) !important;
  border-radius: var(--im-bn-radius) !important;
  overflow: hidden !important;
}

#colorbox.express-checkout #cboxLoadedContent {
  box-sizing: border-box !important;
  width: 100% !important;
  max-height: min(90vh, 760px) !important;
  padding: 0 !important;
  border-radius: var(--im-bn-radius) !important;
  overflow: hidden !important;
}

/* Fixed shell: header and footer stay put; only the center region scrolls. */
#colorbox.express-checkout #cboxLoadedContent > .im-buy-now-shell {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-height: min(90vh, 760px) !important;
  min-height: 0 !important;
  border-radius: var(--im-bn-radius) !important;
  background: var(--im-bn-card) !important;
  overflow: hidden !important;
}

#colorbox.express-checkout #cboxMiddleLeft,
#colorbox.express-checkout #cboxMiddleRight {
  display: none !important;
}

#colorbox.express-checkout #cboxClose {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 40 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background-color: transparent !important;
  background-image: none !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 0 !important;
  color: var(--im-bn-muted) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  text-decoration: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
}

#colorbox.express-checkout #cboxClose::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1.5 1.5l11 11M12.5 1.5l-11 11' stroke='%23000' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1.5 1.5l11 11M12.5 1.5l-11 11' stroke='%23000' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

#colorbox.express-checkout #cboxClose::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

#colorbox.express-checkout #cboxClose:hover,
#colorbox.express-checkout #cboxClose:focus-visible {
  background-color: var(--im-bn-soft) !important;
  background-image: none !important;
  color: var(--im-bn-text) !important;
}

#colorbox.express-checkout #cboxClose:hover::before,
#colorbox.express-checkout #cboxClose:focus-visible::before {
  background-color: currentColor !important;
}

/* ─── Header ─── */

#colorbox.express-checkout .express-checkout__header {
  position: relative !important;
  z-index: 20 !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 60px !important;
  padding: 16px var(--im-bn-pad) !important;
  border-bottom: 1px solid var(--im-bn-line) !important;
  border-radius: var(--im-bn-radius) var(--im-bn-radius) 0 0 !important;
  background: var(--im-bn-card) !important;
  box-shadow: 0 1px 0 rgba(17, 18, 20, 0.02) !important;
}

#colorbox.express-checkout .express-checkout__header-back-button {
  position: absolute !important;
  top: 50% !important;
  left: 12px !important;
  transform: translateY(-50%) !important;
}

#colorbox.express-checkout .express-checkout__header-back-button.btn {
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--im-bn-muted) !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__header-back-button.btn:hover {
  background: var(--im-bn-soft) !important;
  color: var(--im-bn-text) !important;
}

#colorbox.express-checkout .express-checkout__header-title,
#colorbox.express-checkout .express-checkout__header-title.h1,
#colorbox.express-checkout .express-checkout__header-title.h2,
#colorbox.express-checkout .express-checkout__header-title.h3 {
  margin: 0 !important;
  padding: 0 40px !important;
  color: var(--im-bn-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* ─── Body (cart page bg) ─── */

#colorbox.express-checkout .express-checkout__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #f6f6f7 !important;
  color: var(--im-bn-text) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  overflow: hidden !important;
}

#colorbox.express-checkout .im-buy-now-scroll-region {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  gap: var(--im-bn-gap) !important;
  width: 100% !important;
  padding: var(--im-bn-pad) !important;
  background: #f6f6f7 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  -webkit-overflow-scrolling: touch !important;
}

#colorbox.express-checkout .im-buy-now-scroll-region > * {
  flex: 0 0 auto !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer {
  position: relative !important;
  z-index: 20 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 14px var(--im-bn-pad) 16px !important;
  border-top: 1px solid var(--im-bn-line) !important;
  border-radius: 0 0 var(--im-bn-radius) var(--im-bn-radius) !important;
  background: var(--im-bn-card) !important;
  box-shadow: 0 -10px 28px rgba(17, 18, 20, 0.055) !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__summary {
  gap: 10px !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__summary-price {
  margin: 0 !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__gdpr {
  margin: 2px 0 0 !important;
  padding: 0 2px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

#colorbox.express-checkout .express-checkout__body > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Product stack – white cards like /kosik */

#colorbox.express-checkout .im-buy-now-products {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--im-bn-gap) !important;
  margin: 0 !important;
}

#colorbox.express-checkout .im-buy-now-product-card.express-checkout__product,
#colorbox.express-checkout .im-buy-now-product-card.express-checkout__gift {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  grid-template-areas: "image info price" !important;
  gap: 8px 12px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: var(--im-bn-radius) !important;
  background: var(--im-bn-card) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-inner {
  display: contents !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-image,
#colorbox.express-checkout .im-buy-now-product-card .express-checkout__gift-image {
  grid-area: image !important;
  display: flex !important;
  flex: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-image img,
#colorbox.express-checkout .im-buy-now-product-card .express-checkout__gift-image img {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-name,
#colorbox.express-checkout .im-buy-now-product-card .express-checkout__gift-name {
  grid-area: info !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

#colorbox.express-checkout .im-buy-now-product__title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

#colorbox.express-checkout .im-buy-now-product__title + .im-buy-now-discount-badge {
  margin-top: 3px !important;
}

#colorbox.express-checkout .im-buy-now-product__title + .im-buy-now-product__qty {
  margin-top: 4px !important;
}

#colorbox.express-checkout .im-buy-now-product__qty {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: var(--im-bn-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-prices {
  grid-area: price !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 88px !important;
}

#colorbox.express-checkout .im-buy-now-discount-badge,
#colorbox.express-checkout .im-vl-inline-pricing__badge {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 2px 7px !important;
  border: 1px solid #b8dfc5 !important;
  border-radius: 6px !important;
  background: #ecf7ef !important;
  color: #1a7332 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

#colorbox.express-checkout .im-buy-now-discount-badge + .im-buy-now-product__qty {
  margin-top: 4px !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-price-standard {
  margin: 0 !important;
  color: #8a909a !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-price-final,
#colorbox.express-checkout .im-buy-now-product-card .express-checkout__gift-price {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-price-final ins {
  text-decoration: none !important;
}

/* Hidden discount rows (moved to badge / total box) */

#colorbox.express-checkout .im-buy-now-discount-hidden,
#colorbox.express-checkout .im-buy-now-summary,
#colorbox.express-checkout .express-checkout__body > .express-checkout__discount,
#colorbox.express-checkout .express-checkout__discount--standalone {
  display: none !important;
}

/* Total box – sidebar style from /kosik */

#colorbox.express-checkout .im-buy-now-total-box {
  margin: 0 !important;
  padding: var(--im-bn-pad) !important;
  border: 0 !important;
  border-radius: var(--im-bn-radius) !important;
  background: var(--im-bn-soft) !important;
}

#colorbox.express-checkout .im-buy-now-total-box__discounts {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--im-bn-line) !important;
}

#colorbox.express-checkout .im-buy-now-total-discount-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: var(--im-bn-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#colorbox.express-checkout .im-buy-now-total-discount-row__value {
  color: #1f7a33 !important;
  font-weight: 700 !important;
}

#colorbox.express-checkout .im-buy-now-total-box .express-checkout__products-price-total {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 6px 16px !important;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#colorbox.express-checkout .im-buy-now-total-box .express-checkout__products-price-total-label {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

#colorbox.express-checkout .im-buy-now-total-box .express-checkout__products-price-total-value {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

/* Actions block – CSS only, bez přesunu DOM (platba zůstává na místě) */

#colorbox.express-checkout .express-checkout__body > .express-checkout__quick-payment {
  margin: 0 !important;
  padding: var(--im-bn-pad) !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: var(--im-bn-radius) !important;
  background: var(--im-bn-card) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

#colorbox.express-checkout .express-checkout__body > .express-checkout__login-footer {
  margin: 0 !important;
  padding: var(--im-bn-pad) !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: var(--im-bn-radius) !important;
  background: var(--im-bn-card) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

#colorbox.express-checkout .express-checkout__body > .express-checkout__divider {
  margin: 0 !important;
  padding: 0 !important;
}

/* ─── Divider „nebo“ – banner strip ─── */

#colorbox.express-checkout .express-checkout__divider {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#colorbox.express-checkout .express-checkout__divider::before {
  display: none !important;
}

#colorbox.express-checkout .express-checkout__divider-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: var(--im-bn-soft) !important;
  color: var(--im-bn-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

#colorbox.express-checkout .express-checkout__body > .express-checkout__gdpr {
  margin: 0 !important;
  padding: 0 4px 4px !important;
}

#colorbox.express-checkout .im-buy-now-actions {
  display: contents !important;
}

#colorbox.express-checkout .im-buy-now-actions .express-checkout__quick-payment,
#colorbox.express-checkout .im-buy-now-actions .express-checkout__login-footer {
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: var(--im-bn-radius) !important;
  background: var(--im-bn-card) !important;
}

#colorbox.express-checkout .im-buy-now-actions .express-checkout__quick-payment {
  margin-bottom: 12px !important;
}

/* Legacy product rows (before JS layout) */

#colorbox.express-checkout .express-checkout__product:not(.im-buy-now-product-card),
#colorbox.express-checkout .express-checkout__gift:not(.im-buy-now-product-card) {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
}

#colorbox.express-checkout .express-checkout__product-inner,
#colorbox.express-checkout .express-checkout__gift {
  display: flex !important;
  flex: 1 1 auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-width: 0 !important;
}

#colorbox.express-checkout .express-checkout__product-image,
#colorbox.express-checkout .express-checkout__gift-image,
#colorbox.express-checkout .express-checkout__pre-authorization-product-image {
  display: flex !important;
  flex: 0 0 48px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

#colorbox.express-checkout .express-checkout__product-image img,
#colorbox.express-checkout .express-checkout__gift-image img,
#colorbox.express-checkout .express-checkout__pre-authorization-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

#colorbox.express-checkout .express-checkout__product-name,
#colorbox.express-checkout .express-checkout__gift-name,
#colorbox.express-checkout .express-checkout__pre-authorization-product-name {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

#colorbox.express-checkout .express-checkout__product-prices {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 2px !important;
}

#colorbox.express-checkout .express-checkout__product-price-standard {
  margin: 0 !important;
  color: var(--im-bn-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
}

#colorbox.express-checkout .express-checkout__product-price-final,
#colorbox.express-checkout .express-checkout__gift-price {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

#colorbox.express-checkout .express-checkout__product-price-final ins {
  text-decoration: none !important;
}

#colorbox.express-checkout .express-checkout__gift-price {
  margin-left: auto !important;
  color: #2f9e44 !important;
}

/* Discount + total */

#colorbox.express-checkout .express-checkout__discount,
#colorbox.express-checkout .express-checkout__discount--standalone {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  padding-left: 0 !important;
  border-top: 1px solid var(--im-bn-line) !important;
}

#colorbox.express-checkout .express-checkout__discount-name {
  margin: 0 !important;
  color: var(--im-bn-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#colorbox.express-checkout .express-checkout__discount-value {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

#colorbox.express-checkout .express-checkout__products-price-total {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--im-bn-line) !important;
}

#colorbox.express-checkout .express-checkout__products-price-total-label {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

#colorbox.express-checkout .express-checkout__products-price-total-value {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* ─── Wallet buttons (Apple Pay + Google Pay) – JEDINÉ místo v projektu ─── */

#colorbox.express-checkout .express-checkout__quick-payment {
  margin: 0 !important;
}

#colorbox.express-checkout .express-checkout__quick-payment-title {
  margin: 0 0 8px !important;
  color: var(--im-bn-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

#colorbox.express-checkout .express-checkout__quick-payment-description {
  margin: 0 0 16px !important;
  color: var(--im-bn-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

#colorbox.express-checkout .express-checkout__quick-payment-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

#colorbox.express-checkout .express-checkout__quick-payment-buttons > script,
#colorbox.express-checkout .express-checkout__quick-payment-buttons > style {
  display: none !important;
}

#colorbox.express-checkout .express-checkout__quick-payment-buttons > #stpGwRoot,
#colorbox.express-checkout #stpGwRoot {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#colorbox.express-checkout #stpGwRoot apple-pay-button,
#colorbox.express-checkout .express-checkout__quick-payment-buttons apple-pay-button {
  --apple-pay-button-width: 100%;
  --apple-pay-button-height: var(--im-bn-btn-h);
  --apple-pay-button-border-radius: var(--im-bn-btn-radius);
  --apple-pay-button-box-sizing: border-box;
  display: block !important;
  width: 100% !important;
  min-height: var(--im-bn-btn-h) !important;
}

#colorbox.express-checkout .express-checkout__quick-payment-buttons google-pay-button {
  display: block !important;
  width: 100% !important;
  height: var(--im-bn-btn-h) !important;
  min-height: var(--im-bn-btn-h) !important;
}

#colorbox.express-checkout .express-checkout__quick-payment-buttons .adyen-checkout__paywithgoogle,
#colorbox.express-checkout .express-checkout__quick-payment-buttons .gpay-button-fill,
#colorbox.express-checkout .express-checkout__quick-payment-buttons button.gpay-button {
  display: block !important;
  width: 100% !important;
  height: var(--im-bn-btn-h) !important;
  min-height: var(--im-bn-btn-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--im-bn-btn-radius) !important;
  background: var(--im-bn-soft) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* CTA styly (.btn-conversion) nesmí sahat na pay widgety */

/* ─── Login / guest ─── */

#colorbox.express-checkout .express-checkout__login-footer,
#colorbox.express-checkout .express-checkout__summary,
#colorbox.express-checkout .express-checkout__pre-authorization-button,
#colorbox.express-checkout .express-checkout__invoicing-button,
#colorbox.express-checkout .express-checkout__discount-coupon {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

#colorbox.express-checkout .express-checkout__quick-payment .btn.btn-conversion,
#colorbox.express-checkout .express-checkout__quick-payment-buttons .btn.btn-conversion {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#colorbox.express-checkout .express-checkout__login-footer .btn,
#colorbox.express-checkout .express-checkout__login-footer .btn-conversion,
#colorbox.express-checkout .express-checkout__summary .btn,
#colorbox.express-checkout .express-checkout__summary .btn-conversion,
#colorbox.express-checkout .express-checkout__pre-authorization-button .btn,
#colorbox.express-checkout .express-checkout__pre-authorization-button .btn-conversion,
#colorbox.express-checkout .express-checkout__invoicing-button .btn,
#colorbox.express-checkout .express-checkout__invoicing-button .btn-conversion,
#colorbox.express-checkout .express-checkout__discount-coupon .btn,
#colorbox.express-checkout .express-checkout__result-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: var(--im-bn-btn-h) !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: var(--im-bn-btn-radius) !important;
  background: var(--im-bn-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;
}

#colorbox.express-checkout .express-checkout__login-footer .btn:hover,
#colorbox.express-checkout .express-checkout__login-footer .btn-conversion:hover,
#colorbox.express-checkout .express-checkout__summary .btn:hover,
#colorbox.express-checkout .express-checkout__summary .btn-conversion:hover,
#colorbox.express-checkout .express-checkout__pre-authorization-button .btn:hover,
#colorbox.express-checkout .express-checkout__pre-authorization-button .btn-conversion:hover,
#colorbox.express-checkout .express-checkout__invoicing-button .btn:hover,
#colorbox.express-checkout .express-checkout__invoicing-button .btn-conversion:hover,
#colorbox.express-checkout .express-checkout__discount-coupon .btn:hover,
#colorbox.express-checkout .express-checkout__result-button:hover {
  background: var(--im-bn-accent-hover) !important;
  color: #fff !important;
}

#colorbox.express-checkout .express-checkout__login-footer .btn-conversion::after,
#colorbox.express-checkout .express-checkout__summary .btn-conversion::after,
#colorbox.express-checkout .express-checkout__pre-authorization-button .btn-conversion::after,
#colorbox.express-checkout .express-checkout__invoicing-button .btn-conversion::after,
#colorbox.express-checkout .express-checkout__result-button.btn-conversion::after {
  display: none !important;
  content: none !important;
}

#colorbox.express-checkout .express-checkout__login-footer-link {
  margin: 0 !important;
  color: var(--im-bn-muted) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

#colorbox.express-checkout .express-checkout__login-footer-link a {
  color: var(--im-bn-text) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

#colorbox.express-checkout .express-checkout__login-footer-link a:hover {
  color: var(--im-bn-accent) !important;
}

#colorbox.express-checkout .express-checkout__login-title {
  margin: 0 0 12px !important;
  color: var(--im-bn-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

#colorbox.express-checkout .express-checkout__login-form-group {
  margin: 0 !important;
}

#colorbox.express-checkout .express-checkout__login-form-group + .express-checkout__login-form-group {
  margin-top: 10px !important;
}

#colorbox.express-checkout .express-checkout__login-form-group label {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--im-bn-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#colorbox.express-checkout .express-checkout__login-form-group .form-control {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__login-form-group .form-control:focus {
  border-color: var(--im-bn-accent) !important;
  box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important;
  outline: none !important;
}

/* ─── GDPR / legal ─── */

#colorbox.express-checkout .express-checkout__gdpr {
  margin: 20px 0 0 !important;
  color: var(--im-bn-muted) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

#colorbox.express-checkout .express-checkout__gdpr a {
  color: var(--im-bn-muted) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

#colorbox.express-checkout .express-checkout__gdpr a:hover {
  color: var(--im-bn-text) !important;
}

/* ─── Checkout steps (shipping / billing / summary) ─── */

#colorbox.express-checkout .express-checkout__info {
  margin-top: 16px !important;
  padding: 0 16px !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

#colorbox.express-checkout .express-checkout__info-shipping,
#colorbox.express-checkout .express-checkout__info-invoicing,
#colorbox.express-checkout .express-checkout__info-billing {
  min-height: 52px !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--im-bn-line) !important;
}

#colorbox.express-checkout .express-checkout__info-shipping:first-child,
#colorbox.express-checkout .express-checkout__info-invoicing:first-child,
#colorbox.express-checkout .express-checkout__info-billing:first-child {
  border-top: 0 !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-name,
#colorbox.express-checkout .express-checkout__info-invoicing-name,
#colorbox.express-checkout .express-checkout__info-billing-name {
  color: var(--im-bn-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#colorbox.express-checkout .express-checkout__info-invoicing-detail {
  color: var(--im-bn-muted) !important;
  font-size: 13px !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-price,
#colorbox.express-checkout .express-checkout__shipping-billing-item-price {
  color: #2f9e44 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#colorbox.express-checkout .express-checkout__summary-price {
  margin: 0 0 12px !important;
  color: var(--im-bn-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

#colorbox.express-checkout .express-checkout__summary-error {
  margin: 0 0 10px !important;
  color: #e03131 !important;
  font-size: 13px !important;
  text-align: center !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing {
  padding: 0 !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-wrapper {
  margin-bottom: 8px !important;
  padding: 0 !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-footer {
  margin: 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid var(--im-bn-line) !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-footer-link {
  color: var(--im-bn-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

#colorbox.express-checkout .express-checkout__discount-coupon-input-wrapper.form-group label {
  margin-bottom: 6px !important;
  color: var(--im-bn-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#colorbox.express-checkout .express-checkout__discount-coupon-input-wrapper .form-control {
  min-height: 48px !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__loading {
  padding: 48px 20px !important;
}

#colorbox.express-checkout .express-checkout__loading-spinner {
  border-color: rgba(48, 50, 51, 0.18) !important;
  border-right-color: var(--im-bn-accent) !important;
}

#colorbox.express-checkout .express-checkout__result {
  max-width: none !important;
  padding: 24px 0 !important;
}

#colorbox.express-checkout .express-checkout__result-icon {
  width: 72px !important;
  height: 72px !important;
}


/* =========================================================
   EXPRESS CHECKOUT – NATIVE CONTROLS / FORM COMPLETION
   Shoptet 2026-08 DOM: editable quantity + invoicing templates
   ========================================================= */

#colorbox.express-checkout {
  --im-bn-control-h: 48px;
  --im-bn-focus-ring: 0 0 0 3px rgba(48, 50, 51, 0.10);
  --im-bn-danger: #b42318;
  --im-bn-danger-soft: #fff6f5;
}

/* Current Shoptet quantity control is a separate grid item. */
#colorbox.express-checkout .im-buy-now-product-card.express-checkout__product {
  grid-template-columns: 52px minmax(0, 1fr) auto auto !important;
  grid-template-areas: "image info qty price" !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-quantity {
  grid-area: qty !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .quantity {
  display: grid !important;
  grid-template-columns: 30px 44px 30px !important;
  grid-template-areas: "minus amount plus" !important;
  align-items: stretch !important;
  width: 104px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .quantity > label {
  grid-area: amount !important;
  display: block !important;
  width: 44px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#colorbox.express-checkout .express-checkout__product-quantity input.amount {
  box-sizing: border-box !important;
  display: block !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 3px !important;
  border: 0 !important;
  border-right: 1px solid var(--im-bn-line) !important;
  border-left: 1px solid var(--im-bn-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--im-bn-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  text-align: center !important;
  box-shadow: none !important;
  outline: 0 !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

#colorbox.express-checkout .express-checkout__product-quantity input.amount::-webkit-outer-spin-button,
#colorbox.express-checkout .express-checkout__product-quantity input.amount::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .increase,
#colorbox.express-checkout .express-checkout__product-quantity .decrease {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 34px !important;
  min-width: 30px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--im-bn-text) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .increase {
  grid-area: plus !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .decrease {
  grid-area: minus !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .increase:hover,
#colorbox.express-checkout .express-checkout__product-quantity .decrease:hover {
  background: var(--im-bn-soft) !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .increase:focus-visible,
#colorbox.express-checkout .express-checkout__product-quantity .decrease:focus-visible,
#colorbox.express-checkout .express-checkout__product-quantity input.amount:focus-visible {
  position: relative !important;
  z-index: 2 !important;
  outline: 2px solid rgba(48, 50, 51, 0.22) !important;
  outline-offset: -2px !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .increase-tooltip,
#colorbox.express-checkout .express-checkout__product-quantity .decrease-tooltip {
  display: none !important;
}

/* Invoicing form: remove native Shoptet fieldset/input appearance. */
#colorbox.express-checkout .express-checkout__invoicing {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#colorbox.express-checkout .express-checkout__invoicing fieldset.box {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing fieldset.box + fieldset.box {
  padding-top: 18px !important;
  border-top: 1px solid var(--im-bn-line) !important;
}

#colorbox.express-checkout .express-checkout__invoicing fieldset.box > h2 {
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .form-legend {
  margin: -8px 0 14px !important;
  padding: 0 !important;
  color: var(--im-bn-muted) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

#colorbox.express-checkout .express-checkout__invoicing .form-group,
#colorbox.express-checkout .express-checkout__invoicing .smart-label-wrapper,
#colorbox.express-checkout .express-checkout__invoicing .smart-label-wrapper.populated,
#colorbox.express-checkout .express-checkout__invoicing .smart-label-wrapper.focused {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  float: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing fieldset.box > .form-group:last-child,
#colorbox.express-checkout .express-checkout__invoicing #company-info > .form-group:last-child,
#colorbox.express-checkout .express-checkout__invoicing #shipping-address > .form-group:last-child {
  margin-bottom: 0 !important;
}

#colorbox.express-checkout .express-checkout__invoicing .smart-label-wrapper > label,
#colorbox.express-checkout .express-checkout__invoicing .smart-label-wrapper.populated > label,
#colorbox.express-checkout .express-checkout__invoicing .smart-label-wrapper.focused > label,
#colorbox.express-checkout .express-checkout__invoicing .form-group > label:not(.whole-width) {
  position: static !important;
  inset: auto !important;
  display: block !important;
  order: 1 !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  float: none !important;
  background: transparent !important;
  color: var(--im-bn-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  pointer-events: auto !important;
}

#colorbox.express-checkout .express-checkout__invoicing .form-control-wrapper,
#colorbox.express-checkout .express-checkout__invoicing .js-validated-element-wrapper.form-control-wrapper {
  position: relative !important;
  order: 2 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#colorbox.express-checkout .express-checkout__invoicing input.form-control,
#colorbox.express-checkout .express-checkout__invoicing select.form-control,
#colorbox.express-checkout .express-checkout__invoicing textarea.form-control {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: var(--im-bn-control-h) !important;
  min-height: var(--im-bn-control-h) !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #d9dde3 !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: var(--im-bn-text) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  box-shadow: none !important;
  outline: none !important;
  float: none !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease !important;
}

#colorbox.express-checkout .express-checkout__invoicing input.form-control:hover,
#colorbox.express-checkout .express-checkout__invoicing select.form-control:hover,
#colorbox.express-checkout .express-checkout__invoicing textarea.form-control:hover {
  border-color: #c7cbd1 !important;
}

#colorbox.express-checkout .express-checkout__invoicing input.form-control:focus,
#colorbox.express-checkout .express-checkout__invoicing select.form-control:focus,
#colorbox.express-checkout .express-checkout__invoicing textarea.form-control:focus {
  border-color: var(--im-bn-accent) !important;
  box-shadow: var(--im-bn-focus-ring) !important;
  outline: 0 !important;
}

#colorbox.express-checkout .express-checkout__invoicing input.form-control.invalid,
#colorbox.express-checkout .express-checkout__invoicing select.form-control.invalid,
#colorbox.express-checkout .express-checkout__invoicing .form-group.has-error input.form-control,
#colorbox.express-checkout .express-checkout__invoicing .form-group.has-error select.form-control {
  border-color: #d98d86 !important;
  background: var(--im-bn-danger-soft) !important;
}

#colorbox.express-checkout .express-checkout__invoicing select.form-control {
  padding-right: 42px !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.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 13px center !important;
  background-size: 16px 16px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing select.form-control:disabled,
#colorbox.express-checkout .express-checkout__invoicing input.form-control:disabled {
  background-color: #f5f6f7 !important;
  color: var(--im-bn-muted) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

#colorbox.express-checkout .express-checkout__invoicing .no-display,
#colorbox.express-checkout .express-checkout__invoicing .js-location--hidden,
#colorbox.express-checkout .express-checkout__invoicing .js-hidden:not(.visible) {
  display: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing #company-info.visible,
#colorbox.express-checkout .express-checkout__invoicing #shipping-address.visible,
#colorbox.express-checkout .express-checkout__invoicing #company-info:not(.js-hidden),
#colorbox.express-checkout .express-checkout__invoicing #shipping-address:not(.js-hidden) {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Small help icon next to VAT ID. */
#colorbox.express-checkout .express-checkout__invoicing .form-group-tooltip,
#colorbox.express-checkout .express-checkout__invoicing .question-tooltip {
  position: absolute !important;
  right: 11px !important;
  bottom: 12px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d9dde3 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--im-bn-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .form-group-hasTooltip input.form-control {
  padding-right: 46px !important;
}

/* Phone – compact IONTMAX country-code selector + number field. */
#colorbox.express-checkout .express-checkout__invoicing .phone-combined-input {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: var(--im-bn-control-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .phone-combined-input > select,
#colorbox.express-checkout .express-checkout__invoicing .phone-combined-input > select.js-phone-code {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .phone-combined-input > .country-flags {
  position: relative !important;
  z-index: 40 !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 112px !important;
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  height: var(--im-bn-control-h) !important;
  min-height: var(--im-bn-control-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  overflow: visible !important;
  outline: 0 !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags > .country-flags-inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--im-bn-control-h) !important;
  min-height: var(--im-bn-control-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid #d9dde3 !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags:focus > .country-flags-inner,
#colorbox.express-checkout .express-checkout__invoicing .country-flags:focus-visible > .country-flags-inner {
  border-color: var(--im-bn-accent) !important;
  box-shadow: var(--im-bn-focus-ring) !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags .country-flag {
  box-sizing: border-box !important;
  position: relative !important;
  display: none !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: calc(var(--im-bn-control-h) - 2px) !important;
  min-height: calc(var(--im-bn-control-h) - 2px) !important;
  margin: 0 !important;
  padding: 0 30px 0 11px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--im-bn-text) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags .country-flag.selected {
  display: flex !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags .shp-flag {
  display: block !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags .shp-flag-label {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags:not(.active) .shp-flag-name {
  display: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags:not(.active) .country-flag.selected::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -5px !important;
  border-right: 1.5px solid var(--im-bn-muted) !important;
  border-bottom: 1.5px solid var(--im-bn-muted) !important;
  transform: rotate(45deg) !important;
  pointer-events: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags.active {
  z-index: 100 !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags.active > .country-flags-inner {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  display: block !important;
  width: min(310px, calc(100vw - 56px)) !important;
  min-width: 230px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 280px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid #d9dde3 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 16px 40px rgba(17, 18, 20, 0.14) !important;
  scrollbar-width: thin !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags.active.turned > .country-flags-inner {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags.active .country-flag,
#colorbox.express-checkout .express-checkout__invoicing .country-flags.active .country-flag.selected {
  display: flex !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags.active .country-flag:hover,
#colorbox.express-checkout .express-checkout__invoicing .country-flags.active .country-flag:focus,
#colorbox.express-checkout .express-checkout__invoicing .country-flags.active .country-flag.suggested {
  background: var(--im-bn-soft) !important;
  outline: none !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags.active .country-flag.selected {
  background: #f0f1f2 !important;
}

#colorbox.express-checkout .express-checkout__invoicing .country-flags.active .shp-flag-name {
  display: inline !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#colorbox.express-checkout .express-checkout__invoicing .phone-combined-input > input.form-control,
#colorbox.express-checkout .express-checkout__invoicing .phone-combined-input input[type="tel"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Company / alternate delivery checkboxes. */
#colorbox.express-checkout .express-checkout__invoicing .form-group:has(> input[type="checkbox"]) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 34px !important;
  margin: 2px 0 14px !important;
  padding: 4px 0 !important;
}

#colorbox.express-checkout .express-checkout__invoicing input[type="checkbox"] {
  position: static !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #cfd3d8 !important;
  border-radius: 5px !important;
  background: #fff !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

#colorbox.express-checkout .express-checkout__invoicing input[type="checkbox"]:checked {
  border-color: var(--im-bn-accent) !important;
  background-color: var(--im-bn-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;
}

#colorbox.express-checkout .express-checkout__invoicing input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(48, 50, 51, 0.22) !important;
  outline-offset: 2px !important;
}

#colorbox.express-checkout .express-checkout__invoicing input[type="checkbox"] + label,
#colorbox.express-checkout .express-checkout__invoicing 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;
  color: var(--im-bn-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
}

#colorbox.express-checkout .express-checkout__invoicing .form-group:has(> input[type="checkbox"]) > label::before,
#colorbox.express-checkout .express-checkout__invoicing .form-group:has(> input[type="checkbox"]) > label::after,
#colorbox.express-checkout .express-checkout__invoicing input[type="checkbox"] + label::before,
#colorbox.express-checkout .express-checkout__invoicing input[type="checkbox"] + label::after {
  display: none !important;
  content: none !important;
}

/* Shipping / payment choice cards. */
#colorbox.express-checkout .express-checkout__shipping-billing {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-wrapper {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--im-bn-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color 0.16s ease, background-color 0.16s ease !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-wrapper:hover {
  border-color: #c8ccd1 !important;
  background: #fafafa !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-wrapper:has(> input[type="radio"]:checked) {
  border-color: var(--im-bn-accent) !important;
  background: #f7f7f7 !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-wrapper > input[type="radio"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  opacity: 0 !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item {
  position: relative !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 10px 14px 10px 44px !important;
  background: transparent !important;
  color: var(--im-bn-text) !important;
  cursor: pointer !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 14px !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: -9px !important;
  border: 1.5px solid #c8ccd1 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 19px !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: -4px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-wrapper > input[type="radio"]:checked + .express-checkout__shipping-billing-item::before {
  border-color: var(--im-bn-accent) !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-wrapper > input[type="radio"]:checked + .express-checkout__shipping-billing-item::after {
  background: var(--im-bn-accent) !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-wrapper > input[type="radio"]:focus-visible + .express-checkout__shipping-billing-item {
  outline: 2px solid rgba(48, 50, 51, 0.20) !important;
  outline-offset: -2px !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-image {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 30px !important;
  margin: 0 !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-image img {
  display: block !important;
  width: auto !important;
  max-width: 44px !important;
  height: auto !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-name {
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

#colorbox.express-checkout .express-checkout__shipping-billing-item-price {
  margin: 0 !important;
  color: var(--im-bn-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Main information rows on first Express Checkout step. */
#colorbox.express-checkout .express-checkout__info-shipping,
#colorbox.express-checkout .express-checkout__info-invoicing,
#colorbox.express-checkout .express-checkout__info-billing {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  cursor: pointer !important;
  outline: none !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-inner,
#colorbox.express-checkout .express-checkout__info-invoicing-inner,
#colorbox.express-checkout .express-checkout__info-billing-inner {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-image,
#colorbox.express-checkout .express-checkout__info-billing-image {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 28px !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-image img,
#colorbox.express-checkout .express-checkout__info-billing-image img {
  display: block !important;
  width: auto !important;
  max-width: 46px !important;
  height: auto !important;
  max-height: 26px !important;
  object-fit: contain !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-price {
  margin-left: auto !important;
  color: var(--im-bn-text) !important;
  white-space: nowrap !important;
}

#colorbox.express-checkout .express-checkout__info-invoicing-invalid {
  margin: 0 !important;
  color: var(--im-bn-danger) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

#colorbox.express-checkout .express-checkout__info-icon {
  position: relative !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
}

#colorbox.express-checkout .express-checkout__info-icon::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-top: 1.5px solid var(--im-bn-muted) !important;
  border-right: 1.5px solid var(--im-bn-muted) !important;
  transform: translate(-65%, -50%) rotate(45deg) !important;
}

#colorbox.express-checkout .express-checkout__summary-discount {
  margin-top: 10px !important;
  text-align: center !important;
}

#colorbox.express-checkout .express-checkout__summary-discount-button {
  margin: 0 !important;
  padding: 4px 2px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--im-bn-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#colorbox.express-checkout .express-checkout__summary-discount-button:hover {
  color: var(--im-bn-text) !important;
}

@media (max-width: 620px) {
  #colorbox.express-checkout .im-buy-now-product-card.express-checkout__product {
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "image info price"
      "image qty qty" !important;
  }

  #colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-quantity {
    justify-self: start !important;
    margin-top: 4px !important;
  }

  #colorbox.express-checkout .express-checkout__shipping-billing-item {
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding-right: 12px !important;
  }

  #colorbox.express-checkout .express-checkout__shipping-billing-item-image {
    width: 38px !important;
    min-width: 38px !important;
  }

  #colorbox.express-checkout .express-checkout__shipping-billing-item-image img {
    max-width: 38px !important;
  }
}

@media (max-width: 479px) {
  #colorbox.express-checkout .express-checkout__invoicing .phone-combined-input > .country-flags {
    flex-basis: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }

  #colorbox.express-checkout .express-checkout__invoicing .country-flags .country-flag {
    padding-left: 9px !important;
    padding-right: 28px !important;
  }
}

@media (max-width: 479px) {
  #colorbox.express-checkout {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  #colorbox.express-checkout .express-checkout__body {
    padding: 0 !important;
  }

  #colorbox.express-checkout .im-buy-now-scroll-region {
    padding: 16px !important;
  }

  #colorbox.express-checkout .im-buy-now-fixed-footer {
    padding: 12px 16px 14px !important;
  }

  #colorbox.express-checkout .im-buy-now-summary {
    padding: 14px !important;
  }

  #colorbox.express-checkout .express-checkout__quick-payment-buttons,
  #colorbox.express-checkout .express-checkout__quick-payment-buttons > #stpGwRoot {
    flex-direction: column !important;
  }
}

/* ─────────────────────────────────────────────────────────────
 * IONTMAX Express Checkout v27 – main view readability polish
 * Keeps fixed header/footer; improves the central cart overview.
 * ───────────────────────────────────────────────────────────── */

#colorbox.express-checkout {
  --im-bn-view-bg: #f5f5f6;
  --im-bn-view-card-border: #e8e8ea;
  --im-bn-view-card-shadow: 0 1px 2px rgba(17, 18, 20, 0.025);
  --im-bn-view-hover: #fafafa;
}

#colorbox.express-checkout .im-buy-now-scroll-region {
  gap: 10px !important;
  padding: 16px 18px 18px !important;
  background: var(--im-bn-view-bg) !important;
}

/* Products: compact, calm hierarchy with predictable alignment. */
#colorbox.express-checkout .im-buy-now-products {
  gap: 8px !important;
}

#colorbox.express-checkout .im-buy-now-product-card.express-checkout__product,
#colorbox.express-checkout .im-buy-now-product-card.express-checkout__gift {
  grid-template-columns: 48px minmax(0, 1fr) auto auto !important;
  grid-template-areas: "image info qty price" !important;
  column-gap: 10px !important;
  row-gap: 6px !important;
  min-height: 68px !important;
  padding: 9px 12px !important;
  border-color: var(--im-bn-view-card-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--im-bn-view-card-shadow) !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-image,
#colorbox.express-checkout .im-buy-now-product-card .express-checkout__gift-image {
  width: 48px !important;
  height: 48px !important;
  border-radius: 9px !important;
  background: #f8f8f8 !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-image img,
#colorbox.express-checkout .im-buy-now-product-card .express-checkout__gift-image img {
  width: 42px !important;
  height: 42px !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-name,
#colorbox.express-checkout .im-buy-now-product-card .express-checkout__gift-name,
#colorbox.express-checkout .im-buy-now-product__title {
  color: #17181a !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.32 !important;
}

#colorbox.express-checkout .im-buy-now-product__qty {
  margin-top: 3px !important;
  color: #777b82 !important;
  font-size: 11.5px !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-prices {
  min-width: 72px !important;
  gap: 3px !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-price-final,
#colorbox.express-checkout .im-buy-now-product-card .express-checkout__gift-price {
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
}

#colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-price-standard {
  font-size: 11px !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .quantity {
  grid-template-columns: 28px 38px 28px !important;
  width: 94px !important;
  height: 34px !important;
  border-color: #dedee1 !important;
  border-radius: 9px !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .quantity > label,
#colorbox.express-checkout .express-checkout__product-quantity input.amount {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 32px !important;
  min-height: 32px !important;
}

#colorbox.express-checkout .express-checkout__product-quantity input.amount {
  padding: 0 2px !important;
  border-color: #e4e4e6 !important;
  font-size: 12px !important;
  line-height: 32px !important;
}

#colorbox.express-checkout .express-checkout__product-quantity .increase,
#colorbox.express-checkout .express-checkout__product-quantity .decrease {
  width: 28px !important;
  min-width: 28px !important;
  height: 32px !important;
  min-height: 32px !important;
  color: #37393d !important;
  font-size: 15px !important;
}

/* Product subtotal: visible separator, but deliberately quieter than order total. */
#colorbox.express-checkout .im-buy-now-total-box {
  padding: 13px 15px !important;
  border: 1px solid var(--im-bn-view-card-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: var(--im-bn-view-card-shadow) !important;
}

#colorbox.express-checkout .im-buy-now-total-box .express-checkout__products-price-total-label {
  color: #555960 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#colorbox.express-checkout .im-buy-now-total-box .express-checkout__products-price-total-value {
  color: #17181a !important;
  font-size: 19px !important;
  font-weight: 750 !important;
}

/* First-step information: three independent cards instead of one dense list. */
#colorbox.express-checkout .express-checkout__info {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#colorbox.express-checkout .express-checkout__info-shipping,
#colorbox.express-checkout .express-checkout__info-invoicing,
#colorbox.express-checkout .express-checkout__info-billing {
  box-sizing: border-box !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid var(--im-bn-view-card-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: var(--im-bn-view-card-shadow) !important;
  transition: border-color .16s ease, background-color .16s ease !important;
}

#colorbox.express-checkout .express-checkout__info-shipping:first-child,
#colorbox.express-checkout .express-checkout__info-invoicing:first-child,
#colorbox.express-checkout .express-checkout__info-billing:first-child {
  border-top: 1px solid var(--im-bn-view-card-border) !important;
}

#colorbox.express-checkout .express-checkout__info-shipping:hover,
#colorbox.express-checkout .express-checkout__info-invoicing:hover,
#colorbox.express-checkout .express-checkout__info-billing:hover {
  border-color: #d8d8dc !important;
  background: var(--im-bn-view-hover) !important;
}

#colorbox.express-checkout .express-checkout__info-shipping:focus-visible,
#colorbox.express-checkout .express-checkout__info-invoicing:focus-visible,
#colorbox.express-checkout .express-checkout__info-billing:focus-visible {
  outline: 2px solid rgba(48, 50, 51, 0.18) !important;
  outline-offset: 1px !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-inner,
#colorbox.express-checkout .express-checkout__info-billing-inner {
  gap: 10px !important;
}

#colorbox.express-checkout .express-checkout__info-invoicing-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-image,
#colorbox.express-checkout .express-checkout__info-billing-image {
  flex-basis: 42px !important;
  width: 42px !important;
  height: 26px !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-image img,
#colorbox.express-checkout .express-checkout__info-billing-image img {
  max-width: 42px !important;
  max-height: 24px !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-name,
#colorbox.express-checkout .express-checkout__info-invoicing-name,
#colorbox.express-checkout .express-checkout__info-billing-name {
  margin: 0 !important;
  color: #202226 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

#colorbox.express-checkout .express-checkout__info-invoicing-detail {
  margin: 0 !important;
  color: #747880 !important;
  font-size: 11.5px !important;
  font-weight: 450 !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}

#colorbox.express-checkout .express-checkout__info-shipping-price {
  margin-left: auto !important;
  padding: 3px 7px !important;
  border-radius: 7px !important;
  background: #f3f3f4 !important;
  color: #303236 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

#colorbox.express-checkout .express-checkout__info-icon {
  flex-basis: 16px !important;
  width: 16px !important;
  height: 16px !important;
  opacity: .72 !important;
}

/* Fixed footer: clearer order-total hierarchy, compact legal text. */
#colorbox.express-checkout .im-buy-now-fixed-footer {
  gap: 7px !important;
  padding: 12px 18px 14px !important;
  border-top-color: #e6e6e8 !important;
  box-shadow: 0 -8px 24px rgba(17, 18, 20, 0.045) !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__summary {
  gap: 8px !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__summary-price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  color: #4e5259 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

#colorbox.express-checkout .im-buy-now-summary-label {
  color: #656970 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

#colorbox.express-checkout .im-buy-now-summary-value {
  margin-left: auto !important;
  color: #111214 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__summary .btn,
#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__summary .btn-conversion {
  min-height: 48px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  letter-spacing: .025em !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__summary-discount {
  margin-top: 0 !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__summary-discount-button {
  padding: 2px !important;
  font-size: 11.5px !important;
  font-weight: 550 !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__gdpr {
  margin: 0 !important;
  padding: 0 4px !important;
  color: #858990 !important;
  font-size: 9.8px !important;
  line-height: 1.35 !important;
}

#colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__gdpr a {
  color: #6f737a !important;
}

/* Fallback if a Shoptet rerender is visible for a moment before JS enhancement. */
#colorbox.express-checkout .im-buy-now-scroll-region > .express-checkout__product:not(.im-buy-now-product-card),
#colorbox.express-checkout .express-checkout__body > .express-checkout__product:not(.im-buy-now-product-card) {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto auto !important;
  gap: 8px 10px !important;
  align-items: center !important;
  margin: 0 0 8px !important;
  padding: 9px 12px !important;
  border: 1px solid var(--im-bn-view-card-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

@media (max-width: 620px) {
  #colorbox.express-checkout .im-buy-now-product-card.express-checkout__product {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "image info price"
      "image qty qty" !important;
  }

  #colorbox.express-checkout .im-buy-now-product-card .express-checkout__product-quantity {
    justify-self: start !important;
    margin-top: 2px !important;
  }

  #colorbox.express-checkout .im-buy-now-scroll-region {
    padding: 14px !important;
  }

  #colorbox.express-checkout .im-buy-now-fixed-footer {
    padding: 11px 14px 13px !important;
  }

  #colorbox.express-checkout .im-buy-now-fixed-footer .express-checkout__gdpr {
    font-size: 9.5px !important;
  }
}