/* Llanes Home V184.2: targeted iPhone/mobile usability refinements. */
@media(max-width:699px){
  /* Reduce the two-row sticky header only while scrolling down. It expands when scrolling up. */
  body.lh-mobile-scrolled .lh183-header-inner{padding-block:8px!important;row-gap:0!important}
  body.lh-mobile-scrolled .lh183-header .lh183-nav{display:none!important}
  body.lh-mobile-scrolled .lh183-brand img{width:33px;height:33px}
  body.lh-mobile-scrolled .lh183-brand small{font-size:10px}
  /* Clear separation and an explicit instruction for native iOS Safari date fields. */
  .v184-datebar form{column-gap:12px;row-gap:13px}
  .v184-datebar form>label{position:relative;min-width:0;gap:8px}
  .v184-datebar input[type=date]{min-width:0;display:block;box-sizing:border-box;font-size:16px!important;padding:0 12px!important;min-height:52px;border:1.5px solid #b5ccbc!important;color:#203e36!important;-webkit-text-fill-color:#203e36!important;background:#fff!important}
  .v184-datebar input[type=date]:invalid{-webkit-text-fill-color:transparent!important;color:transparent!important}
  .v184-datebar input[type=date]:invalid::-webkit-datetime-edit{color:transparent!important;-webkit-text-fill-color:transparent!important}
  .v184-datebar .v184-date-hint{position:absolute;left:13px;bottom:15px;color:#49675b;font-size:13px;font-weight:550;line-height:1.5;pointer-events:none;white-space:nowrap}
  .v184-datebar input[type=date]:valid+.v184-date-hint{display:none}
  .v184-datebar input[type=date]:focus-visible{outline:3px solid #a9c9b1;outline-offset:2px}
  .v184-datebar select{min-height:52px;font-size:16px!important}
  /* The compact conversion bar appears only when helpful, never over form, guide tabs or footer. */
  body.lh183-has-bar{padding-bottom:0!important}
  .lh183-mobile-bar{display:none!important;padding:9px 16px calc(9px + env(safe-area-inset-bottom))!important;min-height:64px;gap:10px}
  body.lh-mobile-cta-ready .lh183-mobile-bar{display:flex!important}
  .lh183-mobile-bar>div{min-width:0}
  .lh183-mobile-bar strong{font-size:13px!important}
  .lh183-mobile-bar span{font-size:11px!important;line-height:1.35!important}
  .lh183-mobile-bar a{min-height:43px!important;padding:10px 13px!important;font-size:12px!important}
  .lh183-footer{padding-bottom:40px!important}
}
@media(max-width:370px){
  .v184-datebar{padding:16px!important}
  .v184-datebar form{column-gap:9px}
  .v184-datebar .v184-date-hint{font-size:12px;left:9px}
  .v184-datebar input[type=date]{padding-left:9px!important;padding-right:4px!important}
  .lh183-mobile-bar>div span{display:none!important}
}