
/* V372 — redesign exact contact block from iPhone screenshot.
   Goal: no three giant beige boxes; compact, premium business identity. */
.v350-restaurant-detail .contact-card{
 padding:0!important;overflow:hidden!important;border-radius:26px!important;
 background:#fff!important;box-shadow:0 18px 48px rgba(38,29,15,.07)!important
}
.v350-restaurant-detail .contact-card:before{display:none!important}
.v350-restaurant-detail .contact-head{
 display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:15px!important;
 align-items:center!important;margin:0!important;padding:22px 22px 18px!important;
 border:0!important;background:linear-gradient(135deg,#fff 0%,#fbf6e9 100%)!important
}
.v350-restaurant-detail .contact-logo{
 width:72px!important;height:72px!important;padding:9px!important;border-radius:18px!important;
 background:#fff!important;border:1px solid #e5cf98!important;box-shadow:0 8px 20px rgba(51,38,14,.06)!important
}
.v350-restaurant-detail .contact-head h3{
 margin:0!important;font:800 22px/1.08 system-ui,-apple-system,sans-serif!important;
 color:#14243d!important;letter-spacing:-.02em!important
}
.v350-restaurant-detail .contact-head p{
 margin:5px 0 0!important;font-size:13px!important;color:#746b5e!important
}
.v350-restaurant-detail .contact-body{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:0!important;margin:0 22px 22px!important;border:1px solid #e9dfcb!important;
 border-radius:18px!important;overflow:hidden!important;background:#fff!important
}
.v350-restaurant-detail .contact-row{
 min-height:82px!important;padding:12px 8px!important;margin:0!important;
 border:0!important;border-radius:0!important;background:#fff!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:7px!important;text-align:center!important;
 box-shadow:none!important
}
.v350-restaurant-detail .contact-row+.contact-row{
 border-left:1px solid #e9dfcb!important;border-top:0!important
}
.v350-restaurant-detail .contact-row .ico{
 width:34px!important;height:34px!important;border-radius:50%!important;
 background:#f7efd9!important;color:#9c6b10!important;box-shadow:none!important;
 font-size:15px!important;display:grid!important;place-items:center!important
}
.v350-restaurant-detail .contact-row a,
.v350-restaurant-detail .contact-row strong,
.v350-restaurant-detail .contact-row span{
 font-size:12px!important;line-height:1.25!important;color:#1c2b42!important;
 font-weight:750!important;text-decoration:none!important
}

/* Opening hours should visually follow the new compact card. */
.v350-restaurant-detail .hours-card{
 border-radius:24px!important;padding:22px!important
}
.v350-restaurant-detail .hours-title h2{font-size:27px!important}
.v350-restaurant-detail .hours-row{
 min-height:36px!important;padding:6px 2px!important;font-size:14px!important
}

/* Sticky CTA: thinner so it does not sit over hours like a large panel. */
@media(max-width:760px){
 .v350-restaurant-detail .contact-card{border-radius:22px!important}
 .v350-restaurant-detail .contact-head{
   grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;
   padding:18px 16px 14px!important
 }
 .v350-restaurant-detail .contact-logo{
   width:58px!important;height:58px!important;border-radius:15px!important
 }
 .v350-restaurant-detail .contact-head h3{font-size:19px!important}
 .v350-restaurant-detail .contact-body{
   margin:0 16px 17px!important;border-radius:15px!important
 }
 .v350-restaurant-detail .contact-row{
   min-height:76px!important;padding:10px 4px!important;gap:6px!important
 }
 .v350-restaurant-detail .contact-row .ico{
   width:31px!important;height:31px!important;font-size:14px!important
 }
 .v350-restaurant-detail .contact-row a,
 .v350-restaurant-detail .contact-row strong,
 .v350-restaurant-detail .contact-row span{
   font-size:11px!important;overflow-wrap:anywhere!important
 }
 .v350-restaurant-detail .hours-card{padding:18px!important;border-radius:22px!important}
 .v350-restaurant-detail .hours-title h2{font-size:25px!important}
 .v350-restaurant-detail .mobile-cta{
   left:14px!important;right:14px!important;bottom:8px!important;
   padding:5px!important;border-radius:15px!important
 }
 .v350-restaurant-detail .mobile-cta a,
 .v350-restaurant-detail .mobile-cta button{
   min-height:40px!important;font-size:13px!important
 }
}
