@import url("./homepage-theme-marketplace.css");

body.theme-vj-commerce {
    background: #f5f5f5;
    color: #263238;
    font-family: var(--font-body);
}

body.theme-vj-commerce #navbar {
    background: var(--marketplace-nav-solid);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .16);
    padding: .72rem max(1rem, calc((100vw - 1200px) / 2));
}

body.theme-vj-commerce #navbar .nav-links a,
body.theme-vj-commerce #navbar .nav-logo {
    color: #fff;
}

body.theme-vj-commerce #navbar .nav-cta {
    background: #fff !important;
    color: var(--marketplace-accent) !important;
    border-radius: 4px;
}

.vmc-hero {
    background: linear-gradient(180deg, var(--marketplace-accent) 0, var(--marketplace-accent-2) 248px, #f5f5f5 248px);
    padding: 4.6rem 1rem 1.2rem;
}

.vmc-shell {
    width: min(1200px, 100%);
    margin: 0 auto;
}

.vmc-topbar,
.vmc-search-row,
.vmc-suggest,
.vmc-hero-grid,
.vmc-shortcuts,
.vmc-category-strip,
.vmc-flash,
.vmc-top-products {
    position: relative;
}

.vmc-topbar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: rgba(255, 255, 255, .92);
    font-size: .78rem;
    margin-bottom: .8rem;
}

.vmc-topbar-links {
    display: flex;
    gap: .9rem;
    flex-wrap: wrap;
}

.vmc-topbar a {
    color: inherit;
}

.vmc-search-row {
    display: grid;
    grid-template-columns: minmax(190px, 250px) 1fr 48px;
    align-items: center;
    gap: .9rem;
}

.vmc-brand {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: #fff;
    font-weight: 800;
    min-width: 0;
}

.vmc-brand-mark {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #fff;
    color: var(--marketplace-accent);
    font-size: 1.35rem;
    line-height: 1;
}

.vmc-brand span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vmc-search {
    display: grid;
    grid-template-columns: 1fr 92px;
    min-height: 46px;
    padding: 3px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 18px rgba(99, 25, 12, .18);
}

.vmc-search input {
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0 .9rem;
    color: #263238;
    font: inherit;
}

.vmc-search button {
    border: 0;
    border-radius: 3px;
    background: var(--marketplace-accent);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.vmc-cart {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    color: #fff;
}

.vmc-cart svg {
    width: 29px;
    height: 29px;
}

.vmc-suggest {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    margin: .65rem 0 1rem 260px;
    color: rgba(255, 255, 255, .88);
    font-size: .78rem;
}

.vmc-suggest a {
    color: inherit;
}

.vmc-hero-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: .75rem;
}

.vmc-main-banner,
.vmc-side-promos a,
.vmc-shortcuts,
.vmc-category-strip,
.vmc-flash,
.vmc-top-products {
    background: #fff;
    border-radius: 4px;
    box-shadow: var(--marketplace-shadow-sm);
}

.vmc-main-banner {
    min-height: 270px;
    display: grid;
    grid-template-columns: 1fr 260px;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .55);
    background:
        radial-gradient(circle at 85% 22%, rgba(255, 255, 255, .38), transparent 30%),
        linear-gradient(120deg, #ff714d 0%, #f53d2d 52%, #ffb199 100%);
}

.vmc-main-copy {
    padding: 2rem;
    color: #fff;
}

.vmc-kicker {
    width: fit-content;
    padding: .32rem .62rem;
    margin-bottom: .85rem;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 4px;
    background: rgba(255, 255, 255, .14);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.vmc-main-copy h1 {
    max-width: 620px;
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.vmc-main-copy p {
    max-width: 570px;
    margin: .85rem 0 0;
    color: rgba(255, 255, 255, .92);
    line-height: 1.55;
}

.vmc-main-actions {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    margin-top: 1.2rem;
}

.vmc-main-actions a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    padding: .65rem 1rem;
    border-radius: 4px;
    background: #fff;
    color: var(--marketplace-accent);
    font-weight: 800;
}

.vmc-main-actions a + a {
    background: rgba(255, 255, 255, .14);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .45);
}

.vmc-deal-card {
    justify-self: center;
    display: grid;
    gap: .4rem;
    width: min(210px, 86%);
    padding: 1.2rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    color: #263238;
    box-shadow: 0 18px 34px rgba(132, 29, 12, .24);
}

.vmc-deal-card span,
.vmc-deal-card small {
    color: #687076;
    font-size: .82rem;
}

.vmc-deal-card strong {
    color: var(--marketplace-accent);
    font-size: 1.45rem;
}

.vmc-side-promos {
    display: grid;
    gap: .75rem;
}

.vmc-side-promos a {
    display: grid;
    align-content: end;
    min-height: 130px;
    padding: 1rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 18%, rgba(245, 61, 45, .20), transparent 34%),
        linear-gradient(135deg, #fff 0%, #fff4ef 100%);
}

.vmc-side-promos span {
    color: var(--marketplace-accent);
    font-size: .78rem;
    font-weight: 800;
}

.vmc-side-promos strong {
    margin-top: .22rem;
    color: #263238;
    font-size: 1.08rem;
}

.vmc-shortcuts {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    margin-top: .75rem;
    overflow: hidden;
}

.vmc-shortcuts a {
    display: grid;
    justify-items: center;
    gap: .52rem;
    padding: .95rem .55rem;
    color: #263238;
    font-size: .82rem;
    text-align: center;
    border-right: 1px solid rgba(38, 50, 56, .08);
}

.vmc-shortcuts a:last-child {
    border-right: 0;
}

.vmc-shortcuts span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--marketplace-accent-mute);
    color: var(--marketplace-accent);
}

.vmc-shortcuts svg {
    width: 24px;
    height: 24px;
}

.vmc-category-strip {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    margin-top: .75rem;
    overflow: hidden;
}

.vmc-category-strip a {
    display: grid;
    justify-items: center;
    align-content: start;
    min-height: 116px;
    padding: .9rem .5rem;
    border-right: 1px solid rgba(38, 50, 56, .08);
    border-bottom: 1px solid rgba(38, 50, 56, .06);
    color: #263238;
    text-align: center;
}

.vmc-category-strip span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: .5rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff4ef, #ffe0d4);
    color: var(--marketplace-accent);
    font-weight: 900;
}

.vmc-category-strip strong {
    max-width: 100%;
    overflow: hidden;
    color: #263238;
    font-size: .78rem;
    line-height: 1.2;
    text-overflow: ellipsis;
}

.vmc-category-strip small {
    margin-top: .28rem;
    color: #8b9399;
    font-size: .7rem;
}

.vmc-flash,
.vmc-top-products {
    margin-top: .75rem;
}

.vmc-flash-head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid rgba(38, 50, 56, .08);
}

.vmc-flash-head h2,
.vmc-panel-title {
    margin: 0;
    color: var(--marketplace-accent);
    font-size: 1.05rem;
    font-weight: 900;
    text-transform: uppercase;
}

.vmc-flash-head span {
    color: #687076;
    font-size: .82rem;
}

.vmc-flash-head a {
    color: var(--marketplace-accent);
    font-weight: 800;
    font-size: .82rem;
}

.vmc-flash-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(148px, 1fr);
    overflow-x: auto;
}

.vmc-flash-card {
    position: relative;
    display: grid;
    gap: .45rem;
    padding: .8rem;
    border-right: 1px solid rgba(38, 50, 56, .08);
    color: #263238;
}

.vmc-flash-discount {
    position: absolute;
    top: .55rem;
    right: .55rem;
    z-index: 2;
    padding: .18rem .38rem;
    border-radius: 3px;
    background: #ffd839;
    color: #7a3300;
    font-size: .68rem;
    font-weight: 900;
}

.vmc-flash-img {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 4px;
    background: #f2f2f2;
}

.vmc-flash-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vmc-flash-placeholder {
    color: var(--marketplace-accent);
    font-size: 2rem;
    font-weight: 900;
}

.vmc-flash-card strong {
    color: var(--marketplace-accent);
    font-size: .95rem;
}

.vmc-flash-card small {
    display: -webkit-box;
    overflow: hidden;
    min-height: 2.4em;
    color: #263238;
    font-size: .78rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.vmc-top-products {
    display: grid;
    grid-template-columns: 170px repeat(5, 1fr);
    align-items: stretch;
    overflow: hidden;
}

.vmc-panel-title {
    display: grid;
    place-items: center;
    padding: 1rem;
    background: #fff4ef;
}

.vmc-top-products a {
    display: grid;
    gap: .25rem;
    padding: .85rem;
    border-left: 1px solid rgba(38, 50, 56, .08);
}

.vmc-top-products a span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: var(--marketplace-accent);
    color: #fff;
    font-weight: 900;
    font-size: .76rem;
}

.vmc-top-products a strong {
    display: -webkit-box;
    overflow: hidden;
    color: #263238;
    font-size: .84rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.vmc-top-products a small {
    color: #8b9399;
    font-size: .72rem;
}

body.theme-vj-commerce .mkc-section,
body.theme-vj-commerce .mkf-section,
body.theme-vj-commerce #produk,
body.theme-vj-commerce .about-mkt,
body.theme-vj-commerce .gallery-bg,
body.theme-vj-commerce .process-bg,
body.theme-vj-commerce .cta-bg,
body.theme-vj-commerce .map-bg,
body.theme-vj-commerce .homepage-articles,
body.theme-vj-commerce .faq-bg {
    background: #f5f5f5;
    padding-block: 1rem;
}

body.theme-vj-commerce .mkc-wrap,
body.theme-vj-commerce .mkf-wrap,
body.theme-vj-commerce #produk .section-wrap,
body.theme-vj-commerce .about-mkt-wrap,
body.theme-vj-commerce .gallery-bg .section-wrap,
body.theme-vj-commerce .process-bg .section-wrap,
body.theme-vj-commerce .cta-bg .section-wrap,
body.theme-vj-commerce .map-bg .section-wrap,
body.theme-vj-commerce .homepage-articles .section-wrap,
body.theme-vj-commerce .faq-bg .section-wrap {
    width: min(1200px, calc(100% - 2rem));
    margin-inline: auto;
    padding: 1rem;
    background: #fff;
    border: 1px solid rgba(38, 50, 56, .08);
    border-radius: 4px;
    box-shadow: var(--marketplace-shadow-sm);
}

body.theme-vj-commerce .mkc-head,
body.theme-vj-commerce .mkf-head,
body.theme-vj-commerce #produk .featured-head,
body.theme-vj-commerce .gallery-head,
body.theme-vj-commerce .process-intro,
body.theme-vj-commerce .homepage-articles-header,
body.theme-vj-commerce .faq-head {
    margin-bottom: .9rem;
    text-align: left;
}

body.theme-vj-commerce .mkc-eyebrow,
body.theme-vj-commerce .mkf-eyebrow,
body.theme-vj-commerce .section-tag,
body.theme-vj-commerce #produk .section-tag {
    color: var(--marketplace-accent);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

body.theme-vj-commerce .mkc-heading,
body.theme-vj-commerce .mkf-heading,
body.theme-vj-commerce .section-title,
body.theme-vj-commerce #produk .section-title {
    margin: .15rem 0 0;
    color: #263238;
    font-size: clamp(1.25rem, 2.6vw, 1.75rem);
    line-height: 1.2;
    letter-spacing: 0;
}

body.theme-vj-commerce .mkc-heading br,
body.theme-vj-commerce .mkf-heading br,
body.theme-vj-commerce .section-title br {
    display: none;
}

body.theme-vj-commerce .mkc-heading em,
body.theme-vj-commerce .mkf-heading em,
body.theme-vj-commerce .section-title em,
body.theme-vj-commerce #produk .section-title em {
    color: var(--marketplace-accent);
    font-style: normal;
}

body.theme-vj-commerce .mkc-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .7rem;
}

body.theme-vj-commerce .mkc-card,
body.theme-vj-commerce .mkf-card,
body.theme-vj-commerce #produk .prod-card,
body.theme-vj-commerce .homepage-article-card,
body.theme-vj-commerce .gallery-item {
    border-radius: 4px;
    border: 1px solid rgba(38, 50, 56, .08);
    box-shadow: none;
    transform: none;
}

body.theme-vj-commerce .mkc-card:hover,
body.theme-vj-commerce .mkf-card:hover,
body.theme-vj-commerce #produk .prod-card:hover {
    border-color: var(--marketplace-accent);
    box-shadow: 0 8px 18px rgba(245, 61, 45, .14);
    transform: translateY(-1px);
}

body.theme-vj-commerce .mkf-grid,
body.theme-vj-commerce #produk .featured-scroll {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .7rem;
    overflow: visible;
}

body.theme-vj-commerce .mkf-card--featured {
    grid-column: auto;
    grid-row: auto;
}

body.theme-vj-commerce .mkf-card-img-wrap,
body.theme-vj-commerce #produk .prod-img,
body.theme-vj-commerce .mkc-card-img-wrap {
    border-radius: 4px 4px 0 0;
}

body.theme-vj-commerce #produk .prod-card {
    min-width: 0;
    background: #fff;
}

body.theme-vj-commerce #produk .prod-body,
body.theme-vj-commerce .mkf-card-body,
body.theme-vj-commerce .mkc-card-body {
    padding: .72rem;
}

body.theme-vj-commerce #produk .prod-name,
body.theme-vj-commerce .mkf-card-nama,
body.theme-vj-commerce .mkc-card-label {
    color: #263238;
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.25;
}

body.theme-vj-commerce #produk .prod-price,
body.theme-vj-commerce .mkf-card-harga-val {
    color: var(--marketplace-accent);
    font-size: 1rem;
    font-weight: 900;
}

body.theme-vj-commerce #produk .prod-inquiry-link,
body.theme-vj-commerce .mkf-card-btn,
body.theme-vj-commerce .mkc-card-cta {
    border-radius: 4px;
    background: var(--marketplace-accent);
    color: #fff;
}

body.theme-vj-commerce .mkf-card-cart-btn {
    border: 0;
    cursor: pointer;
    gap: .35rem;
    min-height: 34px;
}

body.theme-vj-commerce .mkf-card-cart-btn svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
}

body.theme-vj-commerce .mkf-card-cart-btn:hover,
body.theme-vj-commerce .mkf-card-cart-btn.is-added {
    background: var(--marketplace-accent-2);
    color: #fff;
}

body.theme-vj-commerce .mf-footer {
    margin-top: 1rem;
    background: #fff;
    color: #263238;
    border-top: 4px solid var(--marketplace-accent);
}

body.theme-vj-commerce.page-product-detail {
    --zpd-line: #e9edf3;
    --zpd-muted: #687076;
    --zpd-soft: #f5f5f5;
    --zpd-coral: var(--marketplace-accent);
    background: #f5f5f5 !important;
}

body.theme-vj-commerce.page-product-detail .product-detail-page,
body.theme-vj-commerce.page-product-detail .product-detail-hero,
body.theme-vj-commerce.page-product-detail .product-related-section {
    background: #f5f5f5;
}

body.theme-vj-commerce.page-product-detail .product-detail-hero {
    padding: 6.1rem 0 2.3rem;
}

body.theme-vj-commerce.page-product-detail .product-detail-grid,
body.theme-vj-commerce.page-product-detail .zatra-product-info-panels {
    width: min(100% - 2rem, 1180px);
    max-width: 1180px;
}

body.theme-vj-commerce.page-product-detail .product-detail-grid {
    grid-template-columns: minmax(320px, 430px) minmax(0, 1fr);
    gap: 0;
    align-items: stretch !important;
    padding: 1.35rem;
    border: 1px solid var(--zpd-line);
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

body.theme-vj-commerce.page-product-detail .product-detail-media {
    padding-right: 1.35rem;
    border-right: 1px solid rgba(233, 237, 243, .85);
    gap: .75rem;
}

body.theme-vj-commerce.page-product-detail .product-detail-main-image {
    aspect-ratio: 1 / 1;
    border: 1px solid var(--zpd-line);
    border-radius: 2px;
    background: #fff;
    box-shadow: none;
}

body.theme-vj-commerce.page-product-detail .product-detail-main-image img {
    object-fit: cover;
    object-position: center;
}

body.theme-vj-commerce.page-product-detail .product-detail-main-image::after,
body.theme-vj-commerce.page-product-detail .product-info-block.is-title::before {
    display: none;
}

body.theme-vj-commerce.page-product-detail .product-detail-thumbs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .55rem;
}

body.theme-vj-commerce.page-product-detail .product-detail-thumb {
    aspect-ratio: 1 / 1;
    border: 1px solid var(--zpd-line);
    border-radius: 2px;
    background: #fff;
    box-shadow: none;
}

body.theme-vj-commerce.page-product-detail .product-detail-thumb.is-active {
    border-color: var(--marketplace-accent);
    box-shadow: inset 0 0 0 1px var(--marketplace-accent);
}

body.theme-vj-commerce.page-product-detail .product-detail-copy {
    padding: .1rem 0 .1rem 1.45rem;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

body.theme-vj-commerce.page-product-detail .product-info-stack {
    gap: .82rem;
}

body.theme-vj-commerce.page-product-detail .product-info-block {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.theme-vj-commerce.page-product-detail .product-info-block.is-title {
    display: grid;
    gap: .45rem;
}

body.theme-vj-commerce.page-product-detail .product-detail-kicker {
    color: var(--marketplace-accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

body.theme-vj-commerce.page-product-detail .product-detail-kicker::before {
    width: 28px;
    background: var(--marketplace-accent);
}

body.theme-vj-commerce.page-product-detail .product-detail-copy h1 {
    margin: 0;
    color: #222;
    font-size: clamp(1.24rem, 2.1vw, 1.75rem);
    line-height: 1.24;
    letter-spacing: 0;
}

body.theme-vj-commerce.page-product-detail .zatra-detail-rating-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .72rem;
    color: var(--zpd-muted);
    font-size: .82rem;
}

body.theme-vj-commerce.page-product-detail .zatra-detail-rating-score {
    color: var(--marketplace-accent);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.theme-vj-commerce.page-product-detail .zatra-detail-stars {
    display: inline-flex;
    gap: 2px;
}

body.theme-vj-commerce.page-product-detail .zatra-detail-stars span {
    width: 12px;
    height: 12px;
    background: #ffb400;
    clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 35%);
}

body.theme-vj-commerce.page-product-detail .product-detail-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: .88rem 1rem;
    background: #fafafa;
}

body.theme-vj-commerce.page-product-detail .product-detail-summary > div {
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
}

body.theme-vj-commerce.page-product-detail .product-detail-summary > div:first-child {
    grid-column: 1 / -1;
    margin-bottom: .65rem;
}

body.theme-vj-commerce.page-product-detail .product-detail-summary span {
    color: var(--zpd-muted);
    font-size: .78rem;
    letter-spacing: 0;
    text-transform: none;
}

body.theme-vj-commerce.page-product-detail .product-detail-summary strong {
    color: #111827;
    font-size: 1rem;
}

body.theme-vj-commerce.page-product-detail .product-detail-summary > div:first-child strong {
    color: var(--marketplace-accent);
    font-size: clamp(1.55rem, 3vw, 2.1rem);
    line-height: 1.15;
}

body.theme-vj-commerce.page-product-detail .product-detail-actions {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: .2rem 0 0;
}

body.theme-vj-commerce.page-product-detail .zatra-detail-actions {
    padding-top: .25rem;
}

body.theme-vj-commerce.page-product-detail .product-detail-buy-cta,
body.theme-vj-commerce.page-product-detail .product-detail-cart-cta {
    min-height: 44px;
    width: auto;
    min-width: 190px;
    padding: 0 1.35rem;
    border: 1px solid var(--marketplace-accent);
    border-radius: 2px;
    background: var(--marketplace-accent);
    color: #fff;
    box-shadow: none;
}

body.theme-vj-commerce.page-product-detail .product-detail-buy-cta:hover,
body.theme-vj-commerce.page-product-detail .product-detail-cart-cta:hover {
    background: var(--marketplace-accent-2);
    transform: translateY(-1px);
}

body.theme-vj-commerce.page-product-detail .product-detail-buy-label {
    font-size: .88rem;
    font-weight: 800;
}

body.theme-vj-commerce.page-product-detail .zatra-detail-chat-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 132px;
    padding: 0 1.15rem;
    border: 1px solid rgba(245, 61, 45, .35);
    border-radius: 2px;
    background: #fff6f3;
    color: var(--marketplace-accent);
    font-size: .86rem;
    font-weight: 800;
}

body.theme-vj-commerce.page-product-detail .zatra-detail-chat-cta:hover {
    border-color: var(--marketplace-accent);
    background: #fff0ea;
    color: var(--marketplace-accent-2);
}

body.theme-vj-commerce.page-product-detail .product-info-block.is-desc,
body.theme-vj-commerce.page-product-detail .product-detail-offer,
body.theme-vj-commerce.page-product-detail .product-detail-share {
    display: none;
}

body.theme-vj-commerce.page-product-detail .zatra-product-info-panels {
    display: grid;
    gap: .55rem;
    margin-top: .7rem;
}

body.theme-vj-commerce.page-product-detail .zatra-product-panel {
    border: 1px solid var(--zpd-line);
    background: #fff;
}

body.theme-vj-commerce.page-product-detail .zatra-product-panel h2 {
    margin: 0;
    padding: .72rem 1rem;
    background: #fafafa;
    color: #222;
    font-size: .9rem;
    font-weight: 900;
}

body.theme-vj-commerce.page-product-detail .zatra-spec-table {
    padding: .2rem 1rem .6rem;
}

body.theme-vj-commerce.page-product-detail .zatra-spec-row {
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr);
    gap: .75rem;
    padding: .42rem 0;
    color: #374151;
    font-size: .84rem;
}

body.theme-vj-commerce.page-product-detail .zatra-spec-row span {
    color: var(--zpd-muted);
}

body.theme-vj-commerce.page-product-detail .zatra-spec-row strong {
    color: #1f2937;
    font-weight: 700;
}

body.theme-vj-commerce.page-product-detail .zatra-product-desc-panel .product-detail-desc {
    padding: .75rem 1rem .95rem;
    color: #1f2937;
    font-size: .88rem;
    line-height: 1.55;
}

@media (max-width: 900px) {
    .vmc-hero {
        padding-top: 4.2rem;
        background: linear-gradient(180deg, var(--marketplace-accent) 0, var(--marketplace-accent-2) 220px, #f5f5f5 220px);
    }

    .vmc-topbar {
        display: none;
    }

    .vmc-search-row {
        grid-template-columns: 1fr 44px;
    }

    .vmc-brand {
        grid-column: 1 / -1;
    }

    .vmc-suggest {
        margin-left: 0;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: .2rem;
    }

    .vmc-suggest a,
    .vmc-suggest span {
        white-space: nowrap;
    }

    .vmc-hero-grid {
        grid-template-columns: 1fr;
    }

    .vmc-main-banner {
        grid-template-columns: 1fr;
    }

    .vmc-deal-card {
        justify-self: start;
        margin: 0 0 1rem 1rem;
    }

    .vmc-side-promos {
        grid-template-columns: 1fr 1fr;
    }

    .vmc-shortcuts {
        grid-template-columns: repeat(5, minmax(86px, 1fr));
        overflow-x: auto;
    }

    .vmc-category-strip {
        grid-template-columns: repeat(5, minmax(92px, 1fr));
        overflow-x: auto;
    }

    .vmc-top-products {
        grid-template-columns: 1fr;
    }

    .vmc-top-products a {
        border-left: 0;
        border-top: 1px solid rgba(38, 50, 56, .08);
    }

    body.theme-vj-commerce .mkc-grid,
    body.theme-vj-commerce .mkf-grid,
    body.theme-vj-commerce #produk .featured-scroll {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.theme-vj-commerce.page-product-detail .product-detail-grid {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    body.theme-vj-commerce.page-product-detail .product-detail-media {
        padding-right: 0;
        padding-bottom: 1rem;
        border-right: 0;
        border-bottom: 1px solid var(--zpd-line);
    }

    body.theme-vj-commerce.page-product-detail .product-detail-copy {
        padding: 1rem 0 0;
    }
}

@media (max-width: 540px) {
    .vmc-hero {
        padding-inline: .6rem;
    }

    .vmc-search {
        grid-template-columns: 1fr 68px;
    }

    .vmc-search input {
        padding-inline: .65rem;
        font-size: .85rem;
    }

    .vmc-main-copy {
        padding: 1.2rem;
    }

    .vmc-main-copy h1 {
        font-size: 1.65rem;
    }

    .vmc-side-promos {
        grid-template-columns: 1fr;
    }

    .vmc-flash-head {
        grid-template-columns: 1fr auto;
    }

    .vmc-flash-head span {
        display: none;
    }

    body.theme-vj-commerce .mkc-wrap,
    body.theme-vj-commerce .mkf-wrap,
    body.theme-vj-commerce #produk .section-wrap,
    body.theme-vj-commerce .about-mkt-wrap,
    body.theme-vj-commerce .gallery-bg .section-wrap,
    body.theme-vj-commerce .process-bg .section-wrap,
    body.theme-vj-commerce .cta-bg .section-wrap,
    body.theme-vj-commerce .map-bg .section-wrap,
    body.theme-vj-commerce .homepage-articles .section-wrap,
    body.theme-vj-commerce .faq-bg .section-wrap {
        width: calc(100% - 1.2rem);
        padding: .7rem;
    }

    body.theme-vj-commerce .mkc-grid,
    body.theme-vj-commerce .mkf-grid,
    body.theme-vj-commerce #produk .featured-scroll {
        gap: .55rem;
    }

    body.theme-vj-commerce.page-product-detail .product-detail-grid,
    body.theme-vj-commerce.page-product-detail .zatra-product-info-panels {
        width: min(100% - 1rem, 1180px);
    }

    body.theme-vj-commerce.page-product-detail .product-detail-thumbs {
        display: flex;
    }

    body.theme-vj-commerce.page-product-detail .product-detail-thumb {
        flex: 0 0 72px;
    }

    body.theme-vj-commerce.page-product-detail .product-detail-summary {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    body.theme-vj-commerce.page-product-detail .product-detail-actions,
    body.theme-vj-commerce.page-product-detail .product-detail-buy-cta,
    body.theme-vj-commerce.page-product-detail .product-detail-cart-cta,
    body.theme-vj-commerce.page-product-detail .zatra-detail-chat-cta {
        width: 100%;
    }

    body.theme-vj-commerce.page-product-detail .zatra-detail-actions {
        margin-bottom: 3.6rem;
    }

    body.theme-vj-commerce.page-product-detail .wa-live-chat-toggle--cart {
        display: none !important;
    }

    body.theme-vj-commerce.page-product-detail .zatra-spec-row {
        grid-template-columns: 1fr;
        gap: .2rem;
    }
}