/* =============================================================
   PDP BUY PANE — Longines-inspired v5 (clean rewrite)
   Loaded AFTER pdp.css via catalog_product_view.xml so cascade wins
   naturally; !important used ONLY where a specific vendor / theme rule
   forces us to. Every !important below is annotated with WHY.

   Design brief:
     - Light warm-grey buy card ground (contrasts with white gallery)
     - ALL CAPS Inter title, dark navy
     - Brand link · Model · SSID descriptor line under title
     - Short description under descriptor as small gray text
     - Sharp corners on chips, qty stepper, ATC (0 radius)
     - Deep navy ATC (#1a2543), full-width column-2 of qty+ATC grid
     - Qty + ATC on same row (grid: 118px | 1fr)
     - Delivery / stock line centered under ATC column
     - Trust badges: circle-outline icons + underlined text (2x2)
     - Accordions: no leading icons, plain + toggle
   ============================================================= */

/* ── Local palette for the buy pane redesign ─────────────────── */
.product-info-main.product-info-main {
    --bp-bg:          #f5f5f4;          /* warm-grey buy card ground */
    --bp-navy:        #1a2543;          /* text + ATC + strong ink */
    --bp-ink:         #1a2543;
    --bp-ink-2:       #4b5563;          /* body descriptor text */
    --bp-muted:       #6b7280;          /* labels, sub-info */
    --bp-dim:         #9ca3af;
    --bp-line:        #e5e7eb;          /* dividers, chip borders */
    --bp-line-soft:   #f3f4f6;
    --bp-white:       #ffffff;
    --bp-save-bg:     rgba(220, 38, 38, 0.08);
    --bp-save-fg:     #b91c1c;
    --bp-stock:       #059669;
}

/* !important: legacy pdp.css v3/v4 rules set border-top:4px accent + shadow
   + white bg on ss-buy-card. Without match we get old bordered card. */
.product-info-main > .ss-buy-card {
    background: var(--bp-bg) !important;
    border: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    padding: 32px 32px 28px !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    margin: 0;
}

/* ── Flex order for children (sold-by → title → META → desc → price …) */
.product-info-main > .ss-buy-card > .ss-cat-tag           { display: none; }
.product-info-main > .ss-buy-card > .rwc-mp-sold-by       { order: 1; }
.product-info-main > .ss-buy-card > .page-title-wrapper   { order: 2; }
/* Meta line (relocated by procurement.phtml JS to direct child of buy card) */
.product-info-main > .ss-buy-card > .rwc-mp-brand,
.product-info-main > .ss-buy-card > .product-info-stock-sku { order: 3; }
.product-info-main > .ss-buy-card > .overview,
.product-info-main > .ss-buy-card > .product.attribute.overview { order: 4; }
.product-info-main > .ss-buy-card > .product-info-price   { order: 5; }
.product-info-main > .ss-buy-card > .price-tier           { order: 6; }
.product-info-main > .ss-buy-card > .product-add-form     { order: 7; }
.product-info-main > .ss-buy-card > .rwc-rfq              { order: 8; }
.product-info-main > .ss-buy-card > .rwc-savedlist        { order: 9; }
.product-info-main > .ss-buy-card > .ss-buy-footer        { order: 10; }
.product-info-main > .ss-buy-card > .product-social-links { order: 11; }

/* Meta line — inline text, no border, no background — a "descriptor row"
   under the title. Rendered as a group: brand-row then stock-sku (containing
   MPN + injected SSID). Direct children of ss.buy.card after JS relocation. */
.product-info-main > .ss-buy-card > .rwc-mp-brand,
.product-info-main > .ss-buy-card > .product-info-stock-sku {
    display: inline-block !important;    /* legacy pdp.css forces flex/pill layout */
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-size: 13px;
    color: var(--bp-ink-2);
    line-height: 1.6;
}
.product-info-main > .ss-buy-card > .rwc-mp-brand::after {
    content: ' · ';
    color: var(--bp-dim);
    margin: 0 4px;
}
/* Empty brand — hide the placeholder "BRAND: —" row entirely */
.product-info-main > .ss-buy-card > .rwc-mp-brand.rwc-mp-brand--empty {
    display: none !important;
}
.product-info-main > .ss-buy-card > .rwc-mp-brand.rwc-mp-brand--empty::after {
    content: none;
}
.product-info-main > .ss-buy-card > .product-info-stock-sku {
    margin-bottom: 12px !important;
}

/* ── Sold-by: subtle line at very top ────────────────────────── */
.product-info-main .rwc-mp-sold-by {
    font-size: 11px;
    color: var(--bp-muted);
    margin: 0 0 10px;
    display: block;
    background: none;
    padding: 0;
    border: none;
}
.product-info-main .rwc-mp-sold-by__label {
    color: var(--bp-muted);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}
.product-info-main .rwc-mp-sold-by__name {
    color: var(--bp-ink);
    font-weight: 500;
    font-size: 11px;
}

/* ── Title: ALL CAPS Inter, deep navy ────────────────────────── */
.product-info-main .page-title-wrapper { margin: 0 0 12px; }
.product-info-main .page-title-wrapper.product .page-title,
.product-info-main .page-title-wrapper.product .page-title .base {
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.005em;
    text-transform: uppercase;
    color: var(--bp-navy);
    line-height: 1.15;
    margin: 0;
}

/* ── Short description — small gray descriptor line under title ── */
/* !important on `display` is needed because an earlier legacy rule
   `.product-info-main > .ss-buy-card > .overview { display: none !important }`
   is still evaluated first; if you delete that legacy rule from pdp.css
   later, you can drop the !important here. */
.product-info-main > .ss-buy-card > .overview,
.product-info-main > .ss-buy-card > .product.attribute.overview {
    display: block !important;
    background: none;
    padding: 0;
    margin: 0 0 14px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    width: auto;
    max-width: none;
    box-sizing: border-box;
}
.product-info-main > .ss-buy-card > .overview .type,
.product-info-main > .ss-buy-card > .product.attribute.overview .type { display: none; }
.product-info-main > .ss-buy-card > .overview .value,
.product-info-main > .ss-buy-card > .product.attribute.overview .value {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 1.55;
    color: var(--bp-ink-2);
    padding: 0;
    margin: 0;
    max-width: none;
}
.product-info-main > .ss-buy-card > .overview .value p,
.product-info-main > .ss-buy-card > .product.attribute.overview .value p {
    font-size: 13px;
    line-height: 1.55;
    color: var(--bp-ink-2);
    margin: 0;
}

/* ── Meta strip (brand · MPN · SSID) — inline, flowing text ───── */
.product-info-main .product-info-price {
    display: block;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 6px;
}
.product-info-main .product-info-price .product-info-stock-sku {
    display: block;
    background: none;
    padding: 0;
    font-size: 13px;
    color: var(--bp-ink-2);
    margin: 0 0 6px;
    gap: 0;
    flex-wrap: wrap;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.product-info-main .product-info-price .product.sku {
    display: inline;
    font-size: 13px;
    color: var(--bp-ink-2);
    background: none;
    padding: 0;
    margin: 0;
}
.product-info-main .product-info-price .product.sku .type {
    color: var(--bp-ink-2);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
}
.product-info-main .product-info-price .product.sku .value {
    font-family: 'Inter', ui-monospace, monospace;
    color: var(--bp-ink);
    font-weight: 500;
    letter-spacing: 0.02em;
    font-size: 13px;
    background: none;
}

/* ── Brand row → inline, brand name is underlined link ───────── */
.product-info-main .rwc-mp-brand {
    display: inline;
    font-size: 13px;
    color: var(--bp-ink-2);
    background: none;
    padding: 0;
    border: none;
    margin: 0;
}
.product-info-main .rwc-mp-brand.rwc-mp-brand--empty { display: none; }
.product-info-main .rwc-mp-brand__label { display: none; }
.product-info-main .rwc-mp-brand__name {
    color: var(--bp-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--bp-line);
    text-decoration-thickness: 1px;
    font-weight: 500;
    font-size: 13px;
    background: none;
}
.product-info-main .rwc-mp-brand__name:hover {
    text-decoration-color: var(--bp-ink);
}

/* ── Stock indicator — moved BELOW ATC via JS (procurement.phtml),
      styled as small centered text line inside the actions grid cell. */
.product-info-main .box-tocart .actions .stock.ss-stock-relocated {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    color: var(--bp-stock) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 10px 0 0 !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
}
.product-info-main .box-tocart .actions .stock.ss-stock-relocated::before {
    content: '';
    width: 6px !important;
    height: 6px !important;
    background: currentColor !important;
    border-radius: 50%;
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1;
}
.product-info-main .box-tocart .actions .stock.ss-stock-relocated > span {
    background: none !important;
    padding: 0 !important;
}

/* !important: legacy chip rules use 44px min-height + border-radius: 8px
   with !important. Match to enforce sharp rectangles. */
.product-info-main .swatch-attribute-options .swatch-option {
    min-height: 40px !important;
    padding: 8px 18px !important;
    border: 1px solid var(--bp-line) !important;
    border-radius: 0 !important;
    background: var(--bp-white) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--bp-ink) !important;
    box-shadow: none !important;
    margin: 0 8px 8px 0;
    transition: border-color .15s ease, background .15s ease;
}
.product-info-main .swatch-attribute-options .swatch-option:hover {
    border-color: var(--bp-ink-2);
    transform: none;
}
.product-info-main .swatch-attribute-options .swatch-option.selected {
    border-color: var(--accent);
    background: rgba(5, 150, 105, 0.08);
    color: var(--accent);
    outline: none;
    box-shadow: none;
}

/* ── Price row — clean, sharp, single line: price · /uom · old · save ─ */
.product-info-main .product-info-price .price-box.price-final_price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    row-gap: 6px;
    column-gap: 10px;
    background: none;
    padding: 12px 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 8px 0 0;
}
/* Explicit flex order: current price · /uom · old strikethrough · SAVE chip */
.product-info-main .product-info-price .price-box .normal-price,
.product-info-main .product-info-price .price-box .special-price { order: 1; }
.product-info-main .product-info-price .price-box #rwc-uom-suffix   { order: 2; }
.product-info-main .product-info-price .price-box .old-price        { order: 3; }
.product-info-main .product-info-price .price-box .ss-save-chip     { order: 4; }
/* !important: legacy pdp.css line ~1497 sets 32px !important, and legacy
   line ~1508 sets red special-price !important; without matching we lose. */
.product-info-main .product-info-price .price-box > .normal-price .price,
.product-info-main .product-info-price .price-box > .special-price .price {
    font-family: 'Inter', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: var(--bp-ink) !important;
    letter-spacing: -0.005em !important;
    line-height: 1 !important;
}
.product-info-main .product-info-price .price-box .special-price .price {
    color: var(--bp-ink) !important;
}
.product-info-main .product-info-price .price-box .old-price .price {
    font-size: 13px !important;
    color: var(--bp-muted) !important;
}
.product-info-main .product-info-price .ss-save-chip {
    background: var(--bp-save-bg);
    color: var(--bp-save-fg);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 3px 8px;
    border-radius: 0;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.5;
}

/* ── Product-add-form container — no box, no border ─────────── */
.product-info-main .product-add-form {
    background: none;
    padding: 20px 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* ── QTY + ATC → 2-col grid (narrow qty, ATC fills remaining) ─ */
.product-info-main .box-tocart {
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}
.product-info-main .box-tocart .fieldset {
    display: grid;
    grid-template-columns: auto 1fr;   /* qty auto-width, ATC fills rest */
    column-gap: 12px;
    row-gap: 10px;
    align-items: stretch;
    margin: 0;
    padding: 0;
}
.product-info-main .box-tocart .field.qty {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
}
.product-info-main .box-tocart .field.qty .label { display: none; }

/* Qty stepper — sharp, small, white ─────────────────────────── */
.product-info-main .box-tocart .field.qty .control.ss-qty-stepper {
    border: 1px solid var(--bp-line);
    border-radius: 0;
    background: var(--bp-white);
    height: 52px;
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    width: fit-content;
}
.product-info-main .box-tocart .ss-qty-stepper__btn {
    width: 44px;
    height: 52px;
    background: var(--bp-white);
    color: var(--bp-ink);
    font-size: 18px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background .15s ease;
}
.product-info-main .box-tocart .ss-qty-stepper__btn:hover { background: var(--bp-bg); }
.product-info-main .box-tocart .ss-qty-stepper .input-text.qty {
    width: 52px;
    height: 52px;
    background: var(--bp-white);
    color: var(--bp-ink);
    border: none;
    border-left: 1px solid var(--bp-line);
    border-right: 1px solid var(--bp-line);
    text-align: center;
    font-family: 'Inter', ui-monospace, monospace;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    padding: 0;
    margin: 0;
    -moz-appearance: textfield;
}
.product-info-main .box-tocart .ss-qty-stepper .input-text.qty:focus {
    outline: none;
    box-shadow: none;
}

/* Actions container — grid col 2, block layout.
   Doubled `.product-info-main` class → specificity (0,4,0), which beats
   the parent theme's styles-l.css rule at spec (0,3,0):
     `.product-info-main .box-tocart .actions { display: table-cell;
       padding-top: 2.5rem; text-align: center; vertical-align: bottom; }`
   Parent styles-l loads AFTER our file, so beating it without !important
   requires higher specificity. */
.product-info-main.product-info-main .box-tocart .actions {
    grid-column: 2;
    grid-row: 1;
    display: block;
    width: 100%;
    height: 52px;
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: baseline;
}
.product-info-main.product-info-main .box-tocart .actions #instant-purchase,
.product-info-main.product-info-main .box-tocart .actions .ss-secure-line--tocart {
    display: none;
}

/* ATC — ID selector.
   legacy-bridge.css sets `.action.tocart { background: var(--accent) !important;
     padding: 7px 14px !important; min-height: 32px !important }` as a global
   flat-B2B primary button treatment. We need PDP ATC to look different (deep
   navy, 52px, full-width). ID+!important beats class+!important via
   specificity — annotated below. Refactor path: exclude PDP context from
   legacy-bridge (e.g. `:not(#product-addtocart-button)`). */
#product-addtocart-button {
    display: block;
    width: 100% !important;              /* beats legacy-bridge `width: 100%` and Blank `width: auto` */
    height: 52px !important;             /* beats Blank `height: 44px !important` */
    min-height: 52px !important;         /* beats legacy-bridge `min-height: 32px !important` */
    padding: 0 24px !important;          /* beats legacy-bridge `padding: 7px 14px !important` */
    margin: 0;
    background: var(--bp-navy) !important;      /* beats legacy-bridge `background: var(--accent) !important` (green) */
    background-color: var(--bp-navy) !important;
    background-image: none !important;
    color: #ffffff !important;                  /* keep with background for consistency */
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-transform: none !important;
    line-height: 52px;
    text-align: center;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color .15s ease;
    box-sizing: border-box;
    flex: 0 0 auto;
}
#product-addtocart-button:hover:not(:disabled) {
    background: #0f1729 !important;             /* beats legacy-bridge :hover accent-hover !important */
    background-color: #0f1729 !important;
    color: #ffffff !important;
}
#product-addtocart-button:disabled {
    background: #4b5563 !important;
    cursor: not-allowed;
    opacity: 1;
}
#product-addtocart-button span {
    display: inline;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}
/* Nuke cart-icon injected by legacy-bridge.css via .action.tocart::before */
#product-addtocart-button::before,
#product-addtocart-button::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
            mask: none !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* ── Buy footer: secondary actions + trust row (Longines-style) ─ */
.ss-buy-footer {
    margin-top: 24px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.ss-buy-footer__secondary {
    display: flex;
    justify-content: center;
    gap: 24px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.product-info-main .ss-buy-footer .ss-secondary-action,
.product-info-main .ss-buy-footer .ss-secondary-action:visited {
    color: var(--bp-ink);
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--bp-line);
    text-decoration-thickness: 1px;
    gap: 0;
}
.product-info-main .ss-buy-footer .ss-secondary-action svg { display: none; }
.product-info-main .ss-buy-footer .ss-secondary-action:hover {
    text-decoration-color: var(--bp-ink);
    color: var(--bp-ink);
}

/* ── Secondary actions row — Request a Quote (B2B) + Add to Compare (public)
   rendered INLINE via the ss.buy.secondary_actions layout container.
   Container is a plain <div class="ss-buy-secondary"> emitted by layout XML. */
.product-info-main > .ss-buy-card > .ss-buy-secondary {
    order: 8;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 20px;
    margin: 4px 0 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
/* Kill the RFQ block's outer wrapper spacing so it sits flush inline */
.product-info-main .ss-buy-secondary .rwc-rfq {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    display: inline-flex !important;
}
/* RFQ button → compact underlined link
   !important beats the module's own !important rules in pdp.css line 2005+. */
.product-info-main .ss-buy-secondary .rwc-rfq__btn,
.product-info-main .ss-buy-secondary .rwc-rfq__btn:visited {
    display: inline-flex !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--bp-ink) !important;
    font-family: var(--font-sans, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: var(--bp-line) !important;
    text-decoration-thickness: 1px !important;
    box-shadow: none !important;
    gap: 0 !important;
}
.product-info-main .ss-buy-secondary .rwc-rfq__btn svg { display: none !important; }
.product-info-main .ss-buy-secondary .rwc-rfq__btn:hover:not(:disabled) {
    background: transparent !important;
    color: var(--bp-ink) !important;
    text-decoration-color: var(--bp-ink) !important;
}
/* Add to Compare → same compact-link treatment */
.product-info-main .ss-buy-secondary .action.tocompare {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: var(--bp-ink) !important;
    font-family: var(--font-sans, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.product-info-main .ss-buy-secondary .action.tocompare > span {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-color: var(--bp-line) !important;
    text-decoration-thickness: 1px !important;
    color: var(--bp-ink) !important;
}
.product-info-main .ss-buy-secondary .action.tocompare:hover > span {
    text-decoration-color: var(--bp-ink) !important;
    color: var(--bp-ink) !important;
}

/* Trust row — 2x2, circle-icon + underlined text ─────────── */
.ss-buy-footer__trust {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
    padding-top: 4px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
}
.ss-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ss-trust-icon,
.ss-trust-icon--ship,
.ss-trust-icon--money,
.ss-trust-icon--geo {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid var(--accent);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ss-trust-icon svg {
    width: 13px;
    height: 13px;
    stroke-width: 1.6;
    stroke: currentColor;
    fill: none;
}
.ss-trust-content strong {
    font-size: 12px;
    font-weight: 500;
    color: var(--bp-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--bp-line);
    text-decoration-thickness: 1px;
    display: block;
}
.ss-trust-content span { display: none; }

/* ── Accordions: minimal, no leading icons, + toggle only.
      Sits BELOW the buy card as a separate block but shares the same
      warm-grey bg so visually they read as one continuous surface.
      Outer container has NO border — only a thin line between items. */
.product-info-main > .ss-buy-accordion {
    margin-top: 0;
    padding: 8px 32px 28px;
    background: var(--bp-bg);
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.ss-buy-accordion {
    margin-top: 0;
    padding-top: 0;
    border: none;
    background: none;
    box-shadow: none;
}
.ss-buy-accordion__item {
    border-radius: 0;
    /* Explicit sides only — leaves border-bottom open so any rule adding a
       hairline between items (e.g. the test rule in pdp.css) can apply. */
    border-top: none;
    border-left: none;
    border-right: none;
    background: none;
    margin: 0;
}
.ss-buy-accordion__summary {
    padding: 20px 0;
    background: none;
}
.ss-buy-accordion__icon { display: none; }
.ss-buy-accordion__title {
    font-size: 15px;
    font-weight: 500;
    color: var(--bp-ink);
}
.ss-buy-accordion__chevron {
    width: 20px;
    height: 20px;
    border: none;
    background: none;
    border-radius: 0;
}
.ss-buy-accordion__chevron::before,
.ss-buy-accordion__chevron::after {
    background: var(--bp-ink);
}

/* ── Rating stars — smaller size, amber matching SAVE-chip family ────
   Blank theme's default (styles-m.css line 9884+) sets 28px stars with
   letter-spacing -10px, filled #f59e0b + empty #c7c7c7. Too large + gray
   feels heavy against the compact Longines-style buy pane. Scale down. */
.product-info-main .product-reviews-summary .rating-summary .rating-result,
.product-info-main .rating-summary .rating-result {
    width: 78px;
}
.product-info-main .product-reviews-summary .rating-summary .rating-result:before,
.product-info-main .rating-summary .rating-result:before {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    letter-spacing: -3px;
    color: #d1d5db;                             /* lighter empty state */
}
.product-info-main .product-reviews-summary .rating-summary .rating-result > span:before,
.product-info-main .rating-summary .rating-result > span:before {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    letter-spacing: -3px;
    color: #f59e0b;                             /* amber filled — matches SAVE chip amber family */
}