/* Compact Doña hero: small photo card, orange fade, left-aligned style switch */
main.flex.flex-col{gap:20px!important}
main > div.relative.isolate:first-child{min-height:0!important;height:168px;padding:0 22px!important;gap:0!important;margin:14px 16px 0;width:calc(100% - 32px)!important;max-width:1152px;border-radius:22px;align-items:flex-start!important;justify-content:center!important;box-shadow:0 10px 24px rgba(120,45,10,.16)}
main > div.relative.isolate:first-child > div[aria-hidden] > div.absolute.inset-0{background:linear-gradient(90deg,#ff4918 0%,rgba(255,73,24,.92) 38%,rgba(255,73,24,.35) 68%,rgba(255,73,24,0) 100%)!important}
main > div.relative.isolate:first-child > div[aria-hidden] img{object-position:70% 45%}
main > div.relative.isolate:first-child > section{max-width:none!important;width:auto!important}
main > div.relative.isolate:first-child h2{margin:0 0 12px!important;text-align:left!important;font-size:26px!important;line-height:1.05!important;text-shadow:none!important;letter-spacing:-.01em}
main > div.relative.isolate:first-child h2::before{content:"ORDER ONLINE";display:block;font-size:11px;letter-spacing:.2em;font-weight:800;opacity:.85;margin-bottom:4px}
main > div.relative.isolate:first-child nav{justify-content:flex-start!important}
main > div.relative.isolate:first-child nav ul{padding:3px!important;box-shadow:0 4px 12px rgba(0,0,0,.12)}
main > div.relative.isolate:first-child nav button{padding:7px 14px!important;font-size:13px!important;letter-spacing:.03em}
@media (min-width:768px){main > div.relative.isolate:first-child{height:200px;padding:0 40px!important}main > div.relative.isolate:first-child h2{font-size:34px!important}main > div.relative.isolate:first-child nav button{padding:9px 20px!important;font-size:15px!important}}
@media (min-width:1184px){main > div.relative.isolate:first-child{margin:18px auto 0}}