/* Mobile usability corrections verified in the local preview. */
body:has(#hw-mobile-overlay.open) :is(#steffi-chat-launcher,#steffi-chat-notify,.back-to-top),body:has(#hw-staff-modal.open) :is(#steffi-chat-launcher,#steffi-chat-notify,.back-to-top){visibility:hidden!important;pointer-events:none!important;}
body:has(#steffi-chat-window.chat-open) .back-to-top{visibility:hidden;pointer-events:none;}
.hw-mobile-panel{box-sizing:border-box;width:min(92vw,380px);max-width:100%;padding-bottom:max(14px,env(safe-area-inset-bottom));}
.hw-mobile-title-box,.hw-mobile-info-row>*{min-width:0;}
.hw-mobile-info-row>*{flex:1 1 0;overflow-wrap:anywhere;}
.hw-mobile-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:7px;}
.hw-mobile-action-btn{min-width:0;min-height:44px;letter-spacing:.05em;}
.hw-mobile-main{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px;}
.hw-mobile-nav{flex:0 0 auto;overflow:visible;padding-right:0;}
.hw-team-mobile-bubble-field{--mobile-face:clamp(50px,17vw,70px);height:210px;}
.hw-team-mobile-bubble{width:25%;height:100px;}
.hw-team-mobile-pic{width:var(--mobile-face)!important;height:var(--mobile-face)!important;}
.hw-team-mobile-bubble:nth-child(1){left:0%;}.hw-team-mobile-bubble:nth-child(2){left:24%;}.hw-team-mobile-bubble:nth-child(3){left:48%;}.hw-team-mobile-bubble:nth-child(4){left:72%;}.hw-team-mobile-bubble:nth-child(5){left:12%;}.hw-team-mobile-bubble:nth-child(6){left:38%;}.hw-team-mobile-bubble:nth-child(7){left:66%;}
@media(max-width:600px){
 #steffi-chat-input,#steffi-chat-window input,#steffi-chat-window textarea,.cms-news-dialog input{font-family:inherit;font-size:16px;line-height:1.45;}
 #steffi-chat-close{min-width:44px;min-height:44px;}
 #inhalt :is(#salon,#team,#wedding) .team-album-controls button{width:44px;height:44px;min-width:44px;min-height:44px;}
 .price-group>summary,.faq-list summary{min-height:44px;}
 #inhalt :is(p,li,a){overflow-wrap:break-word;}
}
@media(max-width:360px){.hw-mobile-title{font-size:.95rem;letter-spacing:.06em;}.hw-mobile-subtitle{font-size:.72rem;}.hw-mobile-info-row{gap:8px;}.hw-mobile-action-btn{font-size:.7rem;padding-inline:4px;}.hw-mobile-close{width:44px;height:44px;}}
@media(max-width:900px) and (max-height:500px){
 #steffi-chat-suggestions,#steffi-preview-note{display:none!important;}
 #steffi-chat-input{height:44px;min-height:44px;max-height:50px;font-family:inherit;font-size:16px;line-height:1.35;}
 #steffi-chat-messages{min-height:90px;}
 #steffi-chat-header{padding:6px 12px;}
 .hw-mobile-panel{padding-top:10px;}
 .hw-mobile-info-row{margin-bottom:0;}
}
@media(max-width:800px){#workspace input,#workspace textarea,#workspace select{font-size:16px;}}
@media(prefers-reduced-motion:reduce){.hw-mobile-overlay.open .hw-mobile-link,.hw-team-mobile-bubble{animation:none!important;}.hw-mobile-panel,.hw-mobile-overlay{transition:none!important;}}

@media(max-width:360px){.hw-header .hw-header-inner{gap:6px 10px;padding:10px 14px;}.hw-header .hw-logo-status{grid-column:1/-1;grid-row:2;}.hw-header .hw-logo-status>div{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;}.hw-header .hw-logo-status-label{white-space:nowrap;overflow-wrap:normal;}.hw-header .hw-logo-status-sub{max-width:none;}.hw-header .hw-right{grid-column:1/-1;grid-row:3;justify-content:flex-end;}.hw-header .hw-logo-status-dot{flex:0 0 7px;}}

.hw-mobile-info-row .hw-status-label{font-size:10px;letter-spacing:.03em;white-space:nowrap;}

@media(max-width:600px){#steffi-chat-header{display:grid;grid-template-columns:45px minmax(0,1fr) 44px;column-gap:9px;row-gap:3px;align-items:center;}#steffi-chat-header-left,#steffi-chat-header-right{display:contents;}#steffi-chat-avatar{grid-column:1;grid-row:1/3;margin:0;}#steffi-chat-header-text{grid-column:2;grid-row:1;min-width:0;}#steffi-chat-close{grid-column:3;grid-row:1;align-self:start;}#steffi-chat-opening-status{grid-column:2/4;grid-row:2;max-width:none;text-align:left;justify-content:flex-start;font-size:9px;}.steffi-header-eyebrow{font-size:7px;letter-spacing:.08em;white-space:nowrap;}.steffi-online-status{font-size:9px;}}
