/* Isolated control: no selectors or geometry changes to the Phoenix page. */
@media (max-width: 767.98px) {
    .callstore-mobile-back {
        position: fixed;
        top: calc(88px + env(safe-area-inset-top, 0px));
        left: 12px;
        z-index: 10000;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        box-sizing: border-box;
        border: 1px solid rgba(44, 57, 70, .08);
        border-radius: 12px;
        background: rgba(245, 247, 249, .88);
        color: #2C3946;
        box-shadow: 0 2px 8px rgba(44, 57, 70, .10);
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }
    .callstore-mobile-back:visited { color: #2C3946; }
    .callstore-mobile-back:focus-visible { outline: 2px solid #2C3946; outline-offset: 2px; }
    .callstore-mobile-back svg { display: block; width: 24px; height: 24px; }
    body.modal-open > .callstore-mobile-back,
    body.modal-ios > .callstore-mobile-back { display: none; }
}

@media (min-width: 768px) {
    .callstore-mobile-back { display: none; }
}

/* Product actions share one fixed parent; section Back retains its layout. */
@media (max-width: 767.98px) {
    .callstore-mobile-actions-slot {
        scroll-margin-top: calc(8px + env(safe-area-inset-top, 0px));
    }
    .callstore-mobile-actions {
        position: relative;
        height: 44px;
        margin-left: 8px;
        margin-right: 8px;
        z-index: 100;
        display: flex;
        align-items: center;
        justify-content: space-between;
        pointer-events: none;
    }
    .callstore-mobile-actions.is-fixed {
        position: fixed;
        top: calc(8px + env(safe-area-inset-top, 0px));
        left: 8px;
        right: 8px;
        margin-left: 0;
        margin-right: 0;
    }
    .callstore-mobile-actions__right { display: flex; gap: 8px; }
    .callstore-mobile-actions .callstore-mobile-action {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border: 0;
        border-radius: 10px;
        background: rgba(245, 247, 249, .88);
        color: #2C3946;
        box-shadow: 0 2px 6px rgba(44, 57, 70, .08);
        pointer-events: auto;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    .callstore-mobile-action svg { display: block; width: 24px; height: 24px; }
    .callstore-mobile-action:focus-visible { outline: 2px solid #2C3946; outline-offset: 2px; }
    .callstore-mobile-actions__status {
        position: absolute;
        top: 52px;
        right: 0;
        padding: 8px 12px;
        border-radius: 12px;
        background: rgba(245, 247, 249, .96);
        color: #2C3946;
        font-size: 13px;
    }
    .callstore-mobile-actions__status:empty { display: none; }
    body.modal-open .callstore-mobile-actions,
    body.modal-ios .callstore-mobile-actions { display: none; }
}
@media (min-width: 768px) {
    .callstore-mobile-actions { display: none; }
}