/* =========================================================
   MASTERBOOK SINGLE PRODUCT — MARKETPLACE RC3
   Semua ikon adalah inline SVG, tanpa icon-font.
========================================================= */

.mbsc-single,
.mbsc-single *,
.mbsc-channel-modal,
.mbsc-channel-modal * {
    box-sizing: border-box;
    font-family: "Poppins", Arial, sans-serif;
}

.mbsc-single {
    color: var(--mbsc-dark);
    background: #fff;
}

.mbsc-single__top {
    padding: 28px 0 52px;
    background:
        radial-gradient(circle at 92% 5%, rgba(199, 139, 75, .10), transparent 28%),
        linear-gradient(180deg, #fffdfa 0%, #ffffff 52%);
}

.mbsc-single__grid {
    display: grid;
    grid-template-columns: minmax(430px, .95fr) minmax(520px, 1.05fr);
    gap: 58px;
    align-items: start;
    margin-top: 26px;
}

/* Gallery --------------------------------------------------------------- */
.mbsc-gallery {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 15px;
    align-items: start;
    position: sticky;
    top: 104px;
}

.mbsc-gallery__main {
    position: relative;
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 610px;
    padding: 38px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 34%, #fff 0%, var(--mbsc-product-image-bg, #fbf7f2) 68%, #f1e6d9 100%);
    border: 1px solid var(--mbsc-border);
    border-radius: 22px;
    box-shadow: 0 16px 44px rgba(57, 35, 16, .07);
}

.mbsc-gallery__main > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 390px;
    aspect-ratio: 2 / 3;
}

.mbsc-gallery__main img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: var(--mbsc-product-image-fit, contain) !important;
    object-position: center !important;
    filter: drop-shadow(0 23px 25px rgba(47, 29, 13, .18));
}

.mbsc-gallery__badges {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    max-width: calc(100% - 90px);
}

.mbsc-gallery__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 7px 10px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.mbsc-gallery__badge svg {
    width: 15px;
    height: 15px;
}

.mbsc-gallery__badge--best {
    color: #805007;
    background: #fff1cf;
    border: 1px solid #e8c67d;
}

.mbsc-gallery__badge--launch {
    color: #7e500f;
    background: #fff7e8;
    border: 1px solid #e9d2ac;
}

.mbsc-gallery__discount {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 34px;
    padding: 6px 9px;
    color: #fff;
    background: #e4433a;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
}

.mbsc-gallery__discount[hidden] { display: none !important; }

.mbsc-gallery__thumbs {
    grid-row: 1;
    grid-column: 1;
    display: grid;
    gap: 9px;
}

.mbsc-gallery__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 102px;
    padding: 7px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 12px;
    cursor: pointer;
    transition: .2s ease;
}

.mbsc-gallery__thumb:hover,
.mbsc-gallery__thumb.is-active {
    border-color: var(--mbsc-primary);
    box-shadow: 0 0 0 3px rgba(168, 90, 10, .08);
}

.mbsc-gallery__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Product summary ------------------------------------------------------- */
.mbsc-single__summary {
    padding-top: 4px;
}

.mbsc-single__category {
    display: inline-flex;
    min-height: 30px;
    padding: 7px 11px;
    color: var(--mbsc-primary) !important;
    background: #fff3e4;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.mbsc-single__summary h1 {
    margin: 14px 0 0 !important;
    color: var(--mbsc-dark) !important;
    font-size: clamp(32px, 3.3vw, 48px) !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: -1.1px;
}

.mbsc-single__author {
    margin: 10px 0 0;
    color: var(--mbsc-text);
    font-size: 14px;
}

.mbsc-single__author strong {
    color: var(--mbsc-primary);
    font-weight: 600;
}

.mbsc-single__rating-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 17px;
    color: var(--mbsc-text);
    font-size: 13px;
}

.mbsc-single__rating {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 6px 9px;
    color: #5e4828;
    background: #fff2d6;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
}

.mbsc-single__rating svg {
    width: 16px;
    height: 16px;
    fill: #f4b51f;
    stroke: #f4b51f;
}

.mbsc-single__rating-row > a {
    color: var(--mbsc-primary) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.mbsc-single__sold {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--mbsc-muted);
}

.mbsc-single__sold svg {
    width: 15px;
    height: 15px;
}

/* Main marketplace price ------------------------------------------------ */
.mbsc-market-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}

.mbsc-market-price > span {
    margin-bottom: 2px;
    color: var(--mbsc-text);
    font-size: 13px;
    font-weight: 500;
}

.mbsc-market-price > strong,
.mbsc-market-price__selected strong {
    color: var(--mbsc-primary);
    font-size: 30px;
    font-weight: 750;
    line-height: 1.25;
}

.mbsc-market-price__selected {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 9px;
}

.mbsc-market-price__selected del {
    color: #a79d95;
    font-size: 16px;
    font-weight: 500;
}

.mbsc-market-price > small {
    margin-top: 4px;
    color: var(--mbsc-muted);
    font-size: 12px;
}

.mbsc-single__short-desc {
    margin-top: 15px;
    color: var(--mbsc-text);
    font-size: 14px;
    line-height: 1.75;
}

.mbsc-single__short-desc p { margin: 0; }

/* Format cards ---------------------------------------------------------- */
.mbsc-format-picker {
    margin-top: 23px;
}

.mbsc-format-picker__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 11px;
}

.mbsc-format-picker__head > div > span {
    display: block;
    color: var(--mbsc-primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.mbsc-format-picker__head h2 {
    margin: 2px 0 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.mbsc-format-picker__head > small {
    max-width: 245px;
    color: var(--mbsc-muted);
    font-size: 11px;
    line-height: 1.45;
    text-align: right;
}

.mbsc-format-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.mbsc-format-card {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    min-height: 146px;
    padding: 14px 12px;
    color: var(--mbsc-dark);
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 14px;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.mbsc-single button.mbsc-format-card:hover:not(:disabled),
.mbsc-single button.mbsc-format-card:focus:not(:disabled),
.mbsc-single button.mbsc-format-card:focus-visible:not(:disabled) {
    color: var(--mbsc-dark) !important;
    background: #fffaf5 !important;
    background-color: #fffaf5 !important;
    border-color: #d7a872 !important;
    box-shadow: 0 10px 22px rgba(79, 48, 20, .07) !important;
    transform: translateY(-2px);
}

.mbsc-single button.mbsc-format-card.is-selected,
.mbsc-single button.mbsc-format-card.is-selected:hover,
.mbsc-single button.mbsc-format-card.is-selected:focus {
    color: var(--mbsc-dark) !important;
    background: #fffaf4 !important;
    background-color: #fffaf4 !important;
    border-color: var(--mbsc-primary) !important;
    box-shadow: 0 0 0 3px rgba(168, 90, 10, .09) !important;
}

.mbsc-format-card:disabled,
.mbsc-format-card.is-disabled {
    opacity: .52;
    cursor: not-allowed;
}

.mbsc-format-card__radio {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1.5px solid #c7bbb0;
    border-radius: 50%;
}

.mbsc-format-card.is-selected .mbsc-format-card__radio {
    border: 5px solid var(--mbsc-primary);
}

.mbsc-format-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--mbsc-primary);
    background: #fff2e3;
    border-radius: 9px;
}

.mbsc-format-card__icon svg {
    width: 18px;
    height: 18px;
}

.mbsc-format-card__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-right: 6px;
}

.mbsc-format-card__content > strong {
    padding-right: 14px;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
}

.mbsc-format-card__prices {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}

.mbsc-format-card__prices del {
    color: #aaa099;
    font-size: 10px;
}

.mbsc-format-card__prices b {
    color: var(--mbsc-primary);
    font-size: 14px;
    font-weight: 750;
}

.mbsc-format-card__content small {
    margin-top: 4px;
    color: var(--mbsc-muted);
    font-size: 10px;
    line-height: 1.4;
}

.mbsc-format-card__content em {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    margin-top: 7px;
    color: #257346;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.mbsc-format-card__content em svg {
    width: 12px;
    height: 12px;
}

.mbsc-format-card__discount {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 3px 5px;
    color: #c93830;
    background: #fff0ee;
    border-radius: 5px;
    font-size: 9px;
    font-weight: 700;
}

/* Benefit cards --------------------------------------------------------- */
.mbsc-single__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 22px;
}

.mbsc-single__benefits > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 74px;
    padding: 12px;
    background: #fffaf5;
    border: 1px solid var(--mbsc-border);
    border-radius: 12px;
}

.mbsc-single__benefits > div > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 37px;
    width: 37px;
    height: 37px;
    color: var(--mbsc-primary);
    background: #fff0df;
    border-radius: 10px;
}

.mbsc-single__benefits svg {
    width: 19px;
    height: 19px;
}

.mbsc-single__benefits p {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
}

.mbsc-single__benefits strong {
    font-size: 12px;
    line-height: 1.35;
}

.mbsc-single__benefits small {
    margin-top: 2px;
    color: var(--mbsc-muted);
    font-size: 10px;
    line-height: 1.4;
}

/* Native WooCommerce purchase form ------------------------------------- */
.mbsc-single__purchase {
    margin-top: 20px;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 16px;
    box-shadow: var(--mbsc-shadow-sm);
}

.mbsc-single__purchase form.cart {
    margin: 0 !important;
}

.mbsc-single__purchase.has-market-variants .variations {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.mbsc-single__purchase.has-market-variants .woocommerce-variation.single_variation {
    display: none !important;
}

.mbsc-single__purchase .woocommerce-variation-add-to-cart,
.mbsc-single__purchase form.cart:not(.variations_form) {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}

.mbsc-single__purchase .quantity {
    display: flex;
    width: 96px;
}

.mbsc-single__purchase .quantity .qty {
    width: 96px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    color: var(--mbsc-dark) !important;
    background: #fff !important;
    border: 1px solid var(--mbsc-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center;
}

.mbsc-single__purchase .single_add_to_cart_button {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    color: var(--mbsc-primary) !important;
    background: #fff8ef !important;
    border: 1px solid #d7ae7c !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font: 600 13px/1.2 Poppins, sans-serif !important;
    opacity: 1 !important;
}

.mbsc-single__purchase .single_add_to_cart_button:hover:not(:disabled) {
    color: #fff !important;
    background: var(--mbsc-primary) !important;
    border-color: var(--mbsc-primary) !important;
}

.mbsc-single__purchase .single_add_to_cart_button.disabled,
.mbsc-single__purchase .single_add_to_cart_button:disabled {
    opacity: .48 !important;
    cursor: not-allowed !important;
}

.mbsc-single__purchase .single_add_to_cart_button.loading::after,
.mbsc-channel-list button.is-loading::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 7px;
    border: 2px solid rgba(168, 90, 10, .22);
    border-top-color: currentColor;
    border-radius: 50%;
    vertical-align: middle;
    animation: mbscSingleSpin .75s linear infinite;
}

.mbsc-buy-now {
    width: 100%;
    min-height: 50px;
    margin-top: 10px;
    font-size: 14px;
}

.mbsc-buy-now:disabled {
    opacity: .48;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

.mbsc-single__micro-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 9px;
}

.mbsc-single__micro-actions button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    color: var(--mbsc-text);
    background: transparent;
    border: 0;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.mbsc-single__micro-actions button:hover,
.mbsc-single__micro-actions button.is-saved {
    color: var(--mbsc-primary);
}

.mbsc-single__micro-actions svg {
    width: 16px;
    height: 16px;
}

.mbsc-single__micro-actions button.is-saved svg {
    fill: currentColor;
}

.mbsc-single__note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 11px 0 0;
    color: var(--mbsc-muted);
    font-size: 11px;
    line-height: 1.55;
}

.mbsc-single__note svg {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    color: var(--mbsc-success);
}

/* Tabs ------------------------------------------------------------------ */
.mbsc-single__details {
    padding: 0 0 64px;
}

.mbsc-tabs {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 18px;
    box-shadow: var(--mbsc-shadow-sm);
}

.mbsc-tabs__nav {
    display: flex;
    gap: 4px;
    padding: 9px;
    overflow-x: auto;
    background: #fbf7f2;
    border-bottom: 1px solid var(--mbsc-border);
}

.mbsc-tabs__nav button {
    flex: 0 0 auto;
    min-height: 43px;
    padding: 9px 17px;
    color: var(--mbsc-text);
    background: transparent;
    border: 0;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.mbsc-tabs__nav button.is-active {
    color: #fff;
    background: var(--mbsc-primary);
}

.mbsc-tabs__panel {
    display: none;
    padding: 28px;
}

.mbsc-tabs__panel.is-active { display: block; }

.mbsc-tabs__panel h2 {
    margin: 0 0 15px !important;
    font-size: 23px !important;
    font-weight: 700 !important;
}

.mbsc-prose {
    color: var(--mbsc-text);
    font-size: 14px;
    line-height: 1.85;
}

.mbsc-prose p:first-child { margin-top: 0; }

.mbsc-spec-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.mbsc-spec-grid > div {
    display: grid;
    grid-template-columns: 135px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 14px;
    background: #fffaf5;
    border: 1px solid var(--mbsc-border);
    border-radius: 10px;
}

.mbsc-spec-grid span {
    color: var(--mbsc-muted);
    font-size: 12px;
}

.mbsc-spec-grid strong {
    font-size: 13px;
    font-weight: 600;
}

/* Related --------------------------------------------------------------- */
.mbsc-related {
    padding: 50px 0 70px;
    background: #fff9f2;
    border-top: 1px solid var(--mbsc-border);
}

.mbsc-related__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.mbsc-related__head h2 {
    margin: 5px 0 0 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
}

.mbsc-related__head > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--mbsc-primary) !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
}

.mbsc-related__head svg { width: 16px; height: 16px; }
.mbsc-related__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }

/* Purchase channel modal ------------------------------------------------ */
.mbsc-channel-modal {
    position: fixed;
    inset: 0;
    z-index: 100005;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(31, 23, 17, .68);
    backdrop-filter: blur(7px);
}

.mbsc-channel-modal.is-open { display: flex; }
body.mbsc-channel-open { overflow: hidden; }

.mbsc-channel-modal__dialog {
    position: relative;
    width: min(560px, 100%);
    padding: 25px;
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 20px;
    box-shadow: 0 30px 90px rgba(25, 14, 7, .30);
}

.mbsc-channel-modal__dialog > h2 {
    margin: 7px 0 0 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
}

.mbsc-channel-modal__dialog > p {
    margin: 8px 0 0;
    color: var(--mbsc-text);
    font-size: 13px;
    line-height: 1.6;
}

.mbsc-channel-modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    color: var(--mbsc-text);
    background: #fff8f1;
    border: 1px solid var(--mbsc-border);
    border-radius: 50%;
    cursor: pointer;
}

.mbsc-channel-modal__close svg { width: 17px; height: 17px; }

.mbsc-channel-list {
    display: grid;
    gap: 9px;
    margin-top: 20px;
}

.mbsc-channel-list > button {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 11px;
    min-height: 70px;
    padding: 11px 13px;
    color: var(--mbsc-dark);
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 13px;
    text-align: left;
    cursor: pointer;
    transition: .2s ease;
}

.mbsc-channel-list > button:hover:not(:disabled) {
    background: #fffaf4;
    border-color: #d9ae79;
    transform: translateY(-2px);
}

.mbsc-channel-list > button:disabled,
.mbsc-channel-list > button.is-disabled {
    opacity: .42;
    cursor: not-allowed;
}

.mbsc-channel-list__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--mbsc-primary);
    background: #fff0df;
    border-radius: 11px;
}

.mbsc-channel-list__icon.is-whatsapp {
    color: #177f45;
    background: #eaf8ef;
}

.mbsc-channel-list__icon svg { width: 22px; height: 22px; }
.mbsc-channel-list > button > svg { width: 17px; height: 17px; color: var(--mbsc-muted); }
.mbsc-channel-list > button > span:nth-child(2) { display: flex; flex-direction: column; }
.mbsc-channel-list strong { font-size: 13px; font-weight: 650; }
.mbsc-channel-list small { margin-top: 2px; color: var(--mbsc-muted); font-size: 11px; line-height: 1.4; }

@keyframes mbscSingleSpin { to { transform: rotate(360deg); } }

/* Responsive ------------------------------------------------------------ */
@media (max-width: 1180px) {
    .mbsc-single__grid {
        grid-template-columns: minmax(380px, .9fr) minmax(480px, 1.1fr);
        gap: 38px;
    }
    .mbsc-format-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mbsc-single__benefits { grid-template-columns: 1fr; }
    .mbsc-related__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .mbsc-single__grid { grid-template-columns: 1fr; }
    .mbsc-gallery { position: static; max-width: 650px; margin-inline: auto; }
    .mbsc-gallery__main { min-height: 560px; }
    .mbsc-single__summary { max-width: 720px; margin-inline: auto; }
    .mbsc-format-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .mbsc-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
    .mbsc-single__top { padding: 18px 0 34px; }
    .mbsc-single__grid { gap: 24px; margin-top: 18px; }
    .mbsc-gallery { grid-template-columns: 1fr; gap: 9px; }
    .mbsc-gallery__main { grid-column: 1; min-height: 405px; padding: 30px 18px 20px; border-radius: 16px; }
    .mbsc-gallery__main > a { max-width: 280px; }
    .mbsc-gallery__thumbs { grid-row: auto; grid-column: 1; display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }
    .mbsc-gallery__thumb { flex: 0 0 66px; width: 66px; height: 82px; }
    .mbsc-gallery__badges { top: 10px; left: 10px; }
    .mbsc-gallery__badge { min-height: 27px; padding: 5px 7px; font-size: 10px; }
    .mbsc-gallery__discount { top: 10px; right: 10px; min-width: 46px; min-height: 29px; font-size: 11px; }
    .mbsc-single__summary h1 { font-size: 29px !important; letter-spacing: -.5px; }
    .mbsc-single__author { font-size: 13px; }
    .mbsc-single__rating-row { font-size: 12px; }
    .mbsc-market-price > strong,
    .mbsc-market-price__selected strong { font-size: 26px; }
    .mbsc-single__short-desc { font-size: 13px; }
    .mbsc-format-picker__head { align-items: flex-start; flex-direction: column; gap: 4px; }
    .mbsc-format-picker__head > small { max-width: none; text-align: left; }
    .mbsc-format-grid { grid-template-columns: 1fr; }
    .mbsc-format-card { min-height: 112px; grid-template-columns: 38px minmax(0, 1fr); padding: 12px; }
    .mbsc-format-card__icon { width: 38px; height: 38px; }
    .mbsc-format-card__content > strong { font-size: 13px; }
    .mbsc-format-card__prices b { font-size: 15px; }
    .mbsc-single__purchase { padding: 12px; }
    .mbsc-single__purchase .woocommerce-variation-add-to-cart,
    .mbsc-single__purchase form.cart:not(.variations_form) { grid-template-columns: 82px minmax(0, 1fr); gap: 8px; }
    .mbsc-single__purchase .quantity,
    .mbsc-single__purchase .quantity .qty { width: 82px !important; }
    .mbsc-single__purchase .single_add_to_cart_button { padding: 9px 10px !important; font-size: 12px !important; }
    .mbsc-buy-now { font-size: 13px; }
    .mbsc-tabs__panel { padding: 19px 15px; }
    .mbsc-tabs__panel h2 { font-size: 21px !important; }
    .mbsc-prose { font-size: 13px; }
    .mbsc-spec-grid { grid-template-columns: 1fr; }
    .mbsc-spec-grid > div { grid-template-columns: 112px minmax(0, 1fr); }
    .mbsc-related__head { align-items: flex-start; flex-direction: column; }
    .mbsc-related__head h2 { font-size: 25px !important; }
    .mbsc-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .mbsc-channel-modal { padding: 10px; }
    .mbsc-channel-modal__dialog { padding: 20px 14px 14px; border-radius: 16px; }
    .mbsc-channel-modal__dialog > h2 { font-size: 22px !important; padding-right: 35px; }
}


/* =========================================================
   AUTHOR + REVIEW COMMUNITY — RC4
========================================================= */
.mbsc-community {
    padding: 4px 0 58px;
    background: #fff;
}

.mbsc-community__grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 18px;
}

.mbsc-community__grid.is-review-only {
    grid-template-columns: 1fr;
}

.mbsc-author-card,
.mbsc-review-card {
    min-width: 0;
    padding: 22px;
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 18px;
    box-shadow: var(--mbsc-shadow-sm);
}

.mbsc-author-card__head,
.mbsc-review-card__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.mbsc-author-card__head h2,
.mbsc-review-card__head h2 {
    margin: 4px 0 0 !important;
    color: var(--mbsc-dark) !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.mbsc-author-card__head > a,
.mbsc-review-card__head > button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding: 7px 0;
    color: var(--mbsc-primary) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.mbsc-author-card__head > a:hover,
.mbsc-review-card__head > button:hover {
    color: var(--mbsc-primary-dark) !important;
    background: transparent !important;
    transform: none !important;
}

.mbsc-author-card__head svg,
.mbsc-review-card__head svg {
    width: 15px;
    height: 15px;
}

.mbsc-author-card__body {
    display: grid;
    grid-template-columns: 142px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.mbsc-author-card__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 142px;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: linear-gradient(145deg, #fff7eb, #f2dfca);
    border: 1px solid #ecd7bf;
    border-radius: 16px;
}

.mbsc-author-card__photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.mbsc-author-card__initials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    color: #fff;
    background: var(--mbsc-primary);
    border-radius: 50%;
    font-size: 32px;
    font-weight: 700;
}

.mbsc-author-card__copy {
    min-width: 0;
}

.mbsc-author-card__name-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.mbsc-author-card__name-row h3 {
    margin: 0 !important;
    color: var(--mbsc-dark) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.mbsc-author-card__name-row p {
    margin: 5px 0 0;
    color: var(--mbsc-muted);
    font-size: 11px;
    line-height: 1.55;
}

.mbsc-author-card__count {
    display: grid;
    grid-template-columns: 19px auto;
    align-items: center;
    column-gap: 6px;
    min-width: 74px;
    padding: 8px 9px;
    color: var(--mbsc-primary);
    background: #fff5e8;
    border: 1px solid #ead0b1;
    border-radius: 11px;
}

.mbsc-author-card__count svg {
    grid-row: 1 / span 2;
    width: 18px;
    height: 18px;
}

.mbsc-author-card__count strong {
    font-size: 14px;
    line-height: 1;
}

.mbsc-author-card__count small {
    margin-top: 2px;
    color: var(--mbsc-muted);
    font-size: 8px;
}

.mbsc-author-card__bio {
    margin: 14px 0 0;
    color: var(--mbsc-text);
    font-size: 12px;
    line-height: 1.75;
}

.mbsc-author-card__bio.is-empty {
    color: var(--mbsc-muted);
    font-style: italic;
}

.mbsc-author-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 13px;
}

.mbsc-author-card__chips span {
    padding: 6px 9px;
    color: #77502d;
    background: #fffaf4;
    border: 1px solid #e7cfb6;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 600;
}

.mbsc-author-card blockquote {
    margin: 14px 0 0;
    padding: 11px 12px;
    color: #6b4a2c;
    background: #fff8ef;
    border-left: 3px solid var(--mbsc-primary);
    border-radius: 0 10px 10px 0;
    font-size: 11px;
    font-style: italic;
    line-height: 1.65;
}

.mbsc-review-card__summary {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding: 16px;
    background: #fffaf4;
    border: 1px solid #ecdac6;
    border-radius: 14px;
}

.mbsc-review-card__score {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.mbsc-review-card__score > strong {
    color: var(--mbsc-dark);
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.mbsc-review-card__score > small {
    margin-top: 6px;
    color: var(--mbsc-muted);
    font-size: 10px;
}

.mbsc-star-row {
    display: inline-flex;
    gap: 2px;
    margin-top: 7px;
}

.mbsc-star-row > span {
    display: inline-flex;
    color: #d8c2a8;
}

.mbsc-star-row > span.is-filled {
    color: #e9a51e;
}

.mbsc-star-row svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    stroke: currentColor;
}

.mbsc-star-row.is-small {
    margin-top: 9px;
}

.mbsc-star-row.is-small svg {
    width: 13px;
    height: 13px;
}

.mbsc-review-card__bars {
    display: grid;
    gap: 6px;
}

.mbsc-rating-bar {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 33px;
    align-items: center;
    gap: 8px;
}

.mbsc-rating-bar > span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--mbsc-text);
    font-size: 9px;
}

.mbsc-rating-bar > span svg {
    width: 10px;
    height: 10px;
    color: #e9a51e;
    fill: currentColor;
}

.mbsc-rating-bar > i {
    position: relative;
    display: block;
    height: 6px;
    overflow: hidden;
    background: #ebdfd4;
    border-radius: 99px;
}

.mbsc-rating-bar > i > b {
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    background: linear-gradient(90deg, #d99a2d, #ad6308);
    border-radius: inherit;
}

.mbsc-rating-bar > small {
    color: var(--mbsc-muted);
    font-size: 8px;
    text-align: right;
}

.mbsc-review-card__reviews {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.mbsc-review-mini {
    min-width: 0;
    padding: 11px;
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 12px;
}

.mbsc-review-mini__top {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
}

.mbsc-review-mini__top img {
    width: 31px !important;
    height: 31px !important;
    object-fit: cover;
    border-radius: 50%;
}

.mbsc-review-mini__top > div {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mbsc-review-mini__top strong {
    overflow: hidden;
    color: var(--mbsc-dark);
    font-size: 10px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mbsc-review-mini__top small {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-top: 2px;
    color: var(--mbsc-muted);
    font-size: 7px;
}

.mbsc-review-mini__top small.is-verified {
    color: #2b7c4b;
}

.mbsc-review-mini__top small svg {
    width: 10px;
    height: 10px;
}

.mbsc-review-mini p {
    display: -webkit-box;
    min-height: 50px;
    margin: 8px 0 0;
    overflow: hidden;
    color: var(--mbsc-text);
    font-size: 9px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mbsc-review-mini time {
    display: block;
    margin-top: 7px;
    color: var(--mbsc-muted);
    font-size: 7px;
}

.mbsc-review-card__empty {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 14px;
    color: var(--mbsc-text);
    background: #fff;
    border: 1px dashed #ddc3a7;
    border-radius: 12px;
}

.mbsc-review-card__empty > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    color: #d4982b;
    background: #fff3d7;
    border-radius: 50%;
}

.mbsc-review-card__empty svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.mbsc-review-card__empty strong {
    display: block;
    color: var(--mbsc-dark);
    font-size: 11px;
}

.mbsc-review-card__empty p {
    margin: 3px 0 0;
    color: var(--mbsc-muted);
    font-size: 9px;
}

.mbsc-author-books {
    padding: 46px 0 52px;
    background: #fff;
    border-top: 1px solid #f0e5da;
}

.mbsc-author-books + .mbsc-related {
    border-top: 1px solid var(--mbsc-border);
}

@media (max-width: 1080px) {
    .mbsc-community__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .mbsc-author-card,
    .mbsc-review-card {
        padding: 16px;
        border-radius: 15px;
    }

    .mbsc-author-card__head,
    .mbsc-review-card__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .mbsc-author-card__head h2,
    .mbsc-review-card__head h2 {
        font-size: 20px !important;
    }

    .mbsc-author-card__body {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 12px;
    }

    .mbsc-author-card__photo {
        width: 92px;
        border-radius: 13px;
    }

    .mbsc-author-card__name-row {
        flex-direction: column;
        gap: 8px;
    }

    .mbsc-author-card__count {
        min-width: 0;
        width: fit-content;
    }

    .mbsc-review-card__summary {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
    }

    .mbsc-review-card__score > strong {
        font-size: 32px;
    }

    .mbsc-review-card__reviews {
        grid-template-columns: 1fr;
    }

    .mbsc-review-mini p {
        min-height: 0;
    }
}


/* RC5 — interaction hardening / theme override ------------------------- */
.mbsc-single button.mbsc-format-card::before,
.mbsc-single button.mbsc-format-card::after,
.mbsc-single .mbsc-buy-now::before,
.mbsc-single .mbsc-buy-now::after,
.mbsc-single .mbsc-channel-preview button::before,
.mbsc-single .mbsc-channel-preview button::after,
.mbsc-single .mbsc-channel-list>button::before,
.mbsc-single .mbsc-channel-list>button::after,
.mbsc-single__purchase .woocommerce-variation-add-to-cart::before,
.mbsc-single__purchase .woocommerce-variation-add-to-cart::after{content:none!important;display:none!important}
.mbsc-single__purchase .reset_variations,
.mbsc-single__purchase .woocommerce-variation-description:empty,
.mbsc-single__purchase .woocommerce-variation-price:empty,
.mbsc-single__purchase .woocommerce-variation-availability:empty,
.mbsc-single__purchase .wc-no-matching-variations:empty{display:none!important}
.mbsc-single button.mbsc-format-card{background:#fff!important;background-image:none!important;color:var(--mbsc-dark)!important;border-color:var(--mbsc-border)!important;box-shadow:none!important}
.mbsc-single button.mbsc-format-card:hover:not(:disabled){background:#fff8ef!important;background-image:none!important;color:var(--mbsc-dark)!important;border-color:#c99252!important;box-shadow:0 12px 26px rgba(79,48,20,.08)!important;transform:translateY(-2px)!important}
.mbsc-single button.mbsc-format-card.is-selected,
.mbsc-single button.mbsc-format-card.is-selected:hover:not(:disabled){background:#fff6e9!important;background-image:none!important;color:var(--mbsc-dark)!important;border-color:var(--mbsc-primary)!important;box-shadow:0 0 0 3px rgba(168,90,10,.10),0 12px 26px rgba(79,48,20,.07)!important}
.mbsc-single button.mbsc-format-card:focus-visible{outline:3px solid rgba(168,90,10,.18)!important;outline-offset:2px!important}
.mbsc-single__purchase .single_add_to_cart_button:not(:disabled):not(.disabled){color:var(--mbsc-primary)!important;background:#fff8ef!important;border-color:#d7ae7c!important;opacity:1!important;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.mbsc-single__purchase .single_add_to_cart_button:hover:not(:disabled):not(.disabled){color:#fff!important;background:var(--mbsc-primary)!important;border-color:var(--mbsc-primary)!important;box-shadow:0 10px 22px rgba(115,56,0,.16)!important;transform:translateY(-2px)!important}
.mbsc-single .mbsc-buy-now:not(:disabled){color:#fff!important;background:var(--mbsc-primary)!important;background-image:none!important;border-color:var(--mbsc-primary)!important;opacity:1!important;box-shadow:0 10px 22px rgba(115,56,0,.14)!important}
.mbsc-single .mbsc-buy-now:hover:not(:disabled){color:#fff!important;background:var(--mbsc-primary-dark)!important;border-color:var(--mbsc-primary-dark)!important;box-shadow:0 14px 28px rgba(115,56,0,.22)!important;transform:translateY(-2px)!important}
.mbsc-single .mbsc-buy-now:disabled,
.mbsc-single__purchase .single_add_to_cart_button:disabled,
.mbsc-single__purchase .single_add_to_cart_button.disabled{color:#9f9185!important;background:#f4eee8!important;background-image:none!important;border-color:#e6dbd1!important;opacity:1!important;box-shadow:none!important}
.mbsc-channel-preview{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:10px}.mbsc-channel-preview>span{color:var(--mbsc-muted);font-size:10px;font-weight:600}.mbsc-channel-preview button{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:30px!important;margin:0!important;padding:5px 8px!important;color:var(--mbsc-text)!important;background:#fff!important;background-image:none!important;border:1px solid var(--mbsc-border)!important;border-radius:999px!important;box-shadow:none!important;font:600 10px/1.2 Poppins,sans-serif!important;cursor:pointer!important;transition:.2s ease!important}.mbsc-channel-preview button svg{width:13px;height:13px}.mbsc-channel-preview button:hover:not(:disabled){color:var(--mbsc-primary)!important;background:#fff6e9!important;border-color:#d5aa77!important;transform:translateY(-1px)!important}.mbsc-channel-preview button:disabled,.mbsc-channel-preview button.is-disabled{color:#b8ada4!important;background:#f7f3ef!important;border-color:#eee6df!important;opacity:.72!important;cursor:not-allowed!important}.mbsc-channel-list>button{background:#fff!important;background-image:none!important;color:var(--mbsc-dark)!important}.mbsc-channel-list>button:hover:not(:disabled){background:#fff7ed!important;color:var(--mbsc-dark)!important;border-color:#d29d61!important;transform:translateY(-2px)!important;box-shadow:0 12px 24px rgba(79,48,20,.07)!important}.mbsc-channel-list>button:disabled{background:#f8f5f2!important;color:#aa9e95!important;border-color:#ece4dd!important;opacity:.72!important}.mbsc-single__micro-actions button:hover:not(:disabled){color:var(--mbsc-primary)!important;background:#fff7ee!important;border-radius:8px!important}.mbsc-tabs__nav button:hover:not(.is-active){color:var(--mbsc-primary)!important;background:#fff8ef!important}.mbsc-review-card__head>button:hover{color:#fff!important;background:var(--mbsc-primary)!important;border-color:var(--mbsc-primary)!important}
@media(max-width:650px){.mbsc-channel-preview{justify-content:flex-start}.mbsc-channel-preview>span{width:100%}.mbsc-channel-preview button{font-size:10px!important}}


/* RC6 — marketplace links + ghost control + consistent hover ---------------- */
.mbsc-single [hidden] {
    display: none !important;
}

/* WooCommerce native variation output is retained for logic, but its duplicate
   price/availability UI is intentionally hidden because MasterBook renders its
   own selected-format price and stock summary. */
.mbsc-single__purchase .woocommerce-variation.single_variation,
.mbsc-single__purchase .woocommerce-variation-description,
.mbsc-single__purchase .woocommerce-variation-price,
.mbsc-single__purchase .woocommerce-variation-availability,
.mbsc-single__purchase .reset_variations {
    display: none !important;
}

.mbsc-single__purchase > button:empty,
.mbsc-single__purchase button[hidden],
.mbsc-single__purchase [aria-hidden="true"]:empty {
    display: none !important;
}

/* Strong theme reset for interactive elements in the purchase area. */
.mbsc-single__purchase button,
.mbsc-single__purchase a,
.mbsc-single__micro-actions button,
.mbsc-tabs__nav button,
.mbsc-author-card a,
.mbsc-review-card__head button {
    background-image: none !important;
    text-shadow: none !important;
}

.mbsc-single__purchase .single_add_to_cart_button:not(:disabled):not(.disabled) {
    color: var(--mbsc-primary) !important;
    background: #fff9f2 !important;
    border: 1px solid #d9b487 !important;
    box-shadow: none !important;
}

.mbsc-single__purchase .single_add_to_cart_button:hover:not(:disabled):not(.disabled),
.mbsc-single__purchase .single_add_to_cart_button:focus-visible:not(:disabled):not(.disabled) {
    color: #fff !important;
    background: var(--mbsc-primary) !important;
    border-color: var(--mbsc-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 26px rgba(115, 56, 0, .18) !important;
}

.mbsc-single .mbsc-buy-now:not(:disabled) {
    color: #fff !important;
    background: linear-gradient(135deg, #b96f25, var(--mbsc-primary)) !important;
    border-color: var(--mbsc-primary) !important;
    box-shadow: 0 10px 22px rgba(115, 56, 0, .16) !important;
}

.mbsc-single .mbsc-buy-now:hover:not(:disabled),
.mbsc-single .mbsc-buy-now:focus-visible:not(:disabled) {
    color: #fff !important;
    background: var(--mbsc-primary-dark) !important;
    border-color: var(--mbsc-primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 30px rgba(115, 56, 0, .24) !important;
}

.mbsc-single .mbsc-buy-now svg {
    width: 19px;
    height: 19px;
}

/* External marketplace links */
.mbsc-external-marketplaces {
    margin-top: 15px;
    padding-top: 14px;
    border-top: 1px solid #eee1d4;
}

.mbsc-external-marketplaces__label {
    display: block;
    margin-bottom: 9px;
    color: var(--mbsc-text);
    font-size: 12px;
    font-weight: 650;
}

.mbsc-external-marketplaces__links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.mbsc-marketplace-link {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 17px;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 54px;
    margin: 0 !important;
    padding: 9px 10px !important;
    color: var(--mbsc-dark) !important;
    background: #fff !important;
    border: 1px solid var(--mbsc-border) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease,
        background .2s ease !important;
}

.mbsc-marketplace-link > span:nth-child(2) {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mbsc-marketplace-link strong {
    overflow: hidden;
    color: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mbsc-marketplace-link small {
    margin-top: 2px;
    color: var(--mbsc-muted);
    font-size: 9px;
    line-height: 1.2;
}

.mbsc-marketplace-link > svg {
    width: 16px;
    height: 16px;
    justify-self: end;
    color: #9a8c80;
}

.mbsc-marketplace-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

.mbsc-marketplace-link--shopee .mbsc-marketplace-brand {
    background: #ee4d2d;
}

.mbsc-marketplace-link--tokopedia .mbsc-marketplace-brand {
    background: #42b549;
}

.mbsc-marketplace-link--lynk .mbsc-marketplace-brand {
    background: #222;
}

.mbsc-marketplace-link--shopee:hover,
.mbsc-marketplace-link--shopee:focus-visible {
    color: #b5361e !important;
    background: #fff8f5 !important;
    border-color: rgba(238, 77, 45, .42) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(89, 47, 31, .08) !important;
}

.mbsc-marketplace-link--tokopedia:hover,
.mbsc-marketplace-link--tokopedia:focus-visible {
    color: #247a2b !important;
    background: #f7fff7 !important;
    border-color: rgba(66, 181, 73, .42) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(31, 86, 35, .08) !important;
}

.mbsc-marketplace-link--lynk:hover,
.mbsc-marketplace-link--lynk:focus-visible {
    color: #111 !important;
    background: #fafafa !important;
    border-color: rgba(34, 34, 34, .30) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(25, 25, 25, .08) !important;
}

/* Consistent, warm hover system across the rest of the single-product page. */
.mbsc-single .mbsc-single__benefits > div,
.mbsc-single .mbsc-gallery__thumb,
.mbsc-single .mbsc-author-card,
.mbsc-single .mbsc-review-card,
.mbsc-single .mbsc-review-mini {
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}

.mbsc-single .mbsc-single__benefits > div:hover {
    background: #fffaf4;
    border-color: #dfc09a;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(79, 48, 20, .06);
}

.mbsc-single .mbsc-gallery__thumb:hover {
    border-color: #c99152 !important;
    transform: translateY(-2px);
}

.mbsc-single__micro-actions button:hover:not(:disabled),
.mbsc-single__micro-actions button:focus-visible:not(:disabled) {
    color: var(--mbsc-primary) !important;
    background: #fff7ee !important;
    box-shadow: 0 7px 18px rgba(79, 48, 20, .06) !important;
}

.mbsc-single .mbsc-tabs__nav button:hover:not(.is-active),
.mbsc-single .mbsc-tabs__nav button:focus-visible:not(.is-active) {
    color: var(--mbsc-primary) !important;
    background: #fff8ef !important;
}

.mbsc-single .mbsc-author-card__head a:hover,
.mbsc-single .mbsc-related__head a:hover {
    color: var(--mbsc-primary-dark) !important;
}

.mbsc-single .mbsc-review-card__head > button:hover,
.mbsc-single .mbsc-review-card__head > button:focus-visible {
    color: #fff !important;
    background: var(--mbsc-primary) !important;
    border-color: var(--mbsc-primary) !important;
    transform: translateY(-1px);
}

/* Selected format remains cream/brown under themes that style button:hover. */
.mbsc-single button.mbsc-format-card,
.mbsc-single button.mbsc-format-card:hover,
.mbsc-single button.mbsc-format-card:focus,
.mbsc-single button.mbsc-format-card:active {
    background-image: none !important;
}

.mbsc-single button.mbsc-format-card:hover:not(:disabled):not(.is-selected) {
    color: var(--mbsc-dark) !important;
    background: #fff9f2 !important;
    border-color: #c99252 !important;
}

.mbsc-single button.mbsc-format-card.is-selected,
.mbsc-single button.mbsc-format-card.is-selected:hover,
.mbsc-single button.mbsc-format-card.is-selected:focus {
    color: var(--mbsc-dark) !important;
    background: #fff5e7 !important;
    border-color: var(--mbsc-primary) !important;
    box-shadow: 0 0 0 3px rgba(168, 90, 10, .10), 0 12px 26px rgba(79, 48, 20, .07) !important;
}

@media (max-width: 760px) {
    .mbsc-external-marketplaces__links {
        grid-template-columns: 1fr;
    }

    .mbsc-marketplace-link {
        min-height: 52px;
    }
}

.mbsc-marketplace-brand svg{width:22px;height:22px;display:block;color:#fff}


/* RC7 — custom review list replaces the duplicate native review tab. */
.mbsc-review-mini.is-extra{display:none}.mbsc-review-card.is-expanded .mbsc-review-mini.is-extra{display:block}.mbsc-review-card.is-expanded .mbsc-review-card__reviews{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.mbsc-review-card.is-expanded .mbsc-review-card__reviews{grid-template-columns:1fr}}


/* RC7 — review submission stays inside the custom review section. */
.mbsc-review-form{margin-top:14px;border-top:1px solid var(--mbsc-border);padding-top:12px}.mbsc-review-form>summary{display:flex;align-items:center;gap:7px;width:fit-content;color:var(--mbsc-primary);font-size:11px;font-weight:700;cursor:pointer;list-style:none}.mbsc-review-form>summary::-webkit-details-marker{display:none}.mbsc-review-form>summary svg{width:15px;height:15px;fill:currentColor}.mbsc-review-form__body{margin-top:14px;padding:16px;background:#fffaf4;border:1px solid #ecdac6;border-radius:14px}.mbsc-review-form .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mbsc-review-form .comment-form>p{margin:0!important}.mbsc-review-form .comment-form-comment,.mbsc-review-form .comment-form-rating,.mbsc-review-form .form-submit,.mbsc-review-form .must-log-in{grid-column:1/-1}.mbsc-review-form label{display:block;margin-bottom:6px;color:var(--mbsc-dark);font-size:10px;font-weight:650}.mbsc-review-form input,.mbsc-review-form select,.mbsc-review-form textarea{width:100%!important;margin:0!important;padding:10px 11px!important;color:var(--mbsc-dark)!important;background:#fff!important;border:1px solid var(--mbsc-border)!important;border-radius:9px!important;box-shadow:none!important;font:500 11px/1.5 Poppins,Arial,sans-serif!important}.mbsc-review-form textarea{resize:vertical;min-height:110px}.mbsc-review-form input:focus,.mbsc-review-form select:focus,.mbsc-review-form textarea:focus{outline:2px solid rgba(168,90,10,.12)!important;border-color:#cf9d65!important}.mbsc-review-form .submit{display:inline-flex!important;width:auto!important;padding:10px 16px!important;color:#fff!important;background:var(--mbsc-primary)!important;border:1px solid var(--mbsc-primary)!important;border-radius:9px!important;font-size:11px!important;font-weight:700!important;cursor:pointer}.mbsc-review-form .submit:hover{background:var(--mbsc-primary-dark)!important;border-color:var(--mbsc-primary-dark)!important}.mbsc-review-form__notice,.mbsc-review-form .must-log-in{margin:0!important;color:var(--mbsc-text);font-size:11px;line-height:1.65}.mbsc-review-form .required{color:#b33b32}@media(max-width:650px){.mbsc-review-form .comment-form{grid-template-columns:1fr}}


/* =========================================================
   RC8 — compact reading controls + recommendation strip
   Keeps long editorial text from dominating the product page.
========================================================= */
.mbsc-collapsible{
    position:relative;
}
.mbsc-collapsible.is-collapsible .mbsc-collapsible__content{
    position:relative;
    overflow:hidden;
    transition:max-height .32s ease;
}
.mbsc-collapsible--summary.is-collapsible .mbsc-collapsible__content{
    max-height:12.4em;
}
.mbsc-collapsible--synopsis.is-collapsible .mbsc-collapsible__content{
    max-height:19em;
}
.mbsc-collapsible--author.is-collapsible .mbsc-collapsible__content{
    max-height:13.5em;
}
.mbsc-collapsible.is-collapsible:not(.is-expanded)::after{
    content:"";
    position:absolute;
    right:0;
    bottom:39px;
    left:0;
    height:58px;
    pointer-events:none;
    background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 80%);
}
.mbsc-collapsible--summary.is-collapsible:not(.is-expanded)::after{
    background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 82%);
}
.mbsc-collapsible.is-expanded .mbsc-collapsible__content{
    max-height:none!important;
}
.mbsc-collapsible__toggle,
.mbsc-spec-toggle{
    position:relative;
    z-index:2;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    width:auto!important;
    min-height:34px!important;
    margin:9px 0 0!important;
    padding:6px 10px!important;
    color:var(--mbsc-primary)!important;
    background:#fff8ef!important;
    background-image:none!important;
    border:1px solid #e5c7a6!important;
    border-radius:999px!important;
    box-shadow:none!important;
    font:650 11px/1.25 Poppins,Arial,sans-serif!important;
    cursor:pointer!important;
    transition:.2s ease!important;
}
.mbsc-collapsible__toggle:hover,
.mbsc-spec-toggle:hover{
    color:#fff!important;
    background:var(--mbsc-primary)!important;
    border-color:var(--mbsc-primary)!important;
    transform:translateY(-1px)!important;
}
.mbsc-collapsible__toggle svg,
.mbsc-spec-toggle svg{
    width:14px;
    height:14px;
    transition:transform .22s ease;
}
.mbsc-collapsible.is-expanded .mbsc-collapsible__toggle svg,
.mbsc-spec-grid.is-expanded + .mbsc-spec-toggle svg{
    transform:rotate(90deg);
}
.mbsc-author-card__story .mbsc-author-card__bio{
    margin-top:14px;
}
.mbsc-spec-toggle{
    display:none!important;
}
.mbsc-related__empty{
    display:flex;
    align-items:center;
    gap:13px;
    padding:18px;
    color:var(--mbsc-text);
    background:#fff;
    border:1px dashed #dfc4a6;
    border-radius:14px;
}
.mbsc-related__empty>span{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    color:var(--mbsc-primary);
    background:#fff4e7;
    border-radius:12px;
}
.mbsc-related__empty svg{width:22px;height:22px}
.mbsc-related__empty strong{display:block;color:var(--mbsc-dark);font-size:13px}
.mbsc-related__empty p{margin:3px 0 0;font-size:11px;line-height:1.6}

@media(max-width:650px){
    .mbsc-collapsible--summary.is-collapsible .mbsc-collapsible__content{
        max-height:9.4em;
    }
    .mbsc-collapsible--synopsis.is-collapsible .mbsc-collapsible__content{
        max-height:15.5em;
    }
    .mbsc-collapsible--author.is-collapsible .mbsc-collapsible__content{
        max-height:10.8em;
    }
    .mbsc-collapsible.is-collapsible:not(.is-expanded)::after{
        bottom:38px;
        height:52px;
    }
    .mbsc-collapsible__toggle,
    .mbsc-spec-toggle{
        min-height:32px!important;
        margin-top:7px!important;
        padding:6px 9px!important;
        font-size:10.5px!important;
    }
    .mbsc-spec-grid.has-more:not(.is-expanded)>div:nth-child(n+6){
        display:none;
    }
    .mbsc-spec-grid.has-more + .mbsc-spec-toggle{
        display:inline-flex!important;
    }
    .mbsc-related{
        padding:34px 0 48px;
    }
    .mbsc-related__head{
        margin-bottom:14px;
    }
    .mbsc-related__head h2{
        font-size:22px!important;
        line-height:1.3!important;
    }
    .mbsc-related__grid{
        display:flex!important;
        gap:10px!important;
        margin-right:-12px;
        padding:1px 12px 12px 0;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .mbsc-related__grid::-webkit-scrollbar{display:none}
    .mbsc-related__grid>.mbsc-product-card{
        flex:0 0 min(72vw,220px);
        scroll-snap-align:start;
    }
}


/* =========================================================
   RC9 — robust purchase row when WooCommerce hides quantity
   WooCommerce can render quantity as input[type="hidden"] when
   min/max are the same (e.g. sold individually or only one unit).
========================================================= */
.mbsc-single__purchase .woocommerce-variation-add-to-cart.mbsc-purchase-row--no-qty,
.mbsc-single__purchase form.cart:not(.variations_form).mbsc-purchase-row--no-qty {
    grid-template-columns: minmax(0, 1fr) !important;
}

.mbsc-single__purchase .mbsc-purchase-row--no-qty .quantity,
.mbsc-single__purchase .quantity.mbsc-quantity--hidden {
    display: none !important;
}

.mbsc-single__purchase .mbsc-purchase-row--no-qty .single_add_to_cart_button,
.mbsc-single__purchase .single_add_to_cart_button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
}

/* Defensive CSS fallback for browsers that support :has(). */
.mbsc-single__purchase .woocommerce-variation-add-to-cart:has(.quantity input.qty[type="hidden"]),
.mbsc-single__purchase form.cart:not(.variations_form):has(.quantity input.qty[type="hidden"]) {
    grid-template-columns: minmax(0, 1fr) !important;
}

.mbsc-single__purchase .woocommerce-variation-add-to-cart:has(.quantity input.qty[type="hidden"]) .quantity,
.mbsc-single__purchase form.cart:not(.variations_form):has(.quantity input.qty[type="hidden"]) .quantity {
    display: none !important;
}

@media (max-width: 650px) {
    .mbsc-single__purchase .woocommerce-variation-add-to-cart.mbsc-purchase-row--no-qty,
    .mbsc-single__purchase form.cart:not(.variations_form).mbsc-purchase-row--no-qty {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .mbsc-single__purchase .mbsc-purchase-row--no-qty .single_add_to_cart_button {
        min-height: 46px !important;
        font-size: 12px !important;
    }
}

/* =========================================================
   RC10 — Editorial book metadata
========================================================= */
.mbsc-single__subtitle{
    max-width:760px;
    margin:8px 0 5px!important;
    color:#6f645b!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.65!important;
}
.mbsc-collapsible--uniqueness.is-collapsible .mbsc-collapsible__content{
    max-height:18em;
}
@media(max-width:650px){
    .mbsc-single__subtitle{
        margin-top:5px!important;
        font-size:12px!important;
        line-height:1.55!important;
    }
    .mbsc-collapsible--uniqueness.is-collapsible .mbsc-collapsible__content{
        max-height:13em;
    }
}


/* ============================================================
   RC11 — MULTI AUTHOR + VIEW ONLY
   ============================================================ */

.mbsc-view-only {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px;
    color: var(--mbsc-dark);
    background: #fff8ef;
    border: 1px solid #dfbc91;
    border-radius: 13px;
}

.mbsc-view-only__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    color: var(--mbsc-primary);
    background: #fff0df;
    border-radius: 11px;
}

.mbsc-view-only__icon svg {
    width: 21px;
    height: 21px;
}

.mbsc-view-only strong {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
}

.mbsc-view-only p {
    margin: 4px 0 0;
    color: var(--mbsc-text);
    font-size: 12px;
    line-height: 1.65;
}

.mbsc-single__purchase.is-view-only {
    padding: 14px;
}

.mbsc-author-profiles {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.mbsc-community__grid.has-multiple-authors {
    align-items: start;
}

.mbsc-community__grid.has-multiple-authors .mbsc-author-profiles {
    grid-template-columns: 1fr;
}

.mbsc-community__grid.has-multiple-authors .mbsc-author-card__body {
    grid-template-columns: 100px minmax(0, 1fr);
}

@media (max-width: 650px) {
    .mbsc-view-only {
        gap: 10px;
        padding: 12px;
    }

    .mbsc-view-only__icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }

    .mbsc-view-only strong {
        font-size: 12px;
    }

    .mbsc-view-only p {
        font-size: 11px;
    }

    .mbsc-community__grid.has-multiple-authors .mbsc-author-card__body {
        grid-template-columns: 74px minmax(0, 1fr);
    }
}


/* ============================================================
   RC12 — BOTTOM SCROLL GALLERY + BETTER TITLE HIERARCHY
   ============================================================ */

/* Gallery: cover utama di atas, thumbnail horizontal di bawah. */
.mbsc-single .mbsc-gallery {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    min-width: 0;
}

.mbsc-single .mbsc-gallery__main {
    grid-column: auto !important;
    width: 100%;
}

.mbsc-single .mbsc-gallery__thumbs {
    grid-row: auto !important;
    grid-column: auto !important;
    display: flex !important;
    align-items: stretch;
    gap: 10px !important;
    width: 100%;
    max-width: 100%;
    padding: 2px 2px 9px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: #c99a67 #f7efe6;
    -webkit-overflow-scrolling: touch;
}

.mbsc-single .mbsc-gallery__thumbs::-webkit-scrollbar {
    height: 7px;
}

.mbsc-single .mbsc-gallery__thumbs::-webkit-scrollbar-track {
    background: #f7efe6;
    border-radius: 999px;
}

.mbsc-single .mbsc-gallery__thumbs::-webkit-scrollbar-thumb {
    background: #c99a67;
    border-radius: 999px;
}

.mbsc-single .mbsc-gallery__thumb {
    flex: 0 0 82px !important;
    width: 82px !important;
    height: 102px !important;
    scroll-snap-align: start;
}

/* Judul lebih proporsional; subjudul jelas sebagai level kedua. */
.mbsc-single .mbsc-single__summary h1 {
    max-width: 780px;
    margin: 14px 0 0 !important;
    font-size: clamp(34px, 2.75vw, 43px) !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    letter-spacing: -.85px !important;
    text-wrap: balance;
}

.mbsc-single .mbsc-single__subtitle {
    max-width: 760px;
    margin: 10px 0 4px !important;
    color: #68594d !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.48 !important;
    letter-spacing: -.12px;
}

@media (max-width: 900px) {
    .mbsc-single .mbsc-gallery {
        max-width: 650px;
        margin-inline: auto;
    }
}

@media (max-width: 650px) {
    .mbsc-single .mbsc-gallery {
        gap: 9px !important;
    }

    .mbsc-single .mbsc-gallery__thumbs {
        gap: 8px !important;
        padding-bottom: 7px !important;
        scrollbar-width: none;
    }

    .mbsc-single .mbsc-gallery__thumbs::-webkit-scrollbar {
        display: none;
    }

    .mbsc-single .mbsc-gallery__thumb {
        flex-basis: 66px !important;
        width: 66px !important;
        height: 82px !important;
    }

    .mbsc-single .mbsc-single__summary h1 {
        font-size: 27px !important;
        line-height: 1.2 !important;
        letter-spacing: -.45px !important;
    }

    .mbsc-single .mbsc-single__subtitle {
        margin-top: 7px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
    }
}

/* ============================================================
   RC16 — PRIMARY AUTHOR + ADDITIONAL AUTHORS DROPDOWN
   ============================================================ */
.mbsc-community__grid.has-author-dropdown {
    align-items: start;
}

.mbsc-author-more {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid var(--mbsc-border);
    border-radius: 14px;
    background: #fffaf4;
}

.mbsc-author-more > summary {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 48px;
    padding: 10px 13px;
    color: var(--mbsc-dark);
    cursor: pointer;
    list-style: none;
    font-size: 12px;
    font-weight: 700;
    user-select: none;
}

.mbsc-author-more > summary::-webkit-details-marker {
    display: none;
}

.mbsc-author-more > summary strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    margin-left: auto;
    padding: 0 7px;
    color: var(--mbsc-primary);
    background: #fff0df;
    border-radius: 999px;
    font-size: 10px;
}

.mbsc-author-more > summary svg {
    width: 16px;
    height: 16px;
    color: var(--mbsc-primary);
    transition: transform .2s ease;
}

.mbsc-author-more[open] > summary svg {
    transform: rotate(90deg);
}

.mbsc-author-more__list {
    display: grid;
    gap: 0;
    padding: 0 12px 12px;
}

.mbsc-author-more__item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 0;
    border-top: 1px solid var(--mbsc-border);
}

.mbsc-author-more__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 56px;
    overflow: hidden;
    color: #fff;
    background: var(--mbsc-primary);
    border-radius: 9px;
    font-size: 17px;
    font-weight: 800;
}

.mbsc-author-more__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mbsc-author-more__copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mbsc-author-more__copy strong {
    overflow: hidden;
    color: var(--mbsc-dark);
    font-size: 12px;
    line-height: 1.45;
    text-overflow: ellipsis;
}

.mbsc-author-more__copy small {
    margin-top: 3px;
    overflow: hidden;
    color: var(--mbsc-text);
    font-size: 9px;
    line-height: 1.4;
    text-overflow: ellipsis;
}

.mbsc-author-more__item > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--mbsc-primary);
    background: #fff;
    border: 1px solid #ead3b8;
    border-radius: 50%;
    text-decoration: none;
}

.mbsc-author-more__item > a svg {
    width: 14px;
    height: 14px;
}

@media (max-width: 650px) {
    .mbsc-author-more > summary {
        min-height: 46px;
        font-size: 11px;
    }

    .mbsc-author-more__item {
        grid-template-columns: 44px minmax(0, 1fr) 30px;
        gap: 9px;
    }

    .mbsc-author-more__photo {
        width: 44px;
        height: 52px;
    }
}


/* =========================================================
   RC20 — KANAL CHECKOUT PER PRODUK
   Toko Online / WhatsApp / Lynk / Shopee / Tokopedia
========================================================= */
.mbsc-channel-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:10px;
}
.mbsc-channel-actions .mbsc-buy-now,
.mbsc-channel-actions .mbsc-online-checkout{
    width:100%;
    min-height:50px;
    margin:0!important;
}
.mbsc-online-checkout{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:var(--mbsc-primary)!important;
    background:#fff8ef!important;
    border:1px solid #d7ae7c!important;
    border-radius:10px!important;
    font:600 13px/1.2 Poppins,sans-serif!important;
    cursor:pointer;
}
.mbsc-online-checkout:hover:not(:disabled),
.mbsc-online-checkout:focus-visible:not(:disabled){
    color:#fff!important;
    background:var(--mbsc-primary)!important;
    border-color:var(--mbsc-primary)!important;
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(115,56,0,.16)!important;
}
.mbsc-online-checkout:disabled{
    color:#9f9185!important;
    background:#f4eee8!important;
    border-color:#e6dbd1!important;
    cursor:not-allowed;
    box-shadow:none!important;
}
.mbsc-online-checkout svg{
    width:18px;
    height:18px;
}
.mbsc-online-checkout.is-loading::after{
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:2px;
    border:2px solid rgba(168,90,10,.22);
    border-top-color:currentColor;
    border-radius:50%;
    animation:mbscSingleSpin .75s linear infinite;
}

/* Website dimatikan: form variasi/quantity tetap tersedia untuk WhatsApp/marketplace,
   tetapi tombol WooCommerce Add to Cart disembunyikan. */
.mbsc-single__purchase.is-website-disabled .single_add_to_cart_button{
    display:none!important;
}
.mbsc-single__purchase.is-website-disabled .woocommerce-variation-add-to-cart,
.mbsc-single__purchase.is-website-disabled form.cart:not(.variations_form){
    grid-template-columns:96px!important;
    justify-content:start;
}
.mbsc-single__purchase.is-website-disabled .mbsc-purchase-row--no-qty{
    display:none!important;
}

.mbsc-channel-empty{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:10px;
    padding:12px 14px;
    color:#8b4d12;
    background:#fff7ed;
    border:1px solid #ead1b4;
    border-radius:11px;
    font-size:12px;
    font-weight:600;
}
.mbsc-channel-empty svg{
    width:18px;
    height:18px;
    flex:0 0 18px;
}

@media(max-width:650px){
    .mbsc-channel-actions{
        grid-template-columns:1fr;
    }
    .mbsc-single__purchase.is-website-disabled .woocommerce-variation-add-to-cart,
    .mbsc-single__purchase.is-website-disabled form.cart:not(.variations_form){
        grid-template-columns:82px!important;
    }
}

/* =========================================================
   RC21 — HARGA VARIAN DI MARKETPLACE + SPESIFIKASI RAPI
========================================================= */

/* Harga variasi yang sedang dipilih ikut tampil pada kanal eksternal. */
.mbsc-marketplace-link [data-mbsc-marketplace-price] {
    display: block;
    margin-top: 4px;
    color: var(--mbsc-primary);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
}
.mbsc-marketplace-link [data-mbsc-marketplace-price][hidden] {
    display: none !important;
}

/* Spesifikasi seluruhnya memakai card custom; tidak ada tabel Woo bawaan. */
.mbsc-tabs__panel[data-panel="specification"] .mbsc-spec-grid {
    align-items: stretch;
    gap: 10px;
}

.mbsc-tabs__panel[data-panel="specification"] .mbsc-spec-grid > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-height: 72px;
    padding: 13px 16px;
    background: linear-gradient(180deg, #fffdfb 0%, #fff8f1 100%);
    border: 1px solid var(--mbsc-border);
    border-radius: 12px;
}

.mbsc-tabs__panel[data-panel="specification"] .mbsc-spec-grid > div:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.mbsc-tabs__panel[data-panel="specification"] .mbsc-spec-grid span {
    color: var(--mbsc-muted);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
}

.mbsc-tabs__panel[data-panel="specification"] .mbsc-spec-grid strong {
    color: var(--mbsc-dark);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.55;
}

@media (max-width: 650px) {
    .mbsc-tabs__panel[data-panel="specification"] .mbsc-spec-grid {
        grid-template-columns: 1fr;
    }

    .mbsc-tabs__panel[data-panel="specification"] .mbsc-spec-grid > div,
    .mbsc-tabs__panel[data-panel="specification"] .mbsc-spec-grid > div:last-child:nth-child(odd) {
        grid-column: auto;
        min-height: 0;
    }

    .mbsc-marketplace-link [data-mbsc-marketplace-price] {
        font-size: 10px;
    }
}



/* RC22 — harga berbeda per kanal */
.mbsc-online-checkout,.mbsc-buy-now{gap:8px}
.mbsc-online-checkout [data-mbsc-channel-price],.mbsc-buy-now [data-mbsc-channel-price]{display:inline-flex;align-items:center;margin-left:2px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap}
.mbsc-online-checkout [data-mbsc-channel-price]{color:var(--mbsc-primary);background:#fff4e7;border:1px solid #edd1af}
.mbsc-buy-now [data-mbsc-channel-price]{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)}
.mbsc-marketplace-link [data-mbsc-marketplace-price]{font-size:12px;font-weight:800}
@media(max-width:650px){.mbsc-online-checkout,.mbsc-buy-now{justify-content:center;flex-wrap:wrap}.mbsc-online-checkout [data-mbsc-channel-price],.mbsc-buy-now [data-mbsc-channel-price]{font-size:9px}}


/* =========================================================
   RC23 — WEBSITE/TOKO ONLINE + WHATSAPP = SATU HARGA
========================================================= */
.mbsc-online-checkout [data-mbsc-channel-price],
.mbsc-buy-now [data-mbsc-channel-price] {
    font-variant-numeric: tabular-nums;
}

/* =========================================================
   RC24 — SATU TOMBOL BELI, PILIH KANAL SETELAH DIKLIK
========================================================= */
.mbsc-purchase-choice {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.mbsc-purchase-choice__trigger {
    width: 100%;
    min-height: 54px;
    justify-content: center;
    gap: 9px;
}

.mbsc-purchase-choice__trigger > svg {
    width: 19px;
    height: 19px;
}

.mbsc-purchase-choice__trigger [data-mbsc-channel-price] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    color: #fff;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.1;
}

.mbsc-purchase-choice__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 1px;
    transition: transform .2s ease;
}

.mbsc-purchase-choice__chevron svg {
    width: 15px;
    height: 15px;
}

.mbsc-purchase-choice.is-open .mbsc-purchase-choice__chevron {
    transform: rotate(180deg);
}

.mbsc-purchase-choice__menu {
    position: absolute;
    z-index: 60;
    top: calc(100% + 9px);
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--mbsc-border);
    border-radius: 15px;
    box-shadow: 0 20px 44px rgba(60,37,17,.16);
}

.mbsc-purchase-choice__menu[hidden] {
    display: none !important;
}

.mbsc-purchase-choice__menu-head {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 5px 6px 10px;
}

.mbsc-purchase-choice__menu-head strong {
    color: var(--mbsc-dark);
    font-size: 12px;
}

.mbsc-purchase-choice__menu-head small {
    color: var(--mbsc-muted);
    font-size: 10px;
}

.mbsc-purchase-choice__option {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) 18px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 58px;
    padding: 9px 10px;
    color: var(--mbsc-dark);
    background: #fffaf5;
    border: 1px solid var(--mbsc-border);
    border-radius: 12px;
    text-align: left;
    cursor: pointer;
}

.mbsc-purchase-choice__option + .mbsc-purchase-choice__option {
    margin-top: 8px;
}

.mbsc-purchase-choice__option:hover {
    border-color: #d7ab79;
    background: #fff6eb;
}

.mbsc-purchase-choice__option:disabled {
    opacity: .48;
    cursor: not-allowed;
}

.mbsc-purchase-choice__option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--mbsc-primary);
    background: #fff0df;
    border-radius: 10px;
}

.mbsc-purchase-choice__option-icon svg {
    width: 18px;
    height: 18px;
}

.mbsc-purchase-choice__option > span:nth-child(2) {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mbsc-purchase-choice__option strong {
    color: var(--mbsc-dark);
    font-size: 12px;
    font-weight: 700;
}

.mbsc-purchase-choice__option small {
    margin-top: 2px;
    color: var(--mbsc-muted);
    font-size: 10px;
}

.mbsc-purchase-choice__option > svg {
    width: 16px;
    height: 16px;
    color: var(--mbsc-primary);
}

@media (max-width:650px) {
    .mbsc-purchase-choice__trigger {
        min-height: 52px;
    }

    .mbsc-purchase-choice__menu {
        position: fixed;
        z-index: 999999;
        top: auto;
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
        padding: 12px;
        border-radius: 17px;
    }

    .mbsc-purchase-choice__option {
        min-height: 62px;
    }
}

/* =========================================================
   RC26 — FORMAT BUKU LEBIH TEGAS
   Buku Cetak / Fisik • Ebook / PDF • E-Pub
========================================================= */
.mbsc-format-card__type {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 22px;
    margin: 0 0 5px;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .65px;
    text-transform: uppercase;
}

.mbsc-format-card__type--physical {
    color: #7d430a;
    background: #fff0dd;
    border-color: #e8c49a;
}

.mbsc-format-card__type--pdf {
    color: #9a3c2d;
    background: #fff0ed;
    border-color: #efc3bc;
}

.mbsc-format-card__type--epub {
    color: #4f557e;
    background: #f1f2ff;
    border-color: #cfd2ef;
}

.mbsc-format-card__type--digital {
    color: #385f63;
    background: #edf8f7;
    border-color: #bddfdb;
}

.mbsc-format-card__content > strong {
    display: block;
}

.mbsc-format-card.is-selected .mbsc-format-card__type {
    box-shadow: 0 0 0 2px rgba(168,90,10,.05);
}

@media (max-width:650px) {
    .mbsc-format-card__type {
        min-height: 20px;
        padding: 4px 7px;
        font-size: 8px;
    }
}