.market-product-sheet {
    position: fixed;
    z-index: 9999;
    inset: 0;
    display: grid;
    align-items: end;
    visibility: hidden;
    background: rgb(8 24 15 / .56);
    opacity: 0;
    transition: opacity .22s ease, visibility .22s ease;
}

.market-product-sheet.is-open {
    visibility: visible;
    opacity: 1;
}

.market-product-sheet__stage {
    width: min(100%, 520px);
    max-height: min(90dvh, 840px);
    margin-inline: auto;
    overflow: hidden auto;
    border-radius: 26px 26px 0 0;
    background: var(--store-surface);
    transform: translateY(100%);
    transition: transform .3s cubic-bezier(.2,.75,.2,1);
    overscroll-behavior: contain;
}

.market-product-sheet.is-open .market-product-sheet__stage { transform: translateY(0); }
body.market-product-sheet-open { overflow: hidden; }
body.market-product-sheet-open .site-footer-nav { display: none !important; }

.market-product-sheet__panel {
    position: relative;
    width: 100%;
    min-height: 65dvh;
    padding-bottom: 94px;
    border: 0;
    border-radius: 0;
    background: var(--store-surface);
    box-shadow: none;
}

.market-product-sheet__panel.is-standalone {
    min-height: calc(100dvh - 72px);
    margin: 0;
    border-radius: 24px 24px 0 0;
}

.market-product-sheet__toolbar {
    position: absolute;
    z-index: 4;
    top: 16px;
    right: 16px;
    left: 16px;
    display: flex;
    direction: ltr;
    justify-content: space-between;
    pointer-events: none;
}

.market-product-sheet__toolbar > * {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--store-text) 8%, var(--store-border));
    border-radius: 50%;
    background: rgb(255 255 255 / .94);
    color: var(--store-text);
    box-shadow: 0 5px 18px rgb(0 0 0 / .09);
    font: inherit;
    font-size: 28px;
    line-height: 1;
    pointer-events: auto;
    cursor: pointer;
}

.market-product-sheet__favorite svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.market-product-sheet__favorite.is-active { color: #e5384f; }
.market-product-sheet__favorite.is-active svg { fill: currentColor; }

.market-product-sheet__gallery {
    position: relative;
    min-height: 315px;
    padding: 50px 28px 24px;
    background: linear-gradient(180deg, #f7faf7, #fff);
}

.market-product-sheet__gallery .mive-sale-badge { top: 76px; right: 22px; }
.market-product-sheet__slides { min-height: 235px; }
.market-product-sheet__slide { display: none; height: 235px; }
.market-product-sheet__slide.is-active { display: grid; place-items: center; }
.market-product-sheet__slide img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 235px;
    object-fit: contain;
}

.market-product-sheet__dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 14px;
}

.market-product-sheet__dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: color-mix(in srgb, var(--store-text) 18%, transparent);
}
.market-product-sheet__dots button.is-active { width: 19px; border-radius: 99px; background: var(--store-primary); }

.market-product-sheet__content { padding: 18px 20px 22px; }
.market-product-sheet__brand {
    display: inline-flex;
    margin-bottom: 9px;
    padding: 4px 9px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--store-text) 7%, var(--store-surface));
    color: var(--store-muted);
    font-size: 13px;
    font-weight: 700;
}
.market-product-sheet__content h1 { margin: 0; font-size: 20px; font-weight: 900; line-height: 1.75; }
.market-product-sheet__weight { margin: 5px 0 0; color: var(--store-muted); font-size: 14px; font-weight: 700; }
.market-product-sheet__description { margin-top: 7px; color: var(--store-muted); font-size: 14px; line-height: 1.9; }
.market-product-sheet__description p { margin: 0; }

.market-product-sheet__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding-top: 15px;
    border-top: 1px solid var(--store-border);
    color: var(--store-primary-dark);
    font-size: 13px;
    font-weight: 700;
}

.market-product-sheet__purchase {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: minmax(115px, .8fr) minmax(170px, 1.2fr);
    align-items: center;
    gap: 12px;
    min-height: 84px;
    padding: 13px 20px calc(13px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--store-border);
    background: rgb(255 255 255 / .97);
    box-shadow: 0 -10px 30px rgb(0 0 0 / .07);
}

.market-product-sheet__price { min-width: 0; color: var(--store-text); font-size: 17px; font-weight: 900; line-height: 1.6; }
.market-product-sheet__price del { display: block; color: var(--store-muted); font-size: 12px; font-weight: 600; }
.market-product-sheet__price ins { text-decoration: none; }
.market-product-sheet__action .add-btn,
.market-product-sheet__action .qty-stepper,
.market-product-sheet__action .mive-variable-trigger {
    width: 100%;
    min-height: 52px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 900;
}

.market-product-sheet__loading,
.market-product-sheet__error { padding: 60px 22px; color: var(--store-muted); text-align: center; }
.market-product-sheet-page { padding: 10px 0 78px; }

@media (min-width: 700px) {
    .market-product-sheet { align-items: center; padding: 24px; }
    .market-product-sheet__stage { border-radius: 26px; }
    .market-product-sheet__panel.is-standalone { min-height: 720px; border-radius: 24px; overflow: hidden; }
}
