:root {
            --ivory: #fbf7ef;
            --warm: #efe4d1;
            --beige: #d8c8ad;
            --gold: #b9975b;
            --gold-dark: #8f713e;
            --charcoal: #1d1d1f;
            --black: #090909;
            --grey: #77736b;
            --soft: #f5f1e9;
            --line: rgba(29, 29, 31, .12);
            --glass: rgba(255, 255, 255, .72);
            --shadow: 0 28px 80px rgba(29, 29, 31, .12);
            --shadow-soft: 0 18px 45px rgba(29, 29, 31, .08);
            --radius: 28px;
            --serif: Georgia, 'Times New Roman', serif;
            --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }

        * {
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth
        }

        body {
            font-family: var(--sans);
            color: var(--charcoal);
            background: linear-gradient(180deg, #fff 0%, var(--ivory) 42%, #fff 100%);
            overflow-x: hidden
        }

        /* h1,h2,h3,h4,.pcg-serif{font-family:var(--serif); letter-spacing:-.035em} */
        /* img{max-width:100%; height:auto} */
        /* a{color:inherit; text-decoration:none} */
        .pcg-text-gold {
            color: var(--primary-color)
        }

        .pcg-bg-ivory {
            background: var(--ivory)
        }

        .pcg-section-pad {
            padding: clamp(4rem, 8vw, 8rem) 0
        }

        /* .pcg-eyebrow{letter-spacing:.18em; text-transform:uppercase; font-size:.74rem; color:var(--gold-dark); font-weight:700} */
        .pcg-luxury-shadow {
            box-shadow: var(--shadow)
        }

        .pcg-rounded-lux {
            border-radius: var(--radius)
        }

        .pcg-glass {
            background: var(--glass);
            border: 1px solid rgba(255, 255, 255, .72);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px)
        }

        .pcg-place-items-center {
            place-items: center
        }

        .pcg-reveal {
            transform: translateY(28px);
            transition: opacity .75s ease, transform .75s ease
        }

        .pcg-reveal.is-visible {
            opacity: 1;
            transform: none
        }

        .pcg-btn-lux {
            border: 0;
            border-radius: 999px;
            padding: 1rem 1.45rem;
            background: linear-gradient(135deg, var(--black), #3a3022);
            color: #fff;
            font-weight: 800;
            letter-spacing: .02em;
            position: relative;
            overflow: hidden;
            box-shadow: 0 16px 42px rgba(0, 0, 0, .22)
        }

        .breadcrumb__content--menu__items::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 16px;
            background: var(--secondary-color);
            right: 11px !important;
            top: 3px !important;
            transform: rotate(30deg);
        }

        .pcg-btn-lux::after {
            content: "";
            position: absolute;
            inset: 0;
            transform: translateX(-120%) skewX(-22deg);
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent);
            transition: transform .7s ease
        }

        .pcg-btn-lux:hover::after {
            transform: translateX(120%) skewX(-22deg)
        }

        .pcg-btn-lux:hover {
            color: #fff;
            transform: translateY(-2px)
        }

        .pcg-btn-outline-lux {
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: .9rem 1.25rem;
            font-weight: 700;
            background: #fff
        }

        .pcg-btn-outline-lux:hover {
            border-color: var(--gold);
            color: var(--gold-dark);
            box-shadow: var(--shadow-soft)
        }

        .pcg-announcement {
            background: var(--black);
            color: #fff;
            font-size: .82rem;
            overflow: hidden;
            white-space: nowrap
        }

        .pcg-announcement-track {
            display: inline-flex;
            gap: 3rem;
            padding: .65rem 0;
            animation: marquee 28s linear infinite
        }

        @keyframes marquee {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }



        .nav-link {
            font-weight: 650;
            font-size: 15px;
            position: relative
        }

        .nav-link::after {
            content: "";
            position: absolute;
            left: .5rem;
            right: .5rem;
            bottom: .2rem;
            height: 1px;
            /* background: var(--gold); */
            /* transform: scaleX(0);
                transform-origin: left; */
            /* transition: transform .3s ease */
        }

        .nav-link:focus,
        .nav-link:hover {
            color: var(--primary-color) !important;
        }

        .nav-link:hover::after {
            transform: scaleX(1); color: var(--primary-color) !important;
        }

        .pcg-search-pill {
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: .45rem .8rem;
            min-width: 220px;
            background: #fff
        }

        .pcg-breadcrumb-wrap {
            padding: 1.1rem 0;
            border-bottom: 1px solid var(--line)
        }

        .breadcrumb-item+.breadcrumb-item::before {
            color: var(--gold);
            content: "/"
        }

        .pcg-hero {
            position: relative;
            padding: clamp(2rem, 5vw, 4.8rem) 0 3rem
        }

        .pcg-hero,
        .pcg-hero .container,.pcg-product-layout,.pcg-product-layout>[class*="col-"] {
            overflow: visible
        }

        .pcg-product-layout {
            min-height: 100vh;
            align-items: stretch !important
        }

        .pcg-product-layout>.col-lg-7 {
            align-self: stretch;
            min-height: 100%
        }

        .pcg-product-scroll {
            height: auto;
            overflow: visible;
            padding-right: 0
        }

        .pcg-hero::before {
            content: "";
            position: absolute;
            width: 42vw;
            height: 42vw;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(185, 151, 91, .18), transparent 65%);
            top: -12vw;
            right: -12vw;
            pointer-events: none
        }

        .pcg-gallery-sticky {
            position: -webkit-sticky;
            position: sticky;
            top: 104px;
            /* height: calc(100vh - 104px); */
            z-index: 3
        }

        .pcg-gallery-shell {
            display: grid;
            grid-template-columns: 88px 1fr;
            gap: 1.1rem;
            height: 100%
        }

        .pcg-thumbs {
            display: flex;
            flex-direction: column;
            gap: .85rem
        }

        .pcg-thumb {
            height: 88px;
            border: 1px solid var(--line);
            border-radius: 18px;
            overflow: hidden;
            background: #fff;
            cursor: pointer;
            padding: 0;
            transition: .25s ease
        }

        .pcg-thumb.active,
        .pcg-thumb:hover {
            border-color: var(--gold);
            transform: translateY(-2px);
            box-shadow: var(--shadow-soft)
        }

        .pcg-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .pcg-main-image {
            position: relative;
            border-radius: 34px;
            overflow: hidden;
            max-height: 590px;
            height: 100%;
            min-height: 0;
            background: #fff;
            box-shadow: var(--shadow);
            padding: 10px 10px;
        }

        .pcg-main-image img {
            width: 100%;
            height: 100%;
            min-height: 0;
            object-fit: contain;
            transform: translate3d(0, var(--parallax-y, 0px), 0) scale(1.04);
            transition: transform .9s cubic-bezier(.19, 1, .22, 1), opacity .25s ease;
            will-change: transform
        }

        .pcg-main-image:hover img {
            transform: translate3d(0, var(--parallax-y, 0px), 0) scale(1.08)
        }

        .pcg-gallery-badge {
            position: absolute;
            left: 1.2rem;
            top: 1.2rem;
            z-index: 2;
            border-radius: 999px;
            padding: .65rem 1rem;
            font-size: .8rem;
            font-weight: 800
        }

        .pcg-gallery-actions {
            position: absolute;
            right: 1.2rem;
            bottom: 1.2rem;
            z-index: 2;
            display: flex;
            gap: .65rem
        }

        .pcg-icon-circle {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: 1px solid var(--line);
            display: grid;
            place-items: center;
            background: #fff;
            transition: .25s ease
        }

        .pcg-icon-circle:hover {
            transform: translateY(-2px);
            border-color: var(--gold);
            color: var(--gold-dark)
        }

        .pcg-product-panel {
            padding: clamp(1.4rem, 3vw, 2.3rem);
            border-radius: 34px;
            position: relative
        }

        .pcg-rating i {
            color: var(--gold)
        }

        .pcg-availability {
            border: 1px solid rgba(25, 135, 84, .18);
            background: rgba(25, 135, 84, .08);
            color: #146c43;
            border-radius: 999px;
            padding: .45rem 1.85rem;
            font-weight: 700;
            font-size: 1.09rem
        }

        .pcg-availability.out-of-stock {
            background: #fff1f1;
            color: #b42318;
            border-color: #f3b4b4;
        }

        .pcg-price {
            font-family: var(--serif);
            font-size: clamp(2.3rem, 5vw, 5.1rem);
            letter-spacing: -.03em
        }

        .pcg-old-price {
            text-decoration: line-through;
            color: var(--grey);
            font-size: 1.1rem
        }

        /* .pcg-sale-badge{background:linear-gradient(135deg,var(--gold),#dcc282); color:#fff; border-radius:999px; padding:.35rem .7rem; font-size:.78rem; font-weight:800} */
        .pcg-trust-card-pd {
            border: 1px solid var(--line);
            border-radius: 20px;
            padding: 1rem;
            background: rgba(255, 255, 255, .75)
        }
        h1.product__details--info__title.mb-15.h2 {
            line-height: 2.7rem;
        }
        .pcg-option-box {
            border: 1px solid var(--line);
            border-radius: 26px;
            padding: 1.2rem;
            background: #fff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .035)
        }

        .pcg-filter-tabs .btn {
            border-radius: 999px;
            border: 1px solid var(--line);
            font-size: 1.3rem;
            font-weight: 700;
            background: #fff
        }

        .pcg-filter-tabs .btn.active {
            background: var(--black);
            color: #fff;
            border-color: var(--black)
        }

        .pcg-size-search {
            border: 1px solid var(--line);
            border-radius: 999px !important;
            padding: .85rem 1rem !important;
        }

        .form-control {
            display: block;
            width: 100%;
            padding: .95rem 1.2rem !important;
            font-size: 1.3rem !important;
            font-weight: 400;
            line-height: 1.5;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #b9975b;
        }

        .form-control:focus {
            color: #212529;
            background-color: #fff;
            border-color: #c7ad80 !important;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(245, 216, 155, 0.25) !important;
        }

        .pcg-size-card {
            border: 1px solid var(--line);
            border-radius: 18px;
            padding: .95rem;
            background: #fff;
            cursor: pointer;
            transition: .25s ease;

        }

        .pcg-size-card:hover,
        .pcg-size-card.active {
            border-color: var(--gold);
            box-shadow: var(--shadow-soft);
            transform: translateY(-2px)
        }



        .pcg-colour-grid {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            gap: .75rem
        }

        .pcg-swatch {
            width: 100%;
            aspect-ratio: 1;
            border-radius: 50%;
            border: 2px solid #fff;
            outline: 1px solid var(--line);
            cursor: pointer;
            position: relative;
            transition: .25s ease;
            box-shadow: 0 8px 18px rgba(0, 0, 0, .08)
        }

        .pcg-swatch:hover {
            transform: scale(1.12)
        }

        .pcg-swatch.active {
            outline: 2px solid var(--gold);
            transform: scale(1.1)
        }

        .pcg-swatch.active::after {
            content: "\F633";
            font-family: 'bootstrap-icons';
            position: absolute;
            inset: auto -4px -4px auto;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: var(--black);
            color: #fff;
            font-size: .72rem;
            display: grid;
            place-items: center
        }

        .pcg-walnut {
            background: linear-gradient(135deg, #5b321d, #9d6a3d, #3b2013)
        }

        .pcg-oak {
            background: linear-gradient(135deg, #d5b47b, #f2dca8, #a6783b)
        }

        .pcg-black {
            background: #080808
        }

        .pcg-white {
            background: #fff
        }

        .pcg-gold {
            background: linear-gradient(135deg, #927039, #e0c279, #7d5b22)
        }

        .pcg-silver {
            background: linear-gradient(135deg, #858585, #efefef, #a3a3a3)
        }

        .pcg-charcoal {
            background: #333
        }

        .pcg-ivory {
            background: #f4ead7
        }

        .pcg-bronze {
            background: linear-gradient(135deg, #6d4023, #bd8652, #402416)
        }

        .pcg-sage {
            background: #9ca58d
        }

        .pcg-navy {
            background: #1d2b3d
        }

        .pcg-terracotta {
            background: #a95b3d
        }

        .pcg-qty {
            display: flex;
            align-items: center;
            border: 1px solid var(--line);
            border-radius: 999px;
            overflow: hidden;
            width: 128px;
            background: #fff
        }

        .pcg-qty button {
            border: 0;
            background: transparent;
            width: 40px;
            height: 46px;
            font-weight: 900
        }

        .pcg-qty input {
            border: 0;
            text-align: center;
            width: 44px;
            font-weight: 800
        }

        .pcg-qty input:focus {
            outline: none
        }

        .pcg-tab-card {
            border: 1px solid var(--line);
            border-radius: 30px;
            padding: clamp(1.2rem, 3vw, 2rem);
            background: #fff;
            box-shadow: var(--shadow-soft)
        }

        .nav-tabs {
            border: 0 !important;
        }

        .nav-tabs.lux-tabs {
            border: 0 !important;
            gap: .5rem
        }

        .pcg-lux-tabs {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .pcg-lux-tabs .nav-link {
            border: 1px solid var(--primary-color) !important;
            border-radius: 18px !important;
            color: #000;
            background: #fff;
            font-weight: 700;
        }

        .pcg-lux-tabs .nav-link.active {
            background: var(--primary-color) !important;
            color: #fff !important;
            border-color: var(--primary-color) !important;
        }

        .pcg-feature-list li {
            margin-bottom: .9rem
        }

        .pcg-feature-list i {
            color: var(--gold);
            margin-right: .55rem
        }

        .pcg-usp-card,
        .pcg-related-card,
        .pcg-review-card,
        .pcg-story-card {
            border: 1px solid var(--line);
            border-radius: 26px;
            background: #fff;
           
            transition: .3s ease;
            overflow: hidden
        }

        span.badge.text-bg-success
        {
            background: #1b5e20db;
            border-radius: 18px;
        }
        .pcg-usp-card:hover,
        .pcg-related-card:hover,
        .pcg-review-card:hover,
        .pcg-story-card:hover {
           background:rgb(255 255 255 / 74%);

        }

        .pcg-usp-card {
            padding: 2.7rem 1.7rem 2.7rem 1.7rem;
        }

        .pcg-usp-card i {
            font-size: 2.7rem;
            color: var(--gold)
        }

        .pcg-usp-card span {
            font-size: 1.5rem;
            display: block;
        }

        .pcg-masonry {
            columns: 3 260px;
            column-gap: 1.2rem
        }

        .pcg-masonry-item {
            break-inside: avoid;
            margin-bottom: 1.2rem;
            border-radius: 28px;
            overflow: hidden;
            position: relative
        }

        .pcg-masonry-item img {
            width: 100%;
            transition: .5s ease
        }

        .pcg-masonry-item:hover img {
            transform: scale(1.06)
        }

        .pcg-overlay-label {
            position: absolute;
            left: 1rem;
            bottom: 1rem;
            right: 1rem;
            padding: 1rem;
            border-radius: 20px;
            color: #fff;
            background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7))
        }

        .pcg-related-card img {
            height: 270px;
            width: 100%;
            object-fit: cover;
            transition: .45s ease
        }

        .pcg-related-card:hover img {
            transform: scale(1.04)
        }

        .pcg-quick-actions {
            position: absolute;
            top: 1rem;
            right: 1rem;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            transform: translateX(8px);
            transition: .25s ease
        }

        .pcg-related-card:hover .pcg-quick-actions {
            opacity: 1;
            transform: none
        }

        .pcg-quote-card {
            margin-top: -70px;
            position: relative;
            z-index: 2;
            max-width: 430px;
            margin-left: auto;
            margin-right: 2rem
        }

        .accordion-button {
            font-weight: 800;
            padding: 1.25rem 1.4rem
        }

        .accordion-button:not(.collapsed) {
            background: var(--ivory);
            color: var(--charcoal);
            box-shadow: none
        }

        .accordion-item {
            border: 1px solid var(--line) !important;
            border-radius: 20px !important;
            overflow: hidden;
            margin-bottom: .9rem
        }

        .pcg-rating-bar {
            height: 8px;
            background: var(--soft);
            border-radius: 999px;
            overflow: hidden
        }

        .pcg-rating-bar span {
            display: block;
            height: 100%;
            background: var(--gold)
        }

        .pcg-newsletter {
            background: radial-gradient(circle at 20% 20%, rgba(185, 151, 91, .24), transparent 28%), linear-gradient(135deg, #111, #302819);
            color: #fff;
            border-radius: 42px;
            overflow: hidden;
            position: relative
        }

        .pcg-newsletter input {
            border: 1px solid rgba(255, 255, 255, .22);
            background: rgba(255, 255, 255, .1);
            color: #fff;
            border-radius: 999px;
            padding: 1rem 1.1rem
        }

        .pcg-newsletter input::placeholder {
            color: rgba(255, 255, 255, .72)
        }

        .pcg-footer {
            background: #0b0b0b;
            color: rgba(255, 255, 255, .78)
        }

        .pcg-footer h3,
        .pcg-footer h4 {
            color: #fff
        }

        .pcg-footer a {
            display: block;
            margin: .55rem 0;
            color: rgba(255, 255, 255, .7)
        }

        .pcg-footer a:hover {
            color: #fff
        }

        .pcg-payment-pill {
            border: 1px solid rgba(255, 255, 255, .18);
            border-radius: 999px;
            padding: .35rem .7rem;
            font-size: .78rem
        }

        .pcg-mobile-buy-bar {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1060;
            background: rgba(255, 255, 255, .92);
            backdrop-filter: blur(18px);
            border-top: 1px solid var(--line);
            padding: .75rem;
            display: none;
            box-shadow: 0 -14px 45px rgba(0, 0, 0, .12)
        }

        @media (max-width:991.98px) {
            .pcg-product-layout>.col-lg-7 {
                align-self: auto;
                min-height: 0
            }

            .pcg-gallery-sticky {
                position: relative;
                top: auto;
                height: auto;
                z-index: auto
            }

            .pcg-gallery-shell {
                grid-template-columns: 1fr;
                height: auto
            }

            .pcg-thumbs {
                order: 2;
                flex-direction: row;
                overflow-x: auto;
                padding-bottom: .35rem
            }

            .pcg-thumb {
                min-width: 84px
            }

            .pcg-main-image {
                height: auto;
                min-height: 470px
            }

            .pcg-main-image img {
                min-height: 470px;
                transform: none !important;
                will-change: auto
            }

            .pcg-product-scroll {
                height: auto;
                overflow: visible;
                padding-right: 0
            }

            .pcg-product-panel {
                margin-top: 1.4rem
            }

            .pcg-search-pill {
                min-width: auto
            }

            .pcg-mobile-buy-bar {
                display: block
            }

            .pcg-site-spacer {
                padding-bottom: 86px
            }

            .pcg-colour-grid {
                grid-template-columns: repeat(6, 1fr)
            }
        }

        @media (max-width:575.98px) {
            .pcg-main-image {
                min-height: 380px
            }

            .pcg-main-image img {
                min-height: 380px
            }

            .pcg-price {
                font-size: 2.5rem
            }

            .pcg-colour-grid {
                grid-template-columns: repeat(5, 1fr)
            }

            .pcg-announcement-track {
                gap: 1.6rem
            }

            .pcg-quote-card {
                margin: 1rem
            }

            .pcg-newsletter {
                border-radius: 28px
            }

            .pcg-hero::before {
                content: "";
                position: fixed;

            }
        }

        .pcg-luxury-table-wrapper {
            width: 100%;
        }

        .pcg-spec-card {
            background: #ffffff;
            border-radius: 28px;
            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);
            overflow: hidden;
            border: 1px solid rgba(155, 122, 60, 0.10);
        }

        .pcg-spec-grid {
            width: 100%;
        }

        .pcg-spec-item {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            align-items: center;
            min-height: 70px;
            padding: 0 24px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.07);
            transition: all 0.25s ease;
        }

        .pcg-spec-item:last-child {
            border-bottom: none;
        }

        .pcg-spec-item:hover {
            background: linear-gradient(90deg,
                    rgba(155, 122, 60, 0.06),
                    rgba(255, 255, 255, 0));
        }

        .pcg-spec-label {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            color: #2f2f2f;
            font-family: 'Inter'
        }

        .pcg-spec-value {
            font-size: 14px;
            font-weight: 400;
            color: #303030;
            padding-left: 22px;
            border-left: 1px solid rgba(155, 122, 60, 0.18);
        }

        .pcg-out-stock {
            color: #b00020;
            font-weight: 600;
        }

        /* Mobile responsive */
        @media (max-width: 767px) {
            .pcg-spec-card {
                border-radius: 20px;
            }

            .pcg-spec-item {
                grid-template-columns: 1fr;
                gap: 8px;
                padding: 18px 20px;
                min-height: auto;
            }

            .pcg-spec-value {
                padding-left: 0;
                border-left: none;
                font-size: 15px;
            }

            .pcg-spec-label {
                font-size: 12px;
            }
        }
        .pcg-rating-filter {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.pcg-rating-filter:hover .pcg-rating-bar span {
    opacity: 0.85;
}

.pcg-review-filter-btn {
    border: 1px solid rgba(155, 122, 60, 0.35);
    background: #fff;
    color: #2f2f2f;
    border-radius: 999px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
}

.pcg-review-filter-btn.active,
.pcg-review-filter-btn:hover {
    background: #9b7a3c;
    color: #fff;
}

.pcg-rating-filter.active .pcg-rating-bar {
    outline: 2px solid rgba(155, 122, 60, 0.25);
    outline-offset: 3px;
    border-radius: 999px;
}

.pcg-review-slider {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 10px;
    scrollbar-width: none;
}

.pcg-review-slider::-webkit-scrollbar {
    display: none;
}

.pcg-review-slide {
    flex: 0 0 calc(50% - 9px);
    min-width: calc(50% - 9px);
}

.pcg-review-slide.d-none {
    display: none !important;
}

.pcg-review-arrow {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(155, 122, 60, 0.35);
    background: #fff;
    color: #9b7a3c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.pcg-review-arrow:hover {
    background: #9b7a3c;
    color: #fff;
}

@media (max-width: 767px) {
    .pcg-review-slide {
        flex: 0 0 88%;
        min-width: 88%;
    }
}