/*
 * Shared frontend position visibility — DesignSystem V2 breakpoints.
 * The class adds no layout box while visible (display: contents).
 * Hide the entire position content; preserve Hero decorative edges outside it.
 * CSS viewport-width categories, not physical device/orientation detection.
 */
.frontend-position-visibility {
    display: contents;
}

/* Desktop / Laptop: 1200px and wider. */
@media (width >= 1200px) {
    .frontend-position-visibility.frontend-position-visibility--hide-base {
        display: none;
    }
}

/* Tablet Landscape: 992px <= viewport < 1200px. */
@media (992px <= width < 1200px) {
    .frontend-position-visibility.frontend-position-visibility--hide-tablet-landscape {
        display: none;
    }
}

/* Tablet Portrait: 768px <= viewport < 992px. */
@media (768px <= width < 992px) {
    .frontend-position-visibility.frontend-position-visibility--hide-tablet-portrait {
        display: none;
    }
}

/* Mobile Landscape: 576px <= viewport < 768px. */
@media (576px <= width < 768px) {
    .frontend-position-visibility.frontend-position-visibility--hide-mobile-landscape {
        display: none;
    }
}

/* Mobile Portrait: viewport below 576px. */
@media (width < 576px) {
    .frontend-position-visibility.frontend-position-visibility--hide-mobile-portrait {
        display: none;
    }
}