/* Keep native color markup for cart replay, without an early visible choice. */
html body #mobilrep-booking.mobilrep-deferred-colors .page-repairs .colors-container { display:none !important; }
html body #mobilrep-booking .finalize-right .rp-checkout-fields-container > .mobilrep-checkout-colors {
  display:block; flex:0 0 100%; width:100%; max-width:100%; box-sizing:border-box;
  padding:0 0 18px; margin:0 0 4px; border-bottom:1px solid #dce5ec;
  scroll-margin-top:calc(var(--mobilrep-header-offset,80px) + 24px);
}
html body #mobilrep-booking .mobilrep-checkout-colors[hidden] { display:none !important; }
html body #mobilrep-booking .mobilrep-checkout-colors__title {
  margin:0 0 14px; padding:0; color:#172d43; font-size:20px; line-height:1.35; font-weight:700; letter-spacing:0;
}
html body #mobilrep-booking .mobilrep-checkout-colors__device {
  min-width:0; margin:0 0 16px; padding:0; border:0; width:100%;
}
html body #mobilrep-booking .mobilrep-checkout-colors__device:last-child { margin-bottom:0; }
html body #mobilrep-booking .mobilrep-checkout-colors__model {
  display:block; width:100%; max-width:100%; float:none; box-sizing:border-box;
  padding:0; margin:0 0 9px; color:#526778; font-size:14px; line-height:1.4; font-weight:600; white-space:normal; overflow-wrap:anywhere;
}
html body #mobilrep-booking .mobilrep-checkout-colors__choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
html body #mobilrep-booking .mobilrep-checkout-colors__choice { display:block; position:relative; margin:0; padding:0; cursor:pointer; min-width:0; }
html body #mobilrep-booking .mobilrep-checkout-colors__choice > input {
  position:absolute; width:1px; height:1px; margin:0; padding:0; border:0; opacity:0; clip-path:inset(50%); overflow:hidden;
}
html body #mobilrep-booking .mobilrep-checkout-colors__label {
  display:flex; align-items:center; justify-content:flex-start; gap:9px; width:100%; height:100%; min-height:46px; box-sizing:border-box;
  padding:10px 12px; border:1px solid #c9d7e2; border-radius:10px; background:#fff; color:#344d63;
  font-size:14px; line-height:1.35; font-weight:600; text-align:left; overflow-wrap:anywhere;
  transition:background-color .15s,border-color .15s,box-shadow .15s;
}
html body #mobilrep-booking .mobilrep-checkout-colors__swatch {
  display:block; flex:0 0 16px; width:16px; height:16px; box-sizing:border-box;
  border:1px solid rgba(23,45,67,.24); border-radius:4px; box-shadow:0 1px 1px rgba(23,45,67,.06);
}
html body #mobilrep-booking .mobilrep-checkout-colors__name { display:block; min-width:0; }
html body #mobilrep-booking .mobilrep-checkout-colors__choice > input:checked + .mobilrep-checkout-colors__label { background:#edf6ff; color:#195f9b; border-color:#347bc2; box-shadow:inset 0 0 0 1px #347bc2; }
html body #mobilrep-booking .mobilrep-checkout-colors__choice > input:focus-visible + .mobilrep-checkout-colors__label { outline:3px solid #85b5e6; outline-offset:2px; }
html body #mobilrep-booking .mobilrep-checkout-colors__message { margin:5px 0; color:#526778; font-size:14px; line-height:1.5; }
html body #mobilrep-booking .mobilrep-checkout-colors__error,
html body #mobilrep-booking .mobilrep-checkout-colors__validation { margin:10px 0 0; padding:10px 12px; border:1px solid #e4b8b8; border-radius:8px; color:#9b1c1c; background:#fff4f4; font-size:14px; line-height:1.5; }
html body #mobilrep-booking .mobilrep-checkout-colors__retry { padding:10px 16px; min-height:44px; border:1px solid #347bc2; border-radius:8px; background:#fff; color:#195f9b; margin-top:10px; font-size:14px; cursor:pointer; }
@media (max-width:380px) {
  html body #mobilrep-booking .mobilrep-checkout-colors__label { padding:10px 7px; }
}