/* Tokogorden product detail overrides loaded after product-detail.min.css. */
body.tokogorden-product-detail #produk-terkait,
body.tokogorden-product-detail #produk-terkait .section-wrap,
body.tokogorden-product-detail #produk-terkait .featured-header,
body.tokogorden-product-detail #produk-terkait .featured-scroll,
body.tokogorden-product-detail #produk-terkait .prod-card,
body.tokogorden-product-detail #produk-terkait .prod-body,
body.tokogorden-product-detail #produk-terkait .prod-cat,
body.tokogorden-product-detail #produk-terkait .prod-name,
body.tokogorden-product-detail #produk-terkait .prod-price,
body.tokogorden-product-detail #produk-terkait .prod-price small,
body.tokogorden-product-detail #produk-terkait .prod-cart-add-btn,
body.tokogorden-product-detail #produk-terkait .featured-link {
    font-family: var(--font-body, 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
}

body.tokogorden-product-detail #produk-terkait .prod-cat {
    font-size: .7rem !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
}

body.tokogorden-product-detail #produk-terkait .prod-name {
    font-size: 1rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

body.tokogorden-product-detail #produk-terkait .prod-price {
    font-size: 1rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

body.tokogorden-product-detail #produk-terkait .prod-price small {
    font-size: .68rem !important;
    font-weight: 600 !important;
}

body.tokogorden-product-detail .product-info-stack,
body.tokogorden-product-detail .product-info-stack .product-info-block,
body.tokogorden-product-detail .product-detail-kicker,
body.tokogorden-product-detail .product-detail-copy h1,
body.tokogorden-product-detail .zatra-detail-rating-row,
body.tokogorden-product-detail .tokogorden-share-menu,
body.tokogorden-product-detail .tokogorden-share-menu button,
body.tokogorden-product-detail .tokogorden-share-menu a {
    font-family: var(--font-body, 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
}

body.tokogorden-product-detail .product-info-block.is-title {
    position: relative !important;
}

body.tokogorden-product-detail .tokogorden-title-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: .9rem !important;
}

body.tokogorden-product-detail .tokogorden-title-copy {
    min-width: 0 !important;
}

body.tokogorden-product-detail .tokogorden-title-copy h1 {
    margin-right: 0 !important;
}

body.tokogorden-product-detail .tokogorden-share-menu {
    position: relative !important;
    z-index: 6 !important;
    display: flex !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tokogorden-product-detail .tokogorden-share-trigger {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(238, 77, 45, .22) !important;
    border-radius: 999px !important;
    background: #fff7f4 !important;
    color: var(--tg-zatra-coral, #ee4d2d) !important;
    box-shadow: 0 10px 24px rgba(238, 77, 45, .12) !important;
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

body.tokogorden-product-detail .tokogorden-share-trigger:hover,
body.tokogorden-product-detail .tokogorden-share-menu.is-open .tokogorden-share-trigger {
    transform: translateY(-1px) !important;
    background: var(--tg-zatra-coral, #ee4d2d) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(238, 77, 45, .2) !important;
}

body.tokogorden-product-detail .tokogorden-share-trigger .product-detail-share-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
}

body.tokogorden-product-detail .tokogorden-share-trigger svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
}

body.tokogorden-product-detail .tokogorden-share-popover {
    position: absolute !important;
    top: calc(100% + .55rem) !important;
    right: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 38px) !important;
    gap: .42rem !important;
    width: auto !important;
    padding: .55rem !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
}

body.tokogorden-product-detail .tokogorden-share-popover[hidden] {
    display: none !important;
}

body.tokogorden-product-detail .tokogorden-share-popover .product-detail-share-btn {
    display: inline-grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.tokogorden-product-detail .tokogorden-share-popover .product-detail-share-btn:hover {
    border-color: rgba(238, 77, 45, .28) !important;
    background: #fff7f4 !important;
}

body.tokogorden-product-detail .tokogorden-share-menu .product-detail-share-status {
    position: absolute !important;
    top: calc(100% + 3.55rem) !important;
    right: 0 !important;
    min-width: 150px !important;
    margin: 0 !important;
    color: var(--tg-zatra-coral, #ee4d2d) !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-align: right !important;
}

@media (max-width: 560px) {
    body.tokogorden-product-detail .tokogorden-title-bar {
        grid-template-columns: minmax(0, 1fr) 40px !important;
        gap: .65rem !important;
    }

    body.tokogorden-product-detail .tokogorden-share-trigger {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }
}

/* Tokogorden product detail hero polish v7 */
body.tokogorden-product-detail .product-detail-hero {
    padding: clamp(4.9rem, 6.8vw, 5.8rem) clamp(1rem, 3vw, 2rem) 3.25rem !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(238, 77, 45, .06), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 54%, #f8fafc 100%) !important;
}

body.tokogorden-product-detail .product-detail-grid {
    width: min(1168px, 100%) !important;
    margin: 0 auto !important;
    padding: clamp(1rem, 2vw, 1.35rem) !important;
    display: grid !important;
    grid-template-columns: minmax(360px, .76fr) minmax(0, 1.24fr) !important;
    gap: clamp(1.4rem, 3vw, 2rem) !important;
    align-items: start !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 22px 70px rgba(15, 23, 42, .08) !important;
}

body.tokogorden-product-detail .product-detail-media {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 1rem !important;
    align-content: start !important;
    margin-top: -.9rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tokogorden-product-detail .product-detail-thumbs {
    order: 0 !important;
    display: grid !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 68px !important;
    grid-template-columns: 1fr !important;
    gap: .65rem !important;
    max-height: 468px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
}

body.tokogorden-product-detail .product-detail-thumb {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body.tokogorden-product-detail .product-detail-thumb img {
    object-fit: cover !important;
}

body.tokogorden-product-detail .product-detail-image-frame {
    order: 1 !important;
    min-height: 468px !important;
    margin-top: -.35rem !important;
    border: 1px solid rgba(15, 23, 42, .07) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .86) !important;
}

body.tokogorden-product-detail .product-detail-main-image {
    min-height: 468px !important;
    border-radius: 16px !important;
}

body.tokogorden-product-detail .product-detail-main-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: top center !important;
    padding: clamp(.35rem, 1vw, .65rem) !important;
}

body.tokogorden-product-detail .product-detail-copy {
    min-width: 0 !important;
    display: contents !important;
}

body.tokogorden-product-detail .product-info-stack {
    display: contents !important;
    gap: .82rem !important;
}

body.tokogorden-product-detail .product-info-block.is-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 1 !important;
}

body.tokogorden-product-detail .product-info-block.is-price {
    grid-column: 2 !important;
    grid-row: 2 !important;
    order: 2 !important;
}

body.tokogorden-product-detail .zatra-detail-actions {
    grid-column: 2 !important;
    grid-row: 4 !important;
    order: 4 !important;
}

body.tokogorden-product-detail .zatra-variant-preview {
    grid-column: 2 !important;
    grid-row: 3 !important;
    order: 3 !important;
}

body.tokogorden-product-detail .zatra-guarantee-panel {
    grid-column: 1 !important;
    grid-row: 5 !important;
    order: 5 !important;
    align-self: start !important;
}

body.tokogorden-product-detail .product-info-block.is-desc {
    grid-column: 2 !important;
    grid-row: 5 !important;
    order: 6 !important;
    align-self: start !important;
}

body.tokogorden-product-detail .product-info-stack > .product-detail-actions:not(.zatra-detail-actions) {
    order: 7 !important;
}

body.tokogorden-product-detail .product-info-block {
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045) !important;
}

body.tokogorden-product-detail .product-info-block.is-title {
    padding: .25rem 0 .72rem !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tokogorden-product-detail .product-detail-copy h1 {
    max-width: 680px !important;
    margin: .35rem 0 .5rem !important;
    color: #172033 !important;
    font-size: clamp(1.8rem, 3.1vw, 2.45rem) !important;
    font-weight: 850 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
}

body.tokogorden-product-detail .product-detail-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: .62rem !important;
    color: var(--tg-zatra-coral, #ee4d2d) !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body.tokogorden-product-detail .product-detail-kicker::before {
    content: "" !important;
    width: 30px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
}

body.tokogorden-product-detail .zatra-detail-rating-row {
    width: fit-content !important;
    margin: .15rem 0 0 !important;
    padding: .42rem .68rem !important;
    gap: .42rem !important;
    border: 1px solid rgba(238, 77, 45, .11) !important;
    border-radius: 999px !important;
    background: #fff7f4 !important;
    color: #64748b !important;
    font-size: .78rem !important;
    line-height: 1 !important;
}

body.tokogorden-product-detail .product-info-block.is-price {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tokogorden-product-detail .product-detail-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .75rem !important;
}

body.tokogorden-product-detail .product-detail-summary > div {
    min-height: 72px !important;
    padding: .9rem 1rem !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #fff, #f9fbff) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .045) !important;
}

body.tokogorden-product-detail .product-detail-summary > div:nth-child(2) {
    display: none !important;
}

body.tokogorden-product-detail .product-detail-summary span {
    color: #64748b !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}

body.tokogorden-product-detail .product-detail-summary strong {
    margin-top: .28rem !important;
    color: var(--tg-zatra-coral, #ee4d2d) !important;
    font-size: clamp(1.45rem, 2.2vw, 1.82rem) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
}

body.tokogorden-product-detail .product-detail-summary small {
    color: #64748b !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
}

body.tokogorden-product-detail .zatra-variant-preview {
    padding: .98rem !important;
    border-color: rgba(238, 77, 45, .14) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(238, 77, 45, .055), transparent 34%),
        #fff !important;
}

body.tokogorden-product-detail .zatra-variant-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
    gap: .58rem !important;
}

body.tokogorden-product-detail .zatra-variant-chip {
    min-height: 72px !important;
    padding: .62rem .72rem !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body.tokogorden-product-detail .zatra-variant-chip img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 9px !important;
}

body.tokogorden-product-detail .zatra-guarantee-panel {
    padding: .95rem !important;
    border-color: rgba(22, 163, 74, .1) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(20, 184, 166, .075), transparent 34%),
        #fff !important;
}

body.tokogorden-product-detail .product-info-block.is-desc {
    padding: 1rem 1.05rem !important;
    border-color: rgba(15, 23, 42, .08) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(14, 165, 233, .045), transparent 32%),
        #fff !important;
}

body.tokogorden-product-detail .product-info-block.is-desc .product-info-label {
    margin-bottom: .65rem !important;
    color: var(--tg-zatra-coral, #ee4d2d) !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

body.tokogorden-product-detail .product-detail-desc {
    color: #172033 !important;
    font-size: .92rem !important;
    line-height: 1.62 !important;
}

body.tokogorden-product-detail .zatra-guarantee-summary {
    align-items: center !important;
    gap: 1rem !important;
    padding: 0 0 .78rem !important;
}

body.tokogorden-product-detail .zatra-guarantee-title {
    color: #172033 !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

body.tokogorden-product-detail .zatra-guarantee-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .4rem !important;
}

body.tokogorden-product-detail .zatra-guarantee-strip span {
    padding: .34rem .58rem !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #475569 !important;
    font-size: .7rem !important;
    font-weight: 850 !important;
}

body.tokogorden-product-detail .zatra-guarantee-list {
    display: grid !important;
    gap: .55rem !important;
    padding-top: .75rem !important;
    border-top: 1px solid rgba(15, 23, 42, .07) !important;
}

body.tokogorden-product-detail .zatra-guarantee-item {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: .72rem !important;
    align-items: center !important;
    padding: .72rem .78rem !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #fff, #fbfdff) !important;
}

body.tokogorden-product-detail .zatra-guarantee-item strong {
    color: #172033 !important;
    font-size: .87rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

body.tokogorden-product-detail .zatra-guarantee-item small {
    margin-top: .15rem !important;
    color: #64748b !important;
    font-size: .75rem !important;
    line-height: 1.42 !important;
}

body.tokogorden-product-detail .zatra-detail-actions {
    display: grid !important;
    grid-template-columns: minmax(180px, .95fr) minmax(150px, .65fr) !important;
    gap: .68rem !important;
    margin-top: .25rem !important;
}

@media (max-width: 980px) {
    body.tokogorden-product-detail .product-detail-grid {
        grid-template-columns: 1fr !important;
    }

    body.tokogorden-product-detail .product-detail-media,
    body.tokogorden-product-detail .product-info-block.is-title,
    body.tokogorden-product-detail .product-info-block.is-price,
    body.tokogorden-product-detail .zatra-variant-preview,
    body.tokogorden-product-detail .zatra-detail-actions,
    body.tokogorden-product-detail .zatra-guarantee-panel,
    body.tokogorden-product-detail .product-info-block.is-desc {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.tokogorden-product-detail .product-detail-copy {
        display: block !important;
    }

    body.tokogorden-product-detail .product-info-stack {
        display: flex !important;
        flex-direction: column !important;
        gap: .82rem !important;
    }

    body.tokogorden-product-detail .product-info-block.is-title { order: 1 !important; }
    body.tokogorden-product-detail .product-info-block.is-price { order: 2 !important; }
    body.tokogorden-product-detail .zatra-variant-preview { order: 3 !important; }
    body.tokogorden-product-detail .zatra-detail-actions { order: 4 !important; }
    body.tokogorden-product-detail .zatra-guarantee-panel { order: 5 !important; }
    body.tokogorden-product-detail .product-info-block.is-desc { order: 6 !important; }

    body.tokogorden-product-detail .product-detail-media {
        max-width: 640px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 680px) {
    body.tokogorden-product-detail .product-detail-hero {
        padding: 4.75rem .75rem 2rem !important;
    }

    body.tokogorden-product-detail .product-detail-grid {
        padding: .75rem !important;
        border-radius: 16px !important;
        box-shadow: 0 14px 38px rgba(15, 23, 42, .08) !important;
    }

    body.tokogorden-product-detail .product-detail-media {
        grid-template-columns: 1fr !important;
    }

    body.tokogorden-product-detail .product-detail-thumbs {
        order: 2 !important;
        display: flex !important;
        flex-direction: row !important;
        max-height: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    body.tokogorden-product-detail .product-detail-image-frame,
    body.tokogorden-product-detail .product-detail-main-image {
        min-height: 330px !important;
    }

    body.tokogorden-product-detail .product-detail-summary,
    body.tokogorden-product-detail .zatra-detail-actions {
        grid-template-columns: 1fr !important;
    }

    body.tokogorden-product-detail .product-detail-copy h1 {
        font-size: clamp(1.55rem, 8vw, 2rem) !important;
    }
}