/* Correzioni UI Cliente test */
.ca-v82g-toolbar{position:fixed;z-index:900;top:calc(12px + env(safe-area-inset-top,0px));left:15px;right:15px;display:flex;justify-content:space-between;pointer-events:none}
.ca-v82g-toolbar-right{display:flex;gap:10px}.ca-v82g-round{pointer-events:auto;width:52px;height:52px;display:grid;place-items:center;background:white;border:1px solid #e5e7eb;border-radius:50%;font-size:39px;line-height:1;color:#17202a;box-shadow:0 3px 15px #0002;cursor:pointer;padding:0}
.ca-v82g-heart{font-size:32px}.ca-v82g-heart[aria-pressed=true]{color:#e85f37}.ca-v82g-menu .ca80v-fav-btn{display:none!important}
.ca-v82g-cart{min-height:min(70vh,570px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;text-align:center;padding:22px 15px}
.ca-v82g-cart h2{font-size:24px;margin:0}.ca-v82g-cart p{color:#606e7b;margin:0}.ca-v82g-cart .food-checkout{margin-top:10px;width:min(100%,310px)}.ca-v82g-cart-picture{width:min(75vw,240px)}.ca-v82g-cart-picture svg{display:block;width:100%;height:auto}.ca-v82g-cart-moving{animation:ca-v82g-cart-move 2.4s ease-in-out infinite}@keyframes ca-v82g-cart-move{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.ca-v82g-cart-moving{animation:none}}
/* Patch 2: independent native-like floating toolbar, immune to menu rerenders. */
#ca82g-fixed-customer-tools{position:fixed!important;z-index:2147481000!important;top:calc(14px + env(safe-area-inset-top,0px))!important;left:16px!important;right:16px!important;display:flex!important;justify-content:space-between!important;pointer-events:none!important;transform:none!important;visibility:visible!important;opacity:1!important}
#ca82g-fixed-customer-tools .ca-v82g-round{pointer-events:auto!important;display:grid!important;visibility:visible!important;opacity:1!important}
body:has(#ca82g-fixed-customer-tools) .ca-v82g-menu>.ca-v82g-toolbar{display:none!important}
/* TEST 3 — fixed photo cover with floating circular actions and four square info tiles */
.ca-v82g-menu>.ca-v82g-toolbar{display:none!important}
body.ca82g-cover-open .ca-v82g-menu .food-hero,body.ca82g-cover-open .ca-v82g-menu .ca80v-merchant-heading{display:none!important}
#ca82g-fixed-cover{position:fixed!important;top:var(--ca82g-top,76px);left:var(--ca82g-left,12px);width:var(--ca82g-width,calc(100vw - 24px));height:270px;z-index:9000;overflow:hidden;border-radius:17px;background:#1e293b;box-shadow:0 9px 24px #09142228;color:white;isolation:isolate}
#ca82g-fixed-cover .ca82g-cover-picture{position:absolute;inset:0;overflow:hidden}
#ca82g-fixed-cover .ca82g-cover-picture>*{height:100%!important;width:100%!important;object-fit:cover!important}
#ca82g-fixed-cover .ca82g-cover-picture:after{content:"";position:absolute;inset:22% 0 0;background:linear-gradient(0deg,rgba(2,15,28,.86),rgba(2,15,28,.15) 82%,transparent);pointer-events:none}
#ca82g-fixed-cover .ca82g-cover-actions{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}
#ca82g-fixed-cover .ca82g-cover-action-right{display:flex;gap:9px}
#ca82g-fixed-cover .ca82g-cover-actions button{pointer-events:auto;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px;width:42px;height:42px;padding:0!important;margin:0;border:0;border-radius:50%;background:rgba(255,255,255,.96)!important;color:#253247!important;box-shadow:0 3px 10px #0003;cursor:pointer}
#ca82g-fixed-cover .ca82g-cover-actions button svg{width:22px;height:22px;display:block;margin:auto;flex:none}
#ca82g-fixed-cover .ca82g-cover-actions .is-favorite{color:#e45c42!important}
#ca82g-fixed-cover .ca82g-cover-bottom{position:absolute;bottom:9px;left:9px;right:9px;z-index:1}
#ca82g-fixed-cover .ca82g-cover-name{font-weight:850;font-size:21px;line-height:1.2;margin:0 6px 9px;letter-spacing:.01em;text-shadow:0 2px 5px #0006}
#ca82g-fixed-cover .ca83-merchant-info{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;padding:0!important;background:transparent!important}
#ca82g-fixed-cover .ca83-info-cell{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.94)!important;color:#19344a!important;border-radius:11px!important;min-height:67px!important;padding:5px 2px!important;gap:2px!important;box-shadow:none!important;min-width:0!important}
#ca82g-fixed-cover .ca83-info-cell .ca83-icon{font-size:21px!important;line-height:23px!important;display:block!important}
#ca82g-fixed-cover .ca83-info-cell small,#ca82g-fixed-cover .ca83-info-cell strong{font-size:10px!important;line-height:1.18!important;text-align:center!important;overflow-wrap:anywhere}
.ca82g-cover-spacer{height:278px;margin:0}
/* Carrello vuoto: solo centratura, grafica e animazione intatte. */
.ca-v82g-cart{min-height:calc(100dvh - 165px)!important;box-sizing:border-box;justify-content:center!important;align-items:center!important}
@media(max-width:380px){#ca82g-fixed-cover{height:263px}#ca82g-fixed-cover .ca83-info-cell strong{font-size:9px!important}.ca82g-cover-spacer{height:270px}}

/* Keep the original hidden toolbar from taking part in layout, independent of parent. */
.ca-v82g-menu>.ca-v82g-toolbar{display:none!important}

/* TEST 4: cover edge to edge, action buttons remain visible over the image. */
html body #ca82g-fixed-cover{
 left:0!important;right:0!important;width:100vw!important;max-width:none!important;
 border-radius:0!important;margin:0!important;
}
html body #ca82g-fixed-cover .ca82g-cover-actions{
 display:flex!important;visibility:visible!important;opacity:1!important;
 position:absolute!important;top:14px!important;left:16px!important;right:16px!important;
 width:auto!important;min-height:46px!important;z-index:2147482000!important;
 flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
 overflow:visible!important;pointer-events:none!important;
}
html body #ca82g-fixed-cover .ca82g-cover-action-right{
 display:flex!important;visibility:visible!important;gap:10px!important;
 flex-direction:row!important;align-items:center!important;
}
html body #ca82g-fixed-cover .ca82g-cover-actions button{
 display:flex!important;visibility:visible!important;opacity:1!important;
 flex:0 0 44px!important;width:44px!important;height:44px!important;
 min-width:44px!important;min-height:44px!important;
 position:relative!important;pointer-events:auto!important;
 align-items:center!important;justify-content:center!important;
 border-radius:50%!important;background:#fff!important;
 color:#17354b!important;padding:0!important;line-height:1!important;
}
html body #ca82g-fixed-cover .ca82g-cover-actions button svg{
 display:block!important;position:static!important;width:22px!important;height:22px!important;
 margin:auto!important;transform:none!important;flex:none!important;
}

/* TEST 5: a dedicated body-level layer prevents legacy hidden toolbars / cover stacking from hiding buttons. */
html body #ca82g-overlay-controls{
 position:fixed!important;z-index:2147483646!important;top:90px;left:16px;right:16px;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 height:48px!important;min-height:48px!important;width:auto!important;
 opacity:1!important;visibility:visible!important;pointer-events:none!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body #ca82g-overlay-controls .ca82g-overlay-right{display:flex!important;gap:10px!important;align-items:center!important;pointer-events:none!important}
html body #ca82g-overlay-controls button{
 -webkit-appearance:none!important;appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;position:static!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
 min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
 background:#fff!important;color:#17354b!important;box-shadow:0 3px 10px #0003!important;
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
html body #ca82g-overlay-controls button svg{display:block!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;margin:auto!important;flex:0 0 auto!important;transform:none!important}
html body #ca82g-overlay-controls button.is-favorite{color:#e45c42!important}


/* TEST 6: controls inside cover, floating search above tabs, tabs anchored at bottom of cover. */
html body #ca82g-fixed-cover{
  height:318px!important;
}
html body #ca82g-overlay-controls{
  top:96px;
  left:16px; right:16px;
  z-index:2147483646!important;
}
html body #ca82g-floating-search{
  position:fixed!important; left:16px; right:16px; top:152px; z-index:2147483645!important;
  display:none!important; pointer-events:none!important;
}
html body #ca82g-floating-search.open{display:block!important;pointer-events:auto!important}
html body #ca82g-floating-search label{
  display:flex!important; align-items:center!important; gap:8px; background:rgba(255,255,255,.98)!important; border-radius:16px!important;
  padding:10px 12px!important; box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
html body #ca82g-floating-search input{
  flex:1 1 auto!important; min-width:0!important; border:0!important; outline:0!important; background:transparent!important; font-size:15px!important; color:#17354b!important;
}
html body #ca82g-floating-search button{
  display:grid!important; place-items:center!important; width:34px!important; height:34px!important; border:0!important; border-radius:50%!important; background:#eef2f7!important; color:#17354b!important; font-size:18px!important; padding:0!important;
}
html body #ca82g-cover-tabs{
  position:fixed!important; left:12px; right:12px; top:330px; z-index:2147483644!important;
  display:flex!important; gap:8px!important; align-items:center!important; justify-content:space-between!important;
}
html body #ca82g-cover-tabs button{
  flex:1 1 0!important; min-width:0!important; border:0!important; border-radius:14px!important; padding:11px 8px!important;
  background:rgba(255,255,255,.92)!important; color:#17354b!important; font-weight:800!important; font-size:12px!important; letter-spacing:.01em!important;
  box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
}
html body #ca82g-cover-tabs button.selected, html body #ca82g-cover-tabs button[aria-selected="true"]{
  background:#17354b!important; color:#fff!important;
}
body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-tabs,
body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-search{display:none!important}
html body #ca82g-fixed-cover .ca82g-cover-bottom{bottom:62px!important; left:10px!important; right:10px!important}
html body #ca82g-fixed-cover .ca83-merchant-info{gap:6px!important}
html body #ca82g-fixed-cover .ca83-info-cell{min-height:63px!important}
.ca82g-cover-spacer{height:330px!important;margin:0}
@media(max-width:380px){
  html body #ca82g-fixed-cover{height:326px!important}
  html body #ca82g-cover-tabs button{font-size:11px!important;padding:10px 6px!important}
  .ca82g-cover-spacer{height:338px!important}
}


/* TEST 7: lower controls inside cover, tabs aligned to the bottom edge, no empty gap below cover. */
html body #ca82g-overlay-controls{top:138px;}
html body #ca82g-floating-search{top:190px;}
html body #ca82g-cover-tabs{
  top:350px;
  left:10px; right:10px;
  transform:translateY(-100%);
}
html body #ca82g-fixed-cover .ca82g-cover-bottom{bottom:74px!important;}
html body #ca82g-fixed-cover .ca83-merchant-info{gap:6px!important;}
.ca82g-cover-spacer{height:318px!important;margin:0!important;padding:0!important;}
body.ca82g-cover-open .ca-v82g-menu{padding-top:0!important;}
body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-items,
body.ca82g-cover-open .ca-v82g-menu .ca81n-info,
body.ca82g-cover-open .ca-v82g-menu #food-cartbar,
body.ca82g-cover-open .ca-v82g-menu #food-message{margin-top:0!important;}
@media(max-width:380px){
  html body #ca82g-overlay-controls{top:132px;}
  html body #ca82g-floating-search{top:184px;}
  html body #ca82g-cover-tabs{top:346px;}
  .ca82g-cover-spacer{height:318px!important;}
}


/* TEST 8: slightly lower controls and animated colored icons. */
html body #ca82g-overlay-controls{top:148px!important;}
html body #ca82g-floating-search{top:200px!important;}
html body #ca82g-cover-tabs{
  top:370px!important;
  transform:translateY(-100%)!important;
}
@media(max-width:380px){
  html body #ca82g-overlay-controls{top:142px!important;}
  html body #ca82g-floating-search{top:194px!important;}
  html body #ca82g-cover-tabs{top:366px!important;}
}
html body #ca82g-overlay-controls button[data-back]{color:#ff7a00!important;}
html body #ca82g-overlay-controls button[data-search]{color:#0b84ff!important;}
html body #ca82g-overlay-controls button[data-fav]{color:#ff4d6d!important;}
html body #ca82g-overlay-controls button[data-fav].is-favorite{
  background:linear-gradient(135deg,#fff1f5 0%,#ffe0e7 100%)!important;
  box-shadow:0 10px 20px rgba(255,77,109,.22)!important;
}
html body #ca82g-overlay-controls button svg{
  transform-origin:50% 50%;
  animation:ca82gFloatIcon 2.8s ease-in-out infinite;
}
html body #ca82g-overlay-controls button[data-search] svg{animation-duration:2.4s}
html body #ca82g-overlay-controls button[data-fav] svg{animation-duration:2.1s}
html body #ca82g-overlay-controls button[data-fav].is-favorite svg{
  animation:ca82gPulseHeart 1.35s ease-in-out infinite;
}
@keyframes ca82gFloatIcon{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-2px) scale(1.06)}
}
@keyframes ca82gPulseHeart{
  0%,100%{transform:scale(1)}
  25%{transform:scale(1.12)}
  50%{transform:scale(1.04)}
  75%{transform:scale(1.14)}
}


/* TEST 9: favorite heart filled red, cover content lower, tabs closer to cover end, tighter post-cover spacing. */
html body #ca82g-overlay-controls button[data-fav].is-favorite{
  color:#ef3340!important;
  background:linear-gradient(135deg,#fff0f2 0%,#ffd9df 100%)!important;
  box-shadow:0 10px 22px rgba(239,51,64,.28)!important;
}
html body #ca82g-overlay-controls button[data-fav].is-favorite svg,
html body #ca82g-overlay-controls button[data-fav].is-favorite path{
  stroke:#ef3340!important;
  fill:#ef3340!important;
}
html body #ca82g-fixed-cover .ca82g-cover-bottom{
  bottom:54px!important;
}
html body #ca82g-fixed-cover .ca82g-cover-name{
  margin:0 6px 10px!important;
}
html body #ca82g-fixed-cover .ca83-merchant-info{
  gap:7px!important;
}
html body #ca82g-fixed-cover .ca83-info-cell{
  min-height:64px!important;
}
html body #ca82g-cover-tabs{
  top:385px!important;
  left:10px!important; right:10px!important;
  transform:translateY(-100%)!important;
}
.ca82g-cover-spacer{
  height:312px!important;
  margin:0!important;
  padding:0!important;
}
body.ca82g-cover-open .ca-v82g-menu .ca81n-popular,
body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-items,
body.ca82g-cover-open .ca-v82g-menu .ca81n-info,
body.ca82g-cover-open .ca-v82g-menu #food-message,
body.ca82g-cover-open .ca-v82g-menu #food-cartbar{
  margin-top:0!important;
  padding-top:0!important;
}
body.ca82g-cover-open .ca-v82g-menu section:first-of-type,
body.ca82g-cover-open .ca-v82g-menu article:first-of-type{
  margin-top:0!important;
}
@media(max-width:380px){
  html body #ca82g-fixed-cover .ca82g-cover-bottom{bottom:50px!important;}
  html body #ca82g-cover-tabs{top:381px!important;}
  .ca82g-cover-spacer{height:308px!important;}
}


/* TEST 10: final cover spacing + modern customer profile. */
html body #ca82g-cover-tabs{top:396px!important;transform:translateY(-100%)!important}
html body #ca82g-fixed-cover .ca82g-cover-bottom{bottom:42px!important}
.ca82g-cover-spacer{height:304px!important;margin:0!important;padding:0!important}
body.ca82g-cover-open .ca-v82g-menu .ca81n-popular{margin-top:0!important;padding-top:0!important}
body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-items{margin-top:0!important;padding-top:0!important}
@media(max-width:380px){html body #ca82g-cover-tabs{top:392px!important}.ca82g-cover-spacer{height:300px!important}}

/* Modern customer profile */
.ca80x-profile-title{margin:2px 0 10px!important;font-size:22px!important}
.ca80x-person-modern{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:14px!important;margin:12px 0!important;border-radius:22px!important}
.ca80x-person-main{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
.ca80x-photo{width:92px!important;flex:0 0 92px!important;gap:6px!important}
.ca80x-photo-preview{width:72px!important;height:72px!important;font-size:34px!important;background:linear-gradient(180deg,#f4f7fb,#e6eef7)!important}
.ca80x-avatar-emoji{font-size:34px;line-height:1;display:block}
.ca80x-camera{font-size:10px!important}
.ca80x-avatar-switch{border:0!important;border-radius:12px!important;background:#eef5ff!important;color:#1f5f9b!important;padding:8px 10px!important;font-size:11px!important;font-weight:800!important;cursor:pointer}
.ca80x-person-data{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important;min-width:0}
.ca80x-person-row{background:#f8fbfd!important;border:1px solid #e5edf3!important;border-radius:14px!important;padding:9px 10px!important;min-width:0}
.ca80x-person-row small{display:block!important;font-size:11px!important;color:#708391!important;margin-bottom:3px!important}
.ca80x-person-row strong{display:block!important;font-size:14px!important;line-height:1.25!important;overflow-wrap:anywhere}
.ca80x-person-row.ca80x-phone-row{grid-column:1/-1!important}
.ca80x-phone-compact{display:flex!important;gap:8px!important;align-items:center!important}
#ca80x-phone{flex:1 1 auto!important;min-width:0!important;border:1px solid #d6e3ec!important;background:#fff!important;border-radius:12px!important;padding:10px 12px!important;font-size:14px!important;color:#17354b!important}
#ca80x-phone[readonly]{background:#fff!important;color:#17354b!important;opacity:1!important}
.ca80x-inline-btn{border:0!important;border-radius:12px!important;background:#17354b!important;color:#fff!important;padding:10px 12px!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;cursor:pointer}
.ca80x-feedback{grid-column:1/-1!important;min-height:18px!important;margin:2px 2px 0!important;font-size:11px!important}
.ca80x-profile-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ca80x-profile-grid button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:100px!important;padding:12px 8px!important;background:#fff!important;border:1px solid #e2e9f0!important;border-radius:18px!important;box-shadow:0 8px 18px rgba(20,58,83,.08)!important;text-align:center!important;font-size:12px!important;font-weight:800!important;color:#183a4d!important}
.ca80x-profile-grid button b{display:none!important}
.ca80x-grid-icon{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:22px!important;animation:ca80xTileFloat 2.8s ease-in-out infinite}
.ca80x-grid-blue{background:#e8f2ff;color:#2468d6}.ca80x-grid-orange{background:#fff1df;color:#d56a17}.ca80x-grid-red{background:#ffe9eb;color:#d24a55}.ca80x-grid-pink{background:#ffeaf2;color:#d84175}.ca80x-grid-green{background:#e8f8ef;color:#22945d}.ca80x-grid-gold{background:#fff5d9;color:#b88500}.ca80x-grid-purple{background:#f2ebff;color:#7a54d3}.ca80x-grid-teal{background:#e7fbfb;color:#14808a}.ca80x-grid-sky{background:#e8f7ff;color:#1780b8}
.ca80x-profile-grid button:nth-child(2n) .ca80x-grid-icon{animation-duration:2.45s}.ca80x-profile-grid button:nth-child(3n) .ca80x-grid-icon{animation-duration:2.1s}
.ca80x-logout-modern{width:100%!important;border-radius:16px!important;margin-top:6px!important}
.ca80x-avatar-sheet p{margin-top:0;color:#556c7b}.ca80x-avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ca80x-avatar-choice{border:1px solid #dfe8ef!important;background:#fff!important;border-radius:16px!important;padding:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;cursor:pointer!important}.ca80x-avatar-choice span{font-size:30px}.ca80x-avatar-choice small{text-align:center!important;color:#385161}.ca80x-avatar-choice.selected{border-color:#ff9f50!important;box-shadow:0 0 0 3px #ffe2cb inset}
@keyframes ca80xTileFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}
@media(max-width:520px){.ca80x-person-modern{grid-template-columns:84px minmax(0,1fr)!important;padding:12px!important}.ca80x-person-data{grid-template-columns:1fr!important}.ca80x-profile-grid button{min-height:92px!important;font-size:11px!important}.ca80x-grid-icon{width:38px!important;height:38px!important;font-size:20px!important}.ca80x-inline-btn{font-size:10px!important;padding:10px 9px!important}}

/* TEST 11 — final customer refinements */
body[data-area-role="customer"] .food-header .food-icon,
body.ca80b-food-active .food-header .food-icon{display:none!important}
body[data-area-role="customer"] .food-header,
body.ca80b-food-active .food-header{justify-content:center!important}

/* Cover: lower buttons/tabs and remove gap after cover */
html body #ca82g-fixed-cover .ca82g-cover-bottom{bottom:26px!important;left:10px!important;right:10px!important}
html body #ca82g-cover-tabs{top:414px!important;transform:translateY(-100%)!important}
html body #ca82g-cover-tabs button{padding:10px 8px!important}
.ca82g-cover-spacer{height:286px!important;margin:0!important;padding:0!important}
body.ca82g-cover-open .ca-v82g-menu .ca81n-popular,
body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-items,
body.ca82g-cover-open .ca-v82g-menu .food-menu-items,
body.ca82g-cover-open .ca-v82g-menu .food-products{margin-top:0!important;padding-top:0!important}
body.ca82g-cover-open .ca-v82g-menu .food-hero + *{margin-top:0!important}
@media(max-width:380px){html body #ca82g-fixed-cover .ca82g-cover-bottom{bottom:22px!important}html body #ca82g-cover-tabs{top:406px!important}.ca82g-cover-spacer{height:278px!important}}

/* Compact rectangular profile header */
.ca80x-person.ca80x-person-compact{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:10px 12px!important;margin:10px 0 8px!important;border-radius:16px!important}
.ca80x-photo.ca80x-photo-compact{width:64px!important;flex:0 0 64px!important;gap:4px!important}
.ca80x-photo.ca80x-photo-compact .ca80x-photo-preview{width:56px!important;height:56px!important;font-size:26px!important}
.ca80x-photo.ca80x-photo-compact .ca80x-camera{font-size:9px!important;line-height:1.1!important}
.ca80x-person-data.ca80x-person-data-compact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 8px!important;min-width:0!important}
.ca80x-person-data-compact .ca80x-person-row{padding:7px 9px!important;border-radius:12px!important}
.ca80x-person-data-compact .ca80x-person-row small{font-size:10px!important;margin-bottom:2px!important}
.ca80x-person-data-compact .ca80x-person-row strong{font-size:13px!important;line-height:1.2!important}
.ca80x-person-data-compact .ca80x-person-wide{grid-column:1/-1!important}
.ca80x-person-data-compact .ca80x-phone-compact{gap:6px!important}
.ca80x-person-data-compact #ca80x-phone{padding:8px 10px!important;font-size:13px!important}
.ca80x-person-data-compact .ca80x-inline-btn{padding:8px 10px!important;font-size:10px!important;border-radius:10px!important}
.ca80x-person-data-compact .ca80x-feedback{grid-column:1/-1!important;font-size:10px!important;min-height:14px!important;margin:0!important}

/* Sticky modern profile menu */
.ca80x-profile-grid{position:sticky!important;top:70px!important;z-index:6!important;background:#f4f7fb!important;padding-top:6px!important;padding-bottom:4px!important;margin-top:10px!important}
.ca80x-profile-grid button{min-height:88px!important;border-radius:16px!important}
.ca80x-grid-icon{width:38px!important;height:38px!important;font-size:20px!important}
@media(max-width:520px){.ca80x-profile-grid{top:64px!important}.ca80x-profile-grid button{min-height:82px!important}.ca80x-person-data.ca80x-person-data-compact{grid-template-columns:1fr 1fr!important}}

/* Empty cart CTA improved */
.ca80b-empty-cart .food-checkout{min-width:210px!important;min-height:50px!important;border-radius:18px!important;background:linear-gradient(180deg,#ff9a3d,#f0761e)!important;box-shadow:0 10px 22px rgba(240,118,30,.25)!important;font-weight:900!important;letter-spacing:.2px!important}
.ca80b-empty-cart .food-checkout::after{content:' →';font-size:18px}


/* TEST 12: coherent cover sizing, tabs anchored to image edge and no gap. */
body.ca82g-cover-open #ca82g-fixed-cover{height:365px!important;top:42px!important}
body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-bottom{bottom:56px!important}
body.ca82g-cover-open #ca82g-cover-tabs{transform:translateY(-100%)!important;z-index:2147483644!important}
body.ca82g-cover-open .ca82g-cover-spacer{padding:0!important;margin:0!important;min-height:0!important}
body.ca82g-cover-open .ca-v82g-menu .ca80m-popular,
body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-items,
body.ca82g-cover-open .ca-v82g-menu .food-products{margin-top:0!important;padding-top:0!important}
@media(max-width:380px){body.ca82g-cover-open #ca82g-fixed-cover{height:357px!important}body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-bottom{bottom:54px!important}}
/* Remove old customer top header (including logout), leave the camera-safe breathing room. */
body[data-area-role="customer"] .food-shell>.food-header,
body.ca80b-food-active .food-shell>.food-header{display:none!important}
body[data-area-role="customer"] .food-shell,
body.ca80b-food-active .food-shell{padding-top:42px!important}
body.ca82g-cover-open .food-shell{padding-top:0!important}
/* Better favorite tiles: sharp logo fully visible, exactly three at a glance. */
.ca80z-favorites-row{grid-auto-columns:calc((100% - 20px)/3)!important;gap:10px!important}
.ca80z-favorite-tile{border-radius:18px!important;background:linear-gradient(180deg,#fff,#f7fafc)!important;min-height:134px!important;padding:10px 6px!important;border:1px solid #e2eaf1!important}
.ca80z-favorite-logo{width:64px!important;height:64px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 12px #17354b10!important;border:1px solid #edf1f5!important;padding:5px!important;box-sizing:border-box!important}
.ca80z-favorite-logo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.ca80z-favorite-tile b{font-weight:850!important;font-size:12px!important}
.ca80z-favorite-tile small{font-size:10px!important}
@media(max-width:380px){.ca80z-favorite-logo{width:52px!important;height:52px!important}.ca80z-favorite-tile{min-height:125px!important}}


/* TEST 13 — no header for customers; not the notification engine. */
html body #ca81d-customer-header,
html body .ca81d-customer-header{display:none!important;height:0!important;min-height:0!important}
html body[data-area-role="customer"] .food-shell>.food-header,
html body.ca80b-food-active .food-shell>.food-header{display:none!important;height:0!important}
html body[data-area-role="customer"] #root .food-header,
html body.ca80b-food-active #root .food-header{display:none!important}
html.ca82v-customer-lock body #ca81d-customer-header{display:none!important}
html body[data-area-role="customer"] .food-shell,
html body.ca80b-food-active .food-shell{padding-top:0!important}
html body[data-area-role="customer"] .food-wrap,
html body.ca80b-food-active .food-wrap{padding-top:0!important}
html body[data-area-role="customer"] #app,
html body.ca80b-food-active #app{padding-top:0!important}
/* Camera safe area without a fake header: body padding is reserved above content. */
html body.ca80b-food-active #root{padding-top:max(38px,env(safe-area-inset-top,0px))!important}
html body.ca82g-cover-open #root{padding-top:0!important}
/* Cover spacer is set exactly to cover bottom by JS, not fixed from earlier tests. */
html body.ca82g-cover-open .ca82g-cover-spacer{margin:0!important;padding:0!important;min-height:0!important;max-height:none!important}
html body.ca82g-cover-open .ca-v82g-menu{margin-top:0!important;padding-top:0!important}
html body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-items{margin-top:0!important;padding-top:0!important}
/* Modern multi-cart overview. */
.ca13-cart-hub{padding:4px 12px 95px!important;max-width:720px!important}
.ca13-cart-heading{display:flex;align-items:center;gap:13px;margin:12px 0 18px!important}
.ca13-cart-heading>span{display:grid;place-items:center;width:55px;height:55px;border-radius:18px;background:linear-gradient(145deg,#ffedd6,#fff8ec);font-size:27px}
.ca13-cart-heading small{font-size:11px;font-weight:850;letter-spacing:.11em;color:#e88227}
.ca13-cart-heading h2{font-size:23px;margin:3px 0 0!important;color:#173a4e}
.ca13-cart-overview{min-height:103px!important;border:1px solid #e2eaf1!important;border-radius:22px!important;background:#fff!important;padding:14px!important;box-shadow:0 8px 24px rgba(26,63,85,.08)!important;gap:13px!important}
.ca13-cart-overview .ca80w-cart-overview-thumb{border-radius:17px!important;width:74px!important;height:74px!important;flex-basis:74px!important;background:#f4f8fb!important}
.ca13-cart-overview b{font-size:16px!important;color:#153a50!important}
.ca13-cart-overview small{font-size:11px!important;line-height:1.4!important;color:#738797!important}
.ca13-cart-overview>span:last-child{font-size:24px!important;color:#ed842e!important}
/* Modern filled cart / checkout while preserving original form and button handlers. */
.ca13-checkout{padding:8px 12px 110px!important;max-width:750px!important}
.ca13-checkout>h2{font-size:23px!important;color:#16374a!important;margin:12px 0 8px!important}
.ca13-checkout .ca80w-checkout-merchant{border-radius:20px!important;background:linear-gradient(135deg,#f7fbff,#fff6ec)!important;border:1px solid #e6eefa!important;padding:14px!important;box-shadow:0 5px 16px rgba(20,60,85,.055)!important}
.ca13-checkout .ca80w-cart-line{border-radius:19px!important;border:1px solid #e4ebf1!important;background:white!important;padding:13px 11px!important;box-shadow:0 5px 15px rgba(20,60,85,.055)!important;margin:9px 0!important}
.ca13-checkout .ca80w-cart-img{border-radius:14px!important;overflow:hidden!important}
.ca13-checkout .ca80w-qty{background:#f3f7fa!important;border-radius:13px!important;padding:3px!important}
.ca13-checkout .ca80w-qty button{border-radius:11px!important;background:#fff!important;color:#e77b20!important;min-width:32px!important;min-height:32px!important}
.ca13-checkout .ca80z-fulfillment,.ca13-checkout .ca80z-payment{padding:13px!important;border-radius:20px!important;border:1px solid #e7edf2!important;background:white!important;box-shadow:0 4px 14px rgba(20,60,85,.045)!important}
.ca13-checkout .food-total.grand{background:#fff1df!important;border-radius:18px!important;padding:15px!important;color:#153a50!important}
.ca13-checkout #food-submit{border-radius:17px!important;min-height:54px!important;background:linear-gradient(135deg,#ff9b38,#ed7421)!important;box-shadow:0 8px 22px rgba(237,116,33,.2)!important}

/* TEST 14: mobile customer edge-to-edge layout, no header at category entry. */
body:has(#bubble-screen) .food-shell>.food-header{display:none!important}
body:has(#bubble-screen) #root{padding-top:max(38px, env(safe-area-inset-top, 0px))!important}
body:has(#bubble-screen) .bubble-page{padding-top:0!important;margin-top:0!important;min-height:0!important}
html body[data-area-role="customer"] .food-shell>.food-header{display:none!important}
html body.ca82g-cover-open #ca82g-fixed-cover{top:0!important;height:322px!important}
html body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-bottom{bottom:52px!important}
html body.ca82g-cover-open #ca82g-overlay-controls{top:42px!important}
html body.ca82g-cover-open #ca82g-floating-search{top:100px!important}
html body.ca82g-cover-open #ca82g-cover-tabs{top:317px!important;transform:translateY(-100%)!important}
html body.ca82g-cover-open #root{padding-top:0!important;margin-top:0!important}
html body.ca82g-cover-open .food-shell,
html body.ca82g-cover-open .ca-v82g-menu{padding-top:0!important;margin-top:0!important}
html body.ca82g-cover-open .ca82g-cover-spacer{margin:0!important;padding:0!important;min-height:0!important}
html body.ca82g-cover-open .ca-v82g-menu .ca80m-popular,
html body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-items{margin-top:0!important;padding-top:0!important}
@media(max-width:380px){
 html body.ca82g-cover-open #ca82g-fixed-cover{height:310px!important}
 html body.ca82g-cover-open #ca82g-cover-tabs{top:305px!important}
 html body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-bottom{bottom:49px!important}
}
/* Home: generous tap targets and consistent spacing, avoiding a large blank area. */
body[data-area-role="customer"] .ca82g-home-controls,
body.ca80b-food-active .ca82g-home-controls{padding-top:12px!important;padding-bottom:12px!important;gap:12px!important}
body[data-area-role="customer"] .ca82g-home-controls .food-address,
body.ca80b-food-active .ca82g-home-controls .food-address{min-height:60px!important;font-size:15px!important;border-radius:16px!important;padding:14px!important}
body[data-area-role="customer"] .ca82g-home-controls .food-search,
body.ca80b-food-active .ca82g-home-controls .food-search{min-height:56px!important;font-size:16px!important;border-radius:16px!important;padding:15px!important}
body[data-area-role="customer"] .ca82g-home-controls #food-category-row .food-category,
body.ca80b-food-active .ca82g-home-controls #food-category-row .food-category{min-height:76px!important;padding:12px 8px!important;border-radius:16px!important;font-size:13px!important}

/* TEST 15 — Remove actual vertical centering of the entry wheel; expand home controls. */
html body[data-area-role="customer"] #app,html body.ca80b-food-active #app{padding-top:0!important;margin-top:0!important}
html body[data-area-role="customer"] #root,html body.ca80b-food-active #root{margin-top:0!important;padding-top:max(38px,env(safe-area-inset-top,0px))!important}
html body.ca82g-cover-open #root{padding-top:0!important}
html body:has(#bubble-screen) #root{padding-top:max(38px,env(safe-area-inset-top,0px))!important}
html body:has(.bubble-page) .bubble-page,html body:has(.bubble-page) .ca82r-wheel-page{justify-content:flex-start!important;align-content:start!important;min-height:0!important;height:calc(100dvh - 95px)!important;max-height:none!important;margin:0 auto!important;padding:6px 12px 10px!important;gap:9px!important}
html body:has(.bubble-page) #bubble-screen{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
html body:has(.bubble-page) .bubble-wheel{flex:0 1 auto!important;width:min(78vw,315px)!important;height:min(78vw,315px)!important;margin:8px auto 0!important}
html body:has(.bubble-page) .bubble-choice{margin-top:8px!important}
html body[data-area-role="customer"] .ca82g-home-controls,html body.ca80b-food-active .ca82g-home-controls{display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:0!important;padding:8px 0 14px!important}
html body .ca82g-home-controls>.food-address{min-height:72px!important;padding:18px 17px!important;font-size:17px!important;border-radius:19px!important}
html body .ca82g-home-controls>.food-search{min-height:66px!important;padding:18px!important;font-size:17px!important;border-radius:19px!important;margin:0!important;box-sizing:border-box!important}
html body .ca82g-home-controls>#food-category-row{display:flex!important;gap:11px!important;padding:4px 0 12px!important}
html body .ca82g-home-controls>#food-category-row>.food-category{min-height:105px!important;min-width:112px!important;font-size:14px!important;border-radius:18px!important;padding:12px!important}
html body .ca82g-home-controls>#food-category-row>.food-category span{font-size:34px!important}
@media(max-height:690px){html body:has(.bubble-page) .bubble-wheel{width:min(60vw,255px)!important;height:min(60vw,255px)!important}html body:has(.bubble-page) .bubble-page{gap:6px!important}}


/* TEST 16 — customer full-screen top alignment across screens */
html body[data-area-role="customer"] .food-wrap:not(.ca80m-menu),
html body.ca80b-food-active .food-wrap:not(.ca80m-menu){
  padding-top:max(38px,env(safe-area-inset-top,0px))!important;
}
html body[data-area-role="customer"] .food-wrap.ca80z-explore,
html body[data-area-role="customer"] .food-wrap.ca80b-food-profile,
html body[data-area-role="customer"] .food-wrap.ca13-cart-hub,
html body[data-area-role="customer"] .food-wrap.ca80b-empty-cart,
html body.ca80b-food-active .food-wrap.ca80z-explore,
html body.ca80b-food-active .food-wrap.ca80b-food-profile,
html body.ca80b-food-active .food-wrap.ca13-cart-hub,
html body.ca80b-food-active .food-wrap.ca80b-empty-cart{
  padding-top:max(38px,env(safe-area-inset-top,0px))!important;
}
/* Bigger customer home controls */
body .food-wrap:not(.ca80m-menu) .ca82g-home-controls{
  margin:-4px -12px 10px!important;padding:12px 12px 10px!important;border-radius:0 0 20px 20px!important;
}
body .food-wrap:not(.ca80m-menu) .ca82g-home-controls .food-address{
  min-height:56px!important;padding:14px 16px!important;border-radius:16px!important;font-size:15px!important;
}
body .food-wrap:not(.ca80m-menu) .ca82g-home-controls .food-search{
  min-height:54px!important;height:54px!important;padding:15px 16px!important;border-radius:16px!important;font-size:16px!important;margin:10px 0!important;
}
body:has(.food-shell) .food-wrap:not(.ca80m-menu) .ca82g-home-controls #food-category-row.food-categories{
  padding:4px 0 8px!important;gap:10px!important;
}
body:has(.food-shell) .food-wrap:not(.ca80m-menu) .ca82g-home-controls #food-category-row .food-category{
  min-height:82px!important;height:82px!important;min-width:92px!important;max-width:120px!important;padding:10px 10px!important;border-radius:17px!important;font-size:12px!important;gap:6px!important;
}
body:has(.food-shell) .food-wrap:not(.ca80m-menu) .ca82g-home-controls #food-category-row .food-category span{font-size:26px!important}

/* Modern animated bottom-nav icons */
#ca80b-food-nav button svg{transition:transform .28s ease,filter .28s ease,opacity .28s ease;filter:drop-shadow(0 3px 6px rgba(240,118,30,.12));}
#ca80b-food-nav button.active svg{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 6px 12px rgba(240,118,30,.24));}
#ca80b-food-nav button[data-food-tab="home"] svg path,#ca80b-food-nav button[data-food-tab="home"] svg circle{stroke:#f1761e;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ca80b-food-nav button[data-food-tab="services"] svg path,#ca80b-food-nav button[data-food-tab="services"] svg circle{stroke:#0d8e7b;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ca80b-food-nav button[data-food-tab="cart"] svg path,#ca80b-food-nav button[data-food-tab="cart"] svg circle{stroke:#8c57ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ca80b-food-nav button[data-food-tab="profile"] svg path,#ca80b-food-nav button[data-food-tab="profile"] svg circle{stroke:#1c74d8;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes ca80bNavPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.04)}}
#ca80b-food-nav button.active svg{animation:ca80bNavPulse 1.6s ease-in-out infinite}

/* Explore modern services */
.ca80z-explore{padding-bottom:96px!important}
.ca80z-explore-head{padding:2px 0 12px}.ca80z-explore-head small{display:inline-block;font-weight:900;color:#ef752b;letter-spacing:.06em}.ca80z-explore-head h2{margin:6px 0 8px!important;font-size:28px!important}.ca80z-explore-head p{margin:0;color:#61737f;line-height:1.45}
.ca80z-service-grid{display:grid;gap:14px;margin-top:12px}
.ca80z-service-card{position:relative;border:0;background:#fff;border-radius:24px;padding:18px 18px 18px 86px;min-height:112px;display:block;text-align:left;box-shadow:0 10px 28px rgba(21,39,53,.09);overflow:hidden}
.ca80z-service-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff7eb;color:#c46512;font-size:11px;font-weight:900;letter-spacing:.03em;margin-bottom:10px}
.ca80z-service-icon{position:absolute;left:18px;top:18px;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(180deg,#fff,#f4f6fb);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 5px 16px rgba(21,39,53,.10)}
.ca80z-service-copy{display:flex;flex-direction:column;gap:6px}.ca80z-service-copy b{font-size:19px;color:#1d3547}.ca80z-service-copy small{font-size:13px;color:#667884;line-height:1.4}.ca80z-service-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:28px;color:#89a0b1}
.ca80z-card-farmacia{background:linear-gradient(135deg,#fff 0%,#eef7ff 100%)}.ca80z-card-spedizioni{background:linear-gradient(135deg,#fff 0%,#f3f8ff 100%)}.ca80z-card-antispreco{background:linear-gradient(135deg,#fff7e7 0%,#fffdf6 100%)}.ca80z-card-mercatino{background:linear-gradient(135deg,#f7f3ff 0%,#fff 100%)}
.ca80z-service-page{padding-bottom:94px!important}.ca80z-hero{display:grid;grid-template-columns:1fr 74px;gap:14px;align-items:center;border-radius:24px;padding:18px;background:linear-gradient(135deg,#fff,#f5f8fc);box-shadow:0 10px 28px rgba(21,39,53,.08);margin-top:4px}.ca80z-hero small{font-weight:900;color:#e06d14;letter-spacing:.05em}.ca80z-hero h1{margin:6px 0 8px;font-size:29px;color:#1d3547}.ca80z-hero p{margin:0;color:#667884;line-height:1.48}.ca80z-hero>span{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;font-size:42px;background:#fff;box-shadow:0 8px 18px rgba(20,46,57,.10)}
.ca80z-hero-antispreco{background:linear-gradient(135deg,#fff4d7,#fffdf6)}.ca80z-hero-market{background:linear-gradient(135deg,#efe8ff,#fff)}
.ca80z-chip-row{display:flex;gap:8px;overflow:auto;margin:14px 0 10px;padding-bottom:4px}.ca80z-chip-row span,.ca80z-market-filters button{border:1px solid #e2e8ef;background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:#223a4c;white-space:nowrap}
.ca80z-mock-list{display:grid;gap:12px;margin-top:12px}.ca80z-mock-offer{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;background:#fff;border-radius:18px;padding:12px 13px;box-shadow:0 8px 24px rgba(20,46,57,.07)}.ca80z-mock-thumb{width:54px;height:54px;border-radius:16px;background:#fff4e5;display:grid;place-items:center;font-size:27px}.ca80z-mock-offer b{display:block;color:#20384b}.ca80z-mock-offer small{display:block;color:#7a8b95;margin-top:3px}.ca80z-mock-offer p{margin:5px 0 0;color:#586a76;font-size:12px;line-height:1.35}.ca80z-mock-offer strong{color:#17783c;font-size:18px}
.ca80z-market-filters{display:flex;gap:8px;overflow:auto;padding:14px 0 6px}.ca80z-market-filters .active{background:#1b73e8;color:#fff;border-color:#1b73e8}.ca80z-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ca80z-market-card{background:#fff;border-radius:18px;padding:10px;box-shadow:0 8px 22px rgba(20,46,57,.07)}.ca80z-market-photo{height:128px;border-radius:14px;background:linear-gradient(135deg,#f4f7fb,#ffffff);display:grid;place-items:center;font-size:45px;margin-bottom:10px}.ca80z-market-card b{display:block;color:#20384b}.ca80z-market-card small{display:block;color:#7a8b95;margin:4px 0 8px}.ca80z-market-card strong{color:#8338ec;font-size:18px}
.ca80z-coming-banner{margin-top:14px;border-radius:18px;background:#fff4e8;color:#b45b12;font-weight:900;text-align:center;padding:14px 12px}
.ca80z-services-hint{margin:14px 2px 0;color:#627581;font-size:13px;line-height:1.45}
@media(max-width:430px){.ca80z-service-card{padding-left:80px}.ca80z-market-photo{height:118px}.ca80z-market-grid{gap:10px}}


/* TEST 17 — full-screen customer layout without large white gaps */
html body[data-area-role="customer"] #root,
html body.ca80b-food-active #root{
  padding-top:max(10px,env(safe-area-inset-top,0px))!important;
  margin-top:0!important;
}
html body[data-area-role="customer"] .food-shell,
html body.ca80b-food-active .food-shell{
  padding-top:0!important;
}
html body[data-area-role="customer"] .food-wrap:not(.ca80m-menu):not(.ca13-checkout),
html body.ca80b-food-active .food-wrap:not(.ca80m-menu):not(.ca13-checkout){
  padding-top:8px!important;
  margin-top:0!important;
}
html body[data-area-role="customer"] .food-wrap:not(.ca80m-menu):not(.ca13-checkout)>:first-child,
html body.ca80b-food-active .food-wrap:not(.ca80m-menu):not(.ca13-checkout)>:first-child{
  margin-top:0!important;
}
html body[data-area-role="customer"] .ca13-cart-hub,
html body[data-area-role="customer"] .ca80b-empty-cart,
html body[data-area-role="customer"] .ca80b-food-profile,
html body[data-area-role="customer"] .ca80z-explore,
html body.ca80b-food-active .ca13-cart-hub,
html body.ca80b-food-active .ca80b-empty-cart,
html body.ca80b-food-active .ca80b-food-profile,
html body.ca80b-food-active .ca80z-explore{
  padding-top:8px!important;
}
html body[data-area-role="customer"] #root .food-wrap .ca82g-home-controls,
html body.ca80b-food-active #root .food-wrap .ca82g-home-controls{
  margin:0 0 12px!important;
  padding:2px 0 12px!important;
  gap:13px!important;
}
html body[data-area-role="customer"] #root .food-wrap .ca82g-home-controls>.food-address,
html body.ca80b-food-active #root .food-wrap .ca82g-home-controls>.food-address{
  min-height:72px!important;
  padding:18px 18px!important;
  border-radius:20px!important;
  font-size:17px!important;
}
html body[data-area-role="customer"] #root .food-wrap .ca82g-home-controls>.food-search,
html body.ca80b-food-active #root .food-wrap .ca82g-home-controls>.food-search{
  min-height:62px!important;
  height:62px!important;
  padding:18px!important;
  font-size:17px!important;
  border-radius:19px!important;
  margin:0!important;
}
html body[data-area-role="customer"] #root .food-wrap .ca82g-home-controls>#food-category-row.food-categories,
html body.ca80b-food-active #root .food-wrap .ca82g-home-controls>#food-category-row.food-categories{
  gap:12px!important;
  padding:6px 0 10px!important;
}
html body[data-area-role="customer"] #root .food-wrap .ca82g-home-controls>#food-category-row .food-category,
html body.ca80b-food-active #root .food-wrap .ca82g-home-controls>#food-category-row .food-category{
  min-width:108px!important;
  min-height:98px!important;
  padding:12px 10px!important;
  border-radius:19px!important;
  font-size:13px!important;
  gap:8px!important;
}
html body[data-area-role="customer"] #root .food-wrap .ca82g-home-controls>#food-category-row .food-category span,
html body.ca80b-food-active #root .food-wrap .ca82g-home-controls>#food-category-row .food-category span{
  font-size:31px!important;
}

/* TEST 18 — fullscreen product detail and integrated cover */
body[data-area-role="customer"] .ca18-fullscreen-product{position:fixed!important;inset:0!important;z-index:2147483645!important;background:#fff!important;display:block!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important}
body[data-area-role="customer"] .ca18-fullscreen-product>.ca81-dialog{position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;max-width:none!important;overflow-y:auto!important;box-sizing:border-box!important;margin:0!important;padding:0 16px calc(94px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.ca18-detail-image{height:clamp(150px,29dvh,280px);margin:0 -16px 15px;overflow:hidden;background:#f3f6f8}.ca18-detail-image img{width:100%;height:100%;object-fit:cover}.ca18-detail-image .food-fallback{height:100%}
.ca18-fullscreen-product .ca81-dialog>header{margin-top:0!important;padding:7px 4px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}
.ca18-fullscreen-product .ca81-dialog>header [data-close]{position:fixed!important;top:calc(14px + env(safe-area-inset-top,0px))!important;right:16px!important;z-index:10!important;width:44px!important;height:44px!important;border-radius:50%!important;background:white!important;box-shadow:0 3px 18px #0003!important;color:#192c3c!important;font-size:19px!important}
.ca18-fullscreen-product .ca81-option-list{padding-bottom:14px}.ca18-fullscreen-product .ca81-dialog-actions{position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e7e8ec;box-shadow:0 -3px 16px #0001;z-index:4}.ca18-fullscreen-product .ca81-dialog-actions .food-checkout{margin:0!important;min-height:54px!important;border-radius:17px!important;background:#f47c2b!important;color:white!important}
.ca18-product-card{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}.ca18-product-open{display:grid;grid-template-columns:75px minmax(0,1fr);gap:12px;align-items:center;background:transparent;border:0;text-align:left;padding:0;color:inherit;min-width:0;cursor:pointer}.ca18-product-text{display:flex;flex-direction:column;min-width:0;gap:4px}.ca18-product-text b{font-size:15px}.ca18-product-desc{font-size:12px;color:#677987;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ca18-product-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end}.ca18-minus{width:35px;height:35px;padding:0;border:1px solid #e6d9cf;border-radius:12px;background:#fff8f4;color:#d85e17;font-size:19px;cursor:pointer}.ca18-qty{min-width:17px;text-align:center;font-size:12px;font-weight:850}.ca18-product-actions .food-add{min-width:35px;min-height:35px}.ca18-pop-open{display:flex;flex-direction:column;gap:5px;width:100%;padding:0;text-align:left;background:none;border:0;color:inherit;cursor:pointer}.ca18-pop-card .ca81p-pop-actions{gap:6px;align-items:center}.ca18-pop-card .ca18-product-actions{gap:2px}.ca18-pop-card .ca18-minus{width:29px;height:29px;font-size:16px}.ca18-pop-card .food-add{min-width:29px;min-height:29px}
/* Cover image stays opaque; a translucent gradient overlays only the photograph, never the page behind it. */
body.ca82g-cover-open #ca82g-fixed-cover{background:#122535!important;isolation:isolate!important}
body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-picture{background:#122535!important;opacity:1!important}
body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-picture:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(to bottom,rgba(11,29,45,.25),rgba(11,29,45,.35) 40%,rgba(7,19,34,.82) 100%)!important;opacity:1!important}
/* Remove duplicate customer vertical offsets, keep the wheel baseline unchanged. */
html body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open) #root{padding-top:max(38px,env(safe-area-inset-top,0px))!important;margin:0!important}
html body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open) #root>.food-shell{padding-top:0!important;margin-top:0!important}
html body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open) #root .food-wrap:not(.ca80m-menu){padding-top:0!important;margin-top:0!important}
html body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open) #root .food-wrap:not(.ca80m-menu)>:first-child{margin-top:0!important}

/* TEST 19 — prevent product text collapsing into vertical one-letter columns. */
html body .ca-v82g-menu .ca81n-menu-items .food-products{
 display:flex!important;flex-direction:column!important;gap:11px!important;min-width:0!important;width:100%!important;
}
html body .ca-v82g-menu .ca81n-menu-items .food-product.ca18-product-card{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:space-between!important;width:100%!important;min-width:0!important;
 box-sizing:border-box!important;gap:10px!important;padding:11px!important;
 border-radius:17px!important;background:#fff!important;
}
html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card>.ca18-product-open{
 display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;
 flex:1 1 auto!important;width:auto!important;min-width:0!important;
 white-space:normal!important;gap:11px!important;align-items:center!important;
 text-align:left!important;padding:0!important;margin:0!important;
}
html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card .ca18-product-text{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 width:100%!important;min-width:0!important;white-space:normal!important;
 word-break:normal!important;overflow-wrap:break-word!important;
 writing-mode:horizontal-tb!important;text-orientation:mixed!important;
}
html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card .ca18-product-text *{
 writing-mode:horizontal-tb!important;text-orientation:mixed!important;
 white-space:normal!important;word-break:normal!important;max-width:100%!important;
}
html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card .ca18-product-text b{
 font-size:15px!important;line-height:1.3!important;font-weight:850!important;
}
html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card .ca18-product-desc{
 width:100%!important;font-size:12px!important;line-height:1.4!important;
 display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
 overflow:hidden!important;
}
html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card .food-product-image{
 width:70px!important;height:70px!important;min-width:70px!important;flex:none!important;
}
html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card>.ca18-product-actions{
 flex:0 0 auto!important;max-width:105px!important;min-width:35px!important;
 display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;
}
@media(max-width:365px){
 html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card>.ca18-product-open{grid-template-columns:58px minmax(0,1fr)!important;gap:7px!important}
 html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card .food-product-image{width:58px!important;height:58px!important;min-width:58px!important}
 html body .ca-v82g-menu .ca81n-menu-items .ca18-product-card>.ca18-product-actions{max-width:90px!important}
}
/* Dark glass is applied to the photo, with a completely opaque backing so
   scrolling cards never shine through. All cover text remains fully opaque. */
html body.ca82g-cover-open #ca82g-fixed-cover{
 background:#172d3e!important;opacity:1!important;isolation:isolate!important;
}
html body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-picture{
 background:#172d3e!important;opacity:1!important;isolation:isolate!important;
}
html body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-picture img{
 opacity:.67!important;filter:saturate(.95) contrast(1.06)!important;
}
html body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-picture:after{
 content:""!important;position:absolute!important;inset:0!important;
 background:linear-gradient(180deg,rgba(18,38,55,.05) 0%,rgba(18,38,55,.16) 42%,rgba(10,26,42,.70) 100%)!important;
 opacity:1!important;pointer-events:none!important;
}
/* PRIME and wheel are untouched. Other customer screens use a single top offset,
   not stacked padding on both root and page. */
html body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open) #root{
 padding-top:max(8px,env(safe-area-inset-top,0px))!important;margin-top:0!important;
}
html body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open) #root>.food-shell{
 padding-top:0!important;margin-top:0!important;
}
html body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open) #root .food-wrap:not(.ca80m-menu){
 padding-top:5px!important;margin-top:0!important;
}
html body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open) #root .food-wrap:not(.ca80m-menu)>:first-child{
 margin-top:0!important;
}

/* TEST 20 */
html body.ca82g-cover-open #ca82g-fixed-cover,html body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-picture{background:#283541!important;opacity:1!important}
html body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-picture img{opacity:.42!important;filter:saturate(.8) brightness(1.14)!important}
html body.ca82g-cover-open #ca82g-fixed-cover .ca82g-cover-picture::after{background:linear-gradient(180deg,rgba(24,35,46,.09),rgba(24,35,46,.18) 60%,rgba(12,24,36,.53))!important}
html body #root .ca20-cart-trash,html body #root .ca20-menu-trash{color:#d52828!important;background:#fff1f1!important;border:1px solid #f4b5b5!important;font-size:21px!important;min-width:36px!important;min-height:36px!important;border-radius:10px!important}
html.ca82v-customer-lock body:not(.ca82g-cover-open):not(:has(.bubble-page)) #app{padding-top:0!important}
html.ca82v-customer-lock body:not(.ca82g-cover-open):not(:has(.bubble-page)) #root{padding-top:max(38px,env(safe-area-inset-top,0px))!important;margin:0!important;transform:none!important}
html.ca82v-customer-lock body:not(.ca82g-cover-open):not(:has(.bubble-page)) #root>.food-shell{padding-top:0!important;margin-top:0!important}
html.ca82v-customer-lock body:not(.ca82g-cover-open):not(:has(.bubble-page)) #root>.food-shell>.food-wrap:not(.ca80m-menu){padding-top:0!important;margin-top:0!important}
html body:has(.bubble-page) .bubble-wheel{width:min(92vw,40dvh,375px)!important;height:auto!important;aspect-ratio:1!important;flex-shrink:0!important;margin:6px auto 0!important}
html body:has(.bubble-page) .bubble-item{width:32%!important}
html body:has(.bubble-page) .bubble-photo{border-width:5px!important;box-shadow:0 7px 20px #0d4c3640!important}
html body:has(.bubble-page) .bubble-item.active .bubble-photo{outline:4px solid #ff8d36!important;box-shadow:0 9px 24px #da742858!important}
html body:has(.bubble-page) .bubble-label{font-size:clamp(13px,3.5vw,17px)!important;font-weight:850!important}
@media(max-height:690px){html body:has(.bubble-page) .bubble-wheel{width:min(84vw,34dvh,305px)!important}}

/* TEST 21: category wheel is now customer Home, 4-tab footer remains accessible */
html body:has(#bubble-screen) #ca80b-food-nav{display:grid!important}
html body:has(#bubble-screen) #app{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
html body:has(.bubble-page) .bubble-page{height:calc(100dvh - 155px)!important;justify-content:center!important;align-content:center!important;padding-bottom:6px!important}
html body:has(.bubble-page) .bubble-wheel{width:min(88vw,34dvh,335px)!important}
/* Remove stacked top white area on every non-menu Customer view; keep camera clearance. */
html.ca82v-customer-lock body:not(.ca82g-cover-open):not(:has(.bubble-page)) #app{padding-top:0!important}
html.ca82v-customer-lock body:not(.ca82g-cover-open):not(:has(.bubble-page)) #root{padding-top:max(32px,env(safe-area-inset-top,0px))!important}
html.ca82v-customer-lock body:not(.ca82g-cover-open):not(:has(.bubble-page)) #root>.food-shell{padding-top:0!important}
html.ca82v-customer-lock body:not(.ca82g-cover-open):not(:has(.bubble-page)) #root .food-wrap:not(.ca80m-menu){padding-top:0!important;margin-top:0!important}
/* Popular section: real square cards, no product tags */
body.ca82g-cover-open .ca80m-popular .ca81p-pop-track{grid-auto-columns:clamp(128px,35vw,182px)!important;gap:12px!important}
body.ca82g-cover-open .ca80m-popular .ca81p-pop-card{aspect-ratio:1/1!important;width:100%!important;min-height:0!important;padding:10px!important;box-sizing:border-box!important;justify-content:space-between!important;border-radius:17px!important}
body.ca82g-cover-open .ca80m-popular .ca81p-pop-card .ca81p-pop-picture{height:auto!important;aspect-ratio:1.7!important;width:100%!important}
body.ca82g-cover-open .ca80m-popular .ca81p-pop-card .ca80m-special,
body.ca82g-cover-open .ca80m-popular .ca81p-pop-card .ca83-product-label{display:none!important}
/* Merchant cover uses opaque solid backdrop with a centered square logo */
html body.ca82g-cover-open #ca82g-fixed-cover,
html body.ca82g-cover-open #ca82g-fixed-cover .ca21-logo-cover{background:#18384c!important;opacity:1!important}
html body.ca82g-cover-open #ca82g-fixed-cover .ca21-logo-cover{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:91px!important;box-sizing:border-box!important}
html body.ca82g-cover-open #ca82g-fixed-cover .ca21-local-logo{position:relative!important;width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important;object-fit:contain!important;background:#fff!important;border-radius:16px!important;border:2px solid white!important;opacity:1!important;filter:none!important;padding:5px!important;box-shadow:0 5px 18px #0003!important}
html body.ca82g-cover-open #ca82g-fixed-cover .ca21-logo-cover::after{content:none!important}
html body.ca82g-cover-open #ca82g-fixed-cover .ca21-local-logo-fallback{font-size:40px;background:white;border-radius:16px;padding:14px}
/* Fix the spacer to stop under the fixed cover instead of duplicating white sections. */
html body.ca82g-cover-open .ca-v82g-menu .ca82g-cover-spacer{display:block!important;margin:0!important;padding:0!important}
html body.ca82g-cover-open .ca-v82g-menu .ca81n-menu-items{padding-top:0!important;margin-top:0!important}
/* Round arrow to categories from catalogue, positioned in top-right corner */
.ca21-back-wheel{position:fixed!important;right:12px!important;top:max(42px,env(safe-area-inset-top,0px))!important;z-index:4000!important;width:43px!important;height:43px!important;border:0!important;border-radius:50%!important;color:#18364a!important;background:white!important;box-shadow:0 3px 12px #102d3b33!important;font-size:23px!important;display:grid!important;place-items:center!important}
body.ca82g-cover-open .ca21-back-wheel{display:none!important}

.ca21-global-return[hidden]{display:none!important}
.ca21-global-return{position:fixed;right:14px;top:max(40px,env(safe-area-inset-top,0px));width:43px;height:43px;z-index:4000;border:0;border-radius:50%;background:#fff;color:#18364a;font-size:23px;box-shadow:0 3px 12px #102d3b33;display:grid;place-items:center}
/* No duplicated return control on the merchant catalogue itself. */
html body:has(.ca21-back-wheel) .ca21-global-return{display:none!important}