@media (max-width: 820px) {
.ca-mobile-contact-sheet:not([hidden]) {
z-index: 90;
display: grid;
align-items: end;
padding: 0;
}
.ca-mobile-contact-sheet__panel {
width: min(30rem, 100%);
gap: 1.15rem;
padding: 1rem 1.5rem max(1.5rem, calc(env(safe-area-inset-bottom) + 1rem));
border-radius: 2rem 2rem 0 0;
background: linear-gradient(150deg, rgba(255, 248, 247, 0.99), rgba(255, 242, 241, 0.99));
}
.ca-mobile-contact-sheet__handle {
width: 3rem;
height: 0.32rem;
justify-self: center;
border-radius: var(--ca-radius-pill);
background: rgba(95, 86, 82, 0.36);
}
.ca-mobile-contact-sheet__close {
top: 0.8rem;
right: 1rem;
}
.ca-mobile-contact-sheet h2 {
margin: 0;
color: var(--ca-color-ink);
font-size: clamp(1.9rem, 8vw, 2.35rem);
text-align: center;
}
.ca-mobile-contact-sheet__actions {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.ca-mobile-contact-sheet__actions .ca-button {
display: grid;
min-width: 0;
min-height: 5.75rem;
align-content: center;
justify-items: center;
gap: 0.55rem;
padding: 0.65rem 0.25rem;
border-radius: 1.25rem;
font-size: 0.9rem;
text-transform: none;
}
.ca-mobile-contact-sheet__actions svg {
width: 2rem;
height: 2rem;
fill: none;
stroke: var(--ca-color-accent);
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.7;
}
.ca-mobile-contact-sheet__number,
.ca-mobile-contact-sheet__status {
margin: 0;
text-align: center;
}
.ca-mobile-contact-sheet__number {
color: var(--ca-color-ink);
font-family: Barlow, sans-serif;
font-size: 1.05rem;
font-weight: 700;
}
.ca-mobile-contact-sheet__status {
font-size: 0.78rem;
}
.ca-mobile-contact-sheet-open,
.ca-ghl-chat-open {
overflow: hidden;
}
.ca-mobile-contact-sheet-open body[data-page-slug="home"] .ca-accessibility-widget,
.ca-ghl-chat-open body[data-page-slug="home"] .ca-accessibility-widget {
display: none;
}
}