/* Bupiz Premium Showcase — storefront presentation only.
 * Scope: approved 4-image Showcase block. No seller/editor/business logic is changed. */

.bupiz-premium-story__showcase .bupiz-premium-story__showcase-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.bupiz-premium-story__showcase .bupiz-premium-story__showcase-tile{
    box-sizing:border-box;
    margin:0;
    min-width:0;
    aspect-ratio:1 / 1;
    padding:7px;
    overflow:hidden;
    border:1px solid rgba(27,38,59,.08);
    border-radius:14px;
    background:#fffaf7;
    box-shadow:0 3px 14px rgba(27,38,59,.055);
}

.bupiz-premium-story__showcase .bupiz-premium-story__showcase-open{
    appearance:none;
    -webkit-appearance:none;
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:10px;
    background:transparent;
    cursor:zoom-in;
    line-height:0;
}

.bupiz-premium-story__showcase .bupiz-premium-story__showcase-open:focus-visible{
    outline:3px solid #ff9d2e;
    outline-offset:2px;
}

.bupiz-premium-story__showcase .bupiz-premium-story__showcase-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    border-radius:10px;
    object-fit:contain !important;
    object-position:center center !important;
    background:#fffaf7;
}

/* Mobile editorial treatment: roomy 2×2 cards without trimming designed artwork. */
@media (max-width:767px){
    .bupiz-premium-story__showcase{
        box-sizing:border-box;
        padding-left:12px !important;
        padding-right:12px !important;
    }
    .bupiz-premium-story__showcase .bupiz-premium-story__section-title{
        margin:0 2px 12px;
        line-height:1.25;
    }
    .bupiz-premium-story__showcase .bupiz-premium-story__showcase-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }
    .bupiz-premium-story__showcase .bupiz-premium-story__showcase-tile{
        padding:7px;
        border-radius:14px;
    }
}

/* Very narrow phones get one readable full-width creative instead of squeezed copy. */
@media (max-width:359px){
    .bupiz-premium-story__showcase .bupiz-premium-story__showcase-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }
}

/* Lightweight full-screen showcase viewer. */
.bupiz-premium-showcase-viewer[hidden]{display:none !important}
.bupiz-premium-showcase-viewer{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    background:rgba(10,15,24,.94);
    box-sizing:border-box;
}
.bupiz-premium-showcase-viewer__stage{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(94vw,900px);
    height:min(86vh,900px);
}
.bupiz-premium-showcase-viewer__image{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    border-radius:14px;
}
.bupiz-premium-showcase-viewer__close,
.bupiz-premium-showcase-viewer__prev,
.bupiz-premium-showcase-viewer__next{
    position:absolute;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(15,23,42,.68);
    color:#fff;
    box-shadow:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}
.bupiz-premium-showcase-viewer__close{
    top:calc(max(12px,env(safe-area-inset-top)));
    right:calc(max(12px,env(safe-area-inset-right)));
    width:42px;
    height:42px;
    border-radius:50%;
    font-size:27px;
    line-height:1;
}
.bupiz-premium-showcase-viewer__prev,
.bupiz-premium-showcase-viewer__next{
    top:50%;
    width:42px;
    height:50px;
    margin-top:-25px;
    border-radius:13px;
    font-size:28px;
}
.bupiz-premium-showcase-viewer__prev{left:max(8px,env(safe-area-inset-left))}
.bupiz-premium-showcase-viewer__next{right:max(8px,env(safe-area-inset-right))}
.bupiz-premium-showcase-viewer__counter{
    position:absolute;
    left:50%;
    bottom:calc(max(14px,env(safe-area-inset-bottom)));
    transform:translateX(-50%);
    padding:6px 10px;
    border-radius:999px;
    background:rgba(15,23,42,.72);
    color:#fff;
    font:600 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    letter-spacing:.02em;
}
body.bupiz-premium-showcase-is-open{overflow:hidden !important}

@media (max-width:767px){
    .bupiz-premium-showcase-viewer__stage{width:100%;height:82vh}
    .bupiz-premium-showcase-viewer__prev,
    .bupiz-premium-showcase-viewer__next{width:38px;height:48px}
}