/* ============================================================================
   product-page-custom.css — Scandi-theme product page styling
   Scoped under .catalog-product-view so changes don't bleed to other pages.
   Uses the theme's CSS variables from minimumworld2026.css :root.
   ============================================================================ */

/* ── 1. Page chrome (background, main container) ─────────────────────────── */
body.catalog-product-view {
    background: var(--mw-bg) !important;
    color: var(--mw-text) !important;
    font-family: var(--mw-font-sans) !important;
}
body.catalog-product-view .page-wrapper {
    background: var(--mw-bg) !important;
}
body.catalog-product-view .page-main {
    background: transparent !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 16px !important;
}
@media (max-width: 1023.98px) {
    body.catalog-product-view .page-main {
        margin: 0 !important;
        padding: 12px !important;
    }
}

/* ── 2. Breadcrumbs ──────────────────────────────────────────────────────── */
body.catalog-product-view .breadcrumbs {
    padding: 12px 0 !important;
    margin: 0 0 8px 0 !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.04em !important;
}
body.catalog-product-view .breadcrumbs .items {
    color: var(--mw-text-muted) !important;
}
body.catalog-product-view .breadcrumbs a,
body.catalog-product-view .breadcrumbs a:visited {
    color: var(--mw-text-muted) !important;
    text-decoration: none !important;
}
body.catalog-product-view .breadcrumbs a:hover {
    color: var(--mw-text) !important;
}
body.catalog-product-view .breadcrumbs .item:not(:last-child):after {
    color: var(--mw-text-muted) !important;
    line-height: 15px !important;
    margin: 0 6px !important;
}
body.catalog-product-view .breadcrumbs strong {
    color: var(--mw-text) !important;
    font-weight: 500 !important;
}

/* ── 3. Product title (serif, scoped to product page only) ──────────────── */
body.catalog-product-view .product-info-main .page-title-wrapper {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    border: 0 !important;
}
body.catalog-product-view .product-info-main .page-title,
body.catalog-product-view .product-info-main .page-title-wrapper .page-title,
body.catalog-product-view .product-info-main .page-title span,
body.catalog-product-view .product-info-main .page-title span.base,
body.catalog-product-view .main-heading h1#page-title-heading span {
    font-family: var(--mw-font-serif) !important;
    font-size: 36px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    color: var(--mw-text) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
@media (max-width: 767px) {
    body.catalog-product-view .product-info-main .page-title,
    body.catalog-product-view .main-heading h1#page-title-heading span {
        font-size: 28px !important;
    }
}

/* ── 4. SKU + stock section ──────────────────────────────────────────────── */
/* .product-info-main becomes the positioning context so we can hang the stock
   badge at its top-right corner. Reviews + wishlist are paired on a single
   row via flex order below. */
body.catalog-product-view .product-info-main {
    position: relative !important;
}
body.catalog-product-view .product-info-stock-sku,
body.catalog-product-view .sku-section {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 12px 0 !important;
    padding: 0 110px 0 0 !important;       /* leave room for the stock badge */
    border: 0 !important;
    flex-wrap: wrap !important;
}
/* SKU value — no border, no background, no extra padding */
body.catalog-product-view .product.attribute.sku,
body.catalog-product-view .product-info-main .product.attribute.sku,
body.catalog-product-view .product.attribute.sku > .value,
body.catalog-product-view .product.attribute.sku > .type,
body.catalog-product-view .product-info-main .product.attribute.sku > .value,
body.catalog-product-view .product-info-main .product.attribute.sku > .type {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
body.catalog-product-view .sku-section h6,
body.catalog-product-view .product-info-main .product.attribute.sku .type,
body.catalog-product-view .product-info-main .product.attribute.sku>.value {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--mw-text-muted) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
body.catalog-product-view .product-info-main .product.attribute.sku .type {
    color: var(--mw-text) !important;
    margin-right: 4px !important;
}
body.catalog-product-view .product-info-main .product.attribute.sku>.value {
    color: var(--mw-text) !important;
    font-weight: 400 !important;
}

/* Stock indicator — hangs top-right of .product-info-main */
body.catalog-product-view .product-info-stock-sku .stock,
body.catalog-product-view .product-info-main .stock {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
}
body.catalog-product-view .product-info-stock-sku .stock span,
body.catalog-product-view .product-info-main .stock span {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--mw-text) !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    background: var(--mw-sale-bg) !important;
    border-radius: 2px !important;
    display: inline-block !important;
    line-height: 1 !important;
}
body.catalog-product-view .product-info-stock-sku .stock.unavailable span,
body.catalog-product-view .product-info-main .stock.unavailable span {
    color: var(--mw-text-muted) !important;
    background: var(--mw-bg) !important;
    border: 1px solid var(--mw-border) !important;
}

/* ── 5. Brand / shared title overrides (kept simple, used outside product too) */
body.catalog-product-view .brand-title {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--mw-text-muted) !important;
    margin: 0 0 4px 0 !important;
}

/* ── 6. Price block — refined Scandi layout ──────────────────────────────────
   Visual goal:
     £13.74    £22.90    SAVE £9.16
     [big]     [struck]  [pill]
   "WAS:" / "NOW:" labels are hidden (price values alone read clean).
   The "You save" line becomes a compact pill in a subtle warm-bg.
   ────────────────────────────────────────────────────────────────────────── */
body.catalog-product-view .product-info-main .price-box {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px 14px !important;
    margin: 14px 0 18px 0 !important;
    padding: 16px 0 !important;
    border-top: 1px solid var(--mw-border) !important;
    border-bottom: 0 !important;
}

/* Hide the "WAS:" / "NOW:" plain text labels — the layout speaks for itself */
body.catalog-product-view .product-info-main .price-box .price-label,
body.catalog-product-view .product-info-main .price-box .old-price .price-label {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
}

/* Old price (struck-through), no label */
body.catalog-product-view .product-info-main .price-box .old-price {
    display: inline-flex !important;
    align-items: baseline !important;
    order: 2 !important;                /* sits AFTER current price */
    margin: 0 !important;
}
body.catalog-product-view .product-info-main .price-box .old-price .price {
    font-family: var(--mw-font-sans) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--mw-text-muted) !important;
    text-decoration: line-through !important;
    line-height: 1 !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Current price — large dominant */
body.catalog-product-view .product-info-main .price-box .price-wrapper,
body.catalog-product-view .product-info-main .price-box .special-price,
body.catalog-product-view .product-info-main .price-box .normal-price,
body.catalog-product-view .product-info-main .price-box [class*="price-final"] {
    display: inline-flex !important;
    align-items: baseline !important;
    order: 1 !important;
    margin: 0 !important;
}
body.catalog-product-view .product-info-main .price-box .price-wrapper .price,
body.catalog-product-view .product-info-main .price-box .special-price .price,
body.catalog-product-view .product-info-main .price-box .normal-price .price,
body.catalog-product-view .product-info-main .price-box [class*="price-final"] .price,
body.catalog-product-view .product-info-main .price-box > .price {
    font-family: var(--mw-font-sans) !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    color: var(--mw-text) !important;
    line-height: 1 !important;
    letter-spacing: -0.015em !important;
    margin: 0 !important;
}

/* "You save £X.XX" — compact pill on its own row, sale-bg + warm text */
body.catalog-product-view .product-info-main .price-box .you-save,
body.catalog-product-view .product-info-main .price-box .price-save,
body.catalog-product-view .product-info-main .price-box .save-amount {
    width: 100% !important;
    flex-basis: 100% !important;
    order: 3 !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 0 !important;            /* hide raw text — we wrap key parts via inner span */
    line-height: 1 !important;
}
body.catalog-product-view .product-info-main .price-box .you-save *,
body.catalog-product-view .product-info-main .price-box .price-save *,
body.catalog-product-view .product-info-main .price-box .save-amount * {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--mw-sale-text) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}
/* Pill wrapper — render as inline-block via :before that mimics a pill bg */
body.catalog-product-view .product-info-main .price-box .you-save:before,
body.catalog-product-view .product-info-main .price-box .price-save:before,
body.catalog-product-view .product-info-main .price-box .save-amount:before {
    content: '' !important;
}
/* Fallback for the literal text content — use a different visual treatment */
body.catalog-product-view .product-info-main .price-box .you-save {
    font-size: 11px !important;            /* re-enable readable size */
    font-weight: 600 !important;
    color: var(--mw-sale-text) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    background: var(--mw-sale-bg) !important;
    padding: 6px 12px !important;
    border-radius: 2px !important;
    width: auto !important;
    flex-basis: auto !important;
    align-self: flex-start !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

/* ── 7. Quantity input + plus/minus buttons ──────────────────────────────────
   DOM:  .field.qty
          ├ .label > span "Quantity"
          └ .control
              ├ span.minus > button "-"
              ├ input#qty.input-text.qty
              └ span.plus  > button "+"
   ────────────────────────────────────────────────────────────────────────── */
body.catalog-product-view .field.qty {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 0 16px 0 !important;
}
body.catalog-product-view .field.qty .label,
body.catalog-product-view .field.qty .label span {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--mw-text) !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
}
/* The .control wraps the buttons + input as a single bordered group */
body.catalog-product-view .field.qty .control {
    display: inline-flex !important;
    align-items: stretch !important;
    border: 1px solid var(--mw-border) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    background: var(--mw-surface) !important;
    width: auto !important;
    height: 44px !important;
    align-self: flex-start !important;
}
/* The .minus / .plus span wrappers — let inner <button> control the look */
body.catalog-product-view .field.qty .control .minus,
body.catalog-product-view .field.qty .control .plus {
    display: inline-flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    width: 40px !important;
    height: 44px !important;
}
body.catalog-product-view .field.qty .control .minus { border-right: 1px solid var(--mw-border) !important; }
body.catalog-product-view .field.qty .control .plus  { border-left:  1px solid var(--mw-border) !important; }

/* The actual <button> inside .minus / .plus */
body.catalog-product-view .field.qty .control .minus > button,
body.catalog-product-view .field.qty .control .plus  > button {
    font-family: var(--mw-font-sans), Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: var(--mw-text) !important;
    background: var(--mw-surface) !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.15s ease !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
body.catalog-product-view .field.qty .control .minus > button:hover,
body.catalog-product-view .field.qty .control .plus  > button:hover {
    background: var(--mw-bg) !important;
}

/* The qty input sits between the buttons */
body.catalog-product-view .field.qty .control input#qty,
body.catalog-product-view .field.qty .control input.qty,
body.catalog-product-view .product-info-main input.qty,
body.catalog-product-view .box-tocart input.qty {
    font-family: var(--mw-font-sans) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--mw-text) !important;
    background: var(--mw-surface) !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 44px !important;
    min-height: 44px !important;
    text-align: center !important;
    box-shadow: none !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}
body.catalog-product-view input.qty::-webkit-outer-spin-button,
body.catalog-product-view input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
body.catalog-product-view .field.qty .control input.qty:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ── 8. Add to cart — paired with qty on desktop AND mobile ──────────────── */
body.catalog-product-view .box-tocart {
    margin: 4px 0 24px 0 !important;
    padding: 0 !important;
}
body.catalog-product-view .box-tocart .fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}
body.catalog-product-view .box-tocart .fieldset .field.qty {
    flex: 0 0 auto !important;
    margin: 0 !important;
}
body.catalog-product-view .box-tocart .fieldset .actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
}
/* Force the Add to Cart button to fill the entire .actions container —
   bumped specificity (added body + multiple class chain) so Magento's
   default fixed widths can't beat us. */
body.catalog-product-view .box-tocart .fieldset .actions button.action.tocart,
body.catalog-product-view .box-tocart .fieldset .actions button#product-addtocart-button,
body.catalog-product-view .product-info-main #product-addtocart-button,
body.catalog-product-view button#product-addtocart-button.action.primary.tocart {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
}
/* Hide the Instant Purchase + PayPal Smart Buttons containers — they were
   rendering as blue strips visible behind/around the dark Add-to-Cart button. */
body.catalog-product-view #instant-purchase,
body.catalog-product-view #paypal-smart-button,
body.catalog-product-view .box-tocart #instant-purchase,
body.catalog-product-view .box-tocart #paypal-smart-button {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* Mobile: same row, compact qty, ensure button can't overflow */
@media (max-width: 767px) {
    body.catalog-product-view .box-tocart .fieldset {
        gap: 8px !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }
    body.catalog-product-view .box-tocart .fieldset .field.qty {
        flex: 0 0 auto !important;
        width: auto !important;
    }
    body.catalog-product-view .box-tocart .fieldset .field.qty .label {
        display: none !important;       /* drop "Quantity" label on mobile to save vertical space */
    }
    body.catalog-product-view .field.qty .control {
        height: 46px !important;
    }
    body.catalog-product-view .field.qty .control .minus,
    body.catalog-product-view .field.qty .control .plus {
        width: 32px !important;
        min-width: 32px !important;
        height: 46px !important;
    }
    body.catalog-product-view .field.qty .control input#qty,
    body.catalog-product-view .field.qty .control input.qty {
        width: 32px !important;
        min-width: 32px !important;
        height: 46px !important;
        min-height: 46px !important;
        font-size: 14px !important;
    }
    /* Actions container fills remaining width and clamps button */
    body.catalog-product-view .box-tocart .fieldset .actions {
        flex: 1 1 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    body.catalog-product-view .product-info-main #product-addtocart-button,
    body.catalog-product-view button#product-addtocart-button.action.primary.tocart {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 11px !important;
        letter-spacing: 0.08em !important;
        padding: 14px 8px !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}
body.catalog-product-view .product-info-main button.action.tocart,
body.catalog-product-view #product-addtocart-button,
body.catalog-product-view button.action.primary.tocart,
body.catalog-product-view .product-add-form button.tocart {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: var(--mw-text) !important;
    border: 1px solid var(--mw-text) !important;
    border-radius: 2px !important;
    padding: 16px 32px !important;
    min-height: 48px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    box-shadow: none !important;
    width: auto !important;
    min-width: 220px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.catalog-product-view .product-info-main button.action.tocart:hover,
body.catalog-product-view #product-addtocart-button:hover,
body.catalog-product-view button.action.primary.tocart:hover {
    background: #1a1815 !important;
    color: #fff !important;
}
@media (max-width: 767px) {
    body.catalog-product-view .product-info-main button.action.tocart,
    body.catalog-product-view #product-addtocart-button,
    body.catalog-product-view button.action.primary.tocart {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ── 9. Wishlist / social links — flush, no extra borders ────────────────── */
body.catalog-product-view .product-social-links,
body.catalog-product-view .product-addto-links {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
body.catalog-product-view .product-social-links .product-addto-links a.action.towishlist,
body.catalog-product-view .product-addto-links a.action.towishlist {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--mw-text) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 0 !important;
    border: 0 !important;
    background: transparent !important;
}
body.catalog-product-view .product-social-links .product-addto-links a.action.towishlist span,
body.catalog-product-view .product-addto-links a.action.towishlist span {
    font-family: var(--mw-font-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--mw-text) !important;
    position: static !important;
}
body.catalog-product-view .product-social-links .product-addto-links a.action.towishlist:hover,
body.catalog-product-view .product-social-links .product-addto-links a.action.towishlist:hover span {
    color: var(--mw-text) !important;
    opacity: 0.7 !important;
}

/* ── 10. PayPal "Pay in 4" / messaging box ───────────────────────────────── */
body.catalog-product-view div[data-pp-message] {
    background: var(--mw-bg) !important;
    border: 1px solid var(--mw-border) !important;
    border-radius: 2px !important;
    padding: 10px 14px !important;
    margin: 0 0 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    color: var(--mw-text-muted) !important;
}

/* ── 11. Discontinued / new labels — hide as before ──────────────────────── */
body.catalog-product-view .discontinued,
body.catalog-product-view .new {
    display: none !important;
}

/* ── 12. Reviews summary + Wishlist on the same horizontal row ──────────── */
/* JS (MW_PRODUCT_REVIEWS_WISHLIST_ROW in custom-savings.js) wraps
   .product-reviews-summary and .product-social-links inside a flex
   container with class .mw-reviews-wishlist-row so they line up on the
   same row. */
body.catalog-product-view .mw-reviews-wishlist-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 8px 0 4px 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
body.catalog-product-view .mw-reviews-wishlist-row > .product-reviews-summary {
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
}
body.catalog-product-view .mw-reviews-wishlist-row > .product-social-links {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}
body.catalog-product-view .product-reviews-summary .reviews-actions a {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    color: var(--mw-text-muted) !important;
    text-decoration: none !important;
}
body.catalog-product-view .product-reviews-summary .reviews-actions a:hover {
    color: var(--mw-text) !important;
}
body.catalog-product-view .product-info-main .reviews-actions a.action.view,
body.catalog-product-view .product-info-main .reviews-actions a.action.add {
    color: var(--mw-text-muted) !important;
    font-size: 12px !important;
}

/* ── 13. Product information tabs (Description / Additional Info / Reviews) */
body.catalog-product-view .product.info.detailed {
    margin: 32px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
/* Tab titles row — single underline, no extra dividers */
body.catalog-product-view .product.info.detailed .data.items {
    border-bottom: 1px solid var(--mw-border) !important;
    border-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
body.catalog-product-view .product.info.detailed .data.items > .data.item.title,
body.catalog-product-view .product.info.detailed .data.items > .data.item.content {
    border: 0 !important;          /* kill Magento's per-tab borders */
}
body.catalog-product-view .product.info.detailed .data.item.title {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
body.catalog-product-view .product.info.detailed .data.item.title .data.switch,
body.catalog-product-view .info.detailed .data.item.title .data.switch {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--mw-text-muted) !important;
    padding: 16px 24px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    text-decoration: none !important;
    transition: color 0.15s ease, border-color 0.15s ease !important;
    line-height: 1 !important;
}
body.catalog-product-view .product.info.detailed .data.item.title .data.switch:hover {
    color: var(--mw-text) !important;
}
body.catalog-product-view .product.info.detailed .data.item.title.active .data.switch {
    color: var(--mw-text) !important;
    border-bottom-color: var(--mw-text) !important;
    background: transparent !important;
}
/* Tab content */
body.catalog-product-view .product.info.detailed .data.item.content {
    background: var(--mw-surface) !important;
    border: 1px solid var(--mw-border) !important;
    border-top: 0 !important;
    border-radius: 0 0 2px 2px !important;
    padding: 24px !important;
    margin: 0 !important;
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--mw-text) !important;
}
body.catalog-product-view .product.info.detailed .data.item.content p {
    margin: 0 0 12px 0 !important;
}

/* ── 14. Additional attributes table (specifications) ───────────────────── */
body.catalog-product-view .product.info.detailed .additional-attributes {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}
body.catalog-product-view .product.info.detailed .additional-attributes > tbody > tr {
    border-bottom: 1px solid var(--mw-border) !important;
}
body.catalog-product-view .product.info.detailed .additional-attributes > tbody > tr:last-child {
    border-bottom: 0 !important;
}
body.catalog-product-view .product.info.detailed .additional-attributes > tbody > tr > th {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: var(--mw-text) !important;
    background: transparent !important;
    padding: 12px 14px !important;
    text-align: left !important;
    width: 35% !important;
}
body.catalog-product-view .product.info.detailed .additional-attributes > tbody > tr > td {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    color: var(--mw-text-muted) !important;
    padding: 12px 14px !important;
    background: transparent !important;
}

/* ── 15. Reviews block on tab ────────────────────────────────────────────── */
body.catalog-product-view #reviews .block-title strong,
body.catalog-product-view .block-reviews-dashboard .block-title,
body.catalog-product-view .review-form .legend {
    font-family: var(--mw-font-serif) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
    margin: 0 0 16px 0 !important;
}
body.catalog-product-view .review-form input[type="text"],
body.catalog-product-view .review-form input[type="email"],
body.catalog-product-view .review-form textarea {
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    color: var(--mw-text) !important;
    background: var(--mw-surface) !important;
    border: 1px solid var(--mw-border) !important;
    border-radius: 2px !important;
    padding: 10px 14px !important;
}
body.catalog-product-view .review-form button.action.submit {
    font-family: var(--mw-font-sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: var(--mw-text) !important;
    border: 1px solid var(--mw-text) !important;
    border-radius: 2px !important;
    padding: 12px 24px !important;
}

/* ── 16. Related / upsell ("You May Also Require") products section ────── */
body.catalog-product-view .block.related,
body.catalog-product-view .block.upsell,
body.catalog-product-view .block-related,
body.catalog-product-view .block-upsell {
    margin: 32px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
body.catalog-product-view .block.related .block-title strong,
body.catalog-product-view .block.upsell .block-title strong,
body.catalog-product-view .block-related .block-title strong,
body.catalog-product-view .block-upsell .block-title strong {
    font-family: var(--mw-font-serif) !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    color: var(--mw-text) !important;
    text-align: left !important;
}
/* Individual product card titles inside related/upsell/recently-viewed
   sections — bring them all to the same Scandi card-title style. */
body.catalog-product-view .block.related .product-item .product-item-name,
body.catalog-product-view .block.upsell .product-item .product-item-name,
body.catalog-product-view .block-related .product-item .product-item-name,
body.catalog-product-view .block-upsell .product-item .product-item-name,
body.catalog-product-view .block.related .product-item-name a,
body.catalog-product-view .block.upsell .product-item-name a,
body.catalog-product-view .block-related .product-item-name a,
body.catalog-product-view .block-upsell .product-item-name a,
body.catalog-product-view .block.related .product-item-link,
body.catalog-product-view .block.upsell .product-item-link,
body.catalog-product-view .block-related .product-item-link,
body.catalog-product-view .block-upsell .product-item-link,
body.catalog-product-view div#recently_viewed .product-item-name,
body.catalog-product-view div#recently_viewed .product-item-name .product-item-link,
body.catalog-product-view div#recently_viewed .product-item-name a,
body.catalog-product-view .block-viewed-products-grid .product-item-name,
body.catalog-product-view .block-viewed-products-grid .product-item-name a,
body.catalog-product-view .block-viewed-products-grid .product-item-link,
body.catalog-product-view .block-viewed-products-list .product-item-name,
body.catalog-product-view .block-viewed-products-list .product-item-name a,
body.catalog-product-view .block-viewed-products-list .product-item-link {
    font-family: var(--mw-font-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: var(--mw-text) !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 8px 0 4px 0 !important;
}
body.catalog-product-view .block.related .product-item .price-box .price,
body.catalog-product-view .block.upsell .product-item .price-box .price,
body.catalog-product-view .block-related .product-item .price-box .price,
body.catalog-product-view .block-upsell .product-item .price-box .price {
    font-family: var(--mw-font-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--mw-text) !important;
}

/* ── 17. Mobile-specific tweaks — tighter spacing throughout ─────────────── */
@media (max-width: 767px) {
    body.catalog-product-view .page-main {
        padding: 8px !important;
        margin: 0 !important;
    }
    body.catalog-product-view .product-info-main {
        padding: 0 !important;
        margin: 12px 0 0 0 !important;
    }
    body.catalog-product-view .product-info-main .page-title-wrapper {
        margin-bottom: 8px !important;
    }
    body.catalog-product-view .product-info-stock-sku,
    body.catalog-product-view .sku-section {
        margin: 0 0 8px 0 !important;
        gap: 10px !important;
    }
    body.catalog-product-view .product-info-main .price-box {
        margin: 12px 0 16px 0 !important;
    }
    body.catalog-product-view .product-info-main .price-box .price {
        font-size: 24px !important;
    }
    body.catalog-product-view .box-tocart {
        margin: 4px 0 16px 0 !important;
    }
    body.catalog-product-view .box-tocart .actions {
        margin-top: 12px !important;
    }
    body.catalog-product-view .product-social-links,
    body.catalog-product-view .product-addto-links {
        margin: 6px 0 12px 0 !important;
    }
    body.catalog-product-view div[data-pp-message] {
        margin: 0 0 12px 0 !important;
    }
    body.catalog-product-view .product.info.detailed {
        margin: 20px 0 !important;
    }
    body.catalog-product-view .product.info.detailed .data.item.title .data.switch {
        padding: 12px 16px !important;
        font-size: 12px !important;
    }
    body.catalog-product-view .product.info.detailed .data.item.content {
        padding: 16px !important;
    }
    body.catalog-product-view .block.related,
    body.catalog-product-view .block.upsell,
    body.catalog-product-view .block-related,
    body.catalog-product-view .block-upsell {
        margin: 20px 0 !important;
    }
}

/* ── 18. Grid column override (kept from original — Bootstrap col-lg-3) ──── */
@media only screen and (min-width: 992px) {
    body.catalog-product-view .col-lg-3 { max-width: 25%; }
}

/* ── 19. Hide redundant h6 inside recently-viewed product item details ──── */
body.catalog-product-view #recently_viewed .product.details.product-item-details h6 {
    display: none !important;
}

/* ── 20. On product pages only, re-enable the .reviews-actions link on mobile
   (minimumworld2026.css L889 hides it globally with display:none) ─────────── */
@media only screen and (max-width: 768px) {
    body.catalog-product-view .product-reviews-summary .reviews-actions {
        display: block !important;
    }
}