/* Mobile layout and account navigation */
html:has(body.user-interface){min-width:320px;max-width:100%;overflow-x:clip;scrollbar-gutter:stable}
html.user-menu-open,body.user-interface.user-menu-open{overflow:hidden!important;overscroll-behavior:none}
body.user-interface{width:100%;max-width:100%;min-width:320px;overflow-x:clip;text-size-adjust:100%;-webkit-text-size-adjust:100%}
#user-app,.user-shell,.user-workspace,.user-main,.user-main>*,.user-card,.user-page-header,.user-dashboard-grid,.user-dashboard-grid--bottom,.user-search-layout,.user-map-results,.user-chat-layout,.user-settings-layout,.user-support-layout,.user-privacy-layout{min-width:0;max-width:100%}
.user-main img,.user-modal img{max-width:100%}
.user-main h1,.user-main h2,.user-main h3,.user-main p,.user-sidebar strong,.user-sidebar small{overflow-wrap:anywhere}
.user-sidebar__mobile-close{display:none}
.user-sidebar__site-link{width:100%;min-height:39px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:9px;color:var(--user-text-2);text-decoration:none}
.user-sidebar__site-link:hover{color:var(--user-gold);background:rgba(240,181,71,.06)}
.user-sidebar__panel{height:100dvh}
.user-more-sheet{display:none!important}
.user-compare-wrap,.user-table-wrap,.user-transactions-table-wrap,.user-data-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
@media(max-width:980px){

.user-shell,.user-shell.is-sidebar-collapsed{width:100%;min-height:100dvh}
.user-sidebar{inset:0;width:100%!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .28s;contain:layout paint}
.user-sidebar.is-mobile-open{width:100%!important;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.user-sidebar__panel{width:min(88vw,330px);max-width:100%;padding-bottom:env(safe-area-inset-bottom);overflow:hidden;transform:translate3d(110%,0,0);transition:transform .28s cubic-bezier(.22,.76,.24,1);will-change:transform;overscroll-behavior:contain}
.user-sidebar.is-mobile-open .user-sidebar__panel{transform:translate3d(0,0,0)}
.user-sidebar__backdrop{width:100%;height:100%;opacity:0;transition:opacity .22s ease;-webkit-tap-highlight-color:transparent}
.user-sidebar.is-mobile-open .user-sidebar__backdrop{opacity:1}
.user-sidebar__brand{position:relative;min-height:64px;height:auto;padding:10px 12px}
.user-sidebar__mobile-close{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;padding:0;border:1px solid var(--user-line-soft);border-radius:10px;color:var(--user-text);background:rgba(255,255,255,.025);font-size:24px;line-height:1}
.user-sidebar__logo{flex:1}
.user-sidebar__profile{flex:0 0 auto}
.user-sidebar__nav{padding-bottom:18px;overscroll-behavior:contain}
.user-sidebar__nav button{min-height:48px;margin-block:3px}
.user-sidebar__footer{flex:0 0 auto;padding-bottom:max(10px,env(safe-area-inset-bottom))}
.user-workspace{width:100%;min-height:100dvh}
.user-header{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-inline:10px}
.user-header__right{min-width:0;overflow:hidden}
.user-header__location{min-width:0;max-width:min(62vw,330px);padding-inline:4px}
.user-header__location div{min-width:0}
.user-header__location strong{display:block;max-width:100%}
.user-header__actions{gap:6px}
.user-main{width:100%;min-height:calc(100dvh - 64px);padding-bottom:calc(86px + env(safe-area-inset-bottom))}
.user-mobile-nav{min-height:70px;padding:6px 6px max(7px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.24);transform:translateZ(0);will-change:transform}
.user-mobile-nav button{position:relative;min-width:0;min-height:50px;gap:3px;border-radius:10px;touch-action:manipulation}
.user-mobile-nav button>span:last-child{display:block;max-width:100%;overflow:hidden;font-size:10px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.user-mobile-nav button.is-active:before{content:"";position:absolute;top:-6px;right:22%;left:22%;height:2px;border-radius:4px;background:var(--user-gold);box-shadow:0 0 12px rgba(240,181,71,.55)}
.user-page-header,.user-results-toolbar,.user-favourites-toolbar,.user-compare-toolbar,.user-notifications-toolbar,.user-review-toolbar{flex-wrap:wrap}
.user-page-header>*,.user-results-toolbar>*,.user-favourites-toolbar>*,.user-compare-toolbar>*{min-width:0}
.user-page-header>div:first-child{flex:1 1 260px}
.user-settings-nav,.user-filter-tabs,.user-chip-row,.user-club-detail__facilities{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.user-settings-nav::-webkit-scrollbar,.user-filter-tabs::-webkit-scrollbar,.user-chip-row::-webkit-scrollbar{display:none}
.user-search-filters>section,.user-modal>section{padding-bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(max-width:700px){
.user-main{padding-top:13px;padding-inline:10px}
.user-card{border-radius:13px}
.user-page-header{padding-inline:2px}
.user-page-header>.user-btn,.user-page-header__actions,.user-page-header__actions .user-btn{width:100%}
.user-page-header__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.user-quick-search input,.user-search-hero input,.user-search-hero select,.user-form-grid input,.user-form-grid select,.user-form-grid textarea,.user-auth-form input,.user-auth-form select,.user-auth-form textarea{font-size:16px}
.user-notification-item{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding-inline:10px}
.user-notification-item>:last-child{grid-column:2/-1;justify-self:start}
.user-request-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.user-request-summary>div:last-child:nth-child(odd){grid-column:1/-1}
.user-history-card{grid-template-columns:94px minmax(0,1fr);align-items:start;gap:10px}
.user-history-card>img{width:94px;height:94px}
.user-history-card>:last-child{grid-column:1/-1}
.user-ticket-list>button{grid-template-columns:38px minmax(0,1fr) auto;padding-inline:10px}
.user-ticket-list>button>:last-child{grid-column:2/-1}
.user-chat-window{min-height:calc(100dvh - 155px)}
.user-chat-compose{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));z-index:4}
.user-referral-hero,.user-recommendation-hero,.user-selection-hint{overflow:hidden}
.user-wallet-balance,.user-referral-hero{min-height:0}
.user-modal{min-height:100dvh}
.user-modal>section,.user-modal>section.user-modal__dialog--lg{max-height:94dvh}
}
@media(max-width:520px){
.user-header__location{max-width:calc(100vw - 150px)}
.user-header__location small{display:none}
.user-header__profile{display:none}
.user-summary-grid{grid-template-columns:1fr}
.user-summary-card{min-height:68px}
.user-request-summary{grid-template-columns:1fr 1fr}
.user-request-summary>div{min-width:0}
.user-history-card{grid-template-columns:1fr}
.user-history-card>img{width:100%;height:170px}
.user-history-card>:last-child{grid-column:auto}
.user-history-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.user-history-card__actions .user-btn{width:100%}
.user-notification-item{grid-template-columns:36px minmax(0,1fr)}
.user-notification-item>:nth-last-child(-n+2){grid-column:2;justify-self:start}
.user-request-card>header,.user-review-card>header,.user-saved-search-card>header,.user-inline-detail>header{align-items:flex-start;flex-wrap:wrap}
.user-request-card footer,.user-review-card footer,.user-saved-search-card footer,.user-club-detail__actions{display:grid;grid-template-columns:1fr}
.user-request-card footer .user-btn,.user-review-card footer .user-btn,.user-saved-search-card footer .user-btn,.user-club-detail__actions .user-btn,.user-club-detail__actions .user-btn:first-child{width:100%;grid-column:auto}
.user-security-summary{grid-template-columns:1fr}
.user-security-summary>div:first-child{grid-column:auto}
.user-session-list article{grid-template-columns:38px minmax(0,1fr)}
.user-session-list article .user-btn{grid-column:1/-1;width:100%}
.user-price-choice{grid-template-columns:1fr 1fr}
.user-onboarding-card>footer{display:grid;grid-template-columns:1fr}
.user-onboarding-card>footer .user-btn{width:100%}
}
@media(max-width:380px){
body.user-interface{min-width:0}
.user-main{padding-inline:8px}
.user-header{padding-inline:7px}
.user-header__location{max-width:calc(100vw - 135px)}
.user-mobile-nav{padding-inline:2px}
.user-mobile-nav button>span:last-child{font-size:9px}
.user-sidebar__panel{width:min(94vw,330px)}
.user-request-summary{grid-template-columns:1fr}
.user-request-summary>div:last-child:nth-child(odd){grid-column:auto}
}
@media(max-width:980px) and (max-height:520px) and (orientation:landscape){
.user-sidebar__profile{display:none}
.user-sidebar__nav button{min-height:42px}
.user-mobile-nav{min-height:58px}
.user-main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.user-sidebar,.user-sidebar__panel,.user-sidebar__backdrop,.user-mobile-nav{transition-duration:.01ms!important}}