/* AJANIT step174: mobile hotel card legibility, additive overrides only. */
#stay-grid .hotel-card{min-width:0}
#stay-grid .hotel-info h3{overflow-wrap:anywhere}
#stay-grid .hotel-info p{overflow-wrap:break-word}
#stay-grid .hotel-bottom{flex-wrap:wrap;align-items:baseline}
#stay-grid .price{font-variant-numeric:tabular-nums;white-space:normal}
#stay-grid .heart{min-width:44px;min-height:44px}
#stay-grid .hotel-card a:focus-visible,
#stay-grid .hotel-card button:focus-visible{outline:3px solid #078df1;outline-offset:3px}
@media(max-width:760px){
 #stay-grid{grid-template-columns:1fr;gap:16px}
 #stay-grid .hotel-card{border-radius:12px;box-shadow:0 5px 18px rgba(8,59,115,.09)}
 #stay-grid .hotel-photo{height:clamp(190px,55vw,290px)}
 #stay-grid .hotel-info{padding:17px}
 #stay-grid .hotel-info h3{font-size:clamp(21px,5vw,26px);line-height:1.25}
 #stay-grid .hotel-info p{min-height:0;font-size:15px;line-height:1.5}
 #stay-grid .hotel-bottom{gap:10px}
 #stay-grid .price{font-size:17px}
 #stay-grid .hotel-bottom a,#stay-grid .hotel-bottom button{min-height:44px}
}
@media(min-width:761px) and (max-width:1024px){
 #stay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}