/* Services bottom sheet: positioning and overflow only.
 * Surface and service-tile skins are owned by ebadi-design-system.css. */
.services-sheet-backdrop{position:fixed;z-index:300;inset:0;background:rgba(31,35,40,.34);opacity:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .2s ease}
.services-sheet-backdrop.is-open{opacity:1}
.services-sheet{position:fixed;z-index:301;right:50%;bottom:0;display:flex;flex-direction:column;width:min(560px,100%);max-height:min(88svh,780px);padding:8px 12px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-radius:var(--eb-radius-modal) var(--eb-radius-modal) 0 0;transform:translate(50%,105%);visibility:hidden;pointer-events:none;transition:transform .28s ease;box-sizing:border-box;direction:rtl}
.services-sheet.is-open{transform:translate(50%,0);visibility:visible;pointer-events:auto}
.services-sheet__handle{width:32px;height:4px;margin:0 auto 8px;flex:none;border-radius:var(--eb-radius-pill,999px);background:var(--eb-border)}
.services-sheet__close{position:absolute;top:12px;left:12px;width:40px;height:40px;border-radius:var(--eb-radius-pill,999px)}
.services-sheet__body{min-height:0;overflow-y:auto;overflow-x:hidden;padding:40px 0 4px;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.services-sheet-open{overflow:hidden}
@media(max-width:360px){.services-sheet{padding-inline:8px}.services-sheet__body{padding-top:36px}}
/* Desktop/tablet keeps the same mobile-width layout, but as a centered dialog. */
@media(min-width:600px){
  .services-sheet{top:50%;bottom:auto;max-height:calc(100dvh - 32px);border-bottom:1px solid var(--eb-border);border-radius:var(--eb-radius-modal);opacity:0;transform:translate(50%,-44%) scale(.98);transition:transform .28s ease,opacity .18s ease}
  .services-sheet.is-open{opacity:1;transform:translate(50%,-50%) scale(1)}
}