/* WEB 176 — localized corrections only; no edits to global mascots or approval-sensitive flows. */
/* Community art and CTA remain one compact unit. */
.homeStep3 .compaCommunity136 .compaStatVisual{gap:0!important;justify-content:flex-end!important;padding-top:18px!important;min-width:0!important}
.homeStep3 .compaCommunity136 .compaStatVisual>img{translate:0 9px!important;margin-bottom:-5px!important;max-height:clamp(150px,17vw,198px)!important}
.homeStep3 .compaCommunity136 .compaStatVisual>.communityFollow174{margin:0 auto!important;min-height:42px!important;position:relative!important;z-index:5!important;background:linear-gradient(140deg,#fff083,#ffbe27)!important;color:#171509!important;border:1px solid #ffe98a!important;box-shadow:0 5px 20px #f5c83b33,0 8px 23px #0008!important;font-weight:900!important}
.homeStep3 .compaCommunity136 .compaStatVisual>.communityFollow174:hover{filter:brightness(1.05)}
@media(max-width:600px){.homeStep3 .compaCommunity136 .compaStatVisual{padding-top:10px!important}.homeStep3 .compaCommunity136 .compaStatVisual>img{max-height:164px!important;translate:0 5px!important}}
/* Keep mobile header in one row, without hiding controls. */
@media(max-width:760px){
 #siteHeader .topbarRightSafe{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-width:0!important;flex-shrink:0!important}
 #siteHeader .topbarRightSafe .lang{display:inline-flex!important;flex-flow:row nowrap!important;min-width:0!important;flex-shrink:1!important}
 #siteHeader .web175ShareHeader{order:2!important;width:34px!important;min-width:34px!important;height:36px!important;display:inline-flex!important;flex-shrink:0!important;position:static!important;margin:0!important}
 #siteHeader .topbarRightSafe .menuToggle{order:3!important;flex-shrink:0!important;position:relative!important;margin:0!important}
 #siteHeader .topbarRightSafe .navLogoutBtn:not([hidden]){max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* Reservation: fix the actual form grid and its native controls, not page-wide overflow. */
#eaReservationForm,#eaReservationForm *,#eaReservationForm *::before,#eaReservationForm *::after{box-sizing:border-box}
#eaReservationForm{width:100%;max-width:100%;min-width:0}
#eaReservationForm .eaGuestSplit173{width:100%;max-width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
#eaReservationForm .eaGuestSplit173 label,#eaReservationForm .eaGuestSplit173 input{max-width:100%;min-width:0;width:100%}
#eaReservationForm input,#eaReservationForm select,#eaReservationForm textarea{max-width:100%;min-width:0}
#eaReservationForm input[type=date],#eaReservationForm input[type=time]{color-scheme:dark;min-width:0}
#eaReservationForm input[type=date]::-webkit-calendar-picker-indicator,#eaReservationForm input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.8);opacity:.95;cursor:pointer}
@media(max-width:600px){#eaReservationForm .eaGuestSplit173{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}#eaReservationForm .eaGuestSplit173 label:last-of-type{grid-column:1/-1}#eaReservationForm .ea-full{max-width:100%;min-width:0}#eaReservationForm .eaGuestSplit173 input{font-size:16px!important}}
@media(max-width:350px){#eaReservationForm .eaGuestSplit173{grid-template-columns:minmax(0,1fr)}#eaReservationForm .eaGuestSplit173 label:last-of-type{grid-column:auto}}
/* Floating order access: self contained, left positioned, dismissible, does not block a modal. */
.web176Order{position:fixed;left:12px;bottom:17px;z-index:90;max-width:min(280px,calc(100vw - 28px));font-family:inherit}
.web176OrderToggle{border:1px solid #ffc55e;border-radius:999px;background:linear-gradient(135deg,#152236,#2f2416);color:#fff;box-shadow:0 8px 23px #0009;padding:11px 18px;display:flex;align-items:center;gap:9px;font:800 .83rem/1.25 inherit;cursor:pointer}
.web176OrderDismiss{position:absolute;right:-6px;top:-11px;min-width:28px;min-height:28px;border:1px solid #ffd479;border-radius:50%;background:#172132;color:white;cursor:pointer;font-size:18px;line-height:1}
.web176OrderPanel{margin-bottom:10px;border-radius:16px;background:#0d1828f5;border:1px solid #daa944;box-shadow:0 12px 35px #000b;padding:14px;color:white;max-height:52vh;overflow:auto}
.web176OrderPanel[hidden],.web176Order[hidden]{display:none!important}
.web176OrderPanel h3{margin:0 26px 10px 0;font-size:1rem;color:#ffdb8c}
.web176OrderPanel a{color:#fff;display:block;padding:10px;border-radius:9px;text-decoration:none;background:#26354a;margin-top:7px}
.web176OrderPanel a:focus-visible,.web176OrderPanel button:focus-visible{outline:2px solid #ffde83;outline-offset:2px}
.web176OrderPanel button{color:#fff;cursor:pointer;background:#27364b;border:1px solid #766b59;border-radius:8px;padding:8px}
.web176OrderPanel select{width:100%;max-width:100%;min-height:42px;color:#fff;background:#26354a;border:1px solid #9a7648;border-radius:9px;font-size:16px}
.web176OrderPanel .web176OrderGo{margin-top:8px;width:100%;background:#eeb945;color:#1d180e;border:0;font-weight:850}
@media(max-width:600px){.web176Order{left:8px;bottom:10px;max-width:min(232px,calc(100vw - 20px))}.web176OrderToggle{padding:9px 13px;font-size:.77rem}.web176OrderPanel{max-height:45vh}}
body:has(.modal.open) .web176Order,body:has([aria-modal="true"]) .web176Order{visibility:hidden;pointer-events:none}
