/* DineQube Direct Delivery V5.56.4 — mobile visual hotfix */
:root{--dq64-green:#07543F;--dq64-wa:#25D366;--dq64-blue:#1A73E8;--dq64-ink:#071827}

/* Hero dish: visibly curved, compact, no accidental crop. Transparent PNG/WebP remains transparent. */
html body .dq-landing-v5564 .dqp-food-art{display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;padding:0!important}
html body .dq-landing-v5564 .dqp-dish-frame{position:relative!important;width:min(100%,320px)!important;max-width:320px!important;aspect-ratio:auto!important;overflow:hidden!important;border-radius:26px!important;background:transparent!important;box-shadow:0 12px 26px rgba(7,84,63,.11)!important}
html body .dq-landing-v5564 .dqp-dish-frame:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;box-shadow:inset 0 0 0 1px rgba(15,123,90,.08)!important;pointer-events:none!important}
html body .dq-landing-v5564 .dqp-hero-food{display:block!important;width:100%!important;height:auto!important;max-height:245px!important;object-fit:contain!important;object-position:center!important;border-radius:26px!important;background:transparent!important;filter:none!important}
html body .dq-landing-v5564 .dqp-food-note{z-index:6!important}

/* Contact row: force real coloured actions even when legacy CSS is cached. */
html body .dq-landing-v5564 .dqp-contacts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body .dq-landing-v5564 .dqp-contacts>a{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:66px!important;padding:9px 10px!important;border:0!important;border-radius:15px!important;text-decoration:none!important;color:#fff!important;overflow:hidden!important;box-shadow:0 9px 20px rgba(7,48,37,.16)!important}
html body .dq-landing-v5564 .dqp-contacts>a span{display:grid!important;gap:2px!important;min-width:0!important}
html body .dq-landing-v5564 .dqp-contacts>a b{display:block!important;color:#fff!important;font-size:12px!important;line-height:1.05!important;font-weight:950!important;white-space:normal!important}
html body .dq-landing-v5564 .dqp-contacts>a small{display:block!important;color:rgba(255,255,255,.92)!important;font-size:9px!important;line-height:1.08!important;white-space:normal!important}
html body .dq-landing-v5564 .dqp-contacts>a>i{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important}
html body .dq-landing-v5564 .dqp-contacts>a>i svg{display:block!important;width:22px!important;height:22px!important}
html body .dq-landing-v5564 .dqp-contact-call{background:#07543F!important;background-image:linear-gradient(135deg,#043D2D,#087253)!important}
html body .dq-landing-v5564 .dqp-contact-call>i{color:#07543F!important}
html body .dq-landing-v5564 .dqp-contact-call>i svg{stroke:#07543F!important;fill:none!important}
html body .dq-landing-v5564 .dqp-contact-wa{background:#25D366!important;background-image:linear-gradient(135deg,#18B94C,#25D366)!important}
html body .dq-landing-v5564 .dqp-contact-wa>i{color:#25D366!important}
html body .dq-landing-v5564 .dqp-contact-wa .dqp-brand-icon{color:#25D366!important;fill:#25D366!important}
html body .dq-landing-v5564 .dqp-contact-directions{background:#1A73E8!important;background-image:linear-gradient(135deg,#1559B7,#1A73E8)!important}
html body .dq-landing-v5564 .dqp-contact-directions>i{color:initial!important}
html body .dq-landing-v5564 .dqp-contact-directions .dqp-maps-icon{width:24px!important;height:24px!important;fill:initial!important;color:initial!important}

/* Keep social actions stable and readable. */
html body .dq-landing-v5564 .dqp-social-actions>a{opacity:1!important;visibility:visible!important}

@media(max-width:760px){
 html body .dq-landing-v5564 .dqp-hero{row-gap:7px!important;padding-top:12px!important;padding-bottom:12px!important}
 html body .dq-landing-v5564 .dqp-food-art{min-height:154px!important;margin:0!important}
 html body .dq-landing-v5564 .dqp-dish-frame{width:min(100%,168px)!important;max-width:168px!important;border-radius:20px!important;box-shadow:0 8px 17px rgba(7,84,63,.10)!important}
 html body .dq-landing-v5564 .dqp-hero-food{max-height:154px!important;border-radius:20px!important}
 html body .dq-landing-v5564 .dqp-contacts{gap:6px!important}
 html body .dq-landing-v5564 .dqp-contacts>a{grid-template-columns:30px minmax(0,1fr)!important;gap:5px!important;min-height:58px!important;padding:7px 6px!important;border-radius:12px!important}
 html body .dq-landing-v5564 .dqp-contacts>a>i{width:29px!important;height:29px!important}
 html body .dq-landing-v5564 .dqp-contacts>a>i svg{width:18px!important;height:18px!important}
 html body .dq-landing-v5564 .dqp-contacts>a b{font-size:9.4px!important}
 html body .dq-landing-v5564 .dqp-contacts>a small{font-size:7.5px!important}
}
@media(max-width:390px){
 html body .dq-landing-v5564 .dqp-dish-frame{width:158px!important;max-width:158px!important}
 html body .dq-landing-v5564 .dqp-hero-food{max-height:148px!important}
 html body .dq-landing-v5564 .dqp-contacts>a{grid-template-columns:28px minmax(0,1fr)!important;padding:7px 5px!important}
 html body .dq-landing-v5564 .dqp-contacts>a>i{width:27px!important;height:27px!important}
 html body .dq-landing-v5564 .dqp-contacts>a b{font-size:8.7px!important}
 html body .dq-landing-v5564 .dqp-contacts>a small{font-size:6.9px!important}
}
