/* INKE HAGEN · Flying-Warenkorb · 0.1.0 */
.monsterFlyingCartButton {
    appearance: none;
    position: fixed;
    right: var(--produkt-teilen-wide-breite, 85px);
    top: -5px;
    width: 60px;
    z-index: 999990;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    filter: drop-shadow(0 4px 7px rgba(0, 0, 0, .3));
    cursor: pointer;
}
.monsterFlyingCartButton img { display: block; width: 100%; height: auto; }
.monsterFlyingCartButton .monsterFlyingCartIcon--narrow { display: none; }
@media (max-width: 767px) {
    .monsterFlyingCartButton {
        top: 33.333vh;
        right: -5px;
        width: 48px;
    }
    .monsterFlyingCartButton .monsterFlyingCartIcon--wide { display: none; }
    .monsterFlyingCartButton .monsterFlyingCartIcon--narrow { display: block; }
}
.monsterFlyingCartButton:focus-visible { outline: var(--ars-focus-width, 3px) solid var(--ars-color-primary); outline-offset: 3px; }
body.is-monster-cart-open { overflow: hidden; }
.monsterFlyingCartPanel {
    box-sizing: border-box;
    width: min(980px, calc(100vw - 24px));
    height: min(900px, calc(100dvh - 32px));
    max-width: none;
    max-height: none;
    padding: 12px;
    border: 2px solid var(--ars-color-primary);
    border-radius: 0;
    background: var(--ars-color-white);
    color: var(--ars-color-black);
}
.monsterFlyingCartPanel[open] { display: flex; flex-direction: column; gap: 8px; }
.monsterFlyingCartPanel::backdrop { background: rgba(0, 0, 0, .65); }
.monsterFlyingCartPanel__header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.monsterFlyingCartPanel__header h2 {
    margin: 0;
    font-weight: 400;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}
.monsterFlyingCartPanel__status { margin: 0; font-family: var(--ars-font-body); }
.monsterFlyingCartPanel__status:empty { display: none; }
.monsterFlyingCartPanel__frame { display: block; flex: 1; width: 100%; min-height: 0; border: 0; }
.monsterFlyingCartPanel [hidden] { display: none !important; }