/* Owner refinement: the original clean Madar photo remains visible beneath
   every hero control, promise and instalment element. */
.madar-original-art .ref-hero{isolation:isolate}
.madar-original-art .ref-hero>.original-hero-art{display:none!important}
.madar-original-art .ref-hero>img{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% center;z-index:-2}
.madar-original-art .ref-hero::after{display:block!important;position:absolute;inset:0;content:"";background:linear-gradient(90deg,#04172b05 0%,#041a3528 45%,#041a3570 100%);z-index:-1;pointer-events:none}
.madar-original-art .ref-hero-copy::before{display:none!important}
.madar-original-art .ref-booking{background:#f0fbff25;border-color:#e4fbff70;backdrop-filter:blur(6px);box-shadow:0 10px 35px #04132420}
.madar-original-art .ref-booking :is(select,input){background:#f7fcfff0}
.madar-original-art .ref-hero-copy>p,.madar-original-art .ref-hero-copy h1{text-shadow:0 2px 14px #05172bc9}
.v17-hero-panel{background:linear-gradient(0deg,#04182bd9,#071e3c88 75%,#071e3c36);border-top:1px solid #c4f8ff20}
.v17-hero-panel .m-opening{background:transparent}
.v17-hero-panel .m-opening-lead h2,.v17-hero-panel .m-opening-lead h2 span,.v17-hero-panel .m-service-promises b{text-shadow:0 2px 10px #031222}
.v17-hero-panel .profix-instalment-banner{background:#e1f7ff12;border-color:#e6fbff55;backdrop-filter:blur(3px);box-shadow:0 7px 25px #0016241a}
.v17-hero-panel .profix-instalment-banner .instalment-copy p{color:#edf8ff}
@media(max-width:760px){.madar-original-art .ref-hero{padding-top:24px}.madar-original-art .ref-hero>img{object-position:29% center}.madar-original-art .ref-hero::after{background:linear-gradient(180deg,#0518318c,#05183130 40%,#03152870)}.madar-original-art .ref-booking{background:#e9faff22;backdrop-filter:blur(4px)}.v17-hero-panel{background:linear-gradient(0deg,#03182bcc,#041c3e55);padding-top:24px}.v17-hero-panel .profix-instalment-banner{background:#e1f7ff12}}
/* Compact benefits and instalments, preserving readable labels. */
.v17-hero-panel{padding:19px 25px;min-height:235px}
.v17-hero-panel .m-service-promises{gap:17px}
.v17-hero-panel .promise-icon{width:24px;height:24px;border-radius:7px}
.v17-hero-panel .promise-icon svg{width:16px;height:16px}
.v17-hero-panel .m-service-promises b{font-size:11px}
.v17-hero-panel .profix-instalment-banner{padding:10px 15px;margin-top:13px;border-radius:11px}
.v17-hero-panel .profix-instalment-banner h2{font-size:16px!important;margin-bottom:0}
.v17-hero-panel .profix-instalment-banner p{font-size:10px!important;line-height:1.7;margin-top:4px}
.v17-hero-panel .instalment-brands{gap:8px}
.v17-hero-panel .instalment-brands>span{min-width:88px;height:39px;padding:7px 10px;border-radius:8px}
.v17-hero-panel .instalment-brands img{width:76px;max-height:26px}
/* Clear glass: keep the van visible behind the payment marks. */
.v17-hero-panel{background:linear-gradient(0deg,#03182b85,#041c3e22)}
.v17-hero-panel .profix-instalment-banner{background:transparent;border-color:#d2f7ff38;backdrop-filter:none;box-shadow:none}
.v17-hero-panel .instalment-brands>span{background:transparent;border:1px solid #d8faff42;box-shadow:none;backdrop-filter:none}
.v17-hero-panel .profix-instalment-banner h2,.v17-hero-panel .profix-instalment-banner p{text-shadow:0 1px 8px #031629}
.madar-original-art .ref-booking{display:grid;padding:12px;gap:8px;border-radius:14px}
.madar-original-art .ref-booking label:nth-of-type(n),.madar-original-art .ref-booking .m-button{position:relative;inset:auto;width:100%}
.madar-original-art .ref-booking label,.madar-original-art .ref-booking :is(select,input){min-height:42px;height:42px}
.madar-original-art .ref-booking .m-button{min-height:44px;height:44px;font-size:16px}
@media (min-width: 761px) {
  .madar-original-art .ref-hero {
    height: auto;
  }
  .madar-original-art .ref-hero .ref-hero-copy {
    position: relative;
    inset: auto;
    display: grid;
    justify-items: start;
    gap: 9px;
    padding: 22px clamp(16px, 2.414%, 28px) 18px;
  }
  .madar-original-art .ref-hero .ref-hero-copy > :is(p,h1),
  html[lang=en] .madar-original-art .ref-hero .ref-hero-copy > :is(p,h1) {
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: min(100%, 500px);
    overflow: visible !important;
    clip: auto !important;
    white-space: normal;
  }
  .madar-original-art .ref-hero #care-booking-form {
    position: relative;
    inset: auto;
    width: clamp(250px, 32%, 354px);
    max-width: 100%;
    height: auto;
    margin: 5px 0 0;
  }
  .madar-original-art .ref-booking :is(select,input) { font-size: 13px; }
  .madar-original-art .v17-hero-panel {
    position: relative;
    inset: auto;
  }
}
@media(max-width:760px){.v17-hero-panel{min-height:0;padding:21px 20px;gap:17px}.v17-hero-panel .m-service-promises{gap:7px;margin-top:16px}.v17-hero-panel .m-service-promises>div{gap:5px}.v17-hero-panel .m-service-promises b{font-size:10px;line-height:1.8}.v17-hero-panel .promise-icon{width:23px;height:23px}.v17-hero-panel .profix-instalment-banner{padding:12px 13px;margin-top:0}.v17-hero-panel .profix-instalment-banner h2{font-size:16px!important}.v17-hero-panel .instalment-brands{margin-top:11px;gap:9px}.v17-hero-panel .instalment-brands>span{min-width:84px;height:36px}.v17-hero-panel .instalment-brands img{width:70px;max-height:24px}}
@media(max-width:760px){.v17-hero-panel{background:linear-gradient(0deg,#03182b85,#041c3e22)}.v17-hero-panel .profix-instalment-banner{background:transparent}.madar-original-art .ref-booking{width:94%;height:auto;margin:0 auto 10px;padding:10px;gap:7px}.madar-original-art .ref-booking :is(select,input){font-size:13px}}
/* Mobile art direction: show the complete original landscape, without cropping. */
@media(max-width:760px){
 .madar-original-art .ref-hero{background:#071e3c}
 .madar-original-art .ref-hero>img{position:relative;inset:auto;order:2;z-index:0;width:calc(100% + 36px);max-width:none;height:auto;aspect-ratio:2400/1000;object-fit:contain;object-position:center;margin:4px -18px 0}
 .madar-original-art .ref-hero::after{display:none!important}
 .madar-original-art .ref-hero-copy{order:1}
 .v17-hero-panel{order:3;background:linear-gradient(#071e3c00,#071e3c55);padding-top:18px}
}

#care-booking-form {
  gap: 9px;
  background: linear-gradient(155deg, #071e3c66, #071e3c96);
  border-color: #c5e6ff83;
  backdrop-filter: blur(1px);
}
#care-booking-form > label {
  display: grid;
  gap: 4px;
  height: auto;
  min-height: 0;
}
#care-booking-form .booking-label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  text-shadow: 0 1px 4px #06162d, 0 1px 1px #06162d;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}
#care-booking-form .booking-label .e-icon {
  width: 14px;
  height: 14px;
  flex: none;
  color: #9ed7f5;
}
#care-booking-form select {
  appearance: auto;
  -webkit-appearance: auto;
  background: #f7fcffe6;
  font-size: clamp(12px, 1.5vw, 14px);
  font-weight: 600;
  min-height: 44px;
  height: 44px;
  padding-inline: 12px;
  cursor: pointer;
}
#care-booking-form select:invalid {
  color: #405a72;
  font-weight: 500;
}
@media (max-width: 760px) {
  #care-booking-form select { font-size: 16px; }
}

.ref-booking .booking-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6px;
}
.madar-original-art .ref-booking .booking-actions .m-button {
  height: auto;
  min-height: 44px;
  padding: 8px 5px;
  font-size: clamp(12px, 3.6vw, 14px);
  line-height: 1.35;
  text-align: center;
  white-space: normal;
}
#care-booking-form .booking-whatsapp {
  background: #086344;
  border: 1px solid #3bc28e;
  color: #fff !important;
}
#care-booking-form .booking-whatsapp:hover { background: #064c35; }
#care-booking-form .booking-call {
  background: #eef6ff;
  border: 1px solid #b2cbea;
  color: #102c4e !important;
}
#care-booking-form .booking-call:hover { background: #dbeafe; }
#care-booking-form .booking-actions .m-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px #0a2948;
}
.ref-booking .booking-call .e-icon { width: 16px; height: 16px; }