/**
 * Desktop cart + mini cart — applies only at min-width: 901px.
 * Mobile cart styles are never overridden here.
 * Specificity is kept above css/cart-drawer-premium.css (loaded later).
 */
@media (min-width: 901px) {
  html body .desktop-cart-only {
    display: flex !important;
  }

  html body #desktopMiniCart {
    display: none !important;
  }
  html body #desktopMiniCart.is-open {
    display: flex !important;
  }

  html body #cartDrawer.is-empty .desktop-cart-list-actions,
  html body #cartDrawer.is-empty .desktop-cart-cols {
    display: none !important;
  }
  html body #cartDrawer.is-empty .desktop-cart-stack {
    grid-column: 1 / -1;
  }

  /* ── Mini cart ── */
  html body #desktopMiniCart.desktop-mini-cart {
    position: fixed;
    z-index: 2160;
    top: calc(var(--nav-total-h, 88px) + 10px);
    right: 18px;
    left: auto;
    width: 320px;
    max-width: calc(100vw - 36px);
    padding: 16px 16px 14px;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    border: 1px solid #e2e7ee;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(16, 37, 81, .16);
    color: #102551;
    font-family: Inter, Arial, sans-serif;
  }
  html[dir="rtl"] body #desktopMiniCart.desktop-mini-cart {
    right: auto;
    left: 18px;
  }
  html body .desktop-mini-cart__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    color: #6b7a90;
    font: 400 22px/1 Arial, sans-serif;
    cursor: pointer;
  }
  html[dir="rtl"] body .desktop-mini-cart__close { right: auto; left: 8px; }
  html body .desktop-mini-cart__ok {
    color: #12823a;
    font: 800 14px/1.2 Inter, Arial, sans-serif;
  }
  html body .desktop-mini-cart__product {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 10px;
    align-items: start;
  }
  html body .desktop-mini-cart__img {
    width: 56px;
    height: 56px;
    border: 1px solid #edf0f4;
    border-radius: 8px;
    background: #f7f9fb;
    object-fit: contain;
  }
  html body .desktop-mini-cart__name {
    margin: 0;
    color: #102551;
    font: 700 13px/1.3 Inter, Arial, sans-serif;
  }
  html body .desktop-mini-cart__ar {
    margin: 2px 0 0;
    color: #5b6b82;
    font: 500 12px/1.3 "Segoe UI", Tahoma, sans-serif;
  }
  html body .desktop-mini-cart__meta {
    margin: 4px 0 0;
    color: #6b7a90;
    font: 600 11px/1.35 Inter, Arial, sans-serif;
  }
  html body .desktop-mini-cart__price {
    margin: 6px 0 0;
    color: #102551;
    font: 800 13px/1 Inter, Arial, sans-serif;
  }
  html body .desktop-mini-cart__subtotal {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid #edf0f4;
    color: #102551;
    font: 700 12px/1.3 Inter, Arial, sans-serif;
  }
  html body .desktop-mini-cart__view,
  html body .desktop-mini-cart__continue {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
    cursor: pointer;
    font: 800 13px/1 Inter, Arial, sans-serif;
  }
  html body .desktop-mini-cart__view {
    border: 0;
    background: #d71920;
    color: #fff;
  }
  html body .desktop-mini-cart__continue {
    border: 1px solid #204a85;
    background: #fff;
    color: #204a85;
  }

  /* ── Overlay + full cart shell ── */
  html body #cartOverlay {
    top: var(--nav-total-h, 88px) !important;
    background: #eef1f5 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body #cartDrawer.cart-drawer,
  html[dir="ltr"] body #cartDrawer.cart-drawer,
  html[dir="rtl"] body #cartDrawer.cart-drawer {
    --dc-cols: minmax(0, 4fr) minmax(0, 2.3fr) minmax(76px, 1.1fr) minmax(120px, 1.3fr) minmax(76px, 1fr) 40px;
    top: var(--nav-total-h, 88px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 330px);
    grid-template-rows: 1fr auto;
    align-items: start;
    align-content: stretch;
    gap: 12px 28px;
    padding: 20px 40px 24px;
    overflow: auto;
    background: #eef1f5 !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px) !important;
    transition: transform .22s ease, opacity .22s ease !important;
  }
  html body #cartDrawer.cart-drawer.open,
  html[dir="ltr"] body #cartDrawer.cart-drawer.open,
  html[dir="rtl"] body #cartDrawer.cart-drawer.open {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    transform: none !important;
  }
  html body #cartDrawer.cart-drawer.cart-drawer--confirm,
  html[dir="ltr"] body #cartDrawer.cart-drawer.cart-drawer--confirm {
    animation: none !important;
  }

  html body #cartDrawer .cart-header,
  html body #cartDrawer .cart-close-btn {
    display: none !important;
  }

  html body .desktop-cart-stack {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }

  html body .desktop-cart-toolbar {
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 0;
  }
  html body .desktop-cart-heading {
    margin: 0;
    color: #102551;
    font: 800 24px/1.15 Inter, Arial, sans-serif;
  }
  html body .desktop-cart-heading-count { color: #d71920; font-weight: 800; }
  html body .desktop-cart-clear-head,
  html body #cartDrawer .desktop-cart-clear-head.btn-clear-cart {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #8a96a8 !important;
    font: 600 13px/1 Inter, Arial, sans-serif !important;
  }
  html body .desktop-cart-clear-head svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }
  html body .desktop-cart-clear-head:hover,
  html body #cartDrawer .desktop-cart-clear-head.btn-clear-cart:hover {
    border: 0 !important;
    background: transparent !important;
    color: #d71920 !important;
  }

  html body .desktop-cart-trust.desktop-cart-only {
    display: grid !important;
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    width: 100%;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.25fr) minmax(140px, 0.9fr) minmax(0, 1.2fr) minmax(0, 1.1fr);
    align-items: stretch;
    gap: 0;
    margin-top: 8px;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 10px;
    color: #102551;
  }
  html body .desktop-cart-trust-card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 12px 14px;
    border-inline-end: 1px solid #edf0f4;
  }
  html body .desktop-cart-trust-card:last-child { border-inline-end: 0; }
  html body .desktop-cart-trust-card svg {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    fill: none;
    stroke: #102551;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  html body .desktop-cart-trust-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  html body .desktop-cart-trust-copy b {
    color: #102551;
    font: 800 13px/1.2 Inter, Arial, sans-serif;
  }
  html body .desktop-cart-trust-copy span {
    color: #102551;
    font: 600 12px/1.3 "Segoe UI", Tahoma, sans-serif;
  }
  html body .desktop-cart-trust-copy--ar {
    text-align: right;
    direction: rtl;
  }
  html body .desktop-cart-trust-copy--ar b {
    font: 800 13px/1.35 "Segoe UI", Tahoma, sans-serif;
  }
  html body .desktop-cart-trust-card--logo,
  html body .desktop-cart-trust-card--ar {
    justify-content: center;
  }
  html body .desktop-cart-trust-lockup {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    flex: 0 0 auto;
  }
  html body .desktop-cart-trust-lockup img {
    display: block;
    width: 72px;
    height: 28px;
    object-fit: contain;
    object-position: center;
  }
  html body .desktop-cart-trust-lockup span {
    color: #111315;
    font: 800 10px/1 Inter, Arial, sans-serif;
    letter-spacing: .06em;
  }
  @media (max-width: 1280px) {
    html body .desktop-cart-trust-card {
      gap: 8px;
      padding: 10px 8px;
    }
    html body .desktop-cart-trust-card svg {
      width: 24px;
      height: 24px;
      flex-basis: 24px;
    }
    html body .desktop-cart-trust-copy b { font-size: 12px; }
    html body .desktop-cart-trust-copy span { font-size: 11px; }
    html body .desktop-cart-trust-lockup img {
      width: 60px;
      height: 24px;
    }
  }

  html body .desktop-cart-cols {
    display: grid !important;
    grid-template-columns: var(--dc-cols);
    gap: 10px;
    margin-bottom: -10px;
    padding: 10px 16px 8px;
    background: #fff;
    border: 1px solid #e4eaf1;
    border-bottom: 1px solid #edf0f4;
    border-radius: 10px 10px 0 0;
    color: #102551;
    font: 800 11px/1 Inter, Arial, sans-serif;
    letter-spacing: .04em;
    text-align: center;
  }
  html body .desktop-cart-cols span {
    justify-self: center;
    width: 100%;
    text-align: center;
  }

  html body #cartDrawer .cart-body {
    grid-column: auto;
    grid-row: auto;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    background: #fff;
    border: 1px solid #e4eaf1;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    overflow: visible;
  }
  html body #cartDrawer .cart-empty {
    height: auto !important;
    min-height: 180px;
    color: #5b6b82 !important;
  }
  html body #cartDrawer .cart-empty svg { stroke: #c5d0de !important; }
  html body #cartDrawer .cart-empty p { color: #5b6b82 !important; }
  html body #cartDrawer .cart-empty-cta {
    background: #fff !important;
    border: 1px solid #204a85 !important;
    color: #204a85 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  html body #cartDrawer .cart-item {
    display: grid !important;
    grid-template-columns: var(--dc-cols);
    align-items: center;
    gap: 10px;
    min-height: 84px;
    margin: 0 !important;
    padding: 12px 16px !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  html body #cartDrawer .cart-item:hover {
    border-color: #edf0f4 !important;
    transform: none !important;
  }
  html body #cartDrawer .cart-item:last-child { border-bottom: 0 !important; }
  html body #cartDrawer .cart-item-added { animation: none !important; }
  html body #cartDrawer .dc-item-product {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  html body #cartDrawer .cart-item-img {
    width: 68px !important;
    height: 68px !important;
    flex: 0 0 68px;
    background: #fff !important;
    border: 1px solid #edf0f4;
    border-radius: 8px !important;
  }
  html body #cartDrawer .cart-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    padding: 5px !important;
  }
  html body #cartDrawer .dc-item-name-en {
    color: #102551;
    font: 800 14px/1.25 Inter, Arial, sans-serif;
  }
  html body #cartDrawer .dc-item-name-ar {
    margin-top: 2px;
    color: #5b6b82;
    font: 500 12px/1.3 "Segoe UI", Tahoma, sans-serif;
  }
  html body #cartDrawer .dc-item-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    min-width: 0;
  }
  html body #cartDrawer .dc-item-brand img {
    width: 58px;
    height: 24px;
    object-fit: contain;
    object-position: left center;
  }
  html body #cartDrawer .dc-item-oem {
    color: #6b7a90;
    font: 600 11px/1.2 Inter, Arial, sans-serif;
  }
  html body #cartDrawer .dc-item-unit,
  html body #cartDrawer .dc-item-line {
    color: #102551 !important;
    font: 800 14px/1 Inter, Arial, sans-serif !important;
    white-space: nowrap;
    justify-self: end;
  }
  html body #cartDrawer .dc-item-line { color: #102551 !important; }
  html body #cartDrawer .cart-qty-row {
    gap: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #c5d0de !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    justify-self: center;
  }
  html body #cartDrawer .cart-qty-btn {
    width: 38px !important;
    height: 36px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #102551 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }
  html body #cartDrawer .cart-qty-btn:first-child {
    border-inline-end: 1px solid #c5d0de !important;
  }
  html body #cartDrawer .cart-qty-btn:last-child {
    border-inline-start: 1px solid #c5d0de !important;
  }
  html body #cartDrawer .cart-qty-btn:hover,
  html body #cartDrawer .cart-qty-btn:hover:not(:disabled) {
    background: #f4f7fb !important;
    border-color: #c5d0de !important;
    color: #102551 !important;
    transform: none !important;
  }
  html body #cartDrawer .cart-qty-val {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 36px !important;
    height: 36px !important;
    color: #102551 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    background: #fff !important;
  }
  html body #cartDrawer .cart-item-remove {
    position: static !important;
    top: auto !important;
    inset: auto !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #8a96a8 !important;
    justify-self: center;
  }
  html body #cartDrawer .cart-item-remove svg {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 2;
  }
  html body #cartDrawer .cart-item-remove:hover { color: #d71920 !important; }

  html body .desktop-cart-list-actions {
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 2px;
  }
  html body .desktop-cart-continue-link {
    border: 0;
    background: transparent;
    color: #204a85;
    cursor: pointer;
    font: 700 13px/1 Inter, Arial, sans-serif;
    padding: 0;
  }
  html body .desktop-cart-list-actions .btn-clear-cart {
    display: none !important;
  }

  html body #cartDrawer .cart-footer {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    width: 100%;
    max-width: 330px;
    margin: 0 !important;
    padding: 16px 18px !important;
    border: 1px solid #e4eaf1 !important;
    border-radius: 10px !important;
    background: #fff !important;
    gap: 8px !important;
    position: sticky;
    top: 8px;
  }
  html body #cartDrawer #btnClearCart { display: none !important; }
  html body .desktop-cart-summary-title {
    margin: 0 0 6px;
    color: #102551;
    font: 800 14px/1.2 Inter, Arial, sans-serif;
    letter-spacing: .02em;
  }
  html body #cartDrawer .cart-summary {
    gap: 8px !important;
    margin: 0 !important;
  }
  html body #cartDrawer .cart-summary-row {
    color: #5b6b82 !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body #cartDrawer .cart-summary-row span:last-child {
    color: #102551 !important;
    font-weight: 700;
  }
  html body #cartDrawer .cart-summary-row.total {
    color: #102551 !important;
    border-top: 1px solid #edf0f4 !important;
    margin-top: 6px !important;
    padding-top: 10px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }
  html body #cartDrawer .cart-summary-row.total .total-val {
    color: #d71920 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
  }
  html body #cartDrawer .btn-checkout {
    margin-top: 4px;
    background: #d71920 !important;
    color: #fff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transform: none !important;
    min-height: 44px;
  }
  html body #cartDrawer .btn-checkout:hover,
  html body #cartDrawer .btn-checkout:hover:not(:disabled) {
    background: #be151c !important;
    transform: none !important;
    box-shadow: none !important;
  }
  html body #cartDrawer .btn-checkout svg { stroke: #fff !important; }
  html body #cartDrawer .btn-continue-shopping {
    background: #fff !important;
    border: 1px solid #204a85 !important;
    color: #204a85 !important;
    border-radius: 8px !important;
    min-height: 40px;
  }
  html body #cartDrawer .cart-footer:has(.btn-checkout:hover) .btn-continue-shopping,
  html body #cartDrawer .cart-footer:has(.btn-continue-shopping:hover) .btn-checkout,
  html body #cartDrawer .cart-footer:has(.btn-continue-shopping:hover) .btn-continue-shopping,
  html body #cartDrawer .cart-footer:has(.btn-checkout:hover) .btn-checkout {
    opacity: 1 !important;
    transform: none !important;
  }
  html body .desktop-cart-pay {
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
    color: #6b7a90;
    font: 600 11px/1.35 Inter, Arial, sans-serif;
  }
  html body .desktop-cart-help {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
    padding: 8px 0 0;
    border-top: 1px solid #edf0f4;
    color: #102551;
    text-decoration: none;
    font: 600 12px/1.3 Inter, Arial, sans-serif;
  }
  html body .desktop-cart-help svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    fill: none;
    stroke: #1e5bb8;
    stroke-width: 1.6;
  }
  html body .desktop-cart-help b {
    margin-inline-start: auto;
    color: #1e5bb8;
    font-weight: 800;
  }

  html body .desktop-checkout-steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 4px 0 8px;
    list-style: none;
  }
  html body .desktop-checkout-steps li {
    position: relative;
    margin: 0;
    padding: 0 8px;
    text-align: center;
  }
  html body .desktop-checkout-steps li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 15px;
    inset-inline-start: calc(50% + 18px);
    width: calc(100% - 36px);
    height: 2px;
    background: #d9e0ea;
  }
  html body .desktop-checkout-steps li.is-complete:not(:last-child)::after,
  html body .desktop-checkout-steps li.is-active:not(:last-child)::after {
    background: #102551;
  }
  html body .desktop-checkout-steps button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 100%;
    border: 0;
    background: transparent;
    color: #8a96a8;
    cursor: pointer;
    font: 700 11px/1.2 Inter, Arial, sans-serif;
  }
  html body .desktop-checkout-steps__num {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #edf0f4;
    color: #6b7a90;
    font: 800 13px/30px Inter, Arial, sans-serif;
  }
  html body .desktop-checkout-steps li.is-active button,
  html body .desktop-checkout-steps li.is-complete button {
    color: #102551;
  }
  html body .desktop-checkout-steps li.is-active .desktop-checkout-steps__num,
  html body .desktop-checkout-steps li.is-complete .desktop-checkout-steps__num {
    background: #102551;
    color: #fff;
  }
  html body .desktop-checkout-steps li.is-complete .desktop-checkout-steps__num {
    background: #12823a;
  }

  html body .desktop-cart-genuine {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #e8f1fb;
    border-radius: 6px;
    color: #102551;
    font: 600 12px/1.3 Inter, Arial, sans-serif;
  }
  html body .desktop-cart-genuine svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: none;
    stroke: #1e5bb8;
    stroke-width: 1.8;
  }

  html body .desktop-cart-list-actions {
    justify-content: space-between;
  }
  html body .desktop-cart-continue-checkout {
    margin-inline-start: auto;
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #d71920;
    color: #fff;
    cursor: pointer;
    font: 800 13px/1 Inter, Arial, sans-serif;
  }

  html body .desktop-cart-summary-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #edf0f4;
  }
  html body .desktop-cart-summary-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
  }
  html body .desktop-cart-summary-item img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    background: #f7f9fb;
    border: 1px solid #edf0f4;
    border-radius: 6px;
  }
  html body .desktop-cart-summary-item b {
    display: block;
    color: #102551;
    font: 700 11px/1.3 Inter, Arial, sans-serif;
  }
  html body .desktop-cart-summary-item span {
    color: #6b7a90;
    font: 600 10px/1.3 Inter, Arial, sans-serif;
  }
  html body .desktop-cart-summary-item strong {
    color: #102551;
    font: 800 11px/1 Inter, Arial, sans-serif;
    white-space: nowrap;
  }

  html body .desktop-cart-aside-trust {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #edf0f4;
  }
  html body .desktop-cart-aside-trust span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: #102551;
    text-align: center;
    font: 700 9px/1.2 Inter, Arial, sans-serif;
  }
  html body .desktop-cart-aside-trust svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #1e5bb8;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html body #cartDrawer.is-checkout-flow .desktop-cart-genuine,
  html body #cartDrawer.is-checkout-flow .desktop-cart-cols,
  html body #cartDrawer.is-checkout-flow #cartBody,
  html body #cartDrawer.is-checkout-flow .desktop-cart-list-actions,
  html body #cartDrawer.is-checkout-flow .desktop-cart-clear-head,
  html body #cartDrawer.is-checkout-flow #btnCheckout {
    display: none !important;
  }
  html body #desktopCheckoutHost.desktop-cart-only[hidden] {
    display: none !important;
  }
  html body #cartDrawer.is-checkout-flow #desktopCheckoutHost.desktop-cart-only {
    display: block !important;
  }

  html body #desktopCheckoutHost {
    min-width: 0;
  }
  html body #desktopCheckoutHost [hidden] {
    display: none !important;
  }
  html body #desktopCheckoutHost #checkoutFormView,
  html body #desktopCheckoutHost #checkoutConfirmView {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: visible;
    flex: none;
  }
  html body #desktopCheckoutHost #checkoutProgress {
    display: none !important;
  }
  html body #desktopCheckoutHost .checkout-step {
    overflow: visible;
    flex: none;
  }
  html body #desktopCheckoutHost .checkout-body {
    overflow: visible;
    padding: 0 !important;
    background: transparent !important;
    gap: 10px !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    align-items: start;
    gap: 10px !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-section {
    min-width: 0;
    padding: 10px 12px !important;
    gap: 8px !important;
    border-radius: 8px !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-section-head {
    gap: 4px;
    margin: 0;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-section-head h3 {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-section-head p {
    display: none !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-field-grid,
  html body #desktopCheckoutHost #checkoutStepContact .checkout-address-form {
    gap: 8px !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-field label {
    margin-bottom: 3px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-field input,
  html body #desktopCheckoutHost #checkoutStepContact .checkout-field select,
  html body #desktopCheckoutHost #checkoutStepContact .checkout-field textarea {
    min-height: 34px !important;
    height: 34px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    border-radius: 6px !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-field select {
    padding-inline-end: 28px !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-field textarea,
  html body #desktopCheckoutHost #checkoutStepContact .checkout-delivery-notes textarea {
    height: 48px !important;
    min-height: 48px !important;
    resize: vertical;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-delivery-notes {
    margin-top: 0 !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-garage-confirm,
  html body #desktopCheckoutHost #checkoutStepContact .checkout-selected-address {
    padding: 8px 10px !important;
    gap: 2px !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-footer {
    padding-top: 8px !important;
  }
  html body #desktopCheckoutHost #checkoutStepContact .checkout-footer .btn-checkout,
  html body #desktopCheckoutHost #checkoutStepContact .checkout-footer .desktop-checkout-only {
    min-height: 38px !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-body {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-step3-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
  }
  html body #desktopCheckoutHost .desktop-checkout-heading {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: #102551 !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-section-head h3 {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #102551 !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-section-head p {
    display: none !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-shipping-summary,
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-payment-block {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 8px !important;
  }
  html body #desktopCheckoutHost #checkoutPaymentBlock > .checkout-field-label {
    display: none !important;
  }
  html body #desktopCheckoutHost .checkout-payment-methods {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  html body #desktopCheckoutHost .checkout-ship-option,
  html body #desktopCheckoutHost .checkout-pay-option {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin: 0;
    padding: 8px 10px !important;
    background: #fff !important;
    border: 1px solid #e4eaf1 !important;
    border-radius: 8px !important;
    color: #102551 !important;
    cursor: pointer;
    box-shadow: none !important;
  }
  html body #desktopCheckoutHost .checkout-ship-option:has(input:checked),
  html body #desktopCheckoutHost .checkout-pay-option:has(input:checked) {
    border-color: #204a85 !important;
    background: #f4f7fb !important;
    box-shadow: none !important;
  }
  html body #desktopCheckoutHost .checkout-ship-option input,
  html body #desktopCheckoutHost .checkout-pay-option input {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #204a85;
  }
  html body #desktopCheckoutHost .checkout-ship-option-main,
  html body #desktopCheckoutHost .checkout-pay-option-main {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  html body #desktopCheckoutHost .checkout-ship-option-text,
  html body #desktopCheckoutHost .checkout-pay-option-text {
    color: #102551 !important;
    font: 700 13px/1.25 Inter, "Segoe UI", Tahoma, sans-serif !important;
  }
  html body #desktopCheckoutHost .checkout-ship-option-hint,
  html body #desktopCheckoutHost .checkout-pay-option-hint {
    color: #5b6b82 !important;
    font: 600 11px/1.35 Inter, "Segoe UI", Tahoma, sans-serif !important;
  }
  html body #desktopCheckoutHost .checkout-ship-option-price {
    flex: 0 0 auto;
    margin: 0;
    color: #102551 !important;
    font: 800 13px/1.2 Inter, Arial, sans-serif;
    white-space: nowrap;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-payment-extra {
    margin-top: 8px;
    padding: 8px 10px;
    background: #f8fafc;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-payment-confirm {
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    background: #fff !important;
    border: 1px solid #e4eaf1 !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-pay-confirm-line,
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-pay-instructions {
    color: #5b6b82 !important;
    font-size: 12px !important;
    margin: 4px 0 !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-pay-qr img {
    max-width: 96px !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-footer {
    padding-top: 8px !important;
  }
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-footer .btn-checkout,
  html body #desktopCheckoutHost #checkoutStepPayment .checkout-footer .btn-continue-shopping {
    min-height: 38px !important;
  }
  html body #desktopCheckoutHost .checkout-section,
  html body #desktopCheckoutHost .checkout-payment-block,
  html body #desktopCheckoutHost .checkout-review-card,
  html body #desktopCheckoutHost .checkout-garage-confirm,
  html body #desktopCheckoutHost .checkout-selected-address,
  html body #desktopCheckoutHost .checkout-shipping-summary,
  html body #desktopCheckoutHost .checkout-address-option {
    background: #fff !important;
    border: 1px solid #e4eaf1 !important;
    box-shadow: none !important;
    color: #102551 !important;
  }
  html body #desktopCheckoutHost .checkout-section-head h3,
  html body #desktopCheckoutHost .checkout-review-card h3,
  html body #desktopCheckoutHost .checkout-confirm-title,
  html body #desktopCheckoutHost .checkout-pay-option-text,
  html body #desktopCheckoutHost .checkout-save-address,
  html body #desktopCheckoutHost .checkout-garage-confirm strong,
  html body #desktopCheckoutHost .checkout-selected-address strong {
    color: #102551 !important;
  }
  html body #desktopCheckoutHost .checkout-section-head p,
  html body #desktopCheckoutHost .checkout-field label,
  html body #desktopCheckoutHost .checkout-field-label,
  html body #desktopCheckoutHost .checkout-pay-option-hint,
  html body #desktopCheckoutHost .checkout-confirm-msg,
  html body #desktopCheckoutHost .checkout-confirm-id {
    color: #5b6b82 !important;
  }
  html body #desktopCheckoutHost .checkout-field input,
  html body #desktopCheckoutHost .checkout-field textarea,
  html body #desktopCheckoutHost .checkout-field select,
  html body #desktopCheckoutHost .checkout-prepaid-input,
  html body #desktopCheckoutHost .checkout-payment-extra input[type="text"] {
    background: #fff !important;
    border: 1px solid #c5d0de !important;
    color: #102551 !important;
    border-radius: 8px !important;
  }
  html body #desktopCheckoutHost .checkout-pay-option {
    background: #fff !important;
    border: 1px solid #e4eaf1 !important;
    color: #102551 !important;
  }
  html body #desktopCheckoutHost .checkout-pay-option:has(input:checked) {
    border-color: #102551 !important;
    background: #f4f7fb !important;
    box-shadow: none !important;
  }
  html body #desktopCheckoutHost .checkout-footer {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    padding: 12px 0 0 !important;
    border-top: 1px solid #edf0f4 !important;
    background: transparent !important;
  }
  html body #desktopCheckoutHost .desktop-checkout-only {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid #204a85 !important;
    background: #fff !important;
    color: #204a85 !important;
    border-radius: 8px !important;
  }
  html body #desktopCheckoutHost .btn-checkout {
    background: #d71920 !important;
    color: #fff !important;
    border-radius: 8px !important;
    min-height: 44px;
  }
  html body #desktopCheckoutHost .btn-continue-shopping {
    background: #fff !important;
    border: 1px solid #204a85 !important;
    color: #204a85 !important;
    border-radius: 8px !important;
  }
  html body #desktopCheckoutHost #checkoutSummary {
    display: none !important;
  }
  html body #desktopCheckoutHost .checkout-review {
    grid-template-columns: 1fr;
  }
  html body #desktopCheckoutHost .checkout-link-btn {
    color: #204a85 !important;
    border-color: #c5d0de !important;
  }
  html body #desktopCheckoutHost .checkout-confirm-title { color: #102551 !important; }
  html body #desktopCheckoutHost .checkout-confirm-id strong { color: #d71920 !important; }

  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-checkout-steps li.is-complete:not(:last-child)::after,
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-checkout-steps li.is-active:not(:last-child)::after {
    background: #12823a;
  }
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-checkout-steps li.is-complete .desktop-checkout-steps__num,
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-checkout-steps li.is-active .desktop-checkout-steps__num {
    background: #12823a;
    color: transparent;
    font-size: 0;
    position: relative;
  }
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-checkout-steps li.is-complete .desktop-checkout-steps__num::after,
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-checkout-steps li.is-active .desktop-checkout-steps__num::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 10px;
    width: 8px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-checkout-steps button {
    cursor: default;
    pointer-events: none;
  }
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-cart-heading-count,
  html body #cartDrawer[data-desktop-checkout-step="success"] #btnContinueShopping,
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-cart-pay,
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-cart-aside-trust,
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-cart-help {
    display: none !important;
  }
  html body #desktopConfirmAddress[hidden],
  html body #desktopConfirmSecure[hidden] {
    display: none !important;
  }
  html body .mobile-confirm-panel {
    display: none !important;
  }
  html body #cartDrawer[data-desktop-checkout-step="success"] #desktopConfirmAddress:not([hidden]) {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
    background: #f7f9fb;
    color: #102551;
  }
  html body .desktop-confirm-address__head {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #102551;
    font: 800 12px/1.2 Inter, Arial, sans-serif;
  }
  html body .desktop-confirm-address__head svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: none;
    stroke: #102551;
    stroke-width: 1.8;
  }
  html body .desktop-confirm-address__lines {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #5b6b82;
    font: 600 12px/1.45 Inter, Arial, sans-serif;
  }
  html body #cartDrawer[data-desktop-checkout-step="success"] #desktopConfirmSecure:not([hidden]) {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #edf0f4;
    color: #5b6b82;
  }
  html body #desktopConfirmSecure svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: none;
    stroke: #12823a;
    stroke-width: 1.8;
  }
  html body #desktopConfirmSecure b {
    display: block;
    color: #102551;
    font: 800 11px/1.2 Inter, Arial, sans-serif;
  }
  html body #desktopConfirmSecure span {
    display: block;
    font: 600 10px/1.3 Inter, Arial, sans-serif;
  }

  html body #cartDrawer[data-desktop-checkout-step="success"] {
    padding: 12px 32px 16px !important;
    gap: 10px 24px !important;
  }
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-cart-heading {
    font-size: 20px !important;
    line-height: 1.1 !important;
  }
  html body #cartDrawer[data-desktop-checkout-step="success"] .desktop-checkout-steps {
    padding: 0 0 2px;
  }
  html body #desktopCheckoutHost #checkoutConfirmView {
    gap: 8px;
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(16, 37, 81, .05);
    padding: 16px 18px 12px;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 !important;
    gap: 0;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-icon {
    order: 0;
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto 8px !important;
    background: #12823a !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-title {
    order: 1;
    margin: 0 0 4px !important;
    color: #102551 !important;
    font: 800 18px/1.25 Inter, Arial, sans-serif !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-msg {
    order: 2;
    max-width: 440px;
    margin: 0 0 10px !important;
    color: #5b6b82 !important;
    font: 500 12px/1.4 Inter, Arial, sans-serif !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-id {
    order: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 10px;
    width: 100%;
    max-width: 420px;
    margin: 0 0 10px !important;
    padding: 8px 12px;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
    background: #f7f9fb;
    color: #5b6b82 !important;
    font: 600 10px/1.2 Inter, Arial, sans-serif !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-id span[data-i18n="checkoutOrderId"] {
    flex: 1 0 100%;
    text-align: start;
    color: #5b6b82;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-id-colon {
    display: none !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-id strong {
    margin-inline-end: auto;
    color: #d71920 !important;
    font: 800 16px/1 Inter, Arial, sans-serif !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .desktop-confirm-copy {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 0 8px;
    border: 1px solid #c5d0de !important;
    border-radius: 6px;
    background: #fff !important;
    color: #102551 !important;
    cursor: pointer;
    font: 700 10px/1 Inter, Arial, sans-serif;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .desktop-confirm-copy svg {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-payref {
    order: 4;
    max-width: 420px;
    margin: 0 0 8px !important;
    color: #5b6b82 !important;
    font: 600 11px/1.35 Inter, Arial, sans-serif !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .desktop-confirm-meta {
    order: 5;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: transparent;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .desktop-confirm-meta > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    text-align: start;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .desktop-confirm-meta svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: #102551;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .desktop-confirm-meta span {
    color: #6b7a90;
    font: 600 9px/1.2 Inter, Arial, sans-serif;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .desktop-confirm-meta b {
    color: #102551;
    font: 800 11px/1.25 Inter, Arial, sans-serif;
    word-break: break-word;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-confirm-actions {
    order: 6;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
  html body #desktopCheckoutHost #btnCheckoutTrack.btn-checkout-wa {
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    border: 0;
    border-radius: 8px;
    background: #102551 !important;
    color: #fff !important;
    font: 800 12px/1 Inter, Arial, sans-serif;
    transform: none !important;
  }
  html body #desktopCheckoutHost #btnCheckoutTrack.btn-checkout-wa:hover {
    background: #0c1d3f !important;
    transform: none !important;
  }
  html body #desktopCheckoutHost #btnCheckoutTrack svg {
    width: 14px;
    height: 14px;
    fill: none !important;
    stroke: #fff;
    stroke-width: 2;
  }
  html body #desktopCheckoutHost #btnCheckoutWaOptional.btn-checkout-wa {
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid #12823a !important;
    border-radius: 8px;
    background: #fff !important;
    color: #12823a !important;
    font: 700 12px/1 Inter, Arial, sans-serif;
    transform: none !important;
  }
  html body #desktopCheckoutHost #btnCheckoutWaOptional.btn-checkout-wa:hover {
    background: #f3faf5 !important;
    transform: none !important;
  }
  html body #desktopCheckoutHost #btnCheckoutWaOptional svg {
    width: 14px;
    height: 14px;
    fill: #25D366 !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView .checkout-footer {
    display: flex !important;
    justify-content: center;
    grid-template-columns: none;
    border-top: 0 !important;
    padding: 6px 0 0 !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView #btnCheckoutContinueShopping {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 148px;
    max-width: 180px;
    min-height: 30px !important;
    padding: 0 12px;
    background: #fff !important;
    border: 1px solid #c5d0de !important;
    color: #102551 !important;
    border-radius: 8px !important;
    font: 700 11px/1 Inter, Arial, sans-serif !important;
  }
  html body #desktopCheckoutHost #checkoutConfirmView #btnCheckoutDone {
    display: none !important;
  }

  html body #checkoutOverlay,
  html body #checkoutModal {
    display: none !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
}