/* BigDIAMOND WooCommerce layer: Single product and gallery.
 * Generated from the audited route split; keep selectors route-scoped in inc/assets.php.
 */

.bd-commerce ul.products,
.bd-global-header.bd-commerce.woocommerce .wc-columns-container .products,
.bd-global-header.bd-commerce.woocommerce .related ul.products,
.bd-global-header.bd-commerce.woocommerce .up-sells ul.products {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: clamp(22px, 3vw, 34px);
    margin: 0;
}

@media (min-width: 520px) {
    .bd-commerce ul.products,
    .bd-global-header.bd-commerce.woocommerce .wc-columns-container .products,
    .bd-global-header.bd-commerce.woocommerce .related ul.products,
    .bd-global-header.bd-commerce.woocommerce .up-sells ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 519px) {
    .bd-global-header.bd-commerce.single-product .related ul.products,
    .bd-global-header.bd-commerce.single-product .up-sells ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px;
    }
}

@media (min-width: 992px) {
    .bd-commerce ul.products,
    .bd-global-header.bd-commerce.woocommerce .wc-columns-container .products,
    .bd-global-header.bd-commerce.woocommerce .related ul.products,
    .bd-global-header.bd-commerce.woocommerce .up-sells ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1280px) {
    .bd-commerce ul.products,
    .bd-global-header.bd-commerce.woocommerce .wc-columns-container .products,
    .bd-global-header.bd-commerce.woocommerce .related ul.products,
    .bd-global-header.bd-commerce.woocommerce .up-sells ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

.bd-commerce.woocommerce-shop .site.grid-container,
.bd-commerce.tax-product_cat .site.grid-container,
.bd-commerce.search .site.grid-container,
.bd-commerce.search-results .site.grid-container {
    width: 100%;
    max-width: none;
}

.bd-commerce.woocommerce-shop .site-content,
.bd-commerce.tax-product_cat .site-content,
.bd-commerce.search .site-content,
.bd-commerce.search-results .site-content {
    width: calc(100% - (var(--bd-gutter) * 2));
    max-width: 1680px;
}


.bd-commerce.woocommerce ul.products::before,
.bd-commerce.woocommerce ul.products::after {
    display: none;
}

.bd-commerce.woocommerce ul.products li.product,
.bd-commerce.woocommerce-page ul.products li.product {
    display: flex;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    flex-direction: column;
    border: 1px solid var(--bd-border-soft);
    background: var(--bd-surface-panel);
    box-shadow: none;
}

.bd-commerce ul.products li.product a img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    margin: 0;
    background: var(--bd-surface-low);
}

.bd-commerce ul.products li.product .woocommerce-LoopProduct-link,
.bd-commerce ul.products li.product .woocommerce-loop-product__link {
    color: var(--bd-primary);
}

/*
 * Loop typography lives here only for product-category tiles and any loop the
 * card module is switched off for. The catalogue card owns its own spacing in
 * bigdiamond-product-card.css, so nothing here sets card padding.
 */
.bd-commerce ul.products li .woocommerce-loop-product__title,
.bd-commerce ul.products li .woocommerce-loop-category__title {
    display: -webkit-box;
    overflow: hidden;
    color: var(--bd-primary);
    font: 600 15px/1.3 var(--bd-sans);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.bd-commerce ul.products li.product .price {
    display: block;
    color: var(--bd-gold-ink);
    font: 700 15px/1.3 var(--bd-sans);
}

.bd-commerce ul.products li.product .bd-loop-availability {
    color: var(--bd-muted);
    font: 700 11px/1.35 var(--bd-sans);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bd-commerce ul.products li.product .bd-loop-availability--out-of-stock {
    color: #8b2e2e;
}

.bd-commerce ul.products li.product .star-rating,
.bd-commerce ul.products li.product .star-rating span,
.bd-commerce ul.products li.product .star-rating strong {
    color: var(--bd-secondary);
}

.bd-commerce.woocommerce nav.woocommerce-pagination ul,
.bd-commerce.woocommerce nav.woocommerce-pagination ul li {
    border-color: var(--bd-border);
}

.bd-commerce.woocommerce nav.woocommerce-pagination ul li a,
.bd-commerce.woocommerce nav.woocommerce-pagination ul li span {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bd-surface-lowest);
    color: var(--bd-primary);
    font: 700 13px/1 var(--bd-sans);
}

.bd-commerce.woocommerce nav.woocommerce-pagination ul li a:hover,
.bd-commerce.woocommerce nav.woocommerce-pagination ul li a:focus-visible,
.bd-commerce.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--bd-primary);
    color: var(--bd-on-primary);
}


.bd-commerce.single-product div.product .bd-product-top {
    position: relative;
    display: grid;
    /* Column ratio is owned by the tier rules below (stacked to 1024px,
       60:40 from 1025px). No base-tier ratio, so nothing competes at equal
       specificity and gets decided by stylesheet order. */
    gap: clamp(34px, 6vw, 82px);
    align-items: start;
}

.bd-commerce.single-product div.product::before,
.bd-commerce.single-product div.product::after {
    display: none;
}

.bd-commerce.single-product div.product .bd-product-top > div.images,
.bd-commerce.single-product div.product .bd-product-top > .bd-product-video,
.bd-commerce.single-product div.product .bd-product-top > .bd-product-benefits-strip,
.bd-commerce.single-product div.product .bd-product-top > div.summary {
    float: none;
    width: auto;
}

/* GP Premium's Woo stylesheet is enqueued after the child asset and restores
 * percentage floats. Keep the CSS-grid columns authoritative. Woo initially
 * hides galleries inline until its slider JS runs, so expose the first image
 * immediately while retaining thumbnails and Photoswipe enhancement. */
.bd-global-header.bd-commerce.single-product.woocommerce-page div.product .bd-product-top > div.images,
.bd-global-header.bd-commerce.single-product.woocommerce-page div.product .bd-product-top > .bd-product-video,
.bd-global-header.bd-commerce.single-product.woocommerce-page div.product .bd-product-top > .bd-product-benefits-strip,
.bd-global-header.bd-commerce.single-product.woocommerce-page div.product .bd-product-top > div.summary {
    float: none;
    width: 100%;
    max-width: none;
}

/* Keep the zoom UI hidden if another gallery extension injects its trigger. */
.bd-commerce.single-product .woocommerce-product-gallery__trigger {
    display: none !important;
}

/* GP Premium prints a second, page-specific Woo rule after enqueued assets.
 * The declaration is intentionally important and scoped to the direct grid
 * children so it cannot affect loops, related products or transactional views. */
.bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > div.images,
.bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > .bd-product-video,
.bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > .bd-product-benefits-strip,
.bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > div.summary {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
}

.bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > div.images {
    justify-self: stretch;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery {
    opacity: 1 !important;
}

/* Native Woo gallery ownership: FlexSlider handles mouse/touch/keyboard slide
 * changes and Woo PhotoSwipe owns the only modal. The theme only positions the
 * native scene and thumbnail rail. */
.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery {
    display: grid;
    grid-template-columns: minmax(72px, 96px) minmax(0, 1fr);
    align-items: start;
    gap: clamp(14px, 1.8vw, 24px);
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) {
    display: block;
}

@media (min-width: 1025px) {
    .bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-viewport {
        grid-column: 2;
        width: 100%;
        aspect-ratio: 1 / 1;
        height: auto !important;
        overflow: hidden;
    }
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
    grid-column: 2;
    display: grid;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) > .woocommerce-product-gallery__wrapper {
    grid-column: auto;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
    grid-area: 1 / 1;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) {
    visibility: hidden;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery__wrapper {
    width: 100%;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery__image {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery__image a {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.bd-commerce.single-product div.product div.images img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: transparent;
    transition: transform var(--bd-duration-slow) var(--bd-ease);
}

.bd-commerce.single-product div.product div.images .woocommerce-product-gallery__image:hover img {
    transform: none;
}

@media (min-width: 1025px) {
    .bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs li {
    float: none;
    width: 100%;
    margin: 0;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border: 1px solid var(--bd-outline-variant);
    background: #fff;
    opacity: 0.72;
    cursor: pointer;
    transition:
        border-color var(--bd-duration) var(--bd-ease),
        opacity var(--bd-duration) var(--bd-ease);
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover,
.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs img:focus-visible {
    border-color: var(--bd-gold-ink);
    opacity: 1;
}

.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs img:focus-visible {
    outline: 2px solid var(--bd-gold-ink);
    outline-offset: 3px;
}

.bd-gallery-progress {
    display: none;
}

.bd-commerce.single-product .summary .price {
    color: var(--bd-secondary);
    font-family: var(--bd-serif);
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 600;
    line-height: 1.2;
}

.bd-commerce.single-product .woocommerce-product-details__short-description {
    max-width: 56ch;
    color: var(--bd-muted);
    font-size: 16px;
    line-height: 1.7;
}

.bd-commerce.single-product .woocommerce-product-details__short-description p {
    color: inherit;
}

.bd-commerce.single-product .product_title {
    font-size: clamp(36px, 4.4vw, 52px);
    line-height: 1.04;
}

@media (min-width: 1025px) {
    .bd-commerce.single-product div.product .bd-product-top > div.summary {
        position: sticky;
        top: 104px;
    }
}

/* Variation table: hide WooCommerce's default label/select rows for the
 * metal-colour attribute (enhanced into swatches by JS) while keeping the
 * table's native structure — and the size <select> — fully intact. */
.bd-commerce.single-product table.variations {
    width: 100%;
    margin: 8px 0 0;
}

.bd-commerce.single-product table.variations tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.bd-commerce.single-product table.variations tr:last-child {
    margin-bottom: 0;
}

.bd-commerce.single-product table.variations th.label {
    padding: 0 0 12px;
    color: var(--bd-primary);
    font: 700 11px/1.2 var(--bd-sans);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-align: left;
}

.bd-commerce.single-product table.variations td.value {
    padding: 0;
}

.bd-commerce.single-product table.variations td.value select {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--bd-outline-variant);
    border-radius: 0;
    background: transparent;
    padding: 12px 0;
    color: var(--bd-primary);
    font: 400 15px/1.3 var(--bd-sans);
}

.bd-commerce.single-product table.variations td.value select.bd-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    padding: 0;
}

.bd-commerce.single-product table.variations .reset_variations {
    display: inline-block;
    margin-top: 10px;
    color: var(--bd-muted);
    font: 700 10px/1 var(--bd-sans);
    letter-spacing: 0.1em;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-transform: uppercase;
}

/* Metal-colour swatch picker (JS-built, mirrors the native select). */
.bd-swatch-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bd-swatch {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border: 1px solid var(--bd-border);
    background: transparent;
    padding: 4px;
    cursor: pointer;
    transition: border-color var(--bd-duration-fast) var(--bd-ease);
}

.bd-swatch:hover {
    border-color: var(--bd-outline);
}

.bd-swatch.is-selected {
    border-color: var(--bd-gold-ink);
}

.bd-swatch[aria-disabled="true"],
.bd-swatch:disabled {
    cursor: not-allowed;
    opacity: 0.42;
}

.bd-swatch__chip {
    display: block;
    width: 100%;
    height: 100%;
}

@media (max-width: 680px) {
    /* The compact 3/2 gallery frame that used to render here (2026-08 SEO
       remediation) is superseded: bigdiamond-product-page-mobile.css now owns
       this element and sizes it from the product photo's own aspect ratio -
       every photo in the catalogue is square, so a 3/2 frame left a visible
       whitespace band above and below it. Deleted rather than fought for
       specificity: this file loaded a `body...` 5-class selector that
       silently outranked the owning file's 3-class one the moment the owning
       rule stopped also setting an explicit height (which had made this rule
       inert - and unnoticed - since it was written). */

    .bd-swatch {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        border-radius: 50%;
        padding: 5px;
    }

    .bd-swatch__chip {
        border-radius: 50%;
    }
}

.bd-commerce.woocommerce div.product form.cart .single_add_to_cart_button.button.alt,
.bd-commerce.woocommerce-page div.product form.cart .single_add_to_cart_button.button.alt {
    border-color: var(--bd-primary);
    background: var(--bd-primary);
    color: var(--bd-on-primary);
}

.bd-commerce.woocommerce div.product form.cart .single_add_to_cart_button.button.alt:hover,
.bd-commerce.woocommerce-page div.product form.cart .single_add_to_cart_button.button.alt:hover {
    border-color: var(--bd-primary-deep);
    background: var(--bd-primary-deep);
    color: var(--bd-on-primary);
}

.bd-commerce .woocommerce-tabs {
    grid-column: 1 / -1;
    margin-top: 34px;
}

.bd-commerce.single-product :where(.related, .upsells) {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
}

.bd-commerce .woocommerce-tabs ul.tabs {
    padding: 0;
}

.bd-commerce .woocommerce-tabs ul.tabs li {
    border-radius: 0;
}

.bd-merchant-data ul {
    margin: 16px 0 0;
}

.bd-global-header.bd-commerce.single-product .related.bd-product-merchandising--single ul.products {
    grid-template-columns: minmax(0, 360px) !important;
    justify-content: start;
}

.bd-product-merchandising + .bd-product-merchandising,
.bd-product-recommendations + .bd-product-merchandising {
    margin-top: clamp(40px, 6vw, 72px);
}


/* GP Premium native sticky add-to-cart, enabled only for supported products. */
.single-product #wc-sticky-cart-panel.add-to-cart-panel {
    top: auto !important;
    bottom: 0;
    padding-right: max(20px, env(safe-area-inset-right));
    padding-bottom: max(20px, env(safe-area-inset-bottom));
    padding-left: max(20px, env(safe-area-inset-left));
    border-top: 1px solid var(--bd-outline-variant);
    border-bottom: 0;
    border-radius: 0;
    background: var(--bd-surface);
    color: var(--bd-text);
    box-shadow: none;
    transform: translateY(100%) !important;
    pointer-events: none;
}

.single-product #wc-sticky-cart-panel.add-to-cart-panel.show-sticky-add-to-cart,
.single-product #wc-sticky-cart-panel.add-to-cart-panel.item-added {
    opacity: 1;
    transform: translateY(0) !important;
    pointer-events: auto;
}

.single-product #wc-sticky-cart-panel .inside-add-to-cart-panel {
    width: min(var(--bd-content), 100%);
    margin-inline: auto;
}

.single-product #wc-sticky-cart-panel .product-title {
    color: var(--bd-primary);
    font-family: var(--bd-serif);
}

.bd-product-buying-facts strong a {
    color: inherit;
    text-decoration-color: var(--bd-gold);
    text-underline-offset: 0.16em;
}

.single-product #wc-sticky-cart-panel :where(.button, input.qty) {
    min-height: 44px;
    border-radius: var(--bd-radius);
}

.single-product #wc-sticky-cart-panel .button {
    border: 1px solid var(--bd-primary);
    background: var(--bd-primary);
    color: var(--bd-on-primary);
}

.single-product #wc-sticky-cart-panel :where(a, button, input):focus-visible {
    outline: 2px solid var(--bd-gold);
    outline-offset: 3px;
}

@media (max-width: 768px) {
    .single-product #wc-sticky-cart-panel.add-to-cart-panel {
        padding: 12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    }

    .single-product #wc-sticky-cart-panel .product-image {
        display: none;
    }

    .single-product #wc-sticky-cart-panel .product-title {
        min-width: 0;
        padding-right: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .single-product #wc-sticky-cart-panel.add-to-cart-panel {
        transition: none !important;
    }
}

@media (max-width: 1024px) {
    .bd-commerce.single-product div.product .bd-product-top,
    .bd-commerce .woocommerce-checkout {
        grid-template-columns: 1fr;
    }

    .bd-commerce.single-product div.product .bd-product-top > div.summary {
        position: static;
    }

    .bd-commerce #order_review_heading,
    .bd-commerce #order_review,
    .bd-commerce #customer_details {
        position: static;
        grid-column: auto;
        grid-row: auto;
    }

    body.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery {
        display: block;
    }

    body.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-viewport {
        width: 100%;
    }

    /* display: flex intentionally removed here (2026-09-04 fix round 1):
       this legacy row-scroll layout is superseded by the redesign's
       four-column grid (.bd-pdp-mobile .flex-control-thumbs, in
       bigdiamond-product-page-mobile.css), which is the only remaining
       rule setting `display` on this element in the stacked tier once it
       stops applying here. The declarations below are vestigial for the
       stacked tier now that display is no longer flex, kept in place
       per task scope rather than pruning unrelated cleanup. */
    body.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs {
        flex-direction: row;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 12px;
        padding: 2px 0 8px;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    body.bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs li {
        flex: 0 0 clamp(66px, 18vw, 86px);
        width: clamp(66px, 18vw, 86px);
        scroll-snap-align: start;
    }

    .bd-commerce.single-product div.product div.images img {
        aspect-ratio: 1 / 1;
    }

    .bd-commerce.single-product div.product form.cart .single_add_to_cart_button.button.alt {
        width: 100%;
        min-width: 0;
    }

    .bd-gallery-progress {
        display: flex;
        width: 72px;
        height: 1px;
        justify-content: center;
        gap: 0;
        margin: 14px auto 0;
        background: color-mix(in srgb, var(--bd-outline-variant) 45%, transparent);
    }

    .bd-gallery-progress__dot {
        flex: 1 1 0;
        height: 1px;
        background: transparent;
        transition: background-color var(--bd-duration) var(--bd-ease);
    }

    .bd-gallery-progress__dot.is-active {
        background: var(--bd-gold-ink);
    }
}


.bd-commerce.woocommerce ul.products li.product,
.bd-commerce.woocommerce-page ul.products li.product {
}

.bd-commerce.woocommerce ul.products li.product:hover,
.bd-commerce.woocommerce-page ul.products li.product:hover {
    border-color: var(--bd-outline-variant);
    background: var(--bd-surface-lowest);
}

.bd-commerce ul.products li.product a img {
    transition: transform var(--bd-duration) var(--bd-ease);
}

.bd-commerce ul.products li.product:hover a img {
    transform: scale(1.02);
}

.bd-commerce span.onsale,
.bd-commerce ul.products li.product .onsale {
    top: 14px;
    right: 14px;
    left: auto;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
    background: var(--bd-secondary);
    color: var(--bd-primary-deep);
    padding: 8px 10px;
    font: 700 10px/1 var(--bd-sans);
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bd-commerce.single-product div.product .bd-product-top > span.onsale {
    position: absolute;
    z-index: 4;
    top: clamp(14px, 2vw, 24px);
    right: auto;
    left: clamp(14px, 2vw, 24px);
    margin: 0;
}


@media (prefers-reduced-motion: reduce) {
    .bd-commerce.single-product div.product div.images img,
    .bd-commerce-toast,
    .bd-commerce-toast.is-preparing,
    .bd-commerce-toast.is-leaving {
        transform: none;
        transition: none;
    }
}

.bd-commerce.single-product .summary .stock {
    color: var(--bd-primary-container);
    font: 700 11px/1.2 var(--bd-sans);
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bd-commerce .product_meta {
    display: grid;
    gap: 10px;
    border-top: 1px solid var(--bd-border);
    margin-top: 28px;
    padding-top: 22px;
    color: var(--bd-muted);
    font-size: 14px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.bd-commerce div.product .woocommerce-tabs ul.tabs,
.bd-commerce .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: clamp(14px, 2.5vw, 32px) !important;
    border-bottom: 1px solid #EAE8E3 !important;
    margin: 0 0 clamp(28px, 3.5vw, 44px) !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.bd-commerce .woocommerce-tabs ul.tabs::before,
.bd-commerce .woocommerce-tabs ul.tabs li::before,
.bd-commerce .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.bd-commerce div.product .woocommerce-tabs ul.tabs li,
.bd-commerce .woocommerce-tabs ul.tabs li {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.bd-commerce div.product .woocommerce-tabs ul.tabs li a,
.bd-commerce .woocommerce-tabs ul.tabs li a {
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 2px !important;
    color: #666666 !important;
    font: 600 12px/1.2 var(--bd-sans) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    transition: color 0.15s ease, border-color 0.15s ease !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.bd-commerce div.product .woocommerce-tabs ul.tabs li a:hover,
.bd-commerce .woocommerce-tabs ul.tabs li a:hover {
    color: #111111 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.bd-commerce div.product .woocommerce-tabs ul.tabs li.active,
.bd-commerce .woocommerce-tabs ul.tabs li.active {
    background: transparent !important;
    border: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.bd-commerce div.product .woocommerce-tabs ul.tabs li.active a,
.bd-commerce .woocommerce-tabs ul.tabs li.active a {
    color: #111111 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #111111 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.bd-accordion__native-tabs,
.bd-commerce div.product .woocommerce-tabs ul.tabs.bd-accordion__native-tabs,
.bd-commerce.single-product .woocommerce-tabs ul.tabs.bd-accordion__native-tabs {
    display: none !important;
}

/* Accordion enhancement (JS-enabled): the single-product tabs become
 * expandable sections, matching the Stitch product-detail reference. The
 * native ul.tabs / li markup above stays in the DOM (li hidden inline by
 * the script) so a JS failure falls back to fully working horizontal tabs. */
.bd-commerce.single-product .woocommerce-tabs.bd-accordion {
    margin-top: clamp(48px, 6vw, 80px);
    border-top: 1px solid var(--bd-border);
}

.bd-accordion__item {
    border-bottom: 1px solid var(--bd-border);
}

.bd-accordion__trigger {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 4px;
    background: transparent;
    border: 0;
    color: var(--bd-primary);
    font: 700 11px/1.2 var(--bd-sans);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}

.bd-accordion__trigger:hover {
    color: var(--bd-gold-ink);
}

.bd-accordion__icon {
    position: relative;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.bd-accordion__icon::before,
.bd-accordion__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
    transition: transform var(--bd-duration) var(--bd-ease);
}

.bd-accordion__icon::before {
    width: 12px;
    height: 1.5px;
}

.bd-accordion__icon::after {
    width: 1.5px;
    height: 12px;
}

.bd-accordion__trigger[aria-expanded="true"] .bd-accordion__icon::after {
    transform: translate(-50%, -50%) rotate(90deg) scale(0);
}

.bd-accordion__item .woocommerce-Tabs-panel {
    padding: 0 4px 26px;
    color: var(--bd-muted);
    font-size: 15px;
    line-height: 1.75;
}

.bd-accordion__item .woocommerce-Tabs-panel[hidden] {
    display: none !important;
}

.bd-commerce.single-product .woocommerce-tabs.bd-accordion .bd-accordion__item.is-open > .woocommerce-Tabs-panel {
    display: block !important;
    visibility: visible;
    opacity: 1;
}

.bd-accordion__item .woocommerce-Tabs-panel h2 {
    margin: 0 0 14px;
    color: var(--bd-primary);
    font-family: var(--bd-serif);
    font-size: 22px;
}


/* Panel Content Formatting & Reading Measure */
.woocommerce div.product .woocommerce-tabs,
.bd-commerce div.product .woocommerce-tabs,
.bd-commerce .woocommerce-tabs .woocommerce-Tabs-panel {
    scroll-margin-top: calc(var(--bd-nav-height, 72px) + 24px);
}

.bd-commerce .woocommerce-tabs .woocommerce-Tabs-panel {
    color: #333333;
    font-size: 15px;
    line-height: 1.75;
}

.bd-commerce .woocommerce-tabs .woocommerce-Tabs-panel--description,
.bd-commerce #tab-description {
    max-width: 760px;
}

.bd-commerce .woocommerce-tabs .woocommerce-Tabs-panel--description h2,
.bd-commerce #tab-description h2 {
    color: #111111;
    font: 600 16px/1.3 var(--bd-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 16px;
}

.bd-commerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews,
.bd-commerce #tab-reviews {
    max-width: 820px;
}

.bd-commerce #tab-reviews .woocommerce-noreviews {
    padding: 20px 24px;
    background: #FBFBFA;
    border: 1px solid #ECEAE6;
    border-radius: 4px;
    color: #555555;
    font: 400 14px/1.6 var(--bd-sans);
    margin: 0 0 24px;
}

.bd-commerce #tab-reviews .comment-reply-title {
    display: block;
    font: 600 16px/1.4 var(--bd-serif, serif);
    color: #111111;
    margin: 0 0 14px;
}

.bd-commerce #tab-reviews .must-log-in {
    font: 400 13px/1.5 var(--bd-sans);
    color: #666666;
    margin: 12px 0 0;
}

.bd-commerce #tab-reviews .must-log-in a {
    color: #111111;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bd-commerce #tab-reviews #commentform {
    display: grid;
    gap: 16px;
    margin-top: 16px;
}

.bd-commerce #tab-reviews #commentform label {
    font: 600 12px/1.2 var(--bd-sans);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111111;
    margin-bottom: 6px;
    display: block;
}

.bd-commerce #tab-reviews #commentform textarea {
    width: 100%;
    min-height: 120px;
    padding: 12px 16px;
    border: 1px solid #D8D6D1;
    border-radius: 4px;
    font: 400 14px/1.5 var(--bd-sans);
    background: #FFFFFF;
    color: #111111;
}

.bd-commerce #tab-reviews #commentform .submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    background: #111111;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    font: 600 12px/1.2 var(--bd-sans);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease;
}

.bd-commerce #tab-reviews #commentform .submit:hover {
    background: #2E5339;
}

/* 2-Column Balanced Jewellery Specs Grid */
.bd-product-spec-grid-2col {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(24px, 4vw, 48px);
    align-items: start;
}

@media (max-width: 820px) {
    .bd-product-spec-grid-2col {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

.bd-product-spec-group,
.bd-product-spec-grid-2col .bd-product-spec-group {
    grid-column: auto !important;
    border-top: 1px solid #111111;
    padding-top: 18px;
}

.bd-product-spec-group h3 {
    margin: 0 0 16px;
    color: #111111;
    font: 700 11px/1.2 var(--bd-sans);
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bd-product-spec-group dl {
    display: grid;
    margin: 0;
}

.bd-product-spec-group dl div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 20px;
    border-bottom: 1px solid #ECEAE6;
    padding: 12px 0;
}

.bd-product-spec-group dt {
    color: #666666;
    font: 500 12px/1.4 var(--bd-sans);
    letter-spacing: 0.03em;
    text-transform: none;
    flex: 1 1 auto;
}

.bd-product-spec-group dd {
    margin: 0;
    color: #111111;
    font: 600 13px/1.4 var(--bd-sans);
    text-align: right;
    flex: 0 0 auto;
}

/* Luxury Trust Cards & Service Modules */
.bd-luxury-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin: 12px 0 24px;
}

.bd-luxury-card-grid--compact {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}

.bd-luxury-card {
    border: 1px solid #EAE8E3;
    background: #FAFAF8;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.bd-luxury-card--wide {
    max-width: 760px;
}

.bd-luxury-card--compact {
    padding: 16px 20px;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    background: #FFFFFF;
}

.bd-luxury-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #111111;
}

.bd-luxury-card__icon svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.5;
}

.bd-luxury-card__title {
    margin: 0;
    color: #111111;
    font: 600 14px/1.3 var(--bd-sans);
    letter-spacing: 0.02em;
}

.bd-luxury-card__desc {
    margin: 0;
    color: #555555;
    font: 400 13px/1.6 var(--bd-sans);
}

.bd-luxury-card__subtext {
    margin: 4px 0 0;
    color: #777777;
    font: 400 12px/1.5 var(--bd-sans);
}

.bd-luxury-card__link {
    margin-top: 6px;
    color: #111111;
    font: 600 12px/1.2 var(--bd-sans);
    letter-spacing: 0.04em;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.15s ease;
}

.bd-luxury-card__link:hover {
    color: #0F4C3A;
    text-decoration: underline;
}

.bd-luxury-section-intro {
    margin: 0 0 14px;
    color: #666666;
    font: 500 13px/1.4 var(--bd-sans);
}

.bd-product-trust-list {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
}

.bd-product-trust-list li a {
    color: #666666;
    font: 500 12px/1.4 var(--bd-sans);
    text-decoration: underline;
    transition: color 0.15s ease;
}

.bd-product-trust-list li a:hover {
    color: #111111;
}

.bd-merchant-data {
    max-width: 680px;
}

.bd-merchant-data dl {
    display: grid;
    margin: 0;
    border-top: 1px solid #111111;
    padding-top: 12px;
}

.bd-merchant-data dl div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid #ECEAE6;
}

.bd-merchant-data dt {
    color: #666666;
    font: 500 12px/1.4 var(--bd-sans);
    letter-spacing: 0.03em;
    text-transform: none;
}

.bd-merchant-data dd {
    margin: 0;
    color: #111111;
    font: 600 13px/1.4 var(--bd-sans);
    text-align: right;
}

/* Desktop product detail: the Stitch reference treats the product view as a
 * full-bleed two-column composition. Scope this to Woo single products so
 * GeneratePress container widths remain unchanged on editorial pages and on
 * the checkout/account transaction surfaces. The gallery uses its natural
 * square source ratio (no crop) while the right panel keeps all product facts
 * in view and anchors WooCommerce's native purchase form at the bottom. */
@media (min-width: 1025px) {
    .bd-global-header.bd-commerce.single-product .site.grid-container,
    .bd-global-header.bd-commerce.single-product .site-content,
    .bd-global-header.bd-commerce.single-product .content-area,
    .bd-global-header.bd-commerce.single-product .inside-article,
    .bd-global-header.bd-commerce.single-product .entry-content,
    .bd-global-header.bd-commerce.single-product div.product {
        width: 100%;
        max-width: none;
    }

    .bd-global-header.bd-commerce.single-product .site.grid-container {
        margin-inline: 0;
    }

    .bd-global-header.bd-commerce.single-product .site-content {
        margin-inline: 0;
        padding: clamp(28px, 3.5vw, 64px) 0 clamp(56px, 6vw, 112px);
    }

    .bd-global-header.bd-commerce.single-product .woocommerce-breadcrumb {
        margin: 0 clamp(24px, 4vw, 72px) clamp(20px, 2.5vw, 40px);
    }

    .bd-commerce.single-product div.product .bd-product-top {
        grid-template-columns: minmax(0, 60fr) minmax(0, 40fr);
        gap: 0;
        align-items: start;
    }

    .bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > div.images {
        min-width: 0;
        grid-column: 1;
    }

    .bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > .bd-product-video {
        min-width: 0;
        grid-column: 1;
        margin: 24px 0 0;
    }

    .bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > .bd-product-benefits-strip {
        min-width: 0;
        grid-column: 1;
        margin: 20px 0 48px;
    }

    .bd-global-header.bd-commerce.single-product.woocommerce-page .entry-content > div.product > .bd-product-top > div.summary {
        grid-column: 2;
        grid-row: 1 / span 5;
        position: sticky;
        top: 76px;
        align-self: start;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - 76px);
        max-height: calc(100vh - 76px);
        overflow-y: auto;
        margin: 0;
        padding: clamp(32px, 4.5vw, 88px) clamp(28px, 5.5vw, 104px);
        background: var(--bd-surface);
    }

    .bd-commerce.single-product .summary .product_title {
        font-size: clamp(30px, 2.75vw, 44px);
        line-height: 1.08;
    }

    .bd-commerce.single-product .summary .woocommerce-product-details__short-description {
        max-width: 48ch;
        font-size: 15px;
        line-height: 1.6;
    }

    .bd-commerce.single-product .summary form.cart {
        margin-top: auto;
        margin-bottom: 0;
    }

    .bd-commerce.single-product .summary form.cart .single_add_to_cart_button {
        flex: 1 1 auto;
    }
}

/* -------------------------------------------------------------------------
 * Compare: floating tray
 * ---------------------------------------------------------------------- */

.bd-compare-tray {
    position: fixed;
    left: 50%;
    bottom: 18px;
    z-index: 120;
    width: min(680px, calc(100vw - 32px));
    transform: translateX(-50%);
    border: 1px solid var(--bd-border-soft);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.97);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 14px 40px rgba(15, 42, 29, 0.16);
    animation: bd-compare-tray-in 220ms ease;
}

@keyframes bd-compare-tray-in {
    from { opacity: 0; transform: translate(-50%, 12px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

.bd-compare-tray__inner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    flex-wrap: wrap;
}

.bd-compare-tray__count {
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: 6px;
    font: 700 20px/1 var(--bd-serif, var(--bd-sans));
    color: var(--bd-primary);
}

.bd-compare-tray__count-label {
    font: 600 12px/1 var(--bd-sans);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--bd-muted);
}

.bd-compare-tray__thumbs {
    display: flex;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.bd-compare-tray__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.bd-compare-tray__clear {
    border: 0;
    background: none;
    padding: 6px 8px;
    color: var(--bd-muted);
    font: 600 12px/1 var(--bd-sans);
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
}

.bd-compare-tray__clear:hover {
    color: var(--bd-primary);
    text-decoration: underline;
}

.bd-compare-tray__go {
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .bd-compare-tray__inner {
        gap: 10px;
        padding: 10px 12px;
    }

    .bd-compare-tray__thumbs {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bd-compare-tray {
        animation: none;
    }
}


/* -------------------------------------------------------------------------
 * Quick chips (above results)
 * ---------------------------------------------------------------------- */

.bd-quick-chips {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 clamp(18px, 2.4vw, 26px);
    padding-bottom: clamp(14px, 2vw, 20px);
    border-bottom: 1px solid var(--bd-border-soft);
}

.bd-quick-chips__group {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.bd-quick-chips__label {
    flex: none;
    font: 600 11px/1 var(--bd-sans);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bd-muted);
}

.bd-quick-chips__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bd-quick-chips__item {
    margin: 0;
}

.bd-quick-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border: 1px solid var(--bd-border-soft);
    border-radius: 999px;
    background: #fff;
    color: var(--bd-primary);
    font: 600 13px/1 var(--bd-sans);
    text-decoration: none;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.bd-quick-chip:hover {
    border-color: var(--bd-secondary);
    color: var(--bd-gold-ink);
}

.bd-quick-chip__count {
    font-size: 11px;
    font-weight: 500;
    color: var(--bd-muted);
}

.bd-quick-chip.is-active {
    background: var(--bd-primary);
    border-color: var(--bd-primary);
    color: #fff;
}

.bd-quick-chip.is-active .bd-quick-chip__count {
    color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 600px) {
    .bd-quick-chips__group {
        display: block;
    }

    .bd-quick-chips__label {
        display: block;
        margin-bottom: 9px;
    }

    .bd-quick-chips__list {
        width: 100%;
        padding-bottom: 5px;
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline proximity;
        scrollbar-width: thin;
    }

    .bd-quick-chips__item {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bd-quick-chip {
        transition: none;
    }
}

/* -------------------------------------------------------------------------
 * Single product: direct-category link + compact breadcrumb trail
 * ---------------------------------------------------------------------- */

.bd-product-nav {
    margin: 0 0 32px;
}

.bd-product-nav__inner {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    gap: 0 12px;
    align-items: flex-start;
    border-top: 1px solid var(--bd-outline-variant);
    padding: 0;
}

.bd-product-nav__back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    min-height: 44px;
    flex: none;
    margin-top: -1px;
    padding: 8px 12px 8px 0;
    background: var(--bd-surface-lowest);
    color: var(--bd-primary);
    font: 500 13px/1.4 var(--bd-sans);
    letter-spacing: 0.01em;
    text-decoration: none;
    transition: color 160ms ease;
}

.bd-product-nav__back:hover,
.bd-product-nav__back:focus-visible {
    color: var(--bd-gold-ink);
    text-decoration: none;
}

.bd-product-nav__back-icon {
    flex: none;
    font-size: 18px;
    line-height: 1;
}

.bd-product-nav__back-prefix,
.bd-product-nav__back-category {
    white-space: nowrap;
}

.bd-product-nav__back-category {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bd-product-nav__breadcrumbs {
    flex: 1 1 190px;
    min-width: 0;
    padding-top: 10px;
    overflow: hidden;
}

.bd-product-nav__crumbs {
    display: flex;
    align-items: center;
    min-width: 0;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    color: var(--bd-muted);
    font: 500 12px/1.4 var(--bd-sans);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.bd-product-nav__crumb {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    flex: 0 0 auto;
    white-space: nowrap;
}

.bd-product-nav__crumb:not(:last-child)::after {
    content: "/";
    margin: 0 10px;
    color: var(--bd-border-soft);
}

.bd-product-nav__crumb a {
    color: var(--bd-muted);
    text-decoration: none;
    transition: color 140ms ease;
}

.bd-product-nav__crumb a:hover {
    color: var(--bd-gold-ink);
    text-decoration: none;
}

.bd-product-nav__crumb.is-current span {
    color: var(--bd-primary);
    font-weight: 600;
    max-width: 18ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .bd-product-nav__breadcrumbs {
        flex-basis: 100%;
    }
}

@media (min-width: 1200px) {
    .bd-product-nav__inner {
        flex-wrap: nowrap;
    }

    .bd-product-nav__breadcrumbs {
        flex-basis: 0;
    }
}

@media (max-width: 1024px) {
    .bd-product-nav {
        margin-bottom: 28px;
    }

    .bd-product-nav__inner {
        display: grid;
        gap: 0;
    }

    .bd-product-nav__back {
        width: max-content;
    }

    .bd-product-nav__back-prefix {
        display: none;
    }

    .bd-product-nav__crumbs {
        font-size: 12px;
        letter-spacing: 0.02em;
    }

    .bd-product-nav__crumb:not(:last-child)::after {
        margin-inline: 5px;
    }

    .bd-product-nav__crumb.is-current span {
        max-width: 12ch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bd-product-nav__back,
    .bd-product-nav__crumb a {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bd-global-header.bd-commerce.single-product .woocommerce-product-gallery .flex-control-thumbs img {
        transition: none;
    }
}