/* Stone Galleria | Product Page | Consolidated V3
 * Extracted without changes to CSS declarations from 21 noncritical style blocks
 * Source: resources/views/service-details.blade.php (V2 SHA 8df18fa97aff)
 * The first critical/CLS block, conditional pricing CSS, and in-content breadcrumb CSS remain inline.
 * Keep section order intact; later rules intentionally override earlier rules.
 */

/* ===== 02 | sg-mobile-cta-alignment-v1 ===== */

        @media (max-width: 768px) {
            .roomvo-area-calculator-button .btn-four {
                width: calc(100% + 30px) !important;
                max-width: none !important;
                margin-left: -15px !important;
                box-sizing: border-box;
            }
        }
    

/* ===== 03 | sg-product-ui-refinement-v1 ===== */

        /* Scope all changes to product pages. Existing selects and price logic are unchanged. */
        .product-dp .sg-ui-label-row {
            display: flex; align-items: center; justify-content: space-between;
            gap: 6px; width: 100%; min-height: 22px;
        }
        .product-dp .sg-ui-label-row label {
            display: block; flex: 1 1 auto; min-width: 0;
            margin: 0; text-align: left;
        }
        /* Keep the four dropdowns vertically aligned, including Thickness. */
        .product-dp .price-container .selection.selection-grid .option > .sg-ui-label-row {
            min-height: 28px; margin-bottom: 6px;
        }
        .product-dp .price-container .selection.selection-grid .option > label:not(.sg-ui-source-hidden) {
            min-height: 28px; display: flex; align-items: center; margin-bottom: 6px;
        }
        .product-dp .sg-ui-help-link,
        .product-dp .sg-ui-grade-trigger {
            display: inline-flex; align-items: center; justify-content: center;
            flex: 0 0 28px; width: 28px; height: 28px;
            padding: 0; border: 0; border-radius: 50%;
            color: #8b6f4e; background: transparent;
            text-decoration: none; cursor: pointer;
            -webkit-tap-highlight-color: transparent;
        }
        .product-dp .sg-ui-help-link:hover,
        .product-dp .sg-ui-grade-trigger:hover { background: #f6f2ed; }
        .product-dp .sg-ui-help-link:focus-visible,
        .product-dp .sg-ui-grade-trigger:focus-visible {
            outline: 2px solid #8b6f4e; outline-offset: 2px;
        }
        .product-dp .sg-ui-help-link svg,
        .product-dp .sg-ui-grade-trigger svg { width: 17px; height: 17px; display: block; }
        /* Original tooltip remains in the DOM as read-only source for existing scripts,
           but only the independent, accessible dialog is visible. */
        .product-dp .grade-label-wrap.sg-ui-source-hidden { display: none !important; }
        .sg-ui-grade-dialog[hidden] { display: none !important; }
        .sg-ui-grade-dialog {
            position: fixed; inset: 0; z-index: 11000;
            display: flex; align-items: center; justify-content: center;
            padding: 16px; box-sizing: border-box;
        }
        .sg-ui-grade-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
        .sg-ui-grade-panel {
            position: relative; display: flex; flex-direction: column;
            width: min(540px,100%); max-height: calc(100vh - 32px);
            max-height: calc(100dvh - 32px); overflow: hidden;
            background: #fff; color: #252525; border-radius: 12px;
            box-shadow: 0 12px 38px rgba(0,0,0,.2);
        }
        .sg-ui-grade-header {
            flex: 0 0 auto; padding: 14px 16px; display: flex;
            justify-content: space-between; align-items: center; gap: 12px;
            border-bottom: 1px solid #eee;
        }
        .sg-ui-grade-header h2 { margin: 0; font-size: 17px; line-height: 1.3; font-weight: 600; color: #292929; }
        .sg-ui-grade-close {
            width: 36px; height: 36px; flex: 0 0 36px; border: 0;
            border-radius: 50%; background: #f5f5f5; color: #222;
            font-size: 23px; cursor: pointer; line-height: 1;
        }
        .sg-ui-grade-close:focus-visible { outline: 2px solid #8b6f4e; outline-offset: 2px; }
        .sg-ui-grade-content {
            min-height: 0; overflow-y: auto; overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch; padding: 4px 0 14px;
        }
        .sg-ui-grade-content .tip-grid { display: grid; grid-template-columns: 1fr; }
        .sg-ui-grade-content .tip-col {
            border-right: none; border-bottom: 1px solid #f2f2f2;
            padding: 12px 18px;
        }
        .sg-ui-grade-content .tip-col__name { font-size: 14px; }
        .sg-ui-grade-content .tip-col__desc,
        .sg-ui-grade-content .tip-col__traits li { font-size: 12px; line-height: 1.5; }
        .sg-ui-grade-content .tip-footer { padding: 12px 18px; font-size: 11px; line-height: 1.5; }
        @media (min-width: 769px) {
            .sg-ui-grade-dialog { display: block; padding: 0; }
            .sg-ui-grade-backdrop { background: transparent; }
            .sg-ui-grade-panel {
                position: fixed; width: min(480px, calc(100vw - 24px));
                max-height: min(560px, calc(100dvh - 24px));
            }
        }
        @media (max-width: 768px) {
            .product-dp #showMoreBtn1, .product-dp #showMoreBtn {
                appearance: none !important; background: #fff !important;
                color: #8b6f4e !important; border: 1px solid #8b6f4e !important;
                border-radius: 6px !important; padding: 10px 20px !important;
                min-width: 140px; min-height: 44px;
                font-size: 13px !important; font-weight: 600 !important;
                line-height: 1.4 !important; box-shadow: none !important;
                cursor: pointer;
            }
            .product-dp #showMoreBtn1:focus-visible,
            .product-dp #showMoreBtn:focus-visible { outline: 2px solid #8b6f4e; outline-offset: 2px; }
            .product-dp .sg-ui-three-tabs {
                display: grid !important;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                width: 100%; gap: 0; flex-wrap: nowrap !important;
            }
            .product-dp .sg-ui-three-tabs > li {
                float: none !important; display: block !important;
                width: auto !important; min-width: 0;
                margin: 0 !important; text-align: center !important;
            }
            .product-dp .sg-ui-three-tabs > li > a {
                display: flex !important; align-items: center;
                justify-content: center; width: 100%; margin: 0 !important;
                padding: 10px 2px !important; white-space: nowrap;
                text-align: center;
            }
            .product-dp .sg-ui-three-tabs h2.tab-heading {
                font-size: clamp(12px, 3.15vw, 15px) !important;
                line-height: 1.3 !important; letter-spacing: 0 !important;
                white-space: nowrap;
            }
            .sg-ui-grade-dialog { align-items: flex-end; padding: 0; }
            .sg-ui-grade-panel {
                width: 100%; max-height: calc(100vh - 16px);
                max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 16px);
                border-radius: 16px 16px 0 0;
                padding-bottom: env(safe-area-inset-bottom, 0px);
            }
        }
        @media (prefers-reduced-motion: reduce) {
            .sg-ui-grade-dialog, .sg-ui-grade-panel { transition: none !important; animation: none !important; }
        }
    

/* ===== 04 | sg-product-mobile-polish-v1 ===== */

        /* The original weight explanation is retained as a DOM data source but never shown by CSS hover. */
        .product-dp .sg-polish-weight-bound .weight-tooltip { display: none !important; }
        .product-dp .sg-polish-weight-bound .grade-tip-icon {
            cursor: pointer; touch-action: manipulation;
        }
        .sg-polish-weight-dialog[hidden] { display: none !important; }
        .sg-polish-weight-dialog {
            position: fixed; inset: 0; z-index: 11010;
            display: flex; align-items: center; justify-content: center;
            padding: 16px; box-sizing: border-box;
        }
        .sg-polish-weight-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.43); }
        .sg-polish-weight-panel {
            position: relative; display: flex; flex-direction: column;
            width: min(460px, 100%); max-height: calc(100vh - 32px);
            max-height: calc(100dvh - 32px);
            background: #fff; color: #252525; border-radius: 12px;
            overflow: hidden; box-shadow: 0 14px 42px rgba(0,0,0,.19);
        }
        .sg-polish-weight-head {
            display: flex; flex: 0 0 auto; justify-content: space-between; align-items: center;
            gap: 12px; padding: 14px 16px; border-bottom: 1px solid #eaeaea;
        }
        .sg-polish-weight-head h2 { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.3; }
        .sg-polish-weight-close {
            display: inline-flex; align-items: center; justify-content: center;
            width: 38px; height: 38px; flex: 0 0 38px; border: 0;
            border-radius: 50%; background: #f5f5f5; color: #222;
            cursor: pointer; font-size: 23px;
        }
        .sg-polish-weight-close:focus-visible { outline: 2px solid #8b6f4e; outline-offset: 2px; }
        .sg-polish-weight-body {
            overflow-y: auto; overscroll-behavior: contain; min-height: 0;
            padding: 16px 18px; -webkit-overflow-scrolling: touch;
            font-size: 13px; line-height: 1.55;
        }
        .sg-polish-weight-body :first-child { margin-top: 0; }
        .sg-polish-weight-body :last-child { margin-bottom: 0; }
        .area-post .share-list.sg-polish-monochrome-share a,
        .area-post .share-list.sg-polish-monochrome-share a:hover {
            color: #353535 !important; border-color: #d7d7d7 !important;
            background: transparent !important; box-shadow: none;
        }
        .area-post .share-list.sg-polish-monochrome-share a:hover {
            border-color: #8b6f4e !important; background: #f7f4f0 !important;
        }
        .area-post .share-list.sg-polish-monochrome-share a svg {
            display: block; width: 18px; height: 18px; fill: none;
        }
        .area-post .share-list.sg-polish-monochrome-share a:focus-visible {
            outline: 2px solid #8b6f4e; outline-offset: 2px;
        }
        @media (min-width: 769px) {
            .sg-polish-weight-dialog { display: block; padding: 0; }
            .sg-polish-weight-backdrop { background: transparent; }
            .sg-polish-weight-panel {
                position: fixed; width: min(420px, calc(100vw - 24px));
                max-height: calc(100dvh - 24px);
            }
        }
        @media (max-width: 768px) {
            /* One centered group, preserving each currency/unit button and click handler. */
            .product-dp .price-container .price-div {
                flex-direction: column !important; align-items: center !important;
                justify-content: center !important; gap: 8px !important;
                margin-bottom: 12px !important;
            }
            .product-dp .price-container .price-div .product-title {
                text-align: center; margin: 0 !important;
            }
            .product-dp .price-container .price-div .price-filter {
                margin-left: 0 !important; margin-right: 0 !important;
                justify-content: center !important; flex-wrap: nowrap !important;
                gap: 8px !important; max-width: 100%;
            }
            .product-dp .price-container .selection.selection-grid {
                margin-top: 14px !important; margin-bottom: 16px !important;
            }
            .product-dp .weight-display {
                padding-top: 2px; padding-bottom: 2px;
                margin-top: 2px; margin-bottom: 2px;
                /* Keep existing min-height / visibility-based CLS reservation. */
            }
            .product-dp .area-post .post-share {
                padding: 8px 0 4px !important; justify-content: center;
                gap: 8px;
            }
            .product-dp .area-post .share-list { gap: 8px; }
            .sg-polish-weight-dialog { align-items: flex-end; padding: 0; }
            .sg-polish-weight-panel {
                width: 100%; max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 16px);
                border-radius: 16px 16px 0 0;
                padding-bottom: env(safe-area-inset-bottom, 0px);
            }
        }
        @media (prefers-reduced-motion: reduce) {
            .sg-polish-weight-dialog, .sg-polish-weight-panel { animation: none !important; transition: none !important; }
        }
    

/* ===== 05 | sg-product-bottom-spacing-v1 ===== */

/* Stone Galleria bottom-of-product refinement, no pricing or slider initialization edits. */
/* Compact feedback strip, keeping the feedback drawer itself unchanged. */
body .pf-section {
  background: #fafafa !important;
  padding: 20px 0 !important;
}
body .pf-section-heading {
  color: #111;
  font-size: 16px !important;
  line-height: 1.35;
  margin-bottom: 0 !important;
}
body .pf-trigger-btn {
  -webkit-appearance: none;
  appearance: none;
  min-width: 140px;
  min-height: 42px;
  padding: 10px 20px !important;
  background: #fff !important;
  color: #8b6f4e !important;
  border: 1px solid #8b6f4e !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.3;
}
body .pf-trigger-btn:hover { background: #f8f4ef !important; color: #6e5338 !important; }
body .pf-trigger-btn:focus-visible { outline: 2px solid #8b6f4e; outline-offset: 3px; }

/* Recently Viewed is separate from the Suitable Uses slider. */
.product-dp #sg-recently-viewed { padding-bottom: 24px !important; }

/* Only the Suitable Uses carousel: put dots in normal flow after its slides.
   Avoid absolute bottom offsets that make dots sit on top of the next accordion. */
.product-dp #ss-suitable .slick-slider,
.product-dp .suitable .slick-slider {
  margin-bottom: 0 !important;
}
.product-dp #ss-suitable .slick-dots,
.product-dp .suitable .slick-dots {
  position: static !important;
  inset: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  height: auto;
  margin: 20px auto 22px !important;
  padding: 0 !important;
}
.product-dp #ss-suitable .slick-dots li,
.product-dp .suitable .slick-dots li { flex: none; }

/* Only the two named product accordions are tagged in JS, never others. */
.product-dp .sg-bottom-refine-toggle {
  padding: 16px 20px !important;
  min-height: 48px;
  font-size: 20px !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}
.product-dp .sg-bottom-refine-toggle h2,
.product-dp .sg-bottom-refine-toggle h3,
.product-dp .sg-bottom-refine-toggle .heading,
.product-dp .sg-bottom-refine-toggle .care-accordion__title {
  font-size: 20px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  text-transform: none !important;
}
/* Wrappers tagged only when each is unambiguously a separate accordion card. */
.product-dp .sg-bottom-refine-first-card { margin-bottom: 18px !important; }
.product-dp .sg-bottom-refine-second-card { margin-top: 0 !important; margin-bottom: 22px !important; }

@media (min-width: 769px) {
  body .pf-section-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
  }
}
@media (max-width: 768px) {
  body .pf-section { padding: 18px 0 !important; }
  body .pf-section-inner { text-align: center !important; }
  body .pf-section-heading { margin-bottom: 10px !important; }
  .product-dp #sg-recently-viewed { padding-bottom: 18px !important; }
  .product-dp #ss-suitable .slick-dots,
  .product-dp .suitable .slick-dots { margin-top: 14px !important; margin-bottom: 18px !important; }
  .product-dp .sg-bottom-refine-toggle { padding: 13px 15px !important; font-size: 16px !important; }
  .product-dp .sg-bottom-refine-toggle h2,
  .product-dp .sg-bottom-refine-toggle h3,
  .product-dp .sg-bottom-refine-toggle .heading,
  .product-dp .sg-bottom-refine-toggle .care-accordion__title { font-size: 16px !important; }
  .product-dp .sg-bottom-refine-first-card { margin-bottom: 14px !important; }
  .product-dp .sg-bottom-refine-second-card { margin-bottom: 20px !important; }
}


/* ===== 06 | sg-gallery-controls-v1 ===== */

/* SG Gallery Controls v1. Presentation only. Applies to the primary product hero.
   The existing video, fullscreen and slide-navigation elements keep their listeners.
   Designed to match the approved Safari preview at 55% resting opacity. */
.product-dp .product-hero-row .additional-links:has(#btn_video_view) {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 41 !important;
}
.product-dp .product-hero-row #btn_video_view,
.product-dp .product-hero-row .fullscreen-icon.js-fullscreen-open,
.product-dp .product-hero-row .main-image .nav-arrow {
    box-sizing: border-box !important;
    height: 40px !important;
    min-height: 40px !important;
    color: #fff !important;
    background: rgba(45, 42, 38, .55) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .10) !important;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color .2s ease !important;
}
/* Video: retain button and its existing click handler; use CSS play mark. */
.product-dp .product-hero-row #btn_video_view {
    width: auto !important;
    flex-direction: row !important;
    gap: 7px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}
.product-dp .product-hero-row #btn_video_view > span:has(img) {
    display: none !important;
}
.product-dp .product-hero-row #btn_video_view::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid currentColor;
    flex: 0 0 auto;
}
.product-dp .product-hero-row #btn_video_view .txt-sp {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #fff !important;
    white-space: nowrap;
}
/* Fullscreen: align top edge to the Videos control. */
.product-dp .product-hero-row .fullscreen-icon.js-fullscreen-open {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 40px !important;
    padding: 0 !important;
}
.product-dp .product-hero-row .fullscreen-icon.js-fullscreen-open svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
}
/* Lower-right previous / next controls, isolated to the hero image. */
.product-dp .product-hero-row .main-image .nav-arrow {
    position: absolute !important;
    bottom: 12px !important;
    top: auto !important;
    width: 40px !important;
    padding: 0 !important;
    transform: none !important;
}
.product-dp .product-hero-row .main-image .nav-arrow.left {
    left: auto !important;
    right: 60px !important;
}
.product-dp .product-hero-row .main-image .nav-arrow.right {
    left: auto !important;
    right: 12px !important;
}
.product-dp .product-hero-row .main-image .nav-arrow svg {
    width: 18px !important;
    height: 18px !important;
}
.product-dp .product-hero-row #btn_video_view:hover,
.product-dp .product-hero-row .fullscreen-icon.js-fullscreen-open:hover,
.product-dp .product-hero-row .main-image .nav-arrow:hover {
    background: rgba(45, 42, 38, .75) !important;
    transform: none !important;
}
.product-dp .product-hero-row #btn_video_view:focus-visible,
.product-dp .product-hero-row .fullscreen-icon.js-fullscreen-open:focus-visible,
.product-dp .product-hero-row .main-image .nav-arrow:focus-visible {
    outline: 2px solid #8b6f4e !important;
    outline-offset: 3px !important;
}
@media (prefers-reduced-motion: reduce) {
    .product-dp .product-hero-row #btn_video_view,
    .product-dp .product-hero-row .fullscreen-icon.js-fullscreen-open,
    .product-dp .product-hero-row .main-image .nav-arrow {
        transition: none !important;
    }
}


/* ===== 07 | sg-unified-product-section-icons-v1 ===== */

/* SGL Unified Product Section Icons v1
   Scoped heading-only styles. No heading text, markup or carousel JS changes.
   Native CSS pseudo-elements avoid additional JavaScript or layout shifts.
*/
.product-dp #ss-sizes h2.heading,
.product-dp .sizes h2.heading,
.product-dp #ss-thickness h2.heading,
.product-dp .thickness h2.heading,
.product-dp #ss-finish h2.heading,
.product-dp .finish h2.heading,
.product-dp #ss-suitable h2.heading,
.product-dp .suitable h2.heading,
.product-dp #ss-real h2.heading,
.product-dp .real h2.heading,
.product-dp #ss-faq h2.heading,
.product-dp .faq-style h2.heading,
.product-dp #ss-similar h2.heading,
.product-dp .similar-style h2.heading,
.product-dp #sg-recently-viewed h2.heading {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 30px !important;
  margin-top: 18px !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
}
.product-dp #ss-sizes h2.heading::before,
.product-dp .sizes h2.heading::before,
.product-dp #ss-thickness h2.heading::before,
.product-dp .thickness h2.heading::before,
.product-dp #ss-finish h2.heading::before,
.product-dp .finish h2.heading::before,
.product-dp #ss-suitable h2.heading::before,
.product-dp .suitable h2.heading::before,
.product-dp #ss-real h2.heading::before,
.product-dp .real h2.heading::before,
.product-dp #ss-faq h2.heading::before,
.product-dp .faq-style h2.heading::before,
.product-dp #ss-similar h2.heading::before,
.product-dp .similar-style h2.heading::before,
.product-dp #sg-recently-viewed h2.heading::before {
  content: "" !important;
  display: inline-block !important;
  position: static !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  flex: 0 0 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
}
/* sizes */
.product-dp #ss-sizes h2.heading::before,
.product-dp .sizes h2.heading::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGI2ZjRlIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCA0aDE2djE2SDR6Ii8+PHBhdGggZD0iTTggNHY1TTEyIDR2M00xNiA0djUiLz48cGF0aCBkPSJNNCA4aDVNNCAxMmgzTTQgMTZoNSIvPjwvc3ZnPg==") !important;
}
/* thickness */
.product-dp #ss-thickness h2.heading::before,
.product-dp .thickness h2.heading::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGI2ZjRlIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJtNCA3IDgtNCA4IDQtOCA0LTgtNFoiLz48cGF0aCBkPSJtNCAxMiA4IDQgOC00Ii8+PHBhdGggZD0ibTQgMTcgOCA0IDgtNCIvPjwvc3ZnPg==") !important;
}
/* finish */
.product-dp #ss-finish h2.heading::before,
.product-dp .finish h2.heading::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGI2ZjRlIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyA3YzMtMyA1IDMgOCAwczUtMyAxMCAwIi8+PHBhdGggZD0iTTMgMTNjMy0zIDUgMyA4IDBzNS0zIDEwIDAiLz48cGF0aCBkPSJNMyAxOWMzLTMgNSAzIDggMHM1LTMgMTAgMCIvPjwvc3ZnPg==") !important;
}
/* uses */
.product-dp #ss-suitable h2.heading::before,
.product-dp .suitable h2.heading::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGI2ZjRlIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI0IiB5PSIzIiB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHJ4PSIyIi8+PHBhdGggZD0ibTggMTIgMyAzIDUtNiIvPjwvc3ZnPg==") !important;
}
/* gallery */
.product-dp #ss-real h2.heading::before,
.product-dp .real h2.heading::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGI2ZjRlIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIi8+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSIxLjUiLz48cGF0aCBkPSJtMjEgMTUtNS01TDUgMjEiLz48L3N2Zz4=") !important;
}
/* faq */
.product-dp #ss-faq h2.heading::before,
.product-dp .faq-style h2.heading::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGI2ZjRlIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0iTTkuNSA5YTIuNSAyLjUgMCAxIDEgNC41IDEuNWMtLjkuOS0yIDEuMi0yIDIuNSIvPjxwYXRoIGQ9Ik0xMiAxN2guMDEiLz48L3N2Zz4=") !important;
}
/* related */
.product-dp #ss-similar h2.heading::before,
.product-dp .similar-style h2.heading::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGI2ZjRlIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMSIvPjxyZWN0IHg9IjE0IiB5PSIzIiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMSIvPjxyZWN0IHg9IjMiIHk9IjE0IiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMSIvPjxyZWN0IHg9IjE0IiB5PSIxNCIgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjEiLz48L3N2Zz4=") !important;
}
/* recent */
.product-dp #sg-recently-viewed h2.heading::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGI2ZjRlIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAxMmE5IDkgMCAxIDAgMy02LjciLz48cGF0aCBkPSJNMyA0djVoNSIvPjxwYXRoIGQ9Ik0xMiA3djVsMyAyIi8+PC9zdmc+") !important;
}
@media (max-width: 768px) {
.product-dp #ss-sizes h2.heading,
.product-dp .sizes h2.heading,
.product-dp #ss-thickness h2.heading,
.product-dp .thickness h2.heading,
.product-dp #ss-finish h2.heading,
.product-dp .finish h2.heading,
.product-dp #ss-suitable h2.heading,
.product-dp .suitable h2.heading,
.product-dp #ss-real h2.heading,
.product-dp .real h2.heading,
.product-dp #ss-faq h2.heading,
.product-dp .faq-style h2.heading,
.product-dp #ss-similar h2.heading,
.product-dp .similar-style h2.heading,
.product-dp #sg-recently-viewed h2.heading {
    gap: 9px !important;
    min-height: 26px !important;
    margin-top: 18px !important;
    margin-bottom: 12px !important;
  }
.product-dp #ss-sizes h2.heading::before,
.product-dp .sizes h2.heading::before,
.product-dp #ss-thickness h2.heading::before,
.product-dp .thickness h2.heading::before,
.product-dp #ss-finish h2.heading::before,
.product-dp .finish h2.heading::before,
.product-dp #ss-suitable h2.heading::before,
.product-dp .suitable h2.heading::before,
.product-dp #ss-real h2.heading::before,
.product-dp .real h2.heading::before,
.product-dp #ss-faq h2.heading::before,
.product-dp .faq-style h2.heading::before,
.product-dp #ss-similar h2.heading::before,
.product-dp .similar-style h2.heading::before,
.product-dp #sg-recently-viewed h2.heading::before {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex-basis: 22px !important;
  }
}


/* ===== 08 | sg-product-section-x-alignment-v1 ===== */

/* SG section heading X alignment v1: mobile only; leave section containers and dividers intact. */
@media (max-width: 767px) {
  .product-dp h2.heading.sg-x-aligned-v1,
  .product-dp h3.heading.sg-x-aligned-v1,
  #sg-recently-viewed h2.heading.sg-x-aligned-v1 {
    position: relative !important;
    left: var(--sg-section-heading-x-offset, 0px) !important;
  }
}


/* ===== 09 | sg-product-description-dynamic-spacing-v1 ===== */

/* Stone Galleria product hero: content-driven short-description spacing (desktop only).
   Matches the Safari-approved preview. Does not alter mobile or pricing internals. */
@media (min-width: 992px) {
  .product-dp .product-hero-row > .col-xl-5.col-md-5 > .padding-all.space-bottom {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 24px !important;
  }
}


/* ===== 10 | sg-unified-product-gallery-v1 ===== */

/* Stone Galleria Unified Product Gallery v1
   Desktop: hover-preview thumbnails, naturally scrollable 4.5-visible rail.
   Mobile: one gallery, main arrows, image counter, touch swipe. */
@media (min-width: 769px) {
  .product-dp .product-hero-row .image-gallery .thumbnail-slider {
    margin-top: 0 !important;
  }
  .product-dp .product-hero-row .image-gallery .thumbnail-slider > #prev,
  .product-dp .product-hero-row .image-gallery .thumbnail-slider > #next {
    display: none !important;
  }
  .product-dp .product-hero-row .image-gallery .thumbnail-slider .thumbnails {
    /* JS determines exactly 4 whole + half the fifth using rendered item pitch. */
    height: var(--sg-gallery-thumb-height, 450px) !important;
    max-height: 600px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    scroll-snap-type: none !important;
  }
  .product-dp .product-hero-row .image-gallery .thumbnail-slider .thumbnails::-webkit-scrollbar {
    display: none !important;
  }
  .product-dp .product-hero-row .image-gallery .thumbnail-slider .thumbnail {
    cursor: pointer !important;
    flex-shrink: 0 !important;
  }
}
@media (max-width: 768px) {
  .product-dp .product-hero-row .image-gallery > .lft-slider {
    display: none !important;
  }
  .product-dp .product-hero-row .image-gallery > .main-image {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    position: relative !important;
    touch-action: pan-y;
  }
  .product-dp .product-hero-row .main-image .sg-gallery-image-counter-v1 {
    position: absolute !important;
    left: 12px !important;
    bottom: 12px !important;
    z-index: 35 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 9px !important;
    background: rgba(45,42,38,.55) !important;
    color: #fff !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.10) !important;
    font: 600 12px/1.2 Arial, sans-serif !important;
    pointer-events: none !important;
  }
}
@media (min-width: 769px) {
  .product-dp .product-hero-row .sg-gallery-image-counter-v1 {
    display: none !important;
  }
}


/* ===== 11 | sg-product-editorial-images-v1 ===== */

/* Stone Galleria · Editorial product imagery v1.1
   Generic image/tile treatment, not a list of category/section headings.
   Keep hero/gallery, interactive controls, thumbnails, price dock and modal assets alone.
   No object-fit, dimensions, carousel transforms or image files are modified. */

/* Content photographs and renders anywhere within product page. */
.product-dp img:not(.image-gallery img):not(.sticky-menu-product img):not(.sg-stickybar img):not(.overlay-gallery img):not(#fullscreenModal img):not(#videoModal img):not(.slick-arrow img):not(button img):not(nav img):not(img[src$=".svg"]) {
  border-radius: 8px !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
}

/* Remove chrome from reusable image tiles, without touching their dimensions or
   carousel/slide positioning. :has(> img) selects only actual image-holding tiles. */
.product-dp :is(.ss-wrapper, .ss-styles, .similarstyles) :is(a, figure, article, div):has(> img):not(.slick-slide):not(.slick-track):not(.slick-list):not(.owl-stage):not(.slick-arrow),
.product-dp :is(.ss-wrapper, .ss-styles, .similarstyles) :is(.slick-slide, .owl-item) > :is(div, article, figure, a):has(img),
.product-dp :is(a, figure, article):has(> img):not(.image-gallery *):not(.sticky-menu-product *):not(.sg-stickybar *):not(.overlay-gallery *):not(.slick-arrow) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep product-name typography tidy without changing product links or pricing. */
.product-dp :is(.ss-styles, .similarstyles) .product-title-inner {
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 768px) {
  .product-dp img:not(.image-gallery img):not(.sticky-menu-product img):not(.sg-stickybar img):not(.overlay-gallery img):not(#fullscreenModal img):not(#videoModal img):not(.slick-arrow img):not(button img):not(nav img):not(img[src$=".svg"]) {
    border-radius: 6px !important;
  }
}


/* ===== 12 | sg-product-faq-single-arrow-v1 ===== */

/* Stone Galleria: FAQ Single Arrow v1.
   Only remove the leading decorative triangle inside product FAQ toggles.
   The right-hand chevron, text, answers, focus states and Bootstrap collapse stay untouched. */
.product-dp .faq-style .lma-faq a.faq-toggle > span.faq-arrow {
  display: none !important;
}


/* ===== 13 | sg-product-divider-harmony-v1 ===== */

/* Stone Galleria · Product section divider harmony v1
   A single unobtrusive divider language for content images, without touching
   the image assets, sticky price dock, navigation tabs, or gallery controls. */

.product-dp {
  --sg-content-divider: #DDD6CD;
  --sg-content-divider-width: 1px;
}

/* Heading rules: previously 2px brown; now 1px warm grey.
   .hr is the verified product-section rule, distinct from tabs and buttons. */
.product-dp .hr {
  border: 0 !important;
  height: var(--sg-content-divider-width) !important;
  min-height: 0 !important;
  background: var(--sg-content-divider) !important;
  box-shadow: none !important;
}

/* Verified image-caption component: remove the brown double border; retain
   the original title, click target, display mechanism and line spacing. */
.product-dp .owl-product-title .product-title-inner {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: var(--sg-content-divider-width) solid var(--sg-content-divider) !important;
  box-shadow: none !important;
}

/* Text-only caption following a photograph inside lower content sections.
   Narrow sibling relation: must immediately follow an element containing a
   DIRECT child image. Avoids larger carousel structures and gallery heroes.
   Sections with the verified owl-product-title element are styled above. */
.product-dp :is(.sizes, .thickness, .finish, .suitable, .real, .similar-style, .similarstyles, #sg-recently-viewed)
  :is(div, figure, article, a):has(> img:not([src$=".svg"]))
  + :is(div, p, figcaption):not(:has(img)):not(:has(.owl-product-title)) {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: var(--sg-content-divider-width) solid var(--sg-content-divider) !important;
  box-shadow: none !important;
}


/* ===== 14 | sg-design-with-stone-v1-css ===== */

/* Stone Galleria · Design with this stone · Stage 1
   Black heading, restrained border, warm-brown links.
   One component; desktop under the gallery, mobile after the hero row.
*/
.product-dp #sg-design-with-stone-v1 {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 20px 0 6px;
  color: inherit;
  font-family: inherit;
}
.product-dp #sg-design-with-stone-v1,
.product-dp #sg-design-with-stone-v1 * { box-sizing: border-box; }
.product-dp #sg-design-with-stone-v1 .sg-dws-heading {
  margin: 0 0 11px;
  color: #242322 !important;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 1.4;
  text-transform: none;
}
.product-dp #sg-design-with-stone-v1 .sg-dws-box {
  border: 1px solid #DDD6CD;
  border-radius: 8px;
  padding: 17px 18px;
  background: transparent;
  box-shadow: none;
}
.product-dp #sg-design-with-stone-v1 .sg-dws-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 17px;
}
.product-dp #sg-design-with-stone-v1 .sg-dws-option { min-width: 0; }
.product-dp #sg-design-with-stone-v1 .sg-dws-option a {
  color: #8B6F4E !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.product-dp #sg-design-with-stone-v1 .sg-dws-option a:hover {
  color: #6f5537 !important;
}
.product-dp #sg-design-with-stone-v1 .sg-dws-option a:focus-visible {
  outline: 2px solid #8B6F4E;
  outline-offset: 3px;
  border-radius: 2px;
}
.product-dp #sg-design-with-stone-v1 .sg-dws-option p {
  margin: 5px 0 0;
  color: #706B65;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.55;
}
.product-dp #sg-design-with-stone-v1 .sg-dws-note {
  margin: 14px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid #EEEAE5;
  color: #79736D;
  font-family: inherit;
  font-size: 11.5px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .product-dp #sg-design-with-stone-v1 {
    margin: 12px 0 24px;
  }
  .product-dp #sg-design-with-stone-v1 .sg-dws-heading {
    margin-bottom: 9px;
    font-size: 16px;
  }
  .product-dp #sg-design-with-stone-v1 .sg-dws-box {
    padding: 13px 14px;
  }
  .product-dp #sg-design-with-stone-v1 .sg-dws-options {
    gap: 10px 13px;
  }
  .product-dp #sg-design-with-stone-v1 .sg-dws-option a {
    font-size: 13px;
  }
  .product-dp #sg-design-with-stone-v1 .sg-dws-option p {
    font-size: 11px;
  }
  .product-dp #sg-design-with-stone-v1 .sg-dws-note {
    margin-top: 11px;
    padding-top: 10px;
    font-size: 11px;
  }
}


/* ===== 15 | sg-product-heading-hub-links-v1 ===== */

/* Stone Galleria · Product heading hub links v1
   Presentational only. Original h2 headings, icons and section rules remain untouched.
*/
.product-dp .sg-product-hub-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 22px;
  flex-wrap: nowrap;
}
.product-dp .sg-product-hub-row > h2.heading {
  flex: 1 1 auto;
  min-width: 0;
}
.product-dp .sg-product-hub-row > .sg-product-hub-link {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 7px;
  margin: 18px 0 12px auto;
  padding: 3px 0 4px;
  color: #8b6f4e;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .075em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid #ddd6cd;
  transition: border-color .18s ease, color .18s ease;
}
.product-dp .sg-product-hub-row > .sg-product-hub-link:hover,
.product-dp .sg-product-hub-row > .sg-product-hub-link:focus-visible {
  color: #6f5539;
  border-bottom-color: currentColor;
}
.product-dp .sg-product-hub-row > .sg-product-hub-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.product-dp .sg-product-hub-link .sg-product-hub-arrow {
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}
@media (max-width: 767px) {
  .product-dp .sg-product-hub-row {
    flex-wrap: wrap;
    column-gap: 6px;
    row-gap: 0;
  }
  .product-dp .sg-product-hub-row > h2.heading {
    flex: 1 1 100%;
    margin-bottom: 0 !important;
  }
  .product-dp .sg-product-hub-row > .sg-product-hub-link {
    margin: 2px 0 10px auto;
    font-size: 11px;
    letter-spacing: .055em;
  }
}


/* ===== 16 | sg-related-recommended-v1 ===== */

/* SG_RELATED_RECOMMENDED_V1: minimal, scoped discovery-section styling */
.product-dp .sg-discovery-sections .sg-discovery-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.product-dp .sg-discovery-sections .sg-discovery-heading-row > h2.heading {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}
.product-dp .sg-discovery-sections .sg-related-view-all {
  color: #8b6f4e;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  flex: 0 0 auto;
}
.product-dp .sg-discovery-sections .sg-related-view-all:hover,
.product-dp .sg-discovery-sections .sg-related-view-all:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 767px) {
  .product-dp .sg-discovery-sections .sg-discovery-heading-row {
    flex-wrap: wrap;
    gap: 8px 12px;
  }
  .product-dp .sg-discovery-sections .sg-discovery-heading-row > h2.heading {
    flex-basis: 100%;
  }
  .product-dp .sg-discovery-sections .sg-related-view-all {
    margin-left: auto;
    font-size: 11px;
  }
}


/* ===== 17 | sg-header-discovery-v12 ===== */

/* SG_HEADER_DISCOVERY_V12: Approved compact header. Product page only. */
#stickyMenu.sticky-menu-product .text-center {
  min-height:0!important; height:auto!important;
  padding:10px 14px 4px!important;
}
#stickyMenu.sticky-menu-product h1.header {
  font-size:clamp(25px,2.5vw,38px)!important;
  line-height:1.16!important;
  letter-spacing:.012em!important;
  margin:0!important; padding:0!important;
}
#stickyMenu.sticky-menu-product .submenu-wrapper {
  min-height:0!important; margin:5px 0 0!important; padding:0!important;
}
#stickyMenu.sticky-menu-product .nav-submenu {
  min-height:0!important; height:auto!important;
  margin:0!important; padding:0!important;
  display:flex!important; justify-content:center!important;
  align-items:center!important; flex-wrap:wrap!important;
  column-gap:19px!important; row-gap:0!important;
}
#stickyMenu.sticky-menu-product .nav-submenu > li { margin:0!important; padding:0!important; }
#stickyMenu.sticky-menu-product .nav-submenu > li > a {
  display:inline-flex!important; align-items:center!important;
  justify-content:center!important; min-height:36px!important;
  padding:7px 0!important; line-height:1.2!important;
}
@media(max-width:768px) {
  #stickyMenu.sticky-menu-product .text-center {
    min-height:0!important; height:auto!important; padding:8px 10px 3px!important;
  }
  #stickyMenu.sticky-menu-product h1.header {
    font-size:clamp(20px,5vw,27px)!important;
    line-height:1.18!important; margin:0!important; padding:0!important;
  }
  #stickyMenu.sticky-menu-product .submenu-wrapper {
    min-height:0!important; width:100%!important; max-width:100%!important;
    margin:5px 0 0!important; padding:0!important;
    overflow-x:auto!important; overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  #stickyMenu.sticky-menu-product .submenu-wrapper::-webkit-scrollbar { display:none; }
  #stickyMenu.sticky-menu-product .nav-submenu {
    width:max-content!important; min-width:100%!important; flex-wrap:nowrap!important;
    justify-content:flex-start!important; gap:16px!important;
  }
  #stickyMenu.sticky-menu-product .nav-submenu > li {flex:0 0 auto!important;}
  #stickyMenu.sticky-menu-product .nav-submenu > li > a {
    min-height:40px!important; padding:9px 0!important; white-space:nowrap!important;
  }
}
/* SG_BREADCRUMB_STICKY_MOBILE_V1_CSS_BEGIN */
/* Uses existing breadcrumb HTML and real category anchors; schema untouched. */
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100vw !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: #2c2926 !important;
  border: 0 !important;
  border-bottom: 1px solid #5b4939 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}
/* The first div is the server-rendered hierarchical trail; leave its nodes intact. */
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: calc(100% - 32px) !important;
  max-width: 1376px !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch;
  background: transparent !important;
  text-align: left !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: .01em !important;
}
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child::-webkit-scrollbar {display: none !important;}
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child > * {flex-shrink: 0;}
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child a,
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child a:visited {
  color: #cdc6bf !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  background: transparent !important;
}
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child a:hover,
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child a:focus-visible {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child [aria-current="page"],
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child .sgp1-current {
  color: #fff !important;
  font-weight: 600 !important;
}
/* Keep ordinary source separators, but render them subtly on charcoal. */
body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child :is(.sgp1-sep,.separator,[aria-hidden="true"]) {
  color: #a58a6d !important;
}
@media (max-width:768px) {
  body .product-dp nav.sgp1-product-nav[data-sgp1="1"] {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
  body .product-dp nav.sgp1-product-nav[data-sgp1="1"] > div:first-child {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    gap: 8px !important;
    font-size: 11px !important;
  }
  /* Replace redundant Back to ... display, retaining its original DOM/JS. */
  body .product-dp nav.sgp1-product-nav[data-sgp1="1"] .sgp1-mobile {
    display: none !important;
  }
  /* Existing mobile nav should center when it fits and scroll when it doesn't. */
  body #stickyMenu.sticky-menu-product .submenu-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body #stickyMenu.sticky-menu-product .nav-submenu {
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: safe center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
  }
  body #stickyMenu.sticky-menu-product .nav-submenu::-webkit-scrollbar {display: none !important;}
  body #stickyMenu.sticky-menu-product .nav-submenu > li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}
/* SG_BREADCRUMB_STICKY_MOBILE_V1_CSS_END */


/* ===== 18 | sg-product-typography-v13 ===== */

/* SG_PRODUCT_TYPOGRAPHY_V13: main content hierarchy, product page only. */
/* Keep product H1 visually predominant (v1.2 controls that element). */
.product-dp h2.heading,
.product-dp .material-highlights h2,
.product-dp .explore-more-categories__title {
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}
.product-dp h2.heading + hr.hr {
  margin-top: 10px !important;
  margin-bottom: 22px !important;
}
/* Bootstrap tabs retain their existing buttons, IDs, ARIA and interaction. */
.product-dp .nav-tabs .nav-link .tab-heading,
.product-dp .sg-ui-three-tabs .tab-heading {
  display: inline !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
}
.product-dp .nav-tabs .nav-link {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
@media (max-width: 768px) {
  .product-dp h2.heading,
  .product-dp .material-highlights h2,
  .product-dp .explore-more-categories__title {
    font-size: 21px !important;
    line-height: 1.3 !important;
  }
  .product-dp .nav-tabs .nav-link .tab-heading,
  .product-dp .sg-ui-three-tabs .tab-heading {
    font-size: 16px !important;
  }
  .product-dp .nav-tabs .nav-link {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}


/* ===== 19 | sg-product-tab-colours-v131 ===== */

/* SG_TAB_COLOURS_V131: product information tabs only. */
/* Match the approved Safari preview without altering the tab border or behaviour. */
.product-dp #myTab button.nav-link[role="tab"],
.product-dp #myTab button.nav-link[role="tab"] .tab-heading {
    color: #343A40 !important;
    text-decoration: none !important;
}

.product-dp #myTab button.nav-link[role="tab"].active,
.product-dp #myTab button.nav-link[role="tab"].active .tab-heading {
    color: #171717 !important;
}

.product-dp #myTab button.nav-link[role="tab"]:hover,
.product-dp #myTab button.nav-link[role="tab"]:hover .tab-heading {
    color: #8B6F4E !important;
}


/* ===== 20 | sg-specsheet-v1-style ===== */

  /* Only the Product Info tab; other tabs, pricing and sticky navigation untouched. */
  #tab-11 .sg-pis-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 24px;
    width: 100%;
    margin: 0 !important;
  }
  #tab-11 .sg-pis-item {
    box-sizing: border-box;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 16px 0 18px !important;
    border-bottom: 1px solid #e9e6e2;
  }
  #tab-11 .sg-pis-wide { grid-column: 1 / -1; }
  #tab-11 .sg-pis-item .specs-heading {
    margin: 0 0 7px !important;
    padding: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    letter-spacing: .035em !important;
    font-weight: 600 !important;
    color: #77716d !important;
    text-transform: none !important;
  }
  #tab-11 .sg-pis-item .sg-pis-value,
  #tab-11 .sg-pis-item .sg-pis-value span,
  #tab-11 .sg-pis-item .sg-pis-value p {
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    color: #282624 !important;
    overflow-wrap: anywhere;
    text-transform: none !important;
  }
  #tab-11 .sg-pis-item .sg-pis-value p { margin: 0 0 6px; }
  #tab-11 .sg-pis-value.sg-pis-clamped:not(.sg-pis-expanded) {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  #tab-11 .sg-pis-expand[hidden] { display: none !important; }
  #tab-11 .sg-pis-expand {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 5px 0;
    margin-top: 3px;
    border: none;
    background: transparent;
    color: #8b6f4e;
    font: inherit;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    cursor: pointer;
  }
  #tab-11 .sg-pis-expand:hover { text-decoration: underline; }
  #tab-11 .sg-pis-expand:focus-visible { outline: 2px solid #8b6f4e; outline-offset: 3px; border-radius: 2px; }
  /* Existing natural-stone note: make it feel like supportive guidance. */
  #ss-about .tab-content > .warning-box {
    background: #faf9f7;
    border: 1px solid #ebe7e1;
    border-left: 3px solid #8b6f4e;
    padding: 14px 17px;
    margin: 18px 0 12px;
  }
  #ss-about .tab-content > .warning-box p {
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
  }
  @media (max-width: 991px) {
    #tab-11 .sg-pis-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
  }
  @media (max-width: 540px) {
    #tab-11 .sg-pis-grid { gap: 0 16px; }
    #tab-11 .sg-pis-item { padding: 12px 0 14px !important; }
    #tab-11 .sg-pis-item .specs-heading { font-size: 10.5px !important; margin-bottom: 5px !important; }
    #tab-11 .sg-pis-item .sg-pis-value,
    #tab-11 .sg-pis-item .sg-pis-value span,
    #tab-11 .sg-pis-item .sg-pis-value p { font-size: 13px !important; line-height: 1.48 !important; }
    #ss-about .tab-content > .warning-box { padding: 12px 14px; }
  }


/* ===== 21 | sg-specsheet-v11-style ===== */

  /* The v1 typography and collapse interaction remain as installed. */
  #tab-11 .sg-pis-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 24px;
  }
  #tab-11 .sg-pis-grid > .sg-pis-item { grid-column: span 2; }
  #tab-11 .sg-pis-grid > .sg-pis-item.sg-pis-wide { grid-column: 1 / -1; }
  /* Avoid unfilled slots on a three-column desktop row. */
  @media (min-width: 992px) {
    #tab-11 .sg-pis-grid > .sg-pis-compact-last.sg-pis-desktop-remainder-one { grid-column: span 6; }
    #tab-11 .sg-pis-grid > .sg-pis-desktop-remainder-two-first,
    #tab-11 .sg-pis-grid > .sg-pis-compact-last.sg-pis-desktop-remainder-two { grid-column: span 3; }
  }
  /* Two balanced columns on tablets and phones, and no one-column orphan. */
  @media (max-width: 991px) {
    #tab-11 .sg-pis-grid { gap: 0 18px; }
    #tab-11 .sg-pis-grid > .sg-pis-item:not(.sg-pis-wide) { grid-column: span 3; }
    #tab-11 .sg-pis-grid > .sg-pis-compact-last.sg-pis-mobile-remainder-one { grid-column: span 6; }
  }
  @media (max-width: 540px) {
    #tab-11 .sg-pis-grid { gap: 0 16px; }
  }


/* ===== 22 | sg-product-notice-neutral-v1 ===== */

/* Product information notes: calm, readable guidance without alert styling. */
#ss-about .tab-content > .warning-box {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    color: #444 !important;
    padding: 14px 16px !important;
    margin: 16px 0 12px;
    font-size: 14px !important;
    line-height: 1.55 !important;
}
#ss-about .tab-content > .warning-box::before {
    content: none !important;
    display: none !important;
}
#ss-about .tab-content > .warning-box p {
    margin: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
@media (max-width: 768px) {
    #ss-about .tab-content > .warning-box {
        padding: 12px 14px !important;
        font-size: 13px !important;
    }
}