/* Shop system */
.profile-shop-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 800;
    color: #0f6fec;
    text-decoration: none;
}

.shop-page .layout-grid {
    display: block;
    max-width: var(--site-max-width, 1440px);
    width: min(var(--site-max-width, 1440px), 100%);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

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

.shop-page .main-content {
    width: 100%;
    max-width: none;
    padding: 0;
}

.shop-page-shell,
.shop-item-detail-shell {
    width: 100%;
    max-width: var(--site-max-width, 1440px);
    margin: 0 auto;
    padding: 18px 22px 90px;
}

.shop-hero-card {
    overflow: visible;
    background: #fff;
    border-radius: 26px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .12);
    border: 1px solid rgba(148, 163, 184, .22);
    margin-bottom: 18px;
}

.shop-hero-banner {
    position: relative;
    height: clamp(220px, 28vw, 390px);
    overflow: hidden;
    background: linear-gradient(135deg, #0f172a, #2563eb);
}

.shop-hero-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.01);
}

.shop-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, .08) 0%, rgba(15, 23, 42, .62) 100%);
}

.shop-hero-top {
    position: absolute;
    inset: 18px 18px auto 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    z-index: 2;
}

.shop-back-profile,
.shop-owner-settings-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    color: #0f172a;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(15,23,42,.16);
}

.shop-hero-info {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 18px;
    padding: 0 24px 24px;
    margin-top: -58px;
    z-index: 3;
}

.shop-hero-avatar {
    width: 128px;
    height: 128px;
    object-fit: cover;
    border-radius: 34px;
    border: 6px solid #fff;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15,23,42,.18);
    flex: 0 0 auto;
}

.shop-hero-copy {
    min-width: 0;
    padding-top: 64px;
}

.shop-hero-copy h1 {
    margin: 0;
    font-size: 42px;
    line-height: 1;
    color: #0f172a;
    letter-spacing: 0;
}

.shop-tagline {
    margin: 8px 0 0;
    color: #475569;
    font-size: 17px;
    font-weight: 700;
}

.shop-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    color: #64748b;
    font-weight: 800;
}

.shop-hero-meta span,
.shop-hero-meta a {
    color: #334155;
}

.shop-layout {
    display: grid;
    grid-template-columns: minmax(250px, 310px) minmax(0, 1fr) minmax(260px, 330px);
    gap: 18px;
    align-items: start;
}

.shop-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 86px;
    max-height: calc(100vh - 104px);
    overflow: auto;
    padding-bottom: 10px;
}

.shop-sidebar::-webkit-scrollbar,
.shop-side-list::-webkit-scrollbar {
    width: 7px;
}

.shop-sidebar::-webkit-scrollbar-thumb,
.shop-side-list::-webkit-scrollbar-thumb {
    background: rgba(100,116,139,.34);
    border-radius: 999px;
}

.shop-panel,
.shop-filter-card,
.shop-empty-state,
.shop-settings-card,
.shop-item-detail {
    background: #fff;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 24px;
    box-shadow: 0 16px 42px rgba(15,23,42,.09);
}

.shop-panel {
    padding: 18px;
}

.shop-panel h2,
.shop-panel h3,
.shop-section-title h2,
.shop-settings-head h2 {
    margin: 0;
    color: #0f172a;
    letter-spacing: 0;
}

.shop-owner-panel {
    text-align: center;
}

.shop-panel-avatar {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 28px;
    box-shadow: 0 10px 28px rgba(15,23,42,.15);
    margin-bottom: 10px;
}

.shop-owner-panel p {
    color: #64748b;
    font-weight: 800;
    margin: 4px 0 12px;
}

.shop-about {
    color: #475569;
    text-align: left;
    line-height: 1.45;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
    margin-top: 12px;
}

.shop-contact-list {
    display: grid;
    gap: 9px;
    margin-top: 14px;
    text-align: left;
}

.shop-contact-list a,
.shop-contact-list span {
    display: block;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f8fafc;
    color: #334155;
    text-decoration: none;
    font-weight: 800;
    word-break: break-word;
}

.shop-filter-card {
    padding: 16px;
    margin-bottom: 18px;
}

.shop-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.shop-filter-form input {
    flex: 1 1 220px;
}

.shop-filter-form select {
    flex: 1 1 142px;
}

.shop-filter-form button {
    flex: 0 0 auto;
    min-width: 104px;
}

.shop-filter-form input,
.shop-filter-form select,
.shop-settings-form input,
.shop-settings-form textarea,
.shop-settings-form select,
.shop-item-form input,
.shop-item-form textarea,
.shop-item-form select {
    width: 100%;
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    padding: 12px 13px;
    background: #f8fafc;
    color: #0f172a;
    font: inherit;
    outline: none;
}

.shop-filter-form input:focus,
.shop-filter-form select:focus,
.shop-settings-form input:focus,
.shop-settings-form textarea:focus,
.shop-settings-form select:focus,
.shop-item-form input:focus,
.shop-item-form textarea:focus,
.shop-item-form select:focus {
    border-color: #0f6fec;
    box-shadow: 0 0 0 4px rgba(15,111,236,.12);
    background: #fff;
}

.shop-filter-form button,
.shop-primary-btn {
    border: 0;
    border-radius: 14px;
    padding: 12px 17px;
    background: linear-gradient(135deg, #0f6fec, #2563eb);
    color: #fff;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(37,99,235,.24);
}

.shop-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.shop-section-title span {
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf2ff;
    color: #0f6fec;
    font-weight: 900;
}

.shop-items-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.shop-item-card {
    position: relative;
    overflow: initial;
    background: #fff;
    border-radius: 24px;
    border: 1px solid rgba(148,163,184,.22);
    box-shadow: 0 16px 38px rgba(15,23,42,.08);
    transition: transform .16s ease, box-shadow .16s ease;
}

.shop-item-menu-toggle {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 8;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: rgba(15,23,42,.88);
    color: #fff;
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 12px 30px rgba(15,23,42,.25);
    cursor: pointer;
}

.shop-filter-form .shop-filter-post-btn {
    background: #fff;
    color: #4f46e5;
    border: 3px solid #4f46e5;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 0;
    min-width: 96px;
}

body.shop-post-modal-open {
    overflow: hidden;
}

body.shop-post-modal-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    background: rgba(15, 23, 42, .58);
}

.shop-owner-tools[data-shop-post-modal] {
    display: none;
}

.shop-owner-tools[data-shop-post-modal].is-open {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2147483001;
    display: block;
    width: min(760px, calc(100vw - 32px));
    max-height: none;
    overflow: visible;
    transform: translate(-50%, -50%);
    padding: 0;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 32px 90px rgba(15, 23, 42, .34);
}

.shop-post-modal-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(14px);
}

.shop-post-modal-head span {
    display: block;
    color: #2563eb;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

.shop-post-modal-head h3 {
    margin: 2px 0 0;
    font-size: 25px;
    line-height: 1.05;
}

.shop-post-modal-head button {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(15,23,42,.22);
}

.shop-owner-tools[data-shop-post-modal] .shop-item-form {
    padding: 14px 18px 18px;
}

.shop-owner-tools[data-shop-post-modal] .shop-form-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shop-owner-tools[data-shop-post-modal] .shop-item-form label {
    margin: 7px 0 4px;
}

.shop-owner-tools[data-shop-post-modal] .shop-item-form input,
.shop-owner-tools[data-shop-post-modal] .shop-item-form textarea,
.shop-owner-tools[data-shop-post-modal] .shop-item-form select {
    padding: 10px 12px;
}

.shop-owner-tools[data-shop-post-modal] .shop-item-form textarea {
    min-height: 84px;
}

.shop-owner-tools[data-shop-post-modal] .shop-item-preview {
    width: 78px;
    height: 78px;
}

.shop-item-menu-toggle[aria-expanded="true"] {
    background: #0f6fec;
}

.shop-item-action-menu[hidden] {
    display: none !important;
}

.shop-item-action-menu {
    position: absolute;
    right: 10px;
    top: 54px;
    z-index: 40;
    width: min(196px, calc(100% - 20px));
    display: grid;
    gap: 6px;
    padding: 8px;
    border: 1px solid rgba(148,163,184,.26);
    border-radius: 16px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 24px 62px rgba(15,23,42,.2);
    backdrop-filter: blur(12px);
}

.shop-item-action-menu .content-interaction-bar {
    display: grid;
    gap: 6px;
}

.shop-item-action-menu .content-action-btn,
.shop-item-action-menu .content-card-reaction-bar,
.shop-item-action-menu .share-count-chip,
.shop-item-action-menu .wallpaper-mini-btn,
.shop-item-action-menu .shop-small-secondary,
.shop-item-action-menu .shop-small-danger,
.shop-item-action-menu .shop-small-report {
    width: 100%;
    min-height: 34px;
    margin: 0;
    justify-content: center;
    border-radius: 12px;
    box-shadow: none;
    font-size: 13px;
    white-space: nowrap;
}

.shop-item-action-menu .content-card-reaction-bar {
    background: #f8fafc;
    padding: 4px 8px;
    min-height: 34px;
}

.shop-item-action-menu .content-card-reaction-bar .reaction-picker,
.shop-item-action-menu .content-card-reaction-bar [data-reaction-picker] {
    left: auto;
    right: 0;
    z-index: 60;
}

.shop-item-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 54px rgba(15,23,42,.12);
}

.shop-item-image-link {
    position: relative;
    display: block;
    height: 230px;
    overflow: hidden;
    background: #e2e8f0;
    border-radius: 24px 24px 0 0;
}

.shop-item-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.shop-sale-badge,
.shop-status-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-weight: 950;
    font-size: 12px;
    box-shadow: 0 10px 22px rgba(239,68,68,.28);
}

.shop-status-badge {
    left: auto;
    right: 12px;
    background: #0f172a;
}

.shop-item-body {
    padding: 15px;
}

.shop-item-title-row h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.2;
}

.shop-item-title-row a {
    color: #0f172a;
    text-decoration: none;
}

.shop-item-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 8px;
}

.shop-item-price strong,
.shop-item-detail-price strong {
    font-size: 20px;
    color: #0f6fec;
}

.shop-item-price span,
.shop-item-detail-price span {
    color: #94a3b8;
    text-decoration: line-through;
    font-weight: 800;
}

.shop-item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.shop-item-tags span {
    padding: 6px 9px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 900;
}

.shop-item-body p {
    color: #64748b;
    margin: 10px 0 0;
    line-height: 1.4;
}

.shop-item-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 900;
}

.shop-small-danger {
    border: 0;
    background: #fee2e2;
    color: #991b1b;
    border-radius: 999px;
    padding: 7px 10px;
    font-weight: 950;
    cursor: pointer;
}
.shop-small-report {
    border: 0;
    background: #fff7ed;
    color: #9a3412;
    border-radius: 10px;
    font-weight: 850;
    cursor: pointer;
}

.shop-side-list {
    display: grid;
    gap: 10px;
    max-height: 320px;
    overflow: auto;
    padding-right: 3px;
}

.shop-side-item {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 10px;
    padding: 8px;
    border-radius: 16px;
    background: #f8fafc;
    text-decoration: none;
    color: #0f172a;
    align-items: center;
}

.shop-side-item img {
    width: 62px;
    height: 62px;
    object-fit: cover;
    border-radius: 14px;
}

.shop-side-item strong {
    display: block;
    font-size: 13px;
    line-height: 1.2;
}

.shop-side-item small {
    color: #0f6fec;
    font-weight: 950;
}

.shop-side-empty,
.shop-empty-state {
    padding: 24px;
    color: #64748b;
    text-align: center;
}

.shop-owner-tools label,
.shop-settings-form label,
.shop-item-form label {
    display: block;
    margin: 10px 0 6px;
    color: #334155;
    font-weight: 900;
}

.shop-form-row,
.shop-settings-grid,
.shop-settings-upload-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.shop-checkbox-row {
    display: flex !important;
    gap: 9px;
    align-items: center;
}

.shop-checkbox-row input {
    width: auto !important;
}

.shop-upload-inline {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin: 12px 0;
}

.shop-item-preview {
    width: 92px;
    height: 92px;
    border-radius: 18px;
    object-fit: cover;
    background: #e2e8f0;
}

.shop-file-btn {
    display: inline-flex !important;
    margin: 0 !important;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.shop-file-btn input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    cursor: pointer;
}

.shop-file-btn span {
    display: inline-flex;
    border-radius: 14px;
    padding: 10px 13px;
    background: #0f172a;
    color: #fff;
    font-weight: 950;
}

.shop-upload-progress {
    position: relative;
    overflow: hidden;
    height: 12px;
    border-radius: 999px;
    background: #e2e8f0;
    margin-top: 10px;
}

.shop-upload-progress b {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #0f6fec, #22c55e);
    border-radius: 999px;
    transition: width .16s ease;
}

.shop-upload-progress span {
    position: absolute;
    inset: -20px 0 auto;
    font-size: 11px;
    font-weight: 900;
    color: #64748b;
}

.shop-form-status {
    margin-top: 8px;
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}

.shop-settings-card {
    margin-top: 18px;
    padding: 20px;
}

.shop-settings-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 12px;
}

.shop-settings-head p {
    margin: 5px 0 0;
    color: #64748b;
    font-weight: 700;
}

.shop-settings-view-link {
    white-space: nowrap;
    border-radius: 999px;
    padding: 10px 14px;
    background: #0f172a;
    color: #fff;
    text-decoration: none;
    font-weight: 950;
}

.shop-settings-upload-card {
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 14px;
    background: #f8fafc;
}

.shop-settings-preview img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
    background: #e2e8f0;
}

.shop-settings-avatar-preview img {
    width: 140px;
    height: 140px;
    border-radius: 34px;
}

.shop-settings-upload-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
}

.shop-settings-upload-actions button {
    border: 0;
    border-radius: 12px;
    padding: 9px 11px;
    background: #eaf2ff;
    color: #0f6fec;
    font-weight: 950;
    cursor: pointer;
}

.shop-settings-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

.shop-item-detail-shell {
    max-width: 1180px;
}

.shop-item-detail {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    overflow: hidden;
    margin-top: 14px;
}

.shop-item-detail-media {
    background: #e2e8f0;
    min-height: 520px;
}

.shop-item-detail-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.shop-item-detail-copy {
    padding: 28px;
}

.shop-item-shop-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 999px;
    background: #f8fafc;
    text-decoration: none;
    color: #0f172a;
    font-weight: 950;
}

.shop-item-shop-link img {
    width: 34px;
    height: 34px;
    object-fit: cover;
    border-radius: 50%;
}

.shop-item-detail-copy h1 {
    margin: 20px 0 10px;
    font-size: 42px;
    line-height: 1.03;
}

.shop-item-detail-price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 14px;
}

.shop-item-description {
    margin-top: 18px;
    color: #334155;
    font-size: 16px;
    line-height: 1.55;
}

.shop-up-button {
    position: fixed;
    right: 22px;
    bottom: 88px;
    z-index: 1100;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: #0f172a;
    color: #fff;
    font-size: 24px;
    font-weight: 950;
    box-shadow: 0 16px 40px rgba(15,23,42,.28);
    cursor: pointer;
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}

.shop-up-button.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

@media (max-width: 1180px) {
    .shop-layout {
        grid-template-columns: 260px minmax(0, 1fr);
    }
    .shop-right-sidebar {
        grid-column: 1 / -1;
        position: static;
        max-height: none;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .shop-items-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .shop-page-shell,
    .shop-item-detail-shell {
        padding: 10px 10px 86px;
    }
    .shop-hero-card {
        border-radius: 20px;
    }
    .shop-hero-info {
        align-items: center;
        padding: 0 16px 18px;
        margin-top: -44px;
    }
    .shop-hero-avatar {
        width: 92px;
        height: 92px;
        border-radius: 25px;
        border-width: 4px;
    }
    .shop-hero-copy {
        padding-top: 48px;
    }
    .shop-layout,
    .shop-right-sidebar,
    .shop-item-detail {
        display: block;
    }
    .shop-sidebar {
        position: static;
        max-height: none;
        overflow: visible;
        margin-bottom: 14px;
    }
    .shop-filter-form,
    .shop-form-row,
    .shop-settings-grid,
    .shop-settings-upload-grid {
        grid-template-columns: 1fr;
    }
    .shop-owner-tools[data-shop-post-modal].is-open {
        width: 100vw;
        max-height: 100dvh;
        min-height: 100dvh;
        overflow: auto;
        border-radius: 0;
    }
    .shop-owner-tools[data-shop-post-modal] .shop-form-row {
        grid-template-columns: 1fr;
    }
    .shop-items-grid {
        grid-template-columns: 1fr;
    }
    .shop-item-image-link {
        height: 260px;
    }
    .shop-settings-head {
        display: block;
    }
    .shop-settings-view-link {
        margin-top: 12px;
        display: inline-flex;
    }
    .shop-item-detail-media {
        min-height: 320px;
    }
    .shop-item-detail-copy {
        padding: 18px;
    }
}

@media (max-width: 480px) {
    .shop-hero-top {
        inset: 10px;
        flex-wrap: wrap;
    }
    .shop-hero-banner {
        height: 240px;
    }
    .shop-hero-info {
        display: block;
        text-align: center;
    }
    .shop-hero-avatar {
        margin: 0 auto 10px;
    }
    .shop-hero-copy {
        padding-top: 0;
    }
    .shop-hero-meta {
        justify-content: center;
    }
}


.profile-banner {
    position: relative;
}

.profile-banner-shop-link {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 11px 15px;
    border-radius: 999px;
    background: rgba(15,23,42,.88);
    color: #fff;
    text-decoration: none;
    font-weight: 950;
    box-shadow: 0 16px 34px rgba(15,23,42,.24);
    backdrop-filter: blur(8px);
}

.profile-banner-shop-link:hover {
    background: #0f6fec;
    color: #fff;
}

@media (max-width: 760px) {
    .profile-banner-shop-link {
        right: 12px;
        bottom: 12px;
        padding: 9px 12px;
        font-size: 13px;
    }
}

.shop-small-secondary{border:0;background:#0f172a;color:#fff;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer;margin-right:8px}.shop-small-secondary:hover{opacity:.9}

/* Sngine-style marketplace rebuild for user shops */
body.shop-market-page{
    background:#edf0f4!important;
}
body.shop-market-page .layout-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:min(1240px,calc(100% - 72px))!important;
    max-width:1240px!important;
    margin:18px auto 96px!important;
    padding:0!important;
    min-width: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;
}
.shop-market-shell{
    --shop-accent:#6373e6;
    --shop-accent-dark:#5362db;
    --shop-ink:#171b2a;
    --shop-muted:#6f7485;
    --shop-line:#dde2ec;
    --shop-surface:#fff;
    min-height:100vh;
    padding-bottom:64px;
    background:#edf0f4;
    color:var(--shop-ink);
}
.shop-market-hero{
    position:relative;
    min-height:294px;
    display:grid;
    place-items:center;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 91% 4%, rgba(65,81,145,.25) 0 92px, transparent 94px),
        linear-gradient(100deg,#6078b4 0%,#0b94ca 36%,#0e91c7 62%,#657ab7 100%);
}
.shop-market-hero:after{
    content:"";
    position:absolute;
    right:-140px;
    bottom:-150px;
    width:430px;
    height:430px;
    border-radius:50%;
    background:rgba(54,68,128,.18);
    pointer-events:none;
}
.shop-market-hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.13;
    filter:saturate(1.2) contrast(1.1);
}
.shop-market-hero .shop-hero-top{
    position:absolute;
    z-index:5;
    inset:18px max(18px,calc(50vw - 750px)) auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    pointer-events:auto;
}
.shop-owner-hero-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}
.shop-market-hero .shop-back-profile,
.shop-market-hero .shop-owner-settings-link{
    min-height:38px;
    padding:0 14px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    color:#172033!important;
    text-decoration:none!important;
    font-size:13px;
    line-height:1;
    font-weight:900;
    box-shadow:0 12px 24px rgba(21,32,58,.16);
    cursor:pointer;
}
.shop-market-hero-copy{
    position:relative;
    z-index:2;
    display:grid;
    justify-items:center;
    gap:14px;
    width:min(620px,calc(100% - 32px));
    text-align:center;
}
.shop-market-hero-copy h1{
    margin:0;
    color:#fff;
    font-size:42px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:0;
}
.shop-market-hero-copy p{
    margin:0 0 12px;
    color:rgba(255,255,255,.92);
    font-size:20px;
    line-height:1.35;
    font-weight:700;
}
.shop-market-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(140px,.72fr) 118px;
    width:100%;
    min-height:58px;
    overflow:hidden;
    border-radius:8px;
    background:#fff;
    box-shadow:0 18px 38px rgba(17,24,39,.16);
}
.shop-market-search input{
    min-width:0;
    border:0;
    border-right:1px solid #eef1f6;
    padding:0 24px;
    color:#303545;
    background:#fff;
    font-size:16px;
    font-weight:700;
    outline:0;
}
.shop-market-search button{
    border:0;
    background:#fff;
    color:#34384b;
    font-weight:900;
    cursor:pointer;
}
.shop-market-search button:hover{
    color:var(--shop-accent-dark);
}
.shop-market-art{
    position:absolute;
    z-index:1;
    left:max(24px,calc(50vw - 742px));
    bottom:20px;
    width:260px;
    height:190px;
    opacity:.58;
}
.shop-art-board{
    position:absolute;
    left:76px;
    bottom:10px;
    width:150px;
    height:154px;
    border-radius:4px;
    background:rgba(203,230,244,.56);
    box-shadow:inset 0 0 0 2px rgba(35,72,122,.16);
}
.shop-art-board:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:16px;
    background:rgba(96,116,232,.85);
}
.shop-art-board i,
.shop-art-board b,
.shop-art-board em{
    position:absolute;
    display:block;
    border-radius:7px;
    background:#5d76d8;
    opacity:.75;
}
.shop-art-board i{left:25px;top:44px;width:34px;height:28px}
.shop-art-board b{left:84px;top:44px;width:44px;height:26px}
.shop-art-board em{left:25px;top:92px;width:36px;height:50px;border-radius:15px 15px 6px 6px}
.shop-art-person{
    position:absolute;
    left:20px;
    bottom:0;
    width:30px;
    height:82px;
    border-radius:18px 18px 8px 8px;
    background:#5365ce;
    transform:rotate(9deg);
}
.shop-art-person:before{
    content:"";
    position:absolute;
    top:-19px;
    left:7px;
    width:21px;
    height:21px;
    border-radius:50%;
    background:#34406f;
}
.shop-art-plant{
    position:absolute;
    right:10px;
    bottom:0;
    width:24px;
    height:34px;
    border-radius:0 0 5px 5px;
    background:#5aa35a;
}
.shop-art-plant:before{
    content:"";
    position:absolute;
    left:-14px;
    top:-26px;
    width:56px;
    height:46px;
    border-radius:50%;
    background:radial-gradient(circle at 10px 34px,#5bba73 0 6px,transparent 7px),radial-gradient(circle at 28px 14px,#6170df 0 7px,transparent 8px),radial-gradient(circle at 44px 30px,#6170df 0 6px,transparent 7px);
}
.shop-market-tabs{
    position:relative;
    z-index:3;
    width:min(1120px,calc(100% - 36px));
    min-height:70px;
    margin:-23px auto 18px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 12px;
    border-radius:10px;
    background:#fff;
    border:1px solid rgba(221,226,236,.95);
    box-shadow:0 12px 28px rgba(35,42,68,.10);
}
.shop-market-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:68px;
    padding:0 20px;
    color:#6c7284!important;
    text-decoration:none!important;
    font-weight:900;
    border-bottom:2px solid transparent;
}
.shop-market-tabs a.is-active{
    color:var(--shop-accent)!important;
    border-bottom-color:var(--shop-accent);
}
.shop-tab-icon{
    display:grid;
    place-items:center;
    width:23px;
    height:23px;
    border-radius:7px;
    border:2px solid currentColor;
    color:inherit;
    font-size:11px;
    line-height:1;
    font-weight:900;
}
.shop-create-product-btn{
    margin-left:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 24px;
    border:0;
    border-radius:5px;
    background:var(--shop-accent);
    color:#fff;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 24px rgba(100,116,232,.24);
}
.shop-create-product-btn:before{
    content:"+";
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    margin-right:8px;
    border-radius:50%;
    background:rgba(255,255,255,.24);
}
.shop-market-layout{
    width:min(1120px,calc(100% - 36px));
    margin:0 auto;
    display:grid;
    grid-template-columns:270px minmax(0,1fr);
    gap:22px;
    align-items:start;
}
.shop-market-left{
    position:sticky;
    top:86px;
    display:grid;
    gap:16px;
    max-height:calc(100vh - 104px);
    overflow:auto;
    scrollbar-width:thin;
}
.shop-category-rail{
    display:grid;
    gap:2px;
    padding:12px;
    border-radius:12px;
    background:#fff;
    border:1px solid rgba(221,226,236,.9);
    box-shadow:0 12px 30px rgba(35,42,68,.07);
}
.shop-category-rail a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:0 24px;
    border-radius:10px;
    color:#353947!important;
    text-decoration:none!important;
    font-weight:850;
}
.shop-category-rail a:hover,
.shop-category-rail a.is-active{
    color:var(--shop-accent)!important;
    background:#f5f7fe;
}
.shop-market-profile-card,
.shop-market-lower-grid .shop-panel,
.shop-market-lower-grid .review-widget{
    background:#fff!important;
    border:1px solid rgba(221,226,236,.9)!important;
    border-radius:14px!important;
    box-shadow:0 12px 30px rgba(35,42,68,.07)!important;
}
.shop-market-profile-card{
    display:grid;
    gap:8px;
    padding:15px;
}
.shop-market-profile-card img{
    width:64px;
    height:64px;
    border-radius:18px;
    object-fit:cover;
    box-shadow:0 8px 18px rgba(35,42,68,.14);
}
.shop-market-profile-card h2{
    margin:2px 0 0;
    font-size:18px;
    line-height:1.15;
    letter-spacing:0;
}
.shop-market-profile-card p,
.shop-market-profile-card span,
.shop-market-profile-card div{
    margin:0;
    color:#6f7485;
    font-weight:800;
    line-height:1.35;
}
.shop-market-main{
    min-width:0;
    display:grid;
    gap:34px;
}
.shop-market-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:46px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(203,210,224,.9);
}
.shop-market-section-head h2{
    margin:0;
    color:#171b2a;
    font-size:18px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:0;
}
.shop-market-sorts{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.shop-market-sorts select,
.shop-market-sorts button{
    min-height:36px;
    border:0;
    border-radius:999px;
    background:#fff;
    color:#202434;
    padding:0 13px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(35,42,68,.06);
}
.shop-market-sorts select{
    border:1px solid rgba(221,226,236,.94);
}
.shop-market-sorts button{
    background:#101727;
    color:#fff;
    cursor:pointer;
}

@media(min-width:761px){
    .shop-market-section-head{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
    }
    .shop-market-sorts{
        flex-wrap:nowrap;
        justify-content:flex-end;
        min-width:max-content;
    }
    .shop-market-sorts select{
        width:auto;
        min-width:142px;
    }
    .shop-market-sorts button{
        min-width:78px;
    }
}
body.shop-market-page .shop-items-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}
body.shop-market-page .shop-item-card{
    position:relative;
    overflow:hidden;
    border:0;
    border-radius:12px;
    background:#fff;
    box-shadow:0 12px 28px rgba(35,42,68,.07);
    transition:transform .16s ease, box-shadow .16s ease;
}
body.shop-market-page .shop-item-card:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(35,42,68,.11);
}
body.shop-market-page .shop-item-image-link{
    height:220px;
    border-radius:12px 12px 0 0;
    background:#edf0f4;
}
body.shop-market-page .shop-item-image{
    object-fit:cover;
}
body.shop-market-page .shop-price-badge{
    position:absolute;
    left:12px;
    bottom:10px;
    z-index:4;
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border-radius:5px;
    background:rgba(24,31,45,.9);
    color:#fff;
    font-weight:900;
    box-shadow:0 8px 18px rgba(17,24,39,.22);
}
body.shop-market-page .shop-sale-badge{
    top:12px;
    left:12px;
    border-radius:5px;
    background:#21c1dc;
}
body.shop-market-page .shop-status-badge{
    top:12px;
    right:12px;
    border-radius:5px;
}
body.shop-market-page .shop-item-body{
    display:grid;
    gap:10px;
    padding:14px 16px 16px;
}
body.shop-market-page .shop-item-title-row h3{
    margin:0;
    font-size:18px;
    line-height:1.18;
    font-weight:900;
}
body.shop-market-page .shop-item-title-row a{
    color:var(--shop-accent)!important;
}
body.shop-market-page .shop-item-title-row a:after{
    content:"New";
    display:inline-flex;
    align-items:center;
    min-height:18px;
    margin-left:7px;
    padding:0 6px;
    border-radius:5px;
    background:#20c2dc;
    color:#fff;
    font-size:10px;
    line-height:1;
    vertical-align:middle;
}
body.shop-market-page .shop-item-price,
body.shop-market-page .shop-item-body>p,
body.shop-market-page .shop-item-foot{
    display:none;
}
body.shop-market-page .shop-item-tags{
    margin:0;
    gap:6px;
}
body.shop-market-page .shop-item-tags span{
    border-radius:7px;
    background:#ecfdf3;
    color:#16803d;
    font-size:12px;
    font-weight:900;
}
body.shop-market-page .shop-item-concept-meta{
    display:grid;
    gap:8px;
}
body.shop-market-page .shop-item-concept-meta span{
    position:relative;
    display:flex;
    align-items:center;
    min-height:24px;
    padding-left:30px;
    color:#34384b;
    font-weight:850;
    line-height:1.25;
}
body.shop-market-page .shop-item-concept-meta span:before{
    position:absolute;
    left:0;
    top:1px;
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    border-radius:6px;
    border:2px solid var(--shop-accent);
    color:var(--shop-accent);
    font-size:11px;
    line-height:1;
}
body.shop-market-page .shop-item-stock:before{content:"S"}
body.shop-market-page .shop-item-location:before{content:"L"}
body.shop-market-page .shop-item-reviews:before{content:"R"}
body.shop-market-page .shop-item-stock{
    color:#16803d!important;
}
body.shop-market-page .shop-item-menu-toggle{
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    background:rgba(17,24,39,.86);
}
.shop-market-lower-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.shop-market-lower-grid .shop-panel,
.shop-market-lower-grid .review-widget{
    padding:16px!important;
}
.shop-market-lower-grid .review-widget{
    grid-column:1/-1;
}
.shop-market-lower-grid .shop-panel h3,
.shop-market-lower-grid .review-widget h3{
    margin:0;
    font-size:18px;
    letter-spacing:0;
}
body.shop-market-page .shop-side-list{
    max-height:260px;
}
body.shop-market-page .shop-side-item{
    background:#f7f9fc;
    border:1px solid #edf1f6;
}
body.shop-market-page .shop-empty-state{
    display:grid;
    place-items:center;
    min-height:180px;
    border-radius:14px;
    background:#fff;
    border:1px dashed #cbd3df;
    box-shadow:none;
}
body.shop-market-page .shop-empty-state h3{
    margin:0 0 6px;
    color:#171b2a;
}
body.shop-market-page .shop-up-button{
    background:var(--shop-accent);
    font-size:13px;
}
@media(max-width:1180px){
    .shop-market-tabs,
    .shop-market-layout{
        width:min(100% - 28px,1040px);
    }
    body.shop-market-page .shop-items-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:900px){
    .shop-market-layout{
        grid-template-columns:1fr;
    }
    .shop-market-left{
        position:static;
        max-height:none;
        overflow:visible;
    }
    .shop-category-rail{
        display:flex;
        overflow:auto;
        gap:8px;
        padding:10px;
        scrollbar-width:thin;
    }
    .shop-category-rail a{
        white-space:nowrap;
        min-height:40px;
        padding:0 14px;
    }
    .shop-market-profile-card{
        grid-template-columns:64px minmax(0,1fr);
        align-items:center;
    }
    .shop-market-profile-card div,
    .shop-market-profile-card span{
        grid-column:1/-1;
    }
    .shop-market-tabs{
        overflow:auto;
        justify-content:flex-start;
    }
    .shop-market-tabs a{
        min-height:58px;
        padding:0 16px;
        white-space:nowrap;
    }
    .shop-create-product-btn{
        margin-left:0;
        white-space:nowrap;
    }
}
@media(max-width:640px){
    .shop-market-hero{
        min-height:270px;
        padding:30px 14px 48px;
    }
    .shop-market-hero .shop-hero-top{
        inset:10px 10px auto;
        align-items:flex-start;
        flex-direction:column;
    }
    .shop-owner-hero-actions{
        justify-content:flex-start;
    }
    .shop-market-art{
        opacity:.22;
        left:-44px;
    }
    .shop-market-search{
        grid-template-columns:1fr;
    }
    .shop-market-search input{
        min-height:50px;
        padding:0 18px;
        border-right:0;
        border-bottom:1px solid #eef1f6;
    }
    .shop-market-search button{
        min-height:44px;
    }
    .shop-market-tabs{
        width:100%;
        margin-top:-26px;
        border-radius:0;
        min-height:58px;
    }
    .shop-market-layout{
        width:100%;
        padding:0 12px;
    }
    .shop-market-section-head{
        align-items:stretch;
        flex-direction:column;
        border-bottom:0;
        margin-bottom:14px;
    }
    .shop-market-sorts{
        justify-content:stretch;
    }
    .shop-market-sorts select,
    .shop-market-sorts button{
        flex:1 1 100%;
    }
    body.shop-market-page .shop-items-grid,
    .shop-market-lower-grid{
        grid-template-columns:1fr;
        gap:18px;
    }
    body.shop-market-page .shop-item-image-link{
        height:235px;
    }
}

/* Sngine-inspired shop item post view */
body.shop-item-post-page{
    --shop-item-bg:#eef2f7;
    --shop-item-surface:#fff;
    --shop-item-text:#111827;
    --shop-item-muted:#7b8392;
    --shop-item-accent:#6270ea;
    --shop-item-border:#e6eaf0;
    background:var(--shop-item-bg);
}
body.shop-item-post-page .layout-grid{
    display:block;
    width:100%;
    max-width:none;
    padding:0;
}
body.shop-item-post-page .main-content{
    padding:0;
}
.shop-item-post-shell{
    display:grid;
    grid-template-columns:270px minmax(0,620px);
    justify-content:center;
    align-items:start;
    gap:24px;
    width:min(1180px,calc(100% - 32px));
    margin:36px auto 100px;
}
.shop-item-left-menu{
    position:sticky;
    top:92px;
    display:grid;
    gap:8px;
    padding:16px 12px;
    border-radius:12px;
    background:var(--shop-item-surface);
    box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.shop-item-left-menu a{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:42px;
    padding:0 12px;
    border-radius:9px;
    color:#34384a;
    text-decoration:none;
    font-size:16px;
    font-weight:800;
}
.shop-item-left-menu a:hover,
.shop-item-left-menu a.is-active{
    background:#f2f5fb;
    color:var(--shop-item-accent);
}
.shop-item-left-menu a:before{
    content:"";
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    border:2px solid currentColor;
    border-radius:6px;
    color:var(--shop-item-accent);
    font-size:11px;
    font-weight:950;
    line-height:1;
}
.shop-item-left-menu a:nth-child(1):before{content:"N"}
.shop-item-left-menu a:nth-child(2):before{content:"M";border-radius:50%}
.shop-item-left-menu a:nth-child(3):before{content:"S"}
.shop-item-left-menu a:nth-child(4):before{content:"P"}
.shop-item-left-menu a:nth-child(5):before{content:"G";border-radius:50%}
.shop-item-left-menu a:nth-child(6):before{content:"$"}
.shop-item-left-menu a:nth-child(7):before{content:"B"}
.shop-item-post-main{
    display:grid;
    gap:0;
    min-width:0;
}
.shop-item-post-card{
    overflow:hidden;
    border:1px solid var(--shop-item-border);
    border-radius:12px 12px 0 0;
    background:var(--shop-item-surface);
    box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.shop-item-post-card.has-card-wallpaper{
    background-color:rgba(255,255,255,.92);
    background-size:cover;
    background-position:center;
}
.shop-item-post-head{
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:84px;
    padding:14px 18px;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid #edf0f5;
}
.shop-item-seller-avatar,
.shop-item-seller-avatar img{
    width:52px;
    height:52px;
    border-radius:12px;
}
.shop-item-seller-avatar img{
    display:block;
    object-fit:cover;
}
.shop-item-post-titleline{
    min-width:0;
}
.shop-item-post-titleline p{
    margin:0;
    color:#111827;
    font-size:16px;
    font-weight:850;
    line-height:1.2;
}
.shop-item-post-titleline a{
    color:var(--shop-item-accent);
    text-decoration:none;
    font-weight:950;
}
.shop-item-post-titleline span{
    color:#111827;
    font-weight:800;
}
.shop-item-post-titleline small{
    display:block;
    margin-top:4px;
    color:#8a93a1;
    font-size:12px;
    font-weight:750;
}
.shop-item-back-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:#f4f6fb;
    color:#55606f;
    text-decoration:none;
    font-size:12px;
    font-weight:950;
}
.shop-item-post-media{
    display:grid;
    place-items:center;
    height:470px;
    background:#f8f8f8;
    text-decoration:none;
}
.shop-item-post-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}
.shop-item-post-body{
    padding:18px 18px 0;
    background:rgba(255,255,255,.97);
}
.shop-item-post-name-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
}
.shop-item-post-name-row h1{
    margin:0;
    color:var(--shop-item-text);
    font-size:22px;
    line-height:1.15;
    font-weight:950;
}
.shop-item-post-name-row span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:6px;
    background:#20c2dc;
    color:#fff;
    font-size:13px;
    font-weight:950;
}
.shop-item-post-price{
    display:flex;
    align-items:baseline;
    gap:10px;
    margin-bottom:18px;
}
.shop-item-post-price strong{
    color:#07824d;
    font-size:20px;
    line-height:1;
    font-weight:950;
}
.shop-item-post-price span{
    color:#98a2b3;
    text-decoration:line-through;
    font-size:14px;
    font-weight:850;
}
.shop-item-post-meta{
    display:grid;
    gap:10px;
    margin:0 0 20px;
}
.shop-item-post-meta span{
    position:relative;
    display:flex;
    align-items:center;
    min-height:28px;
    padding-left:34px;
    color:#151925;
    font-size:15px;
    font-weight:850;
    line-height:1.25;
}
.shop-item-post-meta span:before{
    position:absolute;
    left:0;
    top:2px;
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    border:2px solid var(--shop-item-accent);
    border-radius:6px;
    color:var(--shop-item-accent);
    font-size:11px;
    font-weight:950;
    line-height:1;
}
.shop-item-detail-stock{
    width:max-content;
    padding-right:10px;
    border-radius:7px;
    color:#07824d!important;
}
.shop-item-detail-stock:before{content:"S"}
.shop-item-detail-location:before{content:"L";border-radius:50%}
.shop-item-detail-category:before{content:"C"}
.shop-item-detail-review:before{content:"R";border-radius:50%}
.shop-item-post-description{
    margin:0 0 20px;
    color:#191d29;
    font-size:16px;
    line-height:1.55;
    overflow-wrap:anywhere;
}
.shop-item-post-cta{
    display:grid;
    grid-template-columns:minmax(0,1fr) 132px;
    gap:4px;
    margin:0 0 14px;
}
.shop-item-buy-btn,
.shop-item-message-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    border-radius:4px;
    text-decoration:none;
    font-weight:950;
}
.shop-item-buy-btn{
    background:var(--shop-item-accent);
    color:#fff!important;
}
.shop-item-message-btn{
    background:#f0f0f1;
    color:var(--shop-item-accent)!important;
}
.shop-item-post-stats{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
    min-height:30px;
    padding:0 0 11px;
    color:#98a0ad;
    font-size:12px;
    font-weight:800;
    border-bottom:1px solid #edf0f5;
}
.shop-item-post-stats span{
    display:inline-flex;
    align-items:center;
    gap:4px;
}
.shop-item-post-actions{
    display:flex;
    align-items:center;
    justify-content:space-around;
    gap:0;
    min-height:64px;
    border-bottom:1px solid #edf0f5;
}
.shop-item-post-actions .content-interaction-bar{
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex:1 1 auto;
    flex-wrap:nowrap;
    gap:0;
    margin:0;
    padding:0;
    border-top:0;
}
.shop-item-post-actions .content-card-reaction-bar{
    margin:0;
}
.shop-item-post-actions .platform-reaction-root{
    margin:0;
}
.shop-item-post-actions .platform-reaction-main,
.shop-item-post-actions .content-action-btn,
.shop-item-review-action,
.shop-item-post-actions .wallpaper-mini-btn{
    min-height:44px;
    padding:0 14px;
    border:0;
    border-radius:8px;
    background:transparent!important;
    box-shadow:none;
    color:#252a36;
    text-decoration:none;
    font-size:14px;
    font-weight:950;
}
.shop-item-post-actions .platform-reaction-main:hover,
.shop-item-post-actions .content-action-btn:hover,
.shop-item-review-action:hover{
    background:#f5f7fb!important;
    transform:none;
}
.shop-item-post-actions .platform-reaction-summary,
.shop-item-post-actions .content-action-btn[data-content-action="bookmark"],
.shop-item-post-actions .report-action-btn,
.shop-item-post-actions .content-share-chip{
    display:none!important;
}
.shop-item-post-actions .content-action-btn b{
    display:none;
}
.shop-item-review-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}
.shop-item-comments-panel{
    overflow:hidden;
    border:1px solid var(--shop-item-border);
    border-top:0;
    border-radius:0 0 12px 12px;
    background:#fff;
}
.shop-item-comments-sort{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 18px;
    color:var(--shop-item-accent);
    font-size:12px;
    font-weight:950;
}
.shop-item-empty-comments{
    padding:0 18px 20px;
    color:#8a93a1;
    font-size:13px;
    font-weight:800;
}
.shop-item-comments-panel .content-comment-item{
    padding:0 18px 14px;
}
.shop-item-comments-panel .content-comment-bubble{
    border-color:#edf1f6;
    background:#f8fafc;
}
.shop-item-comments-panel .blog-top-comments-preview{
    margin:0;
    padding:0 18px 18px;
    border:0;
    background:transparent;
    box-shadow:none;
}
.shop-item-comments-panel .blog-top-comments-preview-head{
    display:none;
}
.shop-item-comments-panel .post-top-comment{
    margin:0 0 10px;
    border:1px solid #edf1f6;
    border-radius:12px;
    background:#f8fafc;
    box-shadow:none;
}
.shop-item-comments-panel .post-top-comment:last-child{
    margin-bottom:0;
}
@media(max-width:980px){
    .shop-item-post-shell{
        grid-template-columns:1fr;
        width:min(720px,calc(100% - 28px));
        margin-top:24px;
    }
    .shop-item-left-menu{
        position:static;
        display:flex;
        overflow:auto;
        padding:10px;
        scrollbar-width:thin;
    }
    .shop-item-left-menu a{
        white-space:nowrap;
        min-height:38px;
        padding:0 10px;
        font-size:14px;
    }
}
@media(max-width:640px){
    .shop-item-post-shell{
        width:100%;
        gap:10px;
        margin:0 auto 82px;
    }
    .shop-item-left-menu{
        border-radius:0;
        box-shadow:none;
    }
    .shop-item-post-card,
    .shop-item-comments-panel{
        border-left:0;
        border-right:0;
        border-radius:0;
    }
    .shop-item-post-head{
        grid-template-columns:44px minmax(0,1fr) auto;
        min-height:72px;
        padding:12px;
    }
    .shop-item-seller-avatar,
    .shop-item-seller-avatar img{
        width:44px;
        height:44px;
    }
    .shop-item-post-titleline p{
        font-size:14px;
    }
    .shop-item-post-media{
        height:min(86vw,390px);
    }
    .shop-item-post-body{
        padding:16px 14px 0;
    }
    .shop-item-post-name-row h1{
        font-size:20px;
    }
    .shop-item-post-cta{
        grid-template-columns:1fr 90px;
    }
    .shop-item-post-stats{
        justify-content:flex-start;
        gap:9px;
    }
    .shop-item-post-actions{
        justify-content:flex-start;
        overflow-x:auto;
        min-height:58px;
        scrollbar-width:none;
    }
    .shop-item-post-actions::-webkit-scrollbar{
        display:none;
    }
    .shop-item-post-actions .content-interaction-bar{
        justify-content:flex-start;
    }
    .shop-item-post-actions .platform-reaction-main,
    .shop-item-post-actions .content-action-btn,
    .shop-item-review-action,
    .shop-item-post-actions .wallpaper-mini-btn{
        min-height:42px;
        padding:0 11px;
        font-size:13px;
        white-space:nowrap;
    }
}

@media(max-width:640px){
    .shop-hero-copy h1,
    .shop-item-detail-copy h1,
    .shop-market-hero-copy h1{
        font-size:30px;
    }
}

/* ShopNest retail rebuild */
body.shop-market-page{
    background:#f6f6f4!important;
}
body.shop-market-page .main-content{
    background:#f6f6f4!important;
}
.shopnest-shell{
    --shop-accent:#ff5a14;
    --shop-accent-dark:#e44805;
    --shop-ink:#161616;
    --shop-muted:#6d625b;
    --shop-line:#eadfd8;
    --shop-soft:#fff7f2;
    --shop-card:#fff;
    --shopnest-page-width:1240px;
    --shopnest-page-gutter:24px;
    background:#f6f6f4;
    color:var(--shop-ink);
    padding:0 0 72px;
}
.shopnest-topbar{
    width:min(var(--shopnest-page-width),calc(100% - (var(--shopnest-page-gutter) * 2)));
    min-height:74px;
    margin:18px auto 18px;
    padding:10px 16px;
    display:grid;
    grid-template-columns:240px minmax(320px,1fr) auto;
    align-items:center;
    gap:18px;
    border-radius:18px;
    background:#151515;
    color:#fff;
    box-shadow:0 18px 44px rgba(16,16,16,.16);
}
.shopnest-brand{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff!important;
    text-decoration:none!important;
    min-width:0;
}
.shopnest-brand-mark{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:2px solid var(--shop-accent);
    border-radius:10px;
    color:var(--shop-accent);
    font-weight:950;
}
.shopnest-brand strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:19px;
    line-height:1.1;
}
.shopnest-global-search{
    min-width:0;
    height:48px;
    display:grid;
    grid-template-columns:84px minmax(0,1fr) 54px;
    overflow:hidden;
    border-radius:999px;
    background:#fff;
    border:2px solid rgba(255,255,255,.45);
}
.shopnest-global-search select,
.shopnest-global-search input,
.shopnest-global-search button{
    min-width:0;
    border:0;
    background:#fff;
    color:#2a2624;
    outline:0;
    font-weight:850;
}
.shopnest-global-search select{
    padding:0 12px;
    border-right:1px solid #eee5df;
}
.shopnest-global-search input{
    padding:0 18px;
    font-size:14px;
}
.shopnest-global-search button{
    margin:3px;
    border-radius:999px;
    background:var(--shop-accent);
    color:#fff;
    font-size:0;
    cursor:pointer;
}
.shopnest-global-search button:before{
    content:"Go";
    font-size:13px;
    font-weight:950;
}
.shopnest-top-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:12px;
}
.shopnest-top-actions a{
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
}
.shopnest-top-actions a:hover{
    color:#ffb08b!important;
}
.shopnest-hero-card{
    width:min(var(--shopnest-page-width),calc(100% - (var(--shopnest-page-gutter) * 2)));
    min-height:260px;
    margin:0 auto;
    display:block;
    place-items:initial;
    overflow:hidden;
    border-radius:20px 20px 0 0;
    background:#1d1b1a;
    box-shadow:0 20px 52px rgba(65,34,18,.18);
}
.shopnest-hero-card:after{
    display:none;
}
.shopnest-hero-card .shop-market-hero-bg{
    opacity:1;
    filter:saturate(1.05) contrast(1.04);
}
.shopnest-hero-shade{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(100deg,rgba(255,90,20,.86) 0%,rgba(255,90,20,.70) 35%,rgba(26,20,17,.20) 68%,rgba(20,20,20,.18) 100%),
        radial-gradient(circle at 18% 24%,rgba(255,255,255,.16),transparent 30%);
}
.shopnest-hero-card .shop-hero-top{
    inset:18px 22px auto;
}
.shopnest-hero-card .shop-back-profile,
.shopnest-hero-card .shop-owner-settings-link{
    background:rgba(20,20,20,.68);
    color:#fff!important;
    box-shadow:none;
}
.shopnest-hero-content{
    position:relative;
    z-index:2;
    min-height:260px;
    display:grid;
    grid-template-columns:144px minmax(0,1fr);
    align-items:center;
    gap:28px;
    padding:58px 28px 34px;
}
.shopnest-shop-logo{
    display:grid;
    place-items:center;
    width:132px;
    height:132px;
    border-radius:50%;
    background:#151515;
    border:5px solid rgba(255,255,255,.92);
    box-shadow:0 20px 42px rgba(0,0,0,.26);
    overflow:hidden;
}
.shopnest-shop-logo img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.shopnest-hero-copy{
    min-width:0;
    max-width:680px;
    color:#fff;
}
.shopnest-seller-badge{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(188,65,0,.48);
    color:#fff;
    font-size:13px;
    font-weight:950;
}
.shopnest-hero-copy h1{
    margin:14px 0 8px;
    color:#fff;
    font-size:34px;
    line-height:1.08;
    font-weight:950;
    letter-spacing:0;
}
.shopnest-hero-copy p{
    margin:0;
    max-width:560px;
    color:rgba(255,255,255,.92);
    font-size:16px;
    line-height:1.45;
    font-weight:750;
}
.shopnest-hero-stats{
    display:flex;
    flex-wrap:wrap;
    gap:28px;
    margin:28px 0 0;
}
.shopnest-hero-stats span{
    display:grid;
    gap:3px;
}
.shopnest-hero-stats strong{
    color:#fff;
    font-size:16px;
    line-height:1;
    font-weight:950;
}
.shopnest-hero-stats small{
    color:rgba(255,255,255,.84);
    font-size:12px;
    font-weight:800;
}
.shopnest-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}
.shopnest-hero-actions a,
.shopnest-hero-actions button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 28px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:9px;
    background:rgba(255,255,255,.08);
    color:#fff!important;
    text-decoration:none!important;
    font-weight:950;
    cursor:pointer;
}
.shopnest-tabs{
    width:min(var(--shopnest-page-width),calc(100% - (var(--shopnest-page-gutter) * 2)));
    margin:0 auto 24px;
    min-height:54px;
    border-radius:0 0 18px 18px;
    box-shadow:0 12px 28px rgba(64,42,31,.09);
    justify-content:flex-start;
}
.shopnest-tabs a{
    min-height:54px;
    color:#5e554f!important;
    font-size:13px;
}
.shopnest-tabs a.is-active{
    color:var(--shop-accent)!important;
    border-bottom-color:var(--shop-accent);
}
.shopnest-tabs .shop-tab-icon{
    width:18px;
    height:18px;
    border-radius:5px;
    border-width:1px;
    font-size:10px;
}
.shopnest-tabs .shop-create-product-btn{
    min-height:40px;
    border-radius:9px;
    background:var(--shop-accent);
    box-shadow:0 12px 24px rgba(255,90,20,.22);
}
.shopnest-category-strip{
    width:min(var(--shopnest-page-width),calc(100% - (var(--shopnest-page-gutter) * 2)));
    margin:0 auto 18px;
    display:flex;
    gap:8px;
    overflow:auto;
    padding:4px 0 8px;
    scrollbar-width:thin;
}
.shopnest-category-strip a{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:#fff;
    color:#5f554e!important;
    text-decoration:none!important;
    border:1px solid #eee2da;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
}
.shopnest-category-strip a:hover,
.shopnest-category-strip a.is-active{
    background:var(--shop-accent);
    border-color:var(--shop-accent);
    color:#fff!important;
}
.shopnest-content-grid{
    width:min(var(--shopnest-page-width),calc(100% - (var(--shopnest-page-gutter) * 2)));
    grid-template-columns:minmax(0,1fr) 300px;
    gap:24px;
    align-items:start;
}
.shopnest-content-grid .shop-market-main{
    gap:28px;
}
.shopnest-right-sidebar{
    position:sticky;
    top:88px;
    display:grid;
    gap:20px;
}
.shopnest-sidebar-card,
.shopnest-about-card,
.shopnest-review-widget{
    background:#fff!important;
    border:1px solid #eadfd8!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(61,43,34,.06)!important;
}
.shopnest-sidebar-card{
    padding:18px;
}
.shopnest-sidebar-card h2,
.shopnest-about-card h2{
    margin:0;
    color:#181512;
    font-size:17px;
    line-height:1.2;
    font-weight:950;
    letter-spacing:0;
}
.shopnest-sidebar-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}
.shopnest-sidebar-title a,
.shopnest-rating-card>a,
.shopnest-view-all{
    color:var(--shop-accent)!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:950;
}
.shopnest-rating-score{
    display:flex;
    align-items:center;
    gap:10px;
    margin:12px 0 4px;
}
.shopnest-rating-score strong{
    font-size:31px;
    line-height:1;
    font-weight:950;
}
.shopnest-rating-score span,
.shopnest-best-item small{
    display:inline-flex;
    gap:2px;
    color:#c8c0ba;
}
.shopnest-rating-score span span.is-filled,
.shopnest-best-item small span.is-filled{
    color:var(--shop-accent);
}
.shopnest-rating-card p{
    margin:0 0 12px;
    color:var(--shop-muted);
    font-size:12px;
    font-weight:800;
}
.shopnest-rating-row{
    display:grid;
    grid-template-columns:18px minmax(0,1fr) 28px;
    align-items:center;
    gap:7px;
    min-height:20px;
    color:#6f625b;
    font-size:12px;
    font-weight:850;
}
.shopnest-rating-row i{
    position:relative;
    display:block;
    height:5px;
    overflow:hidden;
    border-radius:999px;
    background:#eee7e2;
}
.shopnest-rating-row i:before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:var(--rating-width);
    border-radius:inherit;
    background:var(--shop-accent);
}
.shopnest-rating-row em{
    font-style:normal;
    text-align:right;
    color:#8a7d75;
}
.shopnest-best-list{
    display:grid;
    gap:12px;
}
.shopnest-best-item{
    display:grid;
    grid-template-columns:44px 20px minmax(0,1fr);
    align-items:center;
    gap:9px;
    color:#1d1916!important;
    text-decoration:none!important;
}
.shopnest-best-item img{
    width:44px;
    height:44px;
    object-fit:cover;
    border-radius:8px;
}
.shopnest-best-rank{
    color:#2b241f;
    font-size:12px;
    font-weight:950;
    text-align:center;
}
.shopnest-best-copy{
    min-width:0;
    display:grid;
    gap:2px;
}
.shopnest-best-copy strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    line-height:1.2;
    font-weight:950;
}
.shopnest-best-copy em{
    color:var(--shop-accent);
    font-style:normal;
    font-size:13px;
    font-weight:950;
}
.shopnest-best-copy small{
    font-size:10px;
    line-height:1;
    font-weight:850;
}
.shopnest-confidence-card{
    gap:14px;
}
.shopnest-confidence-card,
.shopnest-confidence-card span{
    display:grid;
}
.shopnest-confidence-card span{
    gap:2px;
    padding-left:38px;
    position:relative;
}
.shopnest-confidence-card span:before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#fff0e8;
    border:1px solid #ffd5c2;
}
.shopnest-confidence-card strong{
    font-size:13px;
    font-weight:950;
}
.shopnest-confidence-card small,
.shopnest-question-card p{
    color:var(--shop-muted);
    font-size:12px;
    font-weight:750;
}
.shopnest-question-card p{
    margin:6px 0 14px;
}
.shopnest-question-card a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border-radius:9px;
    background:var(--shop-accent);
    color:#fff!important;
    text-decoration:none!important;
    font-weight:950;
}
.shop-market-section-head{
    border-bottom:0;
    min-height:auto;
    margin-bottom:14px;
}
.shop-market-section-head>div{
    min-width:0;
}
.shop-market-section-head h2{
    color:#181512;
    font-size:18px;
}
.shop-market-section-head p{
    margin:4px 0 0;
    color:#82756c;
    font-size:12px;
    font-weight:750;
}
body.shop-market-page .shop-items-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
body.shop-market-page .shopnest-featured-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
body.shop-market-page .shop-item-card{
    border:1px solid #eadfd8;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 28px rgba(61,43,34,.06);
}
body.shop-market-page .shop-item-card:hover{
    box-shadow:0 18px 42px rgba(61,43,34,.11);
}
body.shop-market-page .shop-item-image-link{
    height:190px;
    border-radius:14px 14px 0 0;
    background:#f2efec;
}
body.shop-market-page .shopnest-featured-grid .shop-item-image-link{
    height:150px;
}
body.shop-market-page .shop-price-badge{
    left:12px;
    bottom:12px;
    background:var(--shop-accent);
    border-radius:7px;
    box-shadow:0 10px 18px rgba(255,90,20,.22);
}
body.shop-market-page .shop-sale-badge{
    background:var(--shop-accent);
}
body.shop-market-page .shop-item-title-row a{
    color:#222!important;
    text-decoration:none!important;
}
body.shop-market-page .shop-item-title-row a:after{
    background:#17c3dc;
}
body.shop-market-page .shop-item-price{
    display:flex;
    align-items:center;
    gap:8px;
}
body.shop-market-page .shop-item-price strong{
    color:var(--shop-accent);
    font-size:17px;
    font-weight:950;
}
body.shop-market-page .shop-item-price span{
    color:#9b918a;
    text-decoration:line-through;
    font-size:12px;
    font-weight:800;
}
body.shop-market-page .shop-item-body>p{
    display:none;
}
body.shop-market-page .shop-item-tags span{
    background:#ecfff2;
    color:#128143;
}
body.shop-market-page .shop-item-concept-meta{
    gap:7px;
}
body.shop-market-page .shop-item-concept-meta span{
    color:#554b45;
}
body.shop-market-page .shop-item-concept-meta span:before{
    border-color:#8b6b59;
    color:var(--shop-accent);
}
body.shop-market-page .shop-item-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#7d7169;
    font-size:12px;
    font-weight:850;
}
body.shop-market-page .shop-item-foot:after{
    content:"Quick Buy";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 12px;
    border-radius:8px;
    background:var(--shop-accent);
    color:#fff;
    font-size:12px;
    font-weight:950;
}
body.shop-market-page .shop-item-menu-toggle{
    background:rgba(255,255,255,.92);
    color:#3d332d;
    box-shadow:0 8px 20px rgba(26,20,16,.12);
}
.shopnest-about-card,
.shopnest-review-widget{
    padding:20px!important;
}
.shopnest-about-card p{
    margin:8px 0 0;
    color:#423a35;
    line-height:1.55;
    font-weight:750;
}
.shopnest-about-card div{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}
.shopnest-about-card span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 11px;
    border-radius:999px;
    background:#fff0e8;
    color:#7b3b19;
    font-size:12px;
    font-weight:900;
}
.shopnest-review-widget .review-widget-head span{
    color:var(--shop-accent);
}
.shopnest-trust-strip{
    width:min(var(--shopnest-page-width),calc(100% - (var(--shopnest-page-gutter) * 2)));
    margin:28px auto 0;
    min-height:58px;
    padding:10px 20px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    border-radius:16px;
    background:#fff5ee;
    border:1px solid #ffe0d1;
}
.shopnest-trust-strip span{
    display:grid;
    gap:2px;
    color:#3a2f29;
}
.shopnest-trust-strip strong{
    font-size:13px;
    font-weight:950;
}
.shopnest-trust-strip small{
    color:#8c7568;
    font-size:12px;
    font-weight:750;
}
.shopnest-single-item-section{
    margin-top:12px;
}
.shopnest-single-item-section .shop-item-post-main{
    width:100%;
    max-width:none;
    display:grid;
    gap:0;
}
.shopnest-item-shell .shop-item-post-card{
    border-color:#eadfd8;
    border-radius:16px 16px 0 0;
    box-shadow:0 14px 34px rgba(61,43,34,.07);
}
.shopnest-item-shell .shop-item-comments-panel{
    border-color:#eadfd8;
    border-radius:0 0 16px 16px;
}
.shopnest-item-shell .shop-item-post-media{
    height:440px;
    background:#f4f0ed;
}
.shopnest-item-shell .shop-item-post-price strong{
    color:var(--shop-accent);
}
.shopnest-item-shell .shop-item-buy-btn{
    background:var(--shop-accent);
}
.shopnest-item-shell .shop-item-message-btn{
    color:var(--shop-accent)!important;
}
.shopnest-item-shell .shop-item-detail-stock:before,
.shopnest-item-shell .shop-item-detail-location:before,
.shopnest-item-shell .shop-item-detail-category:before,
.shopnest-item-shell .shop-item-detail-review:before{
    border-color:var(--shop-accent);
    color:var(--shop-accent);
}
.shopnest-shell .shop-owner-tools{
    z-index:5000;
}
.shopnest-shell .shop-primary-btn{
    background:var(--shop-accent);
}
@media(max-width:1180px){
    .shopnest-topbar,
    .shopnest-hero-card,
    .shopnest-tabs,
    .shopnest-category-strip,
    .shopnest-content-grid,
    .shopnest-trust-strip{
        width:calc(100% - 28px);
    }
    .shopnest-content-grid{
        grid-template-columns:minmax(0,1fr);
    }
    .shopnest-right-sidebar{
        position:static;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    body.shop-market-page .shopnest-featured-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:820px){
    .shopnest-topbar{
        grid-template-columns:1fr;
        align-items:stretch;
        border-radius:14px;
    }
    .shopnest-global-search{
        grid-template-columns:80px minmax(0,1fr) 52px;
    }
    .shopnest-top-actions{
        justify-content:flex-start;
        overflow:auto;
    }
    .shopnest-hero-content{
        grid-template-columns:96px minmax(0,1fr);
        gap:18px;
        padding:68px 18px 26px;
    }
    .shopnest-shop-logo{
        width:92px;
        height:92px;
        border-width:4px;
    }
    .shopnest-hero-copy h1{
        font-size:26px;
    }
    .shopnest-hero-stats{
        gap:16px;
    }
    .shopnest-tabs{
        overflow:auto;
    }
    .shopnest-right-sidebar,
    .shopnest-trust-strip{
        grid-template-columns:1fr;
    }
}
@media(max-width:640px){
    .shopnest-topbar,
    .shopnest-hero-card,
    .shopnest-tabs,
    .shopnest-category-strip,
    .shopnest-content-grid,
    .shopnest-trust-strip{
        width:100%;
    }
    .shopnest-topbar{
        margin:0;
        border-radius:0;
        padding:12px;
    }
    .shopnest-hero-card{
        border-radius:0;
        min-height:300px;
    }
    .shopnest-hero-content{
        grid-template-columns:1fr;
        justify-items:start;
        padding:84px 16px 28px;
    }
    .shopnest-shop-logo{
        width:86px;
        height:86px;
    }
    .shopnest-hero-copy h1{
        font-size:24px;
    }
    .shopnest-hero-copy p{
        font-size:14px;
    }
    .shopnest-hero-actions a,
    .shopnest-hero-actions button{
        min-height:38px;
        padding:0 16px;
    }
    .shopnest-tabs{
        border-radius:0;
        margin-bottom:14px;
    }
    .shopnest-category-strip{
        padding:0 12px 10px;
    }
    .shopnest-content-grid{
        padding:0 12px;
    }
    body.shop-market-page .shop-items-grid,
    body.shop-market-page .shopnest-featured-grid{
        grid-template-columns:1fr;
    }
    body.shop-market-page .shop-item-image-link,
    body.shop-market-page .shopnest-featured-grid .shop-item-image-link{
        height:240px;
    }
    .shopnest-item-shell .shop-item-post-media{
        height:300px;
    }
    .shopnest-trust-strip{
        border-radius:0;
        margin-top:18px;
    }
}

/* Dedicated seller dashboard */
body.shop-settings-page{
    background:#f6f6f4!important;
}
body.shop-settings-page .layout-grid{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
body.shop-settings-page .layout-grid>.sidebar{
    display:none!important;
}
body.shop-settings-page .main-content{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    background:#f6f6f4!important;
}
.shop-settings-studio{
    --studio-accent:#ff5a14;
    --studio-dark:#151515;
    --studio-ink:#171411;
    --studio-muted:#766a62;
    --studio-line:#eadfd8;
    --studio-panel:#fff;
    --studio-width:1240px;
    min-height:100vh;
    padding:22px 24px 76px;
    color:var(--studio-ink);
}
.shop-settings-studio-hero{
    width:min(var(--studio-width),100%);
    margin:0 auto 18px;
    min-height:190px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    padding:28px;
    border-radius:22px;
    overflow:hidden;
    background:
        linear-gradient(110deg,rgba(255,90,20,.96),rgba(31,25,21,.86)),
        radial-gradient(circle at 90% 10%,rgba(255,255,255,.24),transparent 30%);
    box-shadow:0 22px 48px rgba(68,38,22,.16);
}
.shop-settings-studio-hero span{
    display:block;
    color:rgba(255,255,255,.78);
    font-size:13px;
    font-weight:950;
    text-transform:uppercase;
}
.shop-settings-studio-hero h1{
    margin:8px 0 8px;
    color:#fff;
    font-size:38px;
    line-height:1.04;
    font-weight:950;
    letter-spacing:0;
}
.shop-settings-studio-hero p{
    max-width:640px;
    margin:0;
    color:rgba(255,255,255,.9);
    font-size:15px;
    line-height:1.5;
    font-weight:750;
}
.shop-settings-studio-hero nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}
.shop-settings-studio-hero a,
.shop-settings-studio-hero button,
.shop-settings-add-btn,
.shop-settings-empty button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border:0;
    border-radius:12px;
    background:#fff;
    color:#211a16!important;
    text-decoration:none!important;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(24,18,14,.12);
}
.shop-settings-studio-hero button,
.shop-settings-add-btn,
.shop-settings-empty button{
    background:var(--studio-dark);
    color:#fff!important;
}
.shop-settings-stats{
    width:min(var(--studio-width),100%);
    margin:0 auto 18px;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
}
.shop-settings-stats article{
    min-height:86px;
    padding:16px;
    border-radius:16px;
    background:#fff;
    border:1px solid var(--studio-line);
    box-shadow:0 10px 26px rgba(61,43,34,.05);
}
.shop-settings-stats strong{
    display:block;
    color:#181512;
    font-size:25px;
    line-height:1;
    font-weight:950;
}
.shop-settings-stats span{
    display:block;
    margin-top:8px;
    color:var(--studio-muted);
    font-size:12px;
    font-weight:850;
}
.shop-settings-layout{
    width:min(var(--studio-width),100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:20px;
    align-items:start;
}
.shop-settings-preview-panel{
    position:sticky;
    top:88px;
    overflow:hidden;
    border-radius:20px;
    background:#fff;
    border:1px solid var(--studio-line);
    box-shadow:0 14px 34px rgba(61,43,34,.08);
}
.shop-settings-preview-banner{
    height:128px;
    background:#f0ebe8;
}
.shop-settings-preview-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.shop-settings-preview-shop{
    display:grid;
    grid-template-columns:74px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:0 18px 18px;
    margin-top:-28px;
}
.shop-settings-preview-shop img{
    width:74px;
    height:74px;
    border-radius:20px;
    object-fit:cover;
    border:4px solid #fff;
    box-shadow:0 14px 26px rgba(33,24,19,.16);
}
.shop-settings-preview-shop h2{
    margin:30px 0 4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#1c1714;
    font-size:18px;
    line-height:1.15;
    font-weight:950;
    letter-spacing:0;
}
.shop-settings-preview-shop p{
    margin:0;
    color:var(--studio-muted);
    font-size:12px;
    line-height:1.35;
    font-weight:800;
}
.shop-settings-preview-panel>a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin:0 18px 18px;
    border-radius:12px;
    background:#fff1e9;
    color:#9a3412!important;
    text-decoration:none!important;
    font-weight:950;
}
.shop-settings-main{
    display:grid;
    gap:20px;
    min-width:0;
}
.shop-settings-studio-card{
    padding:22px;
    border-radius:20px;
    background:#fff;
    border:1px solid var(--studio-line);
    box-shadow:0 14px 34px rgba(61,43,34,.07);
}
.shop-settings-studio-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}
.shop-settings-studio-head h2{
    margin:0;
    color:#181512;
    font-size:21px;
    line-height:1.15;
    font-weight:950;
    letter-spacing:0;
}
.shop-settings-studio-head p{
    margin:5px 0 0;
    color:var(--studio-muted);
    font-size:13px;
    line-height:1.45;
    font-weight:750;
}
.shop-settings-studio-head>span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:950;
}
.shop-settings-studio-head>span.is-live{
    background:#dcfce7;
    color:#166534;
}
.shop-settings-studio-head>span.is-paused{
    background:#fee2e2;
    color:#991b1b;
}
.shop-settings-studio-form{
    display:grid;
    gap:14px;
}
.shop-settings-studio-form label{
    display:grid;
    gap:7px;
    color:#2a211c;
    font-size:13px;
    font-weight:950;
}
.shop-settings-studio-form input,
.shop-settings-studio-form textarea,
.shop-settings-studio-form select,
.shop-settings-filters input,
.shop-settings-filters select{
    width:100%;
    min-height:46px;
    border:1px solid #eadfd8;
    border-radius:12px;
    background:#fbfaf8;
    color:#221b17;
    padding:0 13px;
    outline:0;
    font-size:14px;
    font-weight:750;
}
.shop-settings-studio-form textarea{
    min-height:112px;
    padding-top:12px;
    resize:vertical;
}
.shop-settings-live-toggle{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center;
    gap:10px!important;
    min-height:46px;
    padding:0 12px;
    border-radius:12px;
    background:#fff7ed;
}
.shop-settings-live-toggle input{
    width:18px;
    min-height:18px;
    padding:0;
}
.shop-settings-filters{
    display:grid;
    grid-template-columns:minmax(0,1fr) 150px 180px 94px;
    gap:10px;
    margin-bottom:14px;
}
.shop-settings-filters button{
    border:0;
    border-radius:12px;
    background:var(--studio-dark);
    color:#fff;
    font-weight:950;
    cursor:pointer;
}
.shop-settings-item-list{
    display:grid;
    gap:10px;
}
.shop-settings-item-row{
    display:grid;
    grid-template-columns:82px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    padding:12px;
    border:1px solid #efe4dc;
    border-radius:16px;
    background:#fffdfb;
}
.shop-settings-item-image{
    display:block;
    width:82px;
    height:82px;
    overflow:hidden;
    border-radius:14px;
    background:#f2ede8;
}
.shop-settings-item-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.shop-settings-item-copy{
    min-width:0;
}
.shop-settings-item-copy>div:first-child{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
}
.shop-settings-item-copy h3{
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#1c1714;
    font-size:16px;
    font-weight:950;
    letter-spacing:0;
}
.shop-settings-item-copy>div:first-child span{
    color:var(--studio-accent);
    font-size:14px;
    font-weight:950;
    white-space:nowrap;
}
.shop-settings-item-copy p{
    margin:6px 0 0;
    color:#756960;
    font-size:12px;
    line-height:1.35;
    font-weight:750;
}
.shop-settings-item-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:9px;
}
.shop-settings-item-meta span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    background:#fff1e9;
    color:#7c2d12;
    font-size:11px;
    font-weight:900;
}
.shop-settings-item-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
}
.shop-settings-item-actions a,
.shop-settings-item-actions button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 12px;
    border:0;
    border-radius:10px;
    background:#f4f1ee;
    color:#2d251f!important;
    text-decoration:none!important;
    font-size:12px;
    font-weight:950;
    cursor:pointer;
}
.shop-settings-item-actions .danger{
    background:#fee2e2;
    color:#991b1b!important;
}
.shop-settings-empty{
    display:grid;
    place-items:center;
    min-height:210px;
    padding:24px;
    border-radius:16px;
    border:1px dashed #e4d5ca;
    background:#fffaf6;
    text-align:center;
}
.shop-settings-empty h3{
    margin:0 0 6px;
    font-size:20px;
    letter-spacing:0;
}
.shop-settings-empty p{
    margin:0 0 14px;
    color:var(--studio-muted);
    font-weight:800;
}
.shop-settings-head-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}
.shop-settings-dashboard-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 14px;
    border-radius:999px;
    background:#111827;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:900;
}
@media(max-width:1100px){
    .shop-settings-stats{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .shop-settings-layout{
        grid-template-columns:1fr;
    }
    .shop-settings-preview-panel{
        position:static;
    }
}
@media(max-width:760px){
    .shop-settings-studio{
        padding:0 0 72px;
    }
    .shop-settings-studio-hero{
        border-radius:0;
        min-height:220px;
        align-items:flex-start;
        flex-direction:column;
        padding:22px 16px;
    }
    .shop-settings-studio-hero h1{
        font-size:30px;
    }
    .shop-settings-stats,
    .shop-settings-layout{
        width:100%;
        padding:0 12px;
    }
    .shop-settings-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-top:14px;
    }
    .shop-settings-studio-card{
        padding:16px;
        border-radius:16px;
    }
    .shop-settings-studio-head,
    .shop-settings-item-copy>div:first-child{
        flex-direction:column;
        align-items:flex-start;
    }
    .shop-settings-filters{
        grid-template-columns:1fr;
    }
    .shop-settings-item-row{
        grid-template-columns:70px minmax(0,1fr);
    }
    .shop-settings-item-image{
        width:70px;
        height:70px;
    }
    .shop-settings-item-actions{
        grid-column:1/-1;
        justify-content:flex-start;
    }
}

/* Center ShopNest as one standard rail; children fill the rail instead of centering inside a left rail. */
@media(min-width:1181px){
    body.shop-market-page .shopnest-shell{
        --shopnest-page-width:1240px;
        display:block!important;
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
        box-sizing:border-box;
    }
    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{
        grid-column:auto!important;
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
    }
    body.shop-market-page .shopnest-content-grid{
        grid-template-columns:minmax(0,1fr) 300px!important;
        gap:24px!important;
    }
    body.shop-market-page .shop-items-grid{
        grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    }
    body.shop-market-page .shopnest-featured-grid{
        grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    }
    .shopnest-item-shell .shopnest-content-grid{
        grid-template-columns:minmax(0,1fr) 300px!important;
    }
    .shopnest-single-item-section .shop-item-post-main{
        max-width:none!important;
    }
    .shop-settings-studio{
        --studio-width:1240px;
        display:grid;
        grid-template-columns:minmax(32px,1fr) minmax(0,var(--studio-width)) minmax(32px,1fr);
        align-items:start;
        padding-left:0;
        padding-right:0;
    }
    .shop-settings-studio-hero,
    .shop-settings-stats,
    .shop-settings-layout{
        grid-column:2;
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }
    .shop-settings-layout{
        grid-template-columns:280px minmax(0,1fr)!important;
        gap:20px!important;
    }
}

/* Shop item detail repair: keep media, product details, and reactions on separate layers */
.shopnest-item-shell .shop-item-post-card{
    display:grid;
    grid-template-rows:auto auto auto;
    overflow:hidden;
    background:#fff!important;
    color:#171411;
}
.shopnest-item-shell .shop-item-post-head,
.shopnest-item-shell .shop-item-post-body,
.shopnest-item-shell .shop-item-post-actions{
    position:relative;
    z-index:1;
    background:#fff!important;
}
.shopnest-item-shell .shop-item-post-media{
    position:relative;
    z-index:0;
    overflow:hidden;
    background:#f4f0ed!important;
    border-bottom:1px solid #eadfd8;
}
.shopnest-item-shell .shop-item-post-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}
@media(min-width:821px){
    .shopnest-item-shell .shop-item-post-media{
        height:520px;
    }
}
.shopnest-item-shell .shop-item-post-body{
    padding:24px 26px 0!important;
    border-top:1px solid #eadfd8;
}
.shopnest-item-shell .shop-item-post-name-row{
    gap:10px;
    margin-bottom:8px;
}
.shopnest-item-shell .shop-item-post-name-row h1{
    color:#171411;
}
.shopnest-item-shell .shop-item-post-price{
    margin-bottom:14px;
}
.shopnest-item-shell .shop-item-post-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 14px;
    margin-bottom:14px;
}
.shopnest-item-shell .shop-item-post-meta span{
    min-height:42px;
    align-items:center;
    border:1px solid #ffe0d1;
    border-radius:12px;
    background:#fff7f2;
    color:#25201b;
    padding:9px 12px 9px 42px;
}
.shopnest-item-shell .shop-item-post-meta span:before{
    left:12px;
    top:50%;
    transform:translateY(-50%);
    border-color:var(--shop-accent);
    color:var(--shop-accent);
}
.shopnest-item-shell .shop-item-post-description{
    margin:12px 0 16px;
    color:#2f2925;
}
.shopnest-item-shell .shop-item-post-cta{
    gap:10px;
    margin-top:16px;
}
.shopnest-item-shell .shop-item-buy-btn,
.shopnest-item-shell .shop-item-message-btn{
    border-radius:12px;
}
.shopnest-item-shell .shop-item-post-stats{
    justify-content:flex-end;
    gap:16px;
    margin-top:16px;
    padding:11px 0;
    border-top:1px solid #f0e5dd;
    border-bottom:1px solid #f0e5dd;
    color:#736961;
}
.shopnest-item-shell .shop-item-post-actions{
    justify-content:flex-start;
    gap:10px;
    min-height:0;
    padding:12px 0 16px;
    border-bottom:0;
    box-shadow:none;
}
.shopnest-item-shell .shop-item-post-actions .content-interaction-bar{
    justify-content:flex-start;
    gap:10px;
    width:100%;
    flex-wrap:wrap;
    padding:0;
}
.shopnest-item-shell .shop-item-post-actions .platform-reaction-root{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    margin:0;
    padding:0 10px;
    border:1px solid #ffe0d1;
    border-radius:999px;
    background:#fff7f2;
}
.shopnest-item-shell .shop-item-post-actions .platform-reaction-main,
.shopnest-item-shell .shop-item-post-actions .content-action-btn,
.shopnest-item-shell .shop-item-review-action,
.shopnest-item-shell .shop-item-post-actions .wallpaper-mini-btn{
    min-height:40px;
    border-radius:999px;
    background:#fff!important;
    border:1px solid #ffe0d1!important;
    color:#171411!important;
}
.shopnest-item-shell .shop-item-post-actions .platform-reaction-main:hover,
.shopnest-item-shell .shop-item-post-actions .content-action-btn:hover,
.shopnest-item-shell .shop-item-review-action:hover,
.shopnest-item-shell .shop-item-post-actions .wallpaper-mini-btn:hover{
    background:#fff1e9!important;
}
.shopnest-item-shell .shop-item-post-actions .platform-reaction-summary{
    display:inline-flex!important;
    align-items:center;
    gap:4px;
    min-width:30px;
    min-height:30px;
    justify-content:center;
    border-radius:999px;
    background:#fff!important;
    border:1px solid #ffe0d1;
    color:#171411;
    font-weight:950;
}
.shopnest-item-shell .shop-item-post-actions .platform-reaction-icons:empty{
    display:none;
}
.shopnest-item-shell .shop-item-post-actions .platform-reaction-summary.has-count .platform-reaction-total:before{
    content:"+";
}
.shopnest-item-shell .shop-item-post-actions .content-action-btn b{
    display:inline-flex!important;
    margin-left:4px;
}
@media(max-width:760px){
    .shopnest-item-shell .shop-item-post-body{
        padding:18px 16px 0!important;
    }
    .shopnest-item-shell .shop-item-post-meta{
        grid-template-columns:1fr;
    }
    .shopnest-item-shell .shop-item-post-stats{
        justify-content:flex-start;
    }
}

/* Cart, purchases, and community review modal */
.shopnest-top-actions span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    min-height:20px;
    margin-left:4px;
    padding:0 6px;
    border-radius:999px;
    background:#ff5a14;
    color:#fff;
    font-size:11px;
    font-weight:950;
}
.shopnest-confidence-card button,
.shopnest-trust-strip button,
.shop-review-link-button{
    appearance:none;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:pointer;
}
.shopnest-confidence-card button{
    display:grid;
    gap:2px;
    padding-left:38px;
    position:relative;
}
.shopnest-confidence-card button:before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#fff1e9;
    border:1px solid #ffd5c2;
}
.shopnest-confidence-card button:hover strong,
.shop-review-link-button:hover,
.shopnest-trust-strip button:hover strong{
    color:var(--shop-accent);
}
.shopnest-trust-strip{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.shopnest-trust-strip button{
    display:grid;
    gap:2px;
    color:#3a2f29;
}
.shop-review-link-button{
    width:max-content;
    padding:0;
    color:var(--shop-accent);
    font-weight:950;
}
.shop-reviews-modal{
    position:fixed;
    inset:0;
    z-index:7000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(17,24,39,.58);
    backdrop-filter:blur(8px);
}
.shop-reviews-modal.is-open{
    display:flex;
}
.shop-reviews-dialog{
    width:min(760px,100%);
    max-height:min(760px,calc(100vh - 48px));
    overflow:auto;
    border-radius:22px;
    background:#fff;
    border:1px solid #eadfd8;
    box-shadow:0 30px 80px rgba(15,23,42,.28);
}
.shop-reviews-dialog header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:22px;
    border-bottom:1px solid #f0e5dd;
    background:linear-gradient(135deg,#fff7f0,#ffffff);
}
.shop-reviews-dialog header span{
    display:block;
    color:#ff5a14;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}
.shop-reviews-dialog h2{
    margin:6px 0;
    font-size:26px;
    letter-spacing:0;
}
.shop-reviews-dialog p{
    margin:0;
    color:#74675f;
    font-weight:750;
}
.shop-reviews-dialog header button{
    width:40px;
    height:40px;
    border:0;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-size:18px;
    font-weight:950;
    cursor:pointer;
}
.shop-review-form{
    display:grid;
    grid-template-columns:150px minmax(0,1fr) 140px;
    gap:10px;
    padding:18px 22px;
    border-bottom:1px solid #f0e5dd;
}
.shop-review-form select,
.shop-review-form textarea{
    min-height:44px;
    border:1px solid #eadfd8;
    border-radius:12px;
    background:#fbfaf8;
    padding:10px 12px;
    font-weight:800;
}
.shop-review-form textarea{
    resize:vertical;
}
.shop-review-form button,
.shop-review-load{
    border:0;
    border-radius:12px;
    background:#ff5a14;
    color:#fff;
    font-weight:950;
    cursor:pointer;
}
.shop-review-form .shop-form-status{
    grid-column:1/-1;
}
.shop-review-list{
    display:grid;
    gap:10px;
    padding:18px 22px;
}
.shop-review-item{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:12px;
    padding:14px;
    border:1px solid #f0e5dd;
    border-radius:16px;
    background:#fffdfb;
}
.shop-review-item img{
    width:48px;
    height:48px;
    border-radius:50%;
    object-fit:cover;
}
.shop-review-item strong{
    display:block;
    color:#171411;
    font-weight:950;
}
.shop-review-item em{
    display:flex;
    gap:1px;
    color:#ff5a14;
    font-style:normal;
    letter-spacing:1px;
}
.shop-review-item p{
    margin:5px 0;
    color:#3a302a;
}
.shop-review-item small,
.shop-review-empty,
.shop-review-loading,
.shop-review-login{
    color:#766a62;
    font-weight:800;
}
.shop-review-login{
    padding:18px 22px 0;
}
.shop-review-load{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    margin:0 22px 22px;
}
.shop-review-load[hidden]{
    display:none;
}
.shopnest-item-shell .shop-item-post-cta{
    grid-template-columns:minmax(0,1fr) 150px 132px;
    align-items:center;
}
.shopnest-item-shell .shop-item-cart-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    border:1px solid #ffd5c2;
    border-radius:12px;
    background:#fff5ef;
    color:#bf3f08!important;
    text-decoration:none!important;
    font-weight:950;
    cursor:pointer;
}
.shopnest-item-shell .shop-item-buy-btn,
.shopnest-item-shell .shop-item-cart-btn,
.shopnest-item-shell .shop-item-message-btn{
    border-radius:12px;
}
.shopnest-item-shell button.shop-item-buy-btn{
    border:0;
    cursor:pointer;
}
.shopnest-item-shell .shop-item-post-cta .shop-form-status{
    grid-column:1/-1;
    min-height:18px;
    color:#7c2d12;
    font-size:12px;
    font-weight:850;
}
.shop-commerce-page .shop-settings-stats{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.shop-commerce-layout{
    width:min(var(--studio-width),100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    gap:20px;
    align-items:start;
}
.shop-cart-page .shop-commerce-layout{
    grid-template-columns:minmax(0,980px);
}
.shop-commerce-card{
    min-width:0;
}
.shop-commerce-pill-link,
.shop-settings-empty a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 14px;
    border-radius:999px;
    background:#111827;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:950;
}
.shop-cart-list,
.shop-order-list,
.shop-order-mini-list{
    display:grid;
    gap:12px;
}
.shop-cart-row{
    display:grid;
    grid-template-columns:84px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    padding:12px;
    border:1px solid #f0e5dd;
    border-radius:16px;
    background:#fffdfb;
}
.shop-cart-image,
.shop-cart-image img{
    width:84px;
    height:84px;
    border-radius:14px;
}
.shop-cart-image{
    overflow:hidden;
    background:#f4f0ed;
}
.shop-cart-image img{
    object-fit:cover;
}
.shop-cart-row h3,
.shop-order-card h3,
.shop-order-mini h3{
    margin:0;
    color:#171411;
    font-size:17px;
    letter-spacing:0;
}
.shop-cart-row h3 a{
    color:inherit!important;
    text-decoration:none!important;
}
.shop-cart-row p,
.shop-cart-row span,
.shop-order-card p,
.shop-order-mini p,
.shop-order-mini small{
    margin:4px 0 0;
    color:#756960;
    font-weight:800;
}
.shop-cart-row button{
    border:0;
    border-radius:12px;
    background:#fee2e2;
    color:#991b1b;
    padding:0 14px;
    min-height:40px;
    font-weight:950;
    cursor:pointer;
}
.shop-checkout-card{
    display:grid;
    gap:12px;
    margin-top:18px;
    padding:16px;
    border-radius:16px;
    background:#fff7f2;
    border:1px solid #ffe0d1;
}
.shop-checkout-card label{
    display:grid;
    gap:8px;
    font-weight:950;
}
.shop-checkout-card textarea,
.shop-order-card textarea,
.shop-order-card select,
.shop-order-filter select{
    width:100%;
    border:1px solid #eadfd8;
    border-radius:12px;
    background:#fff;
    padding:10px 12px;
    font-weight:800;
}
.shop-checkout-card>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.shop-checkout-card strong{
    color:#ff5a14;
    font-size:24px;
    font-weight:950;
}
.shop-order-filter{
    display:flex;
    gap:8px;
}
.shop-order-filter button{
    border:0;
    border-radius:12px;
    background:#111827;
    color:#fff;
    padding:0 14px;
    font-weight:950;
    cursor:pointer;
}
.shop-order-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    gap:16px;
    padding:16px;
    border:1px solid #f0e5dd;
    border-radius:18px;
    background:#fffdfb;
}
.shop-order-card.is-highlighted,
.shop-order-mini.is-highlighted{
    border-color:#ff5a14;
    box-shadow:0 0 0 3px rgba(255,90,20,.12);
}
.shop-order-status,
.shop-order-mini span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    background:#fff1e9;
    color:#9a3412;
    font-size:12px;
    font-weight:950;
}
.shop-order-card blockquote{
    margin:10px 0 0;
    padding:10px 12px;
    border-left:3px solid #ff5a14;
    border-radius:10px;
    background:#fff7f2;
    color:#3a302a;
    font-weight:800;
}
.shop-order-side{
    display:grid;
    gap:8px;
}
.shop-order-side strong{
    color:#ff5a14;
    font-size:24px;
    font-weight:950;
}
.shop-order-side form{
    display:grid;
    gap:8px;
}
.shop-order-side button{
    min-height:40px;
    border:0;
    border-radius:12px;
    background:#111827;
    color:#fff;
    font-weight:950;
    cursor:pointer;
}
.shop-order-mini{
    padding:14px;
    border:1px solid #f0e5dd;
    border-radius:16px;
    background:#fffdfb;
}
@media(min-width:1181px){
    .shop-settings-studio-hero,
    .shop-settings-stats,
    .shop-settings-layout,
    .shop-commerce-layout{
        grid-column:2;
    }
}
@media(min-width:761px){
    .shop-settings-page .shop-settings-stats{
        grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    }
}
@media(max-width:980px){
    .shop-commerce-layout,
    .shop-order-card{
        grid-template-columns:1fr;
    }
    .shop-review-form{
        grid-template-columns:1fr;
    }
    .shopnest-item-shell .shop-item-post-cta{
        grid-template-columns:1fr;
    }
}
@media(max-width:640px){
    .shop-reviews-modal{
        padding:0;
        align-items:stretch;
    }
    .shop-reviews-dialog{
        max-height:100vh;
        border-radius:0;
    }
    .shop-cart-row{
        grid-template-columns:70px minmax(0,1fr);
    }
    .shop-cart-row button{
        grid-column:1/-1;
        justify-self:start;
    }
}

/* Theme normalization: keep user shops tied to the global theme system. */
:root {
    --shop-ui-text: var(--text, #1c1e21);
    --shop-ui-muted: var(--muted, #65676b);
    --shop-ui-bg: var(--bg, #f0f2f5);
    --shop-ui-card-solid: var(--card, #fff);
    --shop-ui-card: color-mix(in srgb, var(--card, #fff) 94%, var(--bg, #f0f2f5));
    --shop-ui-soft: color-mix(in srgb, var(--bg, #f0f2f5) 74%, var(--card, #fff));
    --shop-ui-soft-accent: color-mix(in srgb, var(--accent, #1877f2) 12%, var(--card, #fff));
    --shop-ui-line: color-mix(in srgb, var(--line, #d9dde3) 84%, transparent);
    --shop-ui-line-strong: color-mix(in srgb, var(--line, #d9dde3) 58%, var(--accent, #1877f2));
    --shop-ui-accent: var(--accent, #1877f2);
    --shop-ui-accent-alt: color-mix(in srgb, var(--accent, #1877f2) 72%, var(--text, #1c1e21));
    --shop-ui-on-accent: #fff;
    --shop-ui-danger: #be123c;
    --shop-ui-success: #047857;
    --shop-ui-warning: #f97316;
    --shop-ui-shadow: 0 16px 42px color-mix(in srgb, var(--text, #1c1e21) 9%, transparent);
    --shop-ui-shadow-strong: 0 28px 80px color-mix(in srgb, #000 32%, transparent);
    --shop-ui-overlay: color-mix(in srgb, var(--text, #1c1e21) 68%, transparent);
}

html[data-theme="high_contrast"] {
    --shop-ui-on-accent: #000;
    --shop-ui-danger: #ff6b6b;
    --shop-ui-success: #7dff9f;
    --shop-ui-warning: #ffea00;
}

.shop-page-shell,
.shop-page-shell *,
.shop-page-shell *::before,
.shop-page-shell *::after,
.shop-item-detail-shell,
.shop-item-detail-shell *,
.shop-item-detail-shell *::before,
.shop-item-detail-shell *::after,
.shopnest-shell,
.shopnest-shell *,
.shopnest-shell *::before,
.shopnest-shell *::after,
.shop-settings-studio,
.shop-settings-studio *,
.shop-settings-studio *::before,
.shop-settings-studio *::after,
.shop-reviews-modal,
.shop-reviews-modal *,
.shop-reviews-modal *::before,
.shop-reviews-modal *::after {
    box-sizing: border-box;
    min-width: 0;
}

body.shop-page,
body.shop-market-page,
body.shop-item-post-page,
body.shop-settings-page,
body.shop-manager-page,
body.shop-commerce-page,
body.shop-cart-page {
    background: var(--shop-ui-bg) !important;
    color: var(--shop-ui-text);
}

body.shop-page .main-content,
body.shop-market-page .main-content,
body.shop-settings-page .main-content,
body.shop-manager-page .main-content,
body.shop-commerce-page .main-content,
body.shop-cart-page .main-content,
.shopnest-shell {
    background: var(--shop-ui-bg) !important;
    color: var(--shop-ui-text);
}

.shopnest-shell,
.shop-settings-studio {
    --shop-accent: var(--shop-ui-accent);
    --shop-accent-dark: var(--shop-ui-accent-alt);
    --shop-ink: var(--shop-ui-text);
    --shop-muted: var(--shop-ui-muted);
    --shop-line: var(--shop-ui-line);
    --shop-soft: var(--shop-ui-soft-accent);
    --shop-card: var(--shop-ui-card-solid);
    --studio-accent: var(--shop-ui-accent);
    --studio-dark: var(--shop-ui-text);
    --studio-ink: var(--shop-ui-text);
    --studio-muted: var(--shop-ui-muted);
    --studio-line: var(--shop-ui-line);
    --studio-panel: var(--shop-ui-card-solid);
}

.profile-shop-link,
.shop-section-title span,
.shop-review-link-button,
.shop-reviews-dialog header span,
.shop-order-side strong,
.shop-order-card strong,
.shop-settings-preview-panel > a,
.shop-settings-item-copy a {
    color: var(--shop-ui-accent) !important;
}

.shop-hero-card,
.shop-panel,
.shop-filter-card,
.shop-empty-state,
.shop-settings-card,
.shop-item-detail,
.shop-item-card,
.shop-owner-tools[data-shop-post-modal].is-open,
.shop-item-action-menu,
.shopnest-topbar,
.shopnest-global-search,
.shopnest-tabs,
.shopnest-category-strip,
.shopnest-sidebar-card,
.shopnest-about-card,
.shopnest-question-card,
.shopnest-confidence-card,
.shopnest-review-widget,
.shopnest-rating-card,
.shopnest-best-item,
.shopnest-trust-strip,
.shop-settings-stats article,
.shop-settings-preview-panel,
.shop-settings-studio-card,
.shop-settings-item-row,
.shop-settings-empty,
.shop-commerce-card,
.shop-checkout-card,
.shop-cart-row,
.shop-order-card,
.shop-order-mini,
.shop-reviews-dialog,
.shop-review-item {
    background: var(--shop-ui-card) !important;
    border-color: var(--shop-ui-line) !important;
    color: var(--shop-ui-text) !important;
    box-shadow: var(--shop-ui-shadow);
}

.shopnest-topbar {
    background: color-mix(in srgb, var(--shop-ui-card-solid) 88%, var(--shop-ui-text) 12%) !important;
}

.shopnest-brand,
.shopnest-brand strong,
.shopnest-top-actions a,
body.shop-market-page .shop-item-title-row h3,
body.shop-market-page .shop-item-title-row a,
.shop-panel h2,
.shop-panel h3,
.shop-section-title h2,
.shop-settings-head h2,
.shop-hero-copy h1,
.shop-item-title-row h3,
.shop-item-title-row a,
.shop-item-detail-copy h1,
.shopnest-sidebar-title h2,
.shopnest-sidebar-title strong,
.shopnest-feature-card h3,
.shopnest-about-card h3,
.shopnest-question-card h3,
.shopnest-best-copy strong,
.shop-settings-stats strong,
.shop-settings-preview-shop h2,
.shop-settings-studio-head h2,
.shop-settings-item-copy strong,
.shop-item-post-titleline a,
.shop-item-post-titleline small,
.shop-item-post-name-row h1,
.shop-reviews-dialog h2,
.shop-review-item strong,
.shop-cart-row strong,
.shop-checkout-card h2,
.shop-order-card h2,
.shop-order-mini strong {
    color: var(--shop-ui-text) !important;
}

.shop-tagline,
.shop-hero-meta,
.shop-owner-panel p,
.shop-about,
.shop-item-body > p,
.shop-item-foot,
.shop-empty-state,
.shop-settings-head p,
.shop-settings-studio-head p,
.shop-settings-preview-shop p,
.shop-settings-item-copy p,
.shop-item-post-titleline p,
.shop-item-post-description,
.shop-item-post-stats,
.shop-reviews-dialog p,
.shop-review-item small,
.shop-review-empty,
.shop-cart-row p,
.shop-order-card p,
.shop-order-card blockquote {
    color: var(--shop-ui-muted) !important;
}

.shop-contact-list a,
.shop-contact-list span,
.shop-section-title span,
.shop-item-tags span,
.shop-item-concept-meta span,
.shop-item-post-meta span,
.shop-settings-item-meta span,
.shop-settings-item-actions a,
.shop-settings-item-actions button,
.shop-commerce-pill-link,
.shop-settings-empty a,
.shop-item-cart-btn,
.shopnest-rating-row,
.shopnest-confidence-card button::before,
.shopnest-global-search select,
.shopnest-global-search input,
.shop-settings-preview-panel > a,
.shop-item-post-actions .platform-reaction-root,
.shop-item-post-actions .platform-reaction-summary,
.shop-order-status,
.shop-order-card blockquote {
    background: var(--shop-ui-soft) !important;
    border-color: var(--shop-ui-line) !important;
    color: var(--shop-ui-text) !important;
}

.shop-filter-form input,
.shop-filter-form select,
.shop-settings-form input,
.shop-settings-form textarea,
.shop-settings-form select,
.shop-item-form input,
.shop-item-form textarea,
.shop-item-form select,
.shop-item-comments-sort select,
.shop-review-form select,
.shop-review-form textarea,
.shop-order-filter select,
.shop-settings-studio-form input,
.shop-settings-studio-form textarea,
.shop-settings-studio-form select {
    background: var(--shop-ui-card-solid) !important;
    border-color: var(--shop-ui-line) !important;
    color: var(--shop-ui-text) !important;
}

.shop-filter-form input:focus,
.shop-filter-form select:focus,
.shop-settings-form input:focus,
.shop-settings-form textarea:focus,
.shop-settings-form select:focus,
.shop-item-form input:focus,
.shop-item-form textarea:focus,
.shop-item-form select:focus,
.shop-review-form select:focus,
.shop-review-form textarea:focus,
.shop-settings-studio-form input:focus,
.shop-settings-studio-form textarea:focus,
.shop-settings-studio-form select:focus {
    border-color: var(--shop-ui-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--shop-ui-accent) 18%, transparent);
}

.shop-filter-form button,
.shop-settings-actions button,
.shop-settings-upload-actions button,
.shop-item-buy-btn,
.shop-item-message-btn,
.shop-small-secondary,
.shopnest-global-search button,
.shopnest-hero-actions a,
.shopnest-hero-actions button,
.shopnest-top-actions span,
.shop-settings-add-btn,
.shop-settings-empty button,
.shop-review-form button,
.shop-review-load,
.shop-order-side button,
.shop-reviews-dialog header button {
    background: var(--shop-ui-accent) !important;
    border-color: var(--shop-ui-accent) !important;
    color: var(--shop-ui-on-accent) !important;
}

.shop-settings-studio-hero a,
.shop-settings-studio-hero button {
    background: var(--shop-ui-card-solid) !important;
    color: var(--shop-ui-text) !important;
}

.shop-settings-studio-hero button {
    background: var(--shop-ui-accent) !important;
    color: var(--shop-ui-on-accent) !important;
}

.shop-item-image-link,
.shop-item-detail-media,
.shop-item-preview,
.shop-settings-upload-card,
.shop-settings-preview,
.shop-settings-avatar-preview,
.shop-settings-preview-banner,
.shop-item-post-media,
.shop-cart-image,
.shop-empty-state,
.shop-review-loading {
    background: var(--shop-ui-soft) !important;
    border-color: var(--shop-ui-line) !important;
}

.shopnest-hero-card {
    background: color-mix(in srgb, var(--shop-ui-text) 84%, var(--shop-ui-bg)) !important;
}

.shopnest-hero-shade {
    background:
        linear-gradient(100deg, color-mix(in srgb, var(--shop-ui-accent) 78%, transparent) 0%, color-mix(in srgb, var(--shop-ui-accent) 58%, transparent) 36%, color-mix(in srgb, var(--shop-ui-text) 24%, transparent) 72%, color-mix(in srgb, var(--shop-ui-text) 18%, transparent) 100%),
        radial-gradient(circle at 18% 24%, rgba(255,255,255,.16), transparent 30%) !important;
}

.shopnest-seller-badge {
    background: color-mix(in srgb, var(--shop-ui-accent) 42%, var(--shop-ui-text)) !important;
    color: var(--shop-ui-on-accent) !important;
}

.shopnest-shop-logo,
.shop-hero-avatar,
.shop-settings-preview-shop img {
    background: var(--shop-ui-card-solid) !important;
    border-color: var(--shop-ui-card-solid) !important;
}

.shopnest-item-shell .shop-item-post-card,
.shopnest-item-shell .shop-item-post-head,
.shopnest-item-shell .shop-item-post-body,
.shopnest-item-shell .shop-item-post-actions {
    background: var(--shop-ui-card) !important;
    color: var(--shop-ui-text) !important;
}

.shopnest-item-shell .shop-item-post-media {
    background: var(--shop-ui-soft) !important;
    border-color: var(--shop-ui-line) !important;
}

.shopnest-item-shell .shop-item-post-body,
.shopnest-item-shell .shop-item-post-stats {
    border-color: var(--shop-ui-line) !important;
}

.shopnest-item-shell .shop-item-post-meta span,
.shopnest-item-shell .shop-item-post-actions .platform-reaction-root,
.shopnest-item-shell .shop-item-post-actions .platform-reaction-main,
.shopnest-item-shell .shop-item-post-actions .content-action-btn,
.shopnest-item-shell .shop-item-review-action,
.shopnest-item-shell .shop-item-post-actions .wallpaper-mini-btn,
.shopnest-item-shell .shop-item-post-actions .platform-reaction-summary {
    background: var(--shop-ui-soft) !important;
    border-color: var(--shop-ui-line) !important;
    color: var(--shop-ui-text) !important;
}

.shopnest-item-shell .shop-item-post-actions .platform-reaction-main:hover,
.shopnest-item-shell .shop-item-post-actions .content-action-btn:hover,
.shopnest-item-shell .shop-item-review-action:hover,
.shopnest-item-shell .shop-item-post-actions .wallpaper-mini-btn:hover {
    background: var(--shop-ui-soft-accent) !important;
}

.shop-reviews-modal {
    background: var(--shop-ui-overlay) !important;
}

.shop-reviews-dialog header {
    background: linear-gradient(135deg, var(--shop-ui-soft-accent), var(--shop-ui-card-solid)) !important;
    border-color: var(--shop-ui-line) !important;
}

.shop-settings-studio-head > span.is-live,
.shop-order-status.is-complete {
    background: color-mix(in srgb, var(--shop-ui-success) 16%, var(--shop-ui-card-solid)) !important;
    color: var(--shop-ui-success) !important;
}

.shop-settings-studio-head > span.is-paused,
.shop-order-status.is-cancelled {
    background: color-mix(in srgb, var(--shop-ui-danger) 16%, var(--shop-ui-card-solid)) !important;
    color: var(--shop-ui-danger) !important;
}

html[data-theme="high_contrast"] .shopnest-shell,
html[data-theme="high_contrast"] .shop-settings-studio {
    --shop-ui-card: var(--card, #111);
    --shop-ui-card-solid: var(--card, #111);
    --shop-ui-soft: var(--bg, #000);
    --shop-ui-soft-accent: color-mix(in srgb, var(--accent, #ffea00) 22%, var(--bg, #000));
    --shop-ui-line: var(--line, #fff);
    --shop-ui-accent-alt: var(--accent, #ffea00);
}