/* V370 – premium contact/photo card inspired by approved visual direction */
.v350-restaurant-detail .contact-card{
 background:
 radial-gradient(circle at 100% 0%,rgba(226,190,98,.10),transparent 35%),
 #fff!important;
 border:0!important;border-radius:28px!important;
 box-shadow:0 18px 45px rgba(32,27,18,.08)!important;
 padding:24px!important
}
.v350-restaurant-detail .contact-head{
 display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;
 gap:18px!important;align-items:center!important;padding:0 0 20px!important;
 margin:0 0 18px!important;border-bottom:1px solid #eee5d4!important
}
.v350-restaurant-detail .contact-logo{
 width:88px!important;height:88px!important;border-radius:22px!important;
 padding:10px!important;background:#fffaf0!important;
 border:1px solid #ead7a8!important;box-shadow:0 8px 20px rgba(73,53,17,.07)!important
}
.v350-restaurant-detail .contact-head h3{
 margin:0!important;color:#122441!important;font-family:Georgia,"Times New Roman",serif!important;
 font-size:25px!important;line-height:1.05!important
}
.v350-restaurant-detail .contact-head p{margin:5px 0 0!important;color:#786e60!important}

/* Contact data looks like a premium action grid, not rows/table. */
.v350-restaurant-detail .contact-body{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important
}
.v350-restaurant-detail .contact-row{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;text-align:center!important;gap:8px!important;
 min-height:122px!important;padding:14px 8px!important;border:0!important;
 border-radius:18px!important;background:#faf7f0!important
}
.v350-restaurant-detail .contact-row+.contact-row{border-top:0!important}
.v350-restaurant-detail .contact-row .ico{
 width:46px!important;height:46px!important;border-radius:50%!important;
 display:grid!important;place-items:center!important;
 background:linear-gradient(145deg,#edc963,#c98b17)!important;color:#fff!important;
 box-shadow:0 7px 15px rgba(174,116,13,.18)!important;font-size:19px!important
}
.v350-restaurant-detail .contact-row a,
.v350-restaurant-detail .contact-row strong,
.v350-restaurant-detail .contact-row span{
 color:#172642!important;text-decoration:none!important;overflow-wrap:anywhere!important
}

/* Make any business/photo tiles feel like gallery content, not database fields. */
.v350-restaurant-detail .demo-menu-photo,
.v350-restaurant-detail .v344-thumbs img{
 border:0!important;box-shadow:none!important;background:#f6f3ed!important
}
.v350-restaurant-detail .demo-menu-photo{
 border-radius:18px!important;padding:0!important
}

/* Hours stays premium but gets cleaner rhythm. */
.v350-restaurant-detail .hours-card{
 border:0!important;border-radius:28px!important;
 box-shadow:0 18px 45px rgba(32,27,18,.07)!important
}
.v350-restaurant-detail .hours-row:nth-child(even){
 background:#faf8f3!important
}

/* Bottom actions: premium utility, smaller than content cards. */
@media(max-width:760px){
 .v350-restaurant-detail .contact-card{padding:19px!important;border-radius:23px!important}
 .v350-restaurant-detail .contact-head{
   grid-template-columns:70px minmax(0,1fr)!important;gap:14px!important;
   padding-bottom:15px!important;margin-bottom:14px!important
 }
 .v350-restaurant-detail .contact-logo{width:70px!important;height:70px!important;border-radius:18px!important}
 .v350-restaurant-detail .contact-head h3{font-size:21px!important}
 .v350-restaurant-detail .contact-body{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important
 }
 .v350-restaurant-detail .contact-row{
   min-height:104px!important;padding:11px 5px!important;border-radius:15px!important;
   font-size:12px!important
 }
 .v350-restaurant-detail .contact-row .ico{width:40px!important;height:40px!important;font-size:17px!important}
 .v350-restaurant-detail .hours-card{border-radius:23px!important}
 .v350-restaurant-detail .mobile-cta{
   max-width:560px!important;margin:0 auto!important
 }
}