/* Last-loaded guard: keep Shop on the same centered rail logic as feed/profile. */
body.shop-market-page{
    --shop-frame-width:min(1240px, calc(100% - 72px));
    background:var(--bg, #f0f2f5)!important;
}

body.shop-manager-page{
    background:var(--bg, #f0f2f5)!important;
}

body.shop-market-page .layout-grid{
    display:grid!important;
    grid-template-columns:minmax(0, 1fr)!important;
    width:var(--shop-frame-width)!important;
    max-width:1240px!important;
    min-width:0!important;
    margin:18px auto 96px!important;
    padding:0!important;
    box-sizing:border-box!important;
}

body.shop-market-page .layout-grid>.sidebar{
    display:none!important;
}

body.shop-market-page .main-content{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:var(--bg, #f0f2f5)!important;
    box-sizing:border-box!important;
}

body.shop-market-page .shopnest-shell{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 72px!important;
    box-sizing:border-box!important;
}

body.shop-market-page .shopnest-topbar,
body.shop-market-page .shopnest-hero-card,
body.shop-market-page .shopnest-tabs,
body.shop-market-page .shopnest-category-strip,
body.shop-market-page .shopnest-content-grid,
body.shop-market-page .shopnest-trust-strip{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
}

body.shop-market-page .shopnest-content-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:24px!important;
    align-items:start!important;
}

body.shop-market-page .shop-market-main{
    min-width:0!important;
}

body.shop-market-page .shopnest-right-sidebar{
    width:300px!important;
    min-width:0!important;
}

@media(max-width:1180px){
    body.shop-market-page{
        --shop-frame-width:calc(100% - 28px);
    }

    body.shop-market-page .layout-grid{
        margin:12px auto 88px!important;
    }

    body.shop-market-page .shopnest-content-grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    body.shop-market-page .shopnest-right-sidebar{
        width:100%!important;
    }
}

@media(max-width:640px){
    body.shop-market-page{
        --shop-frame-width:calc(100% - 16px);
    }

    body.shop-market-page .layout-grid{
        margin:8px auto 96px!important;
    }
}

/* Mobile ShopNest repair: collapse the desktop storefront into a readable single-column app surface. */
@media(max-width:820px){
    body.shop-market-page{
        overflow-x:hidden!important;
    }

    body.shop-market-page .layout-grid{
        width:100%!important;
        max-width:100%!important;
        margin:0 auto 96px!important;
    }

    body.shop-market-page .shopnest-shell{
        padding:0 10px 92px!important;
        overflow-x:hidden!important;
    }

    body.shop-market-page .shopnest-topbar,
    body.shop-market-page .shopnest-hero-card,
    body.shop-market-page .shopnest-tabs,
    body.shop-market-page .shopnest-category-strip,
    body.shop-market-page .shopnest-content-grid,
    body.shop-market-page .shopnest-trust-strip{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
    }

    body.shop-market-page .shopnest-topbar{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        margin:10px 0 12px!important;
        padding:12px!important;
        border-radius:18px!important;
    }

    body.shop-market-page .shopnest-brand strong{
        font-size:17px!important;
    }

    body.shop-market-page .shopnest-global-search{
        grid-template-columns:74px minmax(0,1fr) 48px!important;
        width:100%!important;
        height:44px!important;
    }

    body.shop-market-page .shopnest-global-search select{
        padding:0 8px!important;
        font-size:13px!important;
    }

    body.shop-market-page .shopnest-global-search input{
        padding:0 10px!important;
        font-size:13px!important;
    }

    body.shop-market-page .shopnest-top-actions{
        justify-content:flex-start!important;
        gap:8px!important;
        overflow-x:auto!important;
        padding-bottom:2px!important;
        scrollbar-width:none!important;
    }

    body.shop-market-page .shopnest-top-actions::-webkit-scrollbar{
        display:none!important;
    }

    body.shop-market-page .shopnest-top-actions a{
        flex:0 0 auto!important;
        min-height:32px!important;
        padding:0 10px!important;
        border-radius:999px!important;
        background:color-mix(in srgb, var(--shop-ui-soft, #eef6f0) 86%, transparent)!important;
        color:var(--shop-ui-text, #102016)!important;
        font-size:12px!important;
    }

    body.shop-market-page .shopnest-hero-card{
        border-radius:18px!important;
        min-height:auto!important;
        margin-bottom:12px!important;
    }

    body.shop-market-page .shopnest-hero-card .shop-hero-top{
        position:relative!important;
        inset:auto!important;
        display:flex!important;
        align-items:flex-start!important;
        justify-content:space-between!important;
        gap:8px!important;
        flex-wrap:wrap!important;
        padding:12px 12px 0!important;
        z-index:3!important;
    }

    body.shop-market-page .shopnest-hero-card .shop-back-profile,
    body.shop-market-page .shopnest-hero-card .shop-owner-settings-link{
        min-height:32px!important;
        padding:0 10px!important;
        font-size:12px!important;
        box-shadow:none!important;
    }

    body.shop-market-page .shop-owner-hero-actions{
        display:flex!important;
        gap:6px!important;
        flex:1 1 100%!important;
        justify-content:flex-start!important;
        overflow-x:auto!important;
        padding-bottom:2px!important;
        scrollbar-width:none!important;
    }

    body.shop-market-page .shop-owner-hero-actions::-webkit-scrollbar{
        display:none!important;
    }

    body.shop-market-page .shop-owner-hero-actions > *{
        flex:0 0 auto!important;
    }

    body.shop-market-page .shopnest-hero-content{
        grid-template-columns:76px minmax(0,1fr)!important;
        align-items:center!important;
        gap:12px!important;
        min-height:0!important;
        padding:14px 14px 18px!important;
    }

    body.shop-market-page .shopnest-shop-logo{
        width:72px!important;
        height:72px!important;
        border-width:4px!important;
        align-self:start!important;
    }

    body.shop-market-page .shopnest-seller-badge{
        min-height:24px!important;
        padding:0 10px!important;
        font-size:11px!important;
    }

    body.shop-market-page .shopnest-hero-copy h1{
        margin:8px 0 4px!important;
        font-size:clamp(22px, 7vw, 30px)!important;
        line-height:1.06!important;
    }

    body.shop-market-page .shopnest-hero-copy p{
        font-size:13px!important;
        line-height:1.35!important;
    }

    body.shop-market-page .shopnest-hero-stats{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:7px!important;
        margin:12px 0 0!important;
    }

    body.shop-market-page .shopnest-hero-stats span{
        min-width:0!important;
        padding:8px!important;
        border-radius:10px!important;
        background:rgba(255,255,255,.88)!important;
        color:#0f2b1d!important;
    }

    body.shop-market-page .shopnest-hero-stats strong{
        color:#0f2b1d!important;
        font-size:14px!important;
    }

    body.shop-market-page .shopnest-hero-stats small{
        color:#315241!important;
        font-size:10px!important;
        line-height:1.15!important;
    }

    body.shop-market-page .shopnest-hero-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        margin-top:12px!important;
    }

    body.shop-market-page .shopnest-hero-actions a,
    body.shop-market-page .shopnest-hero-actions button{
        width:100%!important;
        min-height:38px!important;
        padding:0 10px!important;
        font-size:13px!important;
        border-radius:10px!important;
        white-space:normal!important;
    }

    body.shop-market-page .shopnest-tabs{
        display:flex!important;
        overflow-x:auto!important;
        gap:6px!important;
        min-height:52px!important;
        margin:0 0 10px!important;
        padding:0 8px!important;
        border-radius:16px!important;
        scrollbar-width:none!important;
    }

    body.shop-market-page .shopnest-tabs::-webkit-scrollbar{
        display:none!important;
    }

    body.shop-market-page .shopnest-tabs a,
    body.shop-market-page .shopnest-tabs .shop-create-product-btn{
        flex:0 0 auto!important;
        min-height:50px!important;
        padding:0 12px!important;
        white-space:nowrap!important;
        font-size:12px!important;
    }

    body.shop-market-page .shopnest-tabs .shop-create-product-btn{
        display:none!important;
    }

    body.shop-market-page .shopnest-category-strip{
        display:flex!important;
        overflow-x:auto!important;
        gap:7px!important;
        margin:0 0 14px!important;
        padding:0 2px 8px!important;
        scrollbar-width:none!important;
    }

    body.shop-market-page .shopnest-category-strip::-webkit-scrollbar{
        display:none!important;
    }

    body.shop-market-page .shopnest-category-strip a{
        flex:0 0 auto!important;
        max-width:78vw!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    body.shop-market-page .shopnest-content-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:18px!important;
        padding:0!important;
    }

    body.shop-market-page .shop-market-main{
        gap:22px!important;
    }

    body.shop-market-page .shop-market-section-head{
        display:grid!important;
        grid-template-columns:1fr!important;
        align-items:start!important;
        gap:10px!important;
        margin-bottom:12px!important;
    }

    body.shop-market-page .shop-market-sorts{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        gap:8px!important;
    }

    body.shop-market-page .shop-market-sorts select,
    body.shop-market-page .shop-market-sorts button{
        width:100%!important;
        min-height:42px!important;
    }

    body.shop-market-page .shop-items-grid,
    body.shop-market-page .shopnest-featured-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:16px!important;
    }

    body.shop-market-page .shop-item-card{
        width:100%!important;
        max-width:100%!important;
    }

    body.shop-market-page .shop-item-image-link,
    body.shop-market-page .shopnest-featured-grid .shop-item-image-link{
        height:auto!important;
        aspect-ratio:16 / 11!important;
        min-height:190px!important;
    }

    body.shop-market-page .shopnest-right-sidebar{
        position:static!important;
        width:100%!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    body.shop-market-page .shopnest-sidebar-card,
    body.shop-market-page .shopnest-about-card,
    body.shop-market-page .shopnest-review-widget{
        border-radius:16px!important;
    }

    body.shop-market-page .shopnest-trust-strip{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        margin:16px 0 0!important;
        border-radius:16px!important;
    }
}

@media(max-width:420px){
    body.shop-market-page .shopnest-shell{
        padding-left:8px!important;
        padding-right:8px!important;
    }

    body.shop-market-page .shopnest-global-search{
        grid-template-columns:minmax(0,1fr) 46px!important;
    }

    body.shop-market-page .shopnest-global-search select{
        display:none!important;
    }

    body.shop-market-page .shopnest-hero-content{
        grid-template-columns:1fr!important;
        justify-items:start!important;
    }

    body.shop-market-page .shopnest-shop-logo{
        width:76px!important;
        height:76px!important;
    }

    body.shop-market-page .shopnest-hero-actions{
        grid-template-columns:1fr!important;
    }
}

@media(min-width:1181px){
    body.shop-manager-page{
        --shop-frame-width:min(1240px, calc(100% - 72px));
    }

    body.shop-manager-page .layout-grid{
        display:grid!important;
        grid-template-columns:minmax(0, 1fr)!important;
        width:var(--shop-frame-width)!important;
        max-width:1240px!important;
        min-width:0!important;
        margin:18px auto 96px!important;
        padding:0!important;
        box-sizing:border-box!important;
    }

    body.shop-manager-page .layout-grid>.sidebar{
        display:none!important;
    }

    body.shop-manager-page .main-content{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        background:var(--bg, #f0f2f5)!important;
        box-sizing:border-box!important;
    }

    body.shop-manager-page .shop-settings-studio{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0!important;
        padding:0 0 72px!important;
        box-sizing:border-box!important;
    }

    body.shop-manager-page .shop-settings-studio-hero,
    body.shop-manager-page .shop-settings-stats,
    body.shop-manager-page .shop-settings-layout{
        grid-column:auto!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }

    body.shop-manager-page .shop-settings-studio-hero,
    body.shop-manager-page .shop-settings-stats{
        margin-bottom:18px!important;
    }

    body.shop-manager-page .shop-settings-layout{
        display:grid!important;
        grid-template-columns:300px minmax(0,1fr)!important;
        gap:24px!important;
        align-items:start!important;
    }

    body.shop-manager-page .shop-settings-main{
        min-width:0!important;
    }
}