/* TEST 22: experimental topmost placement on non-wheel, non-merchant and non-PRIME customer screens. */
html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #app{padding-top:0!important; margin-top:0!important}
html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root{padding-top:0!important;margin-top:0!important;top:0!important}
html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root>.food-shell{padding-top:0!important;margin-top:0!important}
html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root .food-wrap:not(.ca80m-menu){padding-top:0!important;margin-top:0!important}
html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root .food-wrap:not(.ca80m-menu)>:first-child{margin-top:0!important}
/* Keep wheel address exactly at its old near-top position while centering the wheel and content. */
html body:has(.bubble-page) .bubble-page{position:relative!important}
html body:has(.bubble-page) .ca82r-wheel-address{position:absolute!important;top:0!important;left:12px!important;right:12px!important;width:calc(100% - 24px)!important;margin:0!important;z-index:30!important}
/* Square popular tiles with the full name and price visible; never clip text vertically. */
html body.ca82g-cover-open .ca80m-popular .ca81p-pop-track{grid-auto-columns:clamp(156px,43vw,200px)!important;gap:10px!important}
html body.ca82g-cover-open .ca80m-popular .ca81p-pop-card{aspect-ratio:1!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden!important;gap:4px!important;padding:8px!important;box-sizing:border-box!important}
html body.ca82g-cover-open .ca80m-popular .ca81p-pop-card .ca81p-pop-picture{flex:0 0 42%!important;height:42%!important;min-height:0!important;aspect-ratio:auto!important;width:100%!important}
html body.ca82g-cover-open .ca80m-popular .ca81p-pop-card>b{display:block!important;white-space:normal!important;overflow:visible!important;max-height:none!important;min-height:0!important;font-size:12px!important;line-height:1.12!important;overflow-wrap:anywhere!important}
html body.ca82g-cover-open .ca80m-popular .ca81p-pop-card .ca81p-pop-actions{margin-top:auto!important;flex-shrink:0!important;min-height:29px!important}
html body.ca82g-cover-open .ca80m-popular .ca81p-pop-card .ca81p-pop-actions strong{font-size:12px!important}
html body.ca82g-cover-open .ca80m-popular .ca81p-pop-card :is(.ca80m-special,.ca83-product-label,.ca81p-pop-count){display:none!important}
@media(max-width:365px){html body.ca82g-cover-open .ca80m-popular .ca81p-pop-track{grid-auto-columns:150px!important}}