/* DineQube Direct Delivery V5.56.3 — compact location, fixed location flow, transparent dish art, branded actions */
:root{--dq63-green:#07543F;--dq63-wa:#25D366;--dq63-blue:#1A73E8;--dq63-ink:#071827;--dq63-line:#DCEAE4}

/* Compact restaurant/location header */
.dq-landing-v5563 .dqp-nav{gap:9px!important;padding:2px 3px 9px!important}
.dq-landing-v5563 .dqp-restaurant-brand{max-width:64%!important}
.dq-landing-v5563 .dqp-location{width:min(35%,154px)!important;max-width:154px!important;min-height:46px!important;padding:6px 8px!important;border-radius:14px!important;grid-template-columns:18px minmax(0,1fr) 10px!important;gap:5px!important}
.dq-landing-v5563 .dqp-location>svg{width:18px!important;height:18px!important}
.dq-landing-v5563 .dqp-location small{font-size:7.5px!important;line-height:1!important}
.dq-landing-v5563 .dqp-location b{max-width:102px!important;font-size:11px!important;line-height:1.1!important}
.dq-landing-v5563 .dqp-location strong{font-size:13px!important}

/* Tighter hero; uploaded PNG/WEBP can sit naturally on the background like a logo. */
.dq-landing-v5563 .dqp-hero{row-gap:8px!important;padding-top:13px!important;padding-bottom:13px!important}
.dq-landing-v5563 .dqp-hero-slogan{font-size:clamp(29px,4.1vw,48px)!important;line-height:.98!important}
.dq-landing-v5563 .dqp-hero-copy>p{font-size:15px!important;margin-top:7px!important}
.dq-landing-v5563 .dqp-food-art{min-height:245px!important;padding:0!important}
.dq-landing-v5563 .dqp-dish-frame{width:min(100%,350px)!important;aspect-ratio:auto!important;overflow:visible!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important}
.dq-landing-v5563 .dqp-dish-frame:after{display:none!important}
.dq-landing-v5563 .dqp-hero-food{display:block!important;width:100%!important;height:auto!important;max-height:285px!important;object-fit:contain!important;object-position:center!important;border-radius:24px!important;background:transparent!important;filter:drop-shadow(0 16px 19px rgba(7,84,63,.14))!important}
.dq-landing-v5563 .dqp-food-note{top:-3px!important;right:-1px!important}
.dq-landing-v5563 .dqp-steam{top:20%!important}
.dq-landing-v5563 .dqp-location-hint,.dq-landing-v5563 .dqp-metrics{padding-top:8px!important;padding-bottom:8px!important}

/* Strong restaurant contact actions */
.dq-landing-v5563 .dqp-help-title{margin-bottom:10px!important}
.dq-landing-v5563 .dqp-help-title h3{font-size:19px!important;font-weight:950!important;letter-spacing:-.02em!important;color:var(--dq63-ink)!important}
.dq-landing-v5563 .dqp-contacts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.dq-landing-v5563 .dqp-contacts a{min-height:66px!important;padding:9px 10px!important;border:0!important;border-radius:14px!important;color:#fff!important;box-shadow:0 9px 20px rgba(7,48,37,.14)!important}
.dq-landing-v5563 .dqp-contacts a b{font-size:12px!important;font-weight:950!important;color:#fff!important;line-height:1.05!important}
.dq-landing-v5563 .dqp-contacts a small{font-size:9px!important;color:rgba(255,255,255,.92)!important;line-height:1.08!important}
.dq-landing-v5563 .dqp-contact-call{background:linear-gradient(135deg,#043D2D,#07543F)!important}
.dq-landing-v5563 .dqp-contact-call>i{background:rgba(255,255,255,.15)!important;color:#fff!important}
.dq-landing-v5563 .dqp-contact-call>i svg{stroke:#fff!important;fill:none!important}
.dq-landing-v5563 .dqp-contact-wa{background:linear-gradient(135deg,#18B94C,#25D366)!important}
.dq-landing-v5563 .dqp-contact-wa>i{background:#fff!important;color:#25D366!important}
.dq-landing-v5563 .dqp-contact-wa .dqp-brand-icon{color:#25D366!important;fill:#25D366!important}
.dq-landing-v5563 .dqp-contact-directions{background:linear-gradient(135deg,#1559B7,#1A73E8)!important}
.dq-landing-v5563 .dqp-contact-directions>i{background:#fff!important;color:initial!important}
.dq-landing-v5563 .dqp-contact-directions .dqp-maps-icon{width:24px!important;height:24px!important;color:initial!important;fill:initial!important}

/* QR-style Google / Instagram actions */
.dq-landing-v5563 .dqp-social{display:grid!important;gap:9px!important;padding:2px!important}
.dq-landing-v5563 .dqp-social-title h3{margin:0!important;font-size:18px!important;line-height:1.05!important;font-weight:950!important;color:var(--dq63-ink)!important}
.dq-landing-v5563 .dqp-social-title p{margin:4px 0 0!important;font-size:11px!important;color:#687B74!important}
.dq-landing-v5563 .dqp-social-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.dq-landing-v5563 .dqp-social-actions a{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:60px!important;padding:9px 11px!important;border-radius:14px!important;text-decoration:none!important;box-sizing:border-box!important}
.dq-landing-v5563 .dqp-social-actions i{display:grid!important;place-items:center!important;width:30px!important;height:30px!important}
.dq-landing-v5563 .dqp-social-actions i svg{display:block!important;width:25px!important;height:25px!important}
.dq-landing-v5563 .dqp-social-actions span{display:grid!important;gap:2px!important;min-width:0!important}
.dq-landing-v5563 .dqp-social-actions b{font-size:12px!important;line-height:1.05!important;font-weight:950!important}
.dq-landing-v5563 .dqp-social-actions small{font-size:8.8px!important;line-height:1.08!important}
.dq-landing-v5563 .dqp-social-google{background:#fff!important;color:#202124!important;border:1px solid #DADCE0!important;box-shadow:0 5px 14px rgba(60,64,67,.13)!important}
.dq-landing-v5563 .dqp-social-google small{color:#5F6368!important}
.dq-landing-v5563 .dqp-social-instagram{color:#fff!important;border:1px solid transparent!important;background:linear-gradient(135deg,#833AB4 0%,#C13584 34%,#E1306C 56%,#F56040 76%,#FCAF45 100%)!important;box-shadow:0 7px 18px rgba(193,53,132,.22)!important}
.dq-landing-v5563 .dqp-social-instagram small{color:rgba(255,255,255,.9)!important}
.dq-landing-v5563 .dqp-social-instagram i{color:#fff!important}

/* One fixed, centered location experience. No bottom sheet, no hidden manual action. */
dialog.dd-location-dialog[open]{position:fixed!important;inset:0!important;margin:auto!important;width:min(92vw,430px)!important;max-width:430px!important;max-height:calc(100dvh - 28px)!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
dialog.dd-location-dialog::backdrop{background:rgba(5,28,22,.28)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.dd-location-dialog .dd-modal-shell{display:flex!important;flex-direction:column!important;width:100%!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important;border:1px solid rgba(15,123,90,.12)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 70px rgba(5,40,30,.22)!important}
.dd-location-dialog .dd-modal-head{flex:0 0 auto!important;padding:13px 54px 10px 16px!important;border-bottom:1px solid #EEF4F1!important}
.dd-location-dialog .dd-modal-head small{font-size:8px!important;letter-spacing:.1em!important}
.dd-location-dialog .dd-modal-head h2{font-size:18px!important;line-height:1.1!important}
.dd-location-dialog .dd-close{top:11px!important;right:12px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important;font-size:23px!important}
.dd-location-dialog .dd-modal-body{flex:1 1 auto!important;padding:13px 16px 16px!important;overflow:hidden!important;overscroll-behavior:contain!important}
.dd-location-permission-v5554{display:grid!important;gap:9px!important;text-align:center!important}
.dd-location-permission-v5554 .dd-location-permission-icon{width:46px!important;height:46px!important;margin:0 auto!important}
.dd-location-permission-v5554 h3{margin:0!important;font-size:19px!important;line-height:1.08!important}
.dd-location-permission-v5554>p,.dd-location-permission-v5554>small{margin:0!important;font-size:11px!important;line-height:1.35!important}
.dd-location-permission-v5554 .dd-choice-primary,.dd-location-permission-v5554 .dd-choice-secondary{width:100%!important;min-height:46px!important;margin:0!important;border-radius:13px!important;font-size:13px!important;font-weight:900!important}
.dd-location-permission-v5554 .dd-choice-secondary{border:1.5px solid #0F7B5A!important;background:#fff!important;color:#07543F!important}
.dd-location-permission-v5554 .dd-location-privacy{margin-top:0!important;font-size:9px!important}
.dd-location-result{display:grid!important;gap:9px!important;text-align:center!important}
.dd-location-result-icon{margin:0 auto!important}
.dd-location-result h3{margin:0!important;font-size:18px!important;line-height:1.12!important}
.dd-location-result p{margin:0!important;font-size:11.5px!important;line-height:1.42!important}
.dd-location-result-actions{display:grid!important;gap:7px!important}
.dd-location-result-actions button{min-height:45px!important;margin:0!important;border-radius:12px!important;font-size:12px!important;font-weight:900!important}
.dd-location-result>small{font-size:9px!important}

/* Manual location uses the same centered dialog and is compact enough to fit without page scroll. */
dialog.dd-location-manual-dialog[open]{width:min(94vw,500px)!important;max-width:500px!important}
.dd-location-manual-dialog .dd-modal-body{padding:10px 14px 13px!important}
.dd-location-sheet-v5554{display:grid!important;grid-template-columns:1fr 118px!important;gap:7px 8px!important;align-items:end!important}
.dd-location-sheet-v5554>p{grid-column:1/-1!important;margin:0!important;font-size:10px!important;line-height:1.28!important}
.dd-location-sheet-v5554>label:first-of-type{grid-column:1!important;margin:0!important}
.dd-location-sheet-v5554>label:first-of-type input{height:40px!important;min-height:40px!important}
.dd-location-sheet-v5554 #dd-search-btn{grid-column:2!important;min-height:40px!important;margin:0!important;padding:7px!important;font-size:10.5px!important}
.dd-location-sheet-v5554 .dd-manual-current{grid-column:1/-1!important;min-height:39px!important;margin:0!important;padding:7px 10px!important;border-radius:11px!important;font-size:11px!important}
.dd-location-manual-dialog .dd-map{grid-column:1/-1!important;height:clamp(120px,20dvh,160px)!important;min-height:120px!important;margin:0!important;border-radius:13px!important}
.dd-location-sheet-v5554>label:last-of-type{grid-column:1/-1!important;margin:0!important;font-size:9px!important}
.dd-location-sheet-v5554>label:last-of-type input{height:38px!important;min-height:38px!important;font-size:10px!important}
.dd-location-sheet-v5554 .dd-location-inline-result{grid-column:1/-1!important;margin:0!important;padding:7px 9px!important;font-size:9px!important;line-height:1.25!important;max-height:58px!important;overflow:hidden!important}
.dd-location-sheet-v5554 #dd-location-confirm{grid-column:1/-1!important;min-height:44px!important;margin:0!important;border-radius:12px!important;font-size:11px!important;font-weight:900!important}

/* Merchant settings preview: transparent PNG/WEBP stays transparent instead of being cropped into a photo card. */
.dd-hero-upload-preview{background:linear-gradient(45deg,#f5f8f6 25%,transparent 25%),linear-gradient(-45deg,#f5f8f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f5f8f6 75%),linear-gradient(-45deg,transparent 75%,#f5f8f6 75%)!important;background-size:16px 16px!important;background-position:0 0,0 8px,8px -8px,-8px 0!important}
.dd-hero-upload-preview img{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important}

@media(max-width:760px){
 .dq-landing-v5563{padding-inline:9px!important}
 .dq-landing-v5563 .dqp-nav{padding-top:1px!important;padding-bottom:7px!important}
 .dq-landing-v5563 .dqp-restaurant-brand{max-width:64%!important;gap:7px!important}
 .dq-landing-v5563 .dqp-header-restaurant-logo{width:43px!important;height:43px!important;flex-basis:43px!important;border-radius:12px!important}
 .dq-landing-v5563 .dqp-header-restaurant-copy>b{font-size:17px!important}.dq-landing-v5563 .dqp-restaurant-brand.is-medium .dqp-header-restaurant-copy>b{font-size:16px!important}.dq-landing-v5563 .dqp-restaurant-brand.is-long .dqp-header-restaurant-copy>b{font-size:14.5px!important}.dq-landing-v5563 .dqp-restaurant-brand.is-very-long .dqp-header-restaurant-copy>b{font-size:13px!important}
 .dq-landing-v5563 .dqp-location{width:34%!important;max-width:132px!important;min-height:43px!important;padding:5px 7px!important;border-radius:13px!important}.dq-landing-v5563 .dqp-location b{font-size:10px!important;max-width:79px!important}.dq-landing-v5563 .dqp-location small{font-size:6.8px!important}
 .dq-landing-v5563 .dqp-hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;column-gap:6px!important;padding:13px 11px 12px!important}
 .dq-landing-v5563 .dqp-hero-slogan{font-size:clamp(26px,7.8vw,33px)!important}.dq-landing-v5563 .dqp-hero-copy>p{font-size:11.5px!important;max-width:155px!important;line-height:1.2!important}
 .dq-landing-v5563 .dqp-food-art{min-height:166px!important;margin:0 -4px 0 0!important}.dq-landing-v5563 .dqp-dish-frame{width:min(100%,174px)!important}.dq-landing-v5563 .dqp-hero-food{max-height:166px!important;border-radius:19px!important;filter:drop-shadow(0 10px 12px rgba(7,84,63,.12))!important}.dq-landing-v5563 .dqp-food-note{font-size:7.6px!important;width:72px!important;top:-1px!important;right:-3px!important}.dq-landing-v5563 .dqp-food-note svg{width:43px!important;height:29px!important;margin-left:8px!important}
 .dq-landing-v5563 .dqp-steam{top:17%!important;width:100px!important;height:90px!important}.dq-landing-v5563 .dqp-steam svg{width:26px!important;height:78px!important}.dq-landing-v5563 .dqp-steam svg:nth-child(1){left:2px!important}.dq-landing-v5563 .dqp-steam svg:nth-child(2){left:27px!important}.dq-landing-v5563 .dqp-steam svg:nth-child(3){left:52px!important}.dq-landing-v5563 .dqp-steam svg:nth-child(4){left:75px!important}
 .dq-landing-v5563 .dqp-help-title h3,.dq-landing-v5563 .dqp-social-title h3{font-size:15px!important}
 .dq-landing-v5563 .dqp-contacts{gap:5px!important}.dq-landing-v5563 .dqp-contacts a{grid-template-columns:29px minmax(0,1fr)!important;gap:5px!important;min-height:55px!important;padding:7px 5px!important;border-radius:11px!important}.dq-landing-v5563 .dqp-contacts a>i{width:28px!important;height:28px!important}.dq-landing-v5563 .dqp-contacts a>i svg{width:18px!important;height:18px!important}.dq-landing-v5563 .dqp-contacts a b{font-size:9px!important}.dq-landing-v5563 .dqp-contacts a small{font-size:7.1px!important}
 .dq-landing-v5563 .dqp-social-actions{gap:7px!important}.dq-landing-v5563 .dqp-social-actions a{grid-template-columns:27px minmax(0,1fr)!important;gap:6px!important;min-height:52px!important;padding:7px 8px!important;border-radius:11px!important}.dq-landing-v5563 .dqp-social-actions i{width:25px!important;height:25px!important}.dq-landing-v5563 .dqp-social-actions i svg{width:21px!important;height:21px!important}.dq-landing-v5563 .dqp-social-actions b{font-size:9.5px!important}.dq-landing-v5563 .dqp-social-actions small{font-size:7.3px!important}
}
@media(max-width:360px){
 .dq-landing-v5563 .dqp-location{max-width:119px!important}.dq-landing-v5563 .dqp-location b{max-width:68px!important;font-size:9.3px!important}
 .dq-landing-v5563 .dqp-hero-slogan{font-size:25px!important}.dq-landing-v5563 .dqp-food-art{min-height:154px!important}.dq-landing-v5563 .dqp-dish-frame{width:158px!important}.dq-landing-v5563 .dqp-hero-food{max-height:154px!important}
 .dq-landing-v5563 .dqp-social-actions b{font-size:8.8px!important}.dq-landing-v5563 .dqp-social-actions small{font-size:6.8px!important}
}
@media(prefers-reduced-motion:reduce){.dq-landing-v5563 .dqp-steam svg{animation:none!important;opacity:.35!important}}