/* MAS-UI-P04: Home-only scoped Booking / Benefits. No remote assets, no JS, no POST logic. */
body.mas-home-ui .mas-p03-hero .booking-card.mas-p04-booking {
  background:var(--mas-p04-booking-bg,#fffefa);
  border:1px solid var(--mas-p04-booking-input-border,#dcd8cd);
  border-radius:var(--mas-p04-booking-radius,12px);
  box-shadow:0 10px 34px rgba(46,42,26,.13);
  overflow:hidden;
}
body.mas-home-ui .mas-p04-booking .booking-heading {text-align:center;margin-bottom:14px}
body.mas-home-ui .mas-p04-booking .booking-heading h2 {
  color:var(--mas-p04-booking-heading,#123d30);
  font-size:clamp(20px,1.8vw,25px);line-height:1.33;letter-spacing:-.012em;
  margin:0 0 6px;overflow-wrap:break-word;
}
body.mas-home-ui .mas-p04-booking .booking-heading p {color:var(--mas-p04-booking-label,#43564b);font-size:12px;line-height:1.6;margin:0 auto;max-width:360px}
body.mas-home-ui .mas-p04-booking .field {min-width:0;margin-bottom:12px}
body.mas-home-ui .mas-p04-booking .field-row {gap:10px;min-width:0}
body.mas-home-ui .mas-p04-booking .field label {display:block;color:var(--mas-p04-booking-label,#43564b);font-size:12px;font-weight:700;line-height:1.5;margin-bottom:5px}
body.mas-home-ui .mas-p04-booking .field :is(input,select) {
  appearance:auto;max-width:100%;width:100%;min-width:0;height:var(--mas-p04-booking-field-height,44px);
  background:var(--mas-p04-booking-input-bg,#fff);
  border:1px solid var(--mas-p04-booking-input-border,#dcd8cd);
  border-radius:8px;box-shadow:none;color:#17382d;
  padding:0 11px;font-size:13px;line-height:normal;
}
body.mas-home-ui .mas-p04-booking .field :is(input,select):focus-visible {outline:2px solid var(--mas-p04-booking-cta-bg,#0c4a37);outline-offset:2px}
body.mas-home-ui .mas-p04-booking .field :is(input,select)::placeholder {color:#757e78;opacity:1}
body.mas-home-ui .mas-p04-booking .btn {white-space:normal;min-height:43px;font-size:13px;line-height:1.35;padding:10px 9px;border-radius:8px;overflow-wrap:break-word}
body.mas-home-ui .mas-p04-booking .btn-green[disabled] {
  opacity:1;cursor:not-allowed;transform:none;box-shadow:none;
  background:var(--mas-p04-booking-cta-bg,#0c4a37);color:var(--mas-p04-booking-cta-text,#fff);
  border:1px solid transparent;
}
body.mas-home-ui .mas-p04-booking .btn-outline {color:var(--mas-p04-booking-cta-bg,#0c4a37);border-color:var(--mas-p04-booking-cta-bg,#0c4a37);background:transparent;margin-top:9px}
body.mas-home-ui .mas-p04-booking .booking-status {
  background:#fff6e8;color:#604a28;border:1px solid #ead6b5;
  border-radius:8px;font-size:11.5px;line-height:1.55;margin-top:10px;padding:10px 12px;
  overflow-wrap:anywhere;
}
body.mas-home-ui .mas-p04-benefits {color:var(--mas-p04-benefit-text,#234639)}
body.mas-home-ui .mas-p03-hero .hero-benefits.mas-p04-benefits {
  grid-template-columns:repeat(var(--mas-p04-hero-cols,3),minmax(0,1fr));
  align-items:start;max-width:570px;
}
body.mas-home-ui .mas-p04-benefits .mas-p04-benefit-item {min-width:0;overflow-wrap:break-word}
body.mas-home-ui .mas-p04-benefits b {color:var(--mas-p04-benefit-text,#234639);font-weight:700;line-height:1.45}
body.mas-home-ui .mas-p04-benefits :is(.round-icon,.mini-icon) {
  background:var(--mas-p04-benefit-icon-bg,#f4e9c9);
  color:var(--mas-p04-benefit-icon-color,#0c4a37);
  border:1px solid transparent;
}
body.mas-home-ui .mas-p04-icon-outline :is(.round-icon,.mini-icon) {background:transparent;border-color:var(--mas-p04-benefit-icon-color,#0c4a37)}
body.mas-home-ui .mas-p04-icon-solid :is(.round-icon,.mini-icon) {background:var(--mas-p04-benefit-icon-color,#0c4a37);color:var(--mas-p04-benefit-icon-bg,#f4e9c9)}
body.mas-home-ui .mas-p04-value-strip {background:var(--mas-p04-benefit-bg,#fffdf7);border-bottom:1px solid #e9e6dd}
body.mas-home-ui .mas-p04-value-strip .value-grid {grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px 16px;padding-block:18px}
body.mas-home-ui .mas-p04-value-strip .mas-p04-benefit-item {display:flex;align-items:flex-start;gap:9px;min-width:0}
body.mas-home-ui .mas-p04-value-strip .mini-icon {flex:0 0 38px;width:38px;height:38px;margin:0}
body.mas-home-ui .mas-p04-value-strip b {display:block;font-size:12px;line-height:1.4}
body.mas-home-ui .mas-p04-value-strip small {display:block;font-size:11px;line-height:1.45;color:var(--mas-p04-benefit-text,#234639);opacity:.83}
@media(min-width:951px) and (max-width:1200px) {
  body.mas-home-ui .mas-p03-hero .booking-card.mas-p04-booking {padding:16px 13px}
  body.mas-home-ui .mas-p04-booking .booking-heading h2 {font-size:19px}
  body.mas-home-ui .mas-p04-booking .field-row {gap:7px}
}
@media(max-width:950px) {
  body.mas-home-ui .mas-p04-value-strip .value-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px) {
  body.mas-home-ui .mas-p03-hero .booking-card.mas-p04-booking {width:calc(100% - 26px);padding:19px 17px 16px;margin:12px auto 17px}
  body.mas-home-ui .mas-p04-booking .booking-heading h2 {font-size:clamp(20px,5.2vw,24px)}
  body.mas-home-ui .mas-p04-booking .booking-heading p {font-size:12px}
  body.mas-home-ui .mas-p04-booking .field :is(input,select) {font-size:16px}
  body.mas-home-ui .mas-p04-booking .field-row {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body.mas-home-ui .mas-p04-booking .field label {font-size:12px}
  body.mas-home-ui .mas-p04-booking .booking-status {font-size:11.5px}
  body.mas-home-ui .mas-p03-hero .hero-benefits.mas-p04-benefits {grid-template-columns:repeat(var(--mas-p04-hero-cols,3),minmax(0,1fr));gap:6px}
  body.mas-home-ui .mas-p03-hero .hero-benefits.mas-p04-benefits b {font-size:10px}
  body.mas-home-ui .mas-p03-hero .hero-benefits.mas-p04-benefits small {font-size:9.6px}
  body.mas-home-ui .mas-p04-value-strip {display:none}
  body.mas-home-ui .mas-p04-value-strip.mas-p04-show-mobile {display:block}
  body.mas-home-ui .mas-p04-value-strip.mas-p04-show-mobile .value-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 9px;padding-block:15px}
  body.mas-home-ui .mas-p04-value-strip .mini-icon {flex-basis:32px;width:32px;height:32px}
  body.mas-home-ui .mas-p04-value-strip b {font-size:11px}
  body.mas-home-ui .mas-p04-value-strip small {font-size:10px}
}
@media(max-width:350px){body.mas-home-ui .mas-p04-booking .field-row{grid-template-columns:1fr}body.mas-home-ui .mas-p04-value-strip.mas-p04-show-mobile .value-grid{grid-template-columns:1fr}}