@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');

/* About page */
.about-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 56px;
    align-items: start
}

.about-copy h2 {
    font-size: clamp(32px, 4vw, 48px);
    margin: 12px 0 22px
}

.about-copy p {
    line-height: 1.9;
    margin-bottom: 16px
}

.about-values {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px
}

.about-values article {
    background: var(--light);
    padding: 26px;
    border-radius: var(--radius-md)
}

.about-values i {
    font-size: 25px;
    color: var(--primary);
    margin-bottom: 16px
}

.about-values h3 {
    margin-bottom: 8px
}

.about-values p {
    font-size: 14px
}

@media(max-width:800px) {
    .about-grid {
        grid-template-columns: 1fr
    }

    .about-values {
        grid-template-columns: 1fr
    }
}

/* Product detail page */
.product-detail {
    padding: 60px 0 90px;
    background: var(--light)
}

.product-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
    gap: 64px;
    align-items: start
}

.product-main-image {
    background: #fff;
    border-radius: var(--radius-lg);
    padding: 45px;
    min-height: 500px;
    display: grid;
    place-items: center;
    box-shadow: var(--shadow-sm)
}

.product-main-image img {
    width: 100%;
    height: 410px;
    object-fit: contain
}

.product-thumbnails {
    display: flex;
    gap: 12px;
    margin-top: 16px
}

.product-thumbnail {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 8px;
    width: 90px;
    height: 90px
}

.product-thumbnail.active {
    border: 2px solid var(--primary)
}

.product-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.product-info h1 {
    font-size: clamp(32px, 4vw, 48px);
    margin: 8px 0 16px
}

.brand-line {
    font-size: 15px;
    margin-bottom: 22px
}

.brand-line strong {
    color: var(--primary)
}

.product-description {
    line-height: 1.9;
    margin-bottom: 28px
}

.product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 34px
}

.product-specifications {
    border-top: 1px solid var(--border);
    padding-top: 26px
}

.product-specifications h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.product-specifications div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--border);
    padding: 13px 0
}

.product-specifications span {
    color: var(--text)
}

.related-products {
    padding: 90px 0
}

.footer-bottom--single {
    margin-top: 0
}

@media(max-width:800px) {
    .product-detail-grid {
        grid-template-columns: 1fr;
        gap: 36px
    }

    .product-main-image {
        min-height: 330px;
        padding: 25px
    }

    .product-main-image img {
        height: 280px
    }
}

/* Product detail option chips */
.product-options {
    margin: 0 0 30px;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: #fff
}

.product-options h2,
.product-highlights h2 {
    font-size: 22px;
    margin-bottom: 18px
}

.product-option-group+.product-option-group {
    margin-top: 18px
}

.product-option-group h3 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--heading);
    margin-bottom: 10px
}

.option-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px
}

.option-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--light);
    font-size: 13px;
    color: var(--heading)
}

.option-dot {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex: 0 0 14px
}

.product-specifications strong {
    max-width: 62%;
    text-align: right;
    line-height: 1.45
}

.product-highlights {
    margin-top: 32px;
    padding: 26px;
    border-radius: var(--radius-md);
    background: #fff
}

.product-highlights ul {
    display: grid;
    gap: 11px
}

.product-highlights li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--heading)
}

.product-highlights i {
    color: var(--primary)
}

@media(max-width:640px) {
    .product-specifications div {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px
    }

    .product-specifications strong {
        max-width: 100%;
        text-align: left
    }

    .product-options {
        padding: 20px
    }

    .option-chip {
        font-size: 12px;
        padding: 7px 10px
    }
}

/* Products catalogue page */
.products-hero {
    padding: 88px 0;
    background: linear-gradient(135deg, #edf5ff, #fff8df);
    text-align: center
}

.breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--text);
    font-size: 14px;
    margin-bottom: 28px
}

.breadcrumb a {
    color: var(--primary);
    font-weight: 600
}

.products-hero h1 {
    font-size: clamp(38px, 5vw, 64px);
    margin: 18px 0
}

.products-hero h1 span {
    color: var(--primary);
    display: block
}

.products-hero p {
    max-width: 700px;
    margin: auto;
    font-size: 17px
}

.products-catalogue {
    padding: 90px 0
}

.catalogue-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    margin-bottom: 42px
}

.catalogue-toolbar h2 {
    font-size: 38px;
    margin-top: 8px
}

.section-subtitle {
    color: var(--primary);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px
}

.catalogue-search {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 0 16px;
    min-width: min(100%, 390px);
    height: 54px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: var(--shadow-sm)
}

.catalogue-search input {
    width: 100%;
    height: 100%
}

.catalogue-search button {
    color: var(--primary)
}

.catalogue-layout {
    display: grid;
    grid-template-columns: 270px 1fr;
    gap: 38px
}

.products-filter {
    align-self: start;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 24px;
    background: #fff
}

.filter-heading,
.products-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.filter-heading h3 {
    font-size: 20px
}

.filter-heading button {
    color: var(--primary);
    font-weight: 700
}

.category-filters {
    display: grid;
    gap: 7px;
    margin: 20px 0 26px
}

.category-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-radius: 10px;
    text-align: left;
    color: var(--heading)
}

.category-filter:hover,
.category-filter.active {
    background: rgba(10, 77, 155, .09);
    color: var(--primary);
    font-weight: 700
}

.filter-count {
    font-size: 12px;
    background: var(--light);
    padding: 2px 8px;
    border-radius: 999px
}

.oem-mini-card {
    display: flex;
    gap: 10px;
    align-items: center;
    background: var(--primary);
    color: #fff;
    padding: 16px;
    border-radius: 12px;
    font-size: 13px
}

.oem-mini-card strong {
    display: block
}

.oem-mini-card>i:last-child {
    margin-left: auto
}

.products-meta {
    margin-bottom: 22px
}

.products-meta select {
    border: 1px solid var(--border);
    padding: 9px 12px;
    border-radius: 8px;
    background: #fff
}

.products-loading,
.no-products {
    padding: 70px 20px;
    text-align: center
}

.products-loading .loader {
    margin: 0 auto 16px;
    width: 38px;
    height: 38px;
    border-width: 4px
}

.no-products i {
    font-size: 42px;
    color: var(--secondary);
    margin-bottom: 14px
}

.product-specs {
    font-size: 13px;
    min-height: 42px
}

.product-badge--featured {
    left: auto;
    right: 18px;
    background: var(--primary);
    color: #fff
}

.products-page .product-footer .whatsapp-link {
    font-size: 18px
}

.products-page .quick-view {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

@media(max-width:992px) {
    .catalogue-layout {
        grid-template-columns: 1fr
    }

    .products-filter {
        display: block
    }

    .category-filters {
        grid-template-columns: repeat(2, 1fr)
    }

    .oem-mini-card {
        display: none
    }
}

@media(max-width:640px) {
    .products-hero {
        padding: 64px 0
    }

    .products-catalogue {
        padding: 60px 0
    }

    .catalogue-toolbar {
        align-items: stretch;
        flex-direction: column
    }

    .catalogue-toolbar h2 {
        font-size: 30px
    }

    .catalogue-search {
        min-width: 0
    }

    .category-filters {
        grid-template-columns: 1fr
    }

    .products-meta {
        align-items: flex-start;
        flex-direction: column
    }
}

/* LUMAA brand treatment for the Products banner */
.products-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 92px 0;
    background: radial-gradient(circle at 50% 45%, rgba(203, 145, 48, .32), transparent 25%), linear-gradient(135deg, #050505, #171009 52%, #070604);
    color: #fff
}

.products-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url("../images/logo/lumaa-logo.png");
    background-repeat: no-repeat;
    background-position: center 48%;
    background-size: 680px auto;
    opacity: .34;
    mix-blend-mode: screen
}

.products-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0, 0, 0, .72), transparent 42%, transparent 58%, rgba(0, 0, 0, .72))
}

.products-hero .container {
    position: relative;
    z-index: 1
}

.products-hero .breadcrumb {
    color: rgba(255, 255, 255, .76);
    margin-bottom: 30px
}

.products-hero .breadcrumb a {
    color: #e8bd69
}

.lumaa-overline {
    margin: 0 auto 20px !important;
    color: #e8bd69 !important;
    font-size: 13px !important;
    letter-spacing: .23em;
    text-transform: uppercase;
    font-weight: 700
}

.products-hero h1 {
    color: #fff;
    margin: 0 0 18px
}

.products-hero h1 span {
    color: #e8bd69
}

.products-hero p {
    color: rgba(255, 255, 255, .84)
}

.products-page {
    background: #090a0c;
    color: #f6f1e8
}

.products-page .top-bar,
.product-details-page .top-bar {
    background: #070707;
    border-bottom: 1px solid rgba(232, 189, 105, .24);
    color: #f6f1e8
}

.products-page .top-bar a,
.product-details-page .top-bar a {
    color: #f6f1e8
}

.products-page .header,
.product-details-page .header {
    background: rgba(12, 12, 13, .97);
    border-bottom: 1px solid rgba(232, 189, 105, .24)
}

.products-page .logo,
.product-details-page .logo {
    background: #fff;
    border-radius: 0 0 14px 14px
}

.products-page .nav-menu a,
.product-details-page .nav-menu a {
    color: #f7f1e8
}

.products-page .nav-menu a:hover,
.products-page .nav-menu a.active,
.product-details-page .nav-menu a:hover,
.product-details-page .nav-menu a.active {
    color: #e8bd69
}

.products-page .nav-menu a.active:after,
.product-details-page .nav-menu a.active:after {
    background: #e8bd69
}

.products-page .icon-btn,
.product-details-page .icon-btn {
    background: #1a1a1b;
    color: #e8bd69
}

.products-page .btn-primary,
.product-details-page .btn-primary {
    background: #d8a645;
    color: #18120a
}

.products-page .products-catalogue {
    background: linear-gradient(180deg, #0b0d10, #101114)
}

.products-page .catalogue-toolbar h2,
.products-page .products-meta,
.products-page .products-meta select,
.products-page .products-filter,
.products-page .product-card {
    color: #f7f1e8
}

.products-page .catalogue-search,
.products-page .products-filter,
.products-page .product-card,
.products-page .products-meta select {
    background: #17181b;
    border-color: #3d3528
}

.products-page .catalogue-search input {
    color: #fff
}

.products-page .catalogue-search input::placeholder {
    color: #a6a09a
}

.products-page .category-filter {
    color: #f3ede5
}

.products-page .category-filter:hover,
.products-page .category-filter.active {
    background: rgba(232, 189, 105, .16);
    color: #f2c66f
}

.products-page .filter-count {
    background: #2a2825;
    color: #f8edcf
}

.products-page .product-image {
    background: radial-gradient(circle at 50% 42%, #fffdf8, #ece4d6)
}

.products-page .product-title {
    color: #fff
}

.products-page .product-category,
.products-page .product-link,
.products-page .section-subtitle {
    color: #e8bd69
}

.products-page .product-specs {
    color: #cfc8be
}

.products-page .product-card {
    box-shadow: 0 18px 35px rgba(0, 0, 0, .26)
}

.products-page .product-card:hover {
    border-color: #d8a645;
    box-shadow: 0 24px 48px rgba(0, 0, 0, .44)
}

.product-details-page {
    background: #0b0d10;
    color: #f6f1e8
}

.product-details-page .product-detail {
    background: #0b0d10
}

.product-details-page .related-products {
    background: #101114
}

.product-details-page .breadcrumb {
    color: #d9d2c7
}

.product-details-page .breadcrumb a {
    color: #e8bd69
}

.product-details-page .product-main-image,
.product-details-page .product-options,
.product-details-page .product-highlights {
    background: #17181b;
    border-color: #3d3528;
    box-shadow: none
}

.product-details-page .product-info h1,
.product-details-page .product-highlights h2,
.product-details-page .product-options h2,
.product-details-page .product-specifications h2 {
    color: #fff
}

.product-details-page .product-description,
.product-details-page .brand-line,
.product-details-page .product-specifications span {
    color: #d5cec4
}

.product-details-page .option-chip {
    background: #242321;
    border-color: #4b4132;
    color: #f7f1e8
}

.product-details-page .product-specifications {
    border-color: #3d3528
}

.product-details-page .product-specifications div {
    border-color: #3d3528
}

.product-details-page .product-specifications strong {
    color: #fff
}

.product-details-page .product-card {
    background: #17181b;
    border-color: #3d3528
}

.product-details-page .product-title {
    color: #fff
}

.product-details-page .product-category,
.product-details-page .product-link,
.product-details-page .section-subtitle {
    color: #e8bd69
}

@media(max-width:640px) {
    .products-hero {
        padding: 72px 0
    }

    .products-hero:before {
        background-size: 390px auto
    }

    .products-hero h1 {
        margin-top: 0
    }
}

/* Final Surya + LUMAA brand layout: white contact strip, black-and-gold showroom. */
.products-page .top-bar,
.product-details-page .top-bar {
    background: #fffdf8;
    color: #1c1710;
    border-bottom: 1px solid #d7aa54
}

.products-page .top-bar a,
.product-details-page .top-bar a,
.products-page .top-bar-right,
.product-details-page .top-bar-right {
    color: #1c1710
}

.products-page .top-bar i,
.product-details-page .top-bar i {
    color: #c38a27
}

.products-page .header,
.product-details-page .header {
    background: #090909;
    border-bottom-color: #4d391a
}

.products-page .logo,
.product-details-page .logo {
    background: #fffdf8;
    border: 1px solid #d7aa54;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .28)
}

.products-page .footer,
.product-details-page .footer {
    background: radial-gradient(circle at 20% 0%, rgba(188, 130, 35, .18), transparent 32%), #070707;
    border-top: 1px solid #5b421d
}

.products-page .footer p,
.product-details-page .footer p,
.products-page .footer-links a,
.product-details-page .footer-links a {
    color: #e2d7c8
}

.products-page .footer h3,
.product-details-page .footer h3 {
    color: #f8eedf
}

.products-page .footer-links a:hover,
.product-details-page .footer-links a:hover {
    color: #e8bd69
}

.products-page .footer-contact i,
.product-details-page .footer-contact i {
    color: #e8bd69
}

.products-page .footer-bottom,
.product-details-page .footer-bottom {
    border-top-color: rgba(232, 189, 105, .24)
}

.products-page .footer-social a,
.product-details-page .footer-social a {
    background: #1b1916;
    color: #e8bd69
}

.products-page .scroll-top,
.product-details-page .scroll-top {
    background: #d8a645;
    color: #16110a;
    box-shadow: 0 12px 28px rgba(216, 166, 69, .28)
}

.products-page .scroll-top:hover,
.product-details-page .scroll-top:hover {
    background: #f0c66f
}

.products-page .footer-logo,
.product-details-page .footer-logo {
    background: linear-gradient(145deg, #fffdf8, #f1e1c4);
    border-color: #d7aa54
}

.products-page .product-main-image,
.product-details-page .product-main-image {
    background: radial-gradient(circle at 50% 42%, #fffdf8, #e9ddca)
}

/* Keep the complete LUMAA logo clear above all Products-banner text. */
.products-hero {
    min-height: 760px;
    padding: 52px 0 88px
}

.products-hero:before {
    background-position: center -40px;
    background-size: 520px auto;
    opacity: .56
}

.products-hero .container {
    padding-top: 330px
}

.products-hero .breadcrumb {
    margin-bottom: 26px
}

@media(max-width:640px) {
    .products-hero {
        min-height: 610px;
        padding: 42px 0 62px
    }

    .products-hero:before {
        background-position: center -25px;
        background-size: 370px auto;
        opacity: .52
    }

    .products-hero .container {
        padding-top: 230px
    }

    .products-hero .breadcrumb {
        margin-bottom: 20px
    }
}

/* Category showroom: the Products page only shows categories. */
.category-showroom {
    padding: 100px 0;
    background: linear-gradient(180deg, #0b0d10, #101114)
}

.category-showroom-heading {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: end;
    margin-bottom: 42px
}

.category-showroom-heading h2 {
    margin-top: 8px;
    color: #fff;
    font-size: clamp(34px, 4vw, 48px)
}

.category-showroom-heading p {
    max-width: 440px;
    color: #cec4b6;
    line-height: 1.8
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px
}

.category-card {
    display: flex;
    flex-direction: column;
    min-height: 430px;
    overflow: hidden;
    border: 1px solid #3d3528;
    border-radius: 20px;
    background: #17181b;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .24);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease
}

.category-card:hover {
    transform: translateY(-8px);
    border-color: #d8a645;
    box-shadow: 0 24px 48px rgba(0, 0, 0, .46)
}

.category-card-image {
    height: 220px;
    display: grid;
    place-items: center;
    padding: 20px;
    background: radial-gradient(circle at 50% 38%, #fffdf8, #e8ddca);
    overflow: hidden
}

.category-card-image img {
    width: 82%;
    height: 82%;
    object-fit: contain;
    transition: transform .45s ease
}

.category-card:hover .category-card-image img {
    transform: scale(1.08)
}

.category-card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 25px
}

.category-card-count {
    align-self: flex-start;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(232, 189, 105, .12);
    color: #e8bd69;
    font-size: 12px;
    font-weight: 600
}

.category-card h3 {
    margin: 15px 0 10px;
    color: #fff;
    font-size: 23px
}

.category-card p {
    color: #cfc8be;
    line-height: 1.7;
    font-size: 14px
}

.category-card-link {
    margin-top: auto;
    padding-top: 20px;
    color: #e8bd69;
    font-weight: 700
}

.category-card-link i {
    margin-left: 7px;
    transition: transform .25s ease
}

.category-card:hover .category-card-link i {
    transform: translateX(5px)
}

.catalogue-error {
    color: #f5dfba;
    text-align: center;
    padding: 50px
}

.collection-hero {
    padding: 96px 0 82px;
    text-align: center;
    background: radial-gradient(circle at 50% 0%, rgba(200, 144, 48, .28), transparent 34%), linear-gradient(135deg, #060606, #161008, #070604);
    color: #fff
}

.collection-hero .breadcrumb {
    color: #d6cec2
}

.collection-hero .breadcrumb a {
    color: #e8bd69
}

.collection-hero .lumaa-overline {
    margin: 0 auto 16px !important
}

.collection-hero h1 {
    font-size: clamp(44px, 6vw, 70px);
    color: #fff;
    margin-bottom: 16px
}

.collection-hero p {
    max-width: 680px;
    margin: 0 auto;
    color: #ded6ca
}

.collection-back-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 30px;
    color: #e8bd69;
    font-weight: 700
}

.collection-products {
    padding: 90px 0;
    background: linear-gradient(180deg, #0b0d10, #101114)
}

.collection-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    margin-bottom: 18px
}

.collection-toolbar h2 {
    margin-top: 8px;
    color: #fff;
    font-size: clamp(32px, 4vw, 45px)
}

.collection-count {
    margin-bottom: 26px;
    color: #d7cfc4
}

@media(max-width:992px) {
    .categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .category-showroom-heading {
        align-items: start;
        flex-direction: column
    }

    .collection-toolbar {
        align-items: stretch;
        flex-direction: column
    }
}

@media(max-width:640px) {

    .category-showroom,
    .collection-products {
        padding: 64px 0
    }

    .categories-grid {
        grid-template-columns: 1fr
    }

    .category-card {
        min-height: 390px
    }

    .collection-hero {
        padding: 70px 0 60px
    }

    .collection-toolbar {
        gap: 18px
    }
}

/* Final product-page polish: readable details, elegant headings and a full LUMAA banner. */
.products-hero {
    min-height: 900px;
    padding: 44px 0 90px;
}

.products-hero:before {
    background-position: center 20px;
    background-size: min(1120px, 80vw) auto;
    opacity: .74;
}

.products-hero .container {
    padding-top: 570px;
}

.products-hero h1,
.collection-hero h1,
.category-showroom-heading h2,
.collection-toolbar h2,
.product-info h1,
.product-specifications h2,
.product-highlights h2,
.related-products h2,
.footer h3 {
    font-family: "Cormorant Garamond", Georgia, serif;
    letter-spacing: .02em;
}

.category-showroom-heading h2,
.collection-toolbar h2 {
    font-size: clamp(42px, 5vw, 58px);
}

.product-details-page .product-detail {
    padding: 68px 0 96px;
}

.product-details-page .product-detail-grid {
    grid-template-columns: 1fr;
    gap: 54px;
}

.product-details-page .product-gallery {
    width: min(100%, 980px);
    margin: 0 auto;
}

.product-details-page .product-main-image {
    min-height: 560px;
    background: radial-gradient(circle at 50% 42%, #fffdf8, #e8dcc7);
}

.product-details-page .product-info {
    width: min(100%, 980px);
    margin: 0 auto;
}

.product-brand-logo {
    display: block;
    width: 170px;
    height: auto;
    margin: 0 0 22px;
    border: 1px solid rgba(232, 189, 105, .48);
    border-radius: 12px;
}

.product-details-page .product-info h1 {
    font-size: clamp(48px, 6vw, 72px);
    line-height: 1;
    margin: 8px 0 18px;
}

.product-details-page .product-description {
    max-width: 780px;
    color: #eee6da;
    font-size: 17px;
}

.product-details-page .product-specifications {
    margin-top: 34px;
    border: 1px solid #5b4524;
    border-radius: 18px;
    padding: 32px;
    background: linear-gradient(135deg, #17130e, #21170b);
}

.product-details-page .product-specifications h2 {
    font-size: 38px;
    color: #f8eedf;
    margin-bottom: 8px;
}

.details-note {
    margin: 0 0 18px;
    color: #d9bf89;
    font-size: 14px;
}

.product-details-page .product-specifications div {
    padding: 16px 0;
    border-bottom: 1px solid rgba(232, 189, 105, .25);
}

.product-details-page .product-specifications div:last-child {
    border-bottom: 0;
}

.product-details-page .product-specifications span {
    color: #f1c561;
    font-weight: 600;
}

.product-details-page .product-specifications strong {
    color: #fffaf1;
}

.product-details-page .product-highlights {
    padding: 30px;
    border: 1px solid #5b4524;
    background: linear-gradient(135deg, #1a1713, #242019);
}

.product-details-page .product-highlights h2 {
    font-size: 38px;
    color: #f8eedf;
}

.product-details-page .product-highlights li {
    color: #f8f1e6;
    font-size: 16px;
}

.product-details-page .product-highlights i {
    color: #e8bd69;
}

@media(max-width:640px) {
    .products-hero {
        min-height: 690px;
        padding: 34px 0 62px;
    }

    .products-hero:before {
        background-position: center 18px;
        background-size: min(560px, 115vw) auto;
        opacity: .66;
    }

    .products-hero .container {
        padding-top: 370px;
    }

    .product-details-page .product-main-image {
        min-height: 340px;
    }

    .product-details-page .product-info h1 {
        font-size: 47px;
    }

    .product-details-page .product-specifications,
    .product-details-page .product-highlights {
        padding: 23px;
    }
}

/* Contact and quote page */
.contact-hero {
    padding: 112px 0 100px;
}

.contact-hero h1 {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(56px, 7vw, 86px);
}

.contact-hero h1 span {
    color: #e8bd69;
}

.contact-section {
    padding: 96px 0;
    background: linear-gradient(180deg, #0b0d10, #101114);
}

.contact-layout {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 64px;
    align-items: start;
}

.contact-copy h2,
.enquiry-form h2 {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(42px, 5vw, 58px);
    color: #fff;
    margin: 10px 0 18px;
}

.contact-copy>p {
    color: #d6cdc0;
    line-height: 1.8;
    margin-bottom: 30px;
}

.contact-detail {
    display: flex;
    gap: 15px;
    padding: 17px 0;
    border-bottom: 1px solid rgba(232, 189, 105, .2);
}

.contact-detail>i {
    color: #e8bd69;
    font-size: 19px;
    margin-top: 4px;
}

.contact-detail>div {
    display: grid;
    gap: 3px;
    color: #e8e0d3;
}

.contact-detail strong {
    color: #fff;
}

.contact-detail a {
    color: #e8bd69;
}

.contact-detail span {
    line-height: 1.65;
}

.enquiry-form {
    display: grid;
    gap: 16px;
    padding: 38px;
    border: 1px solid #5b4524;
    border-radius: 20px;
    background: linear-gradient(135deg, #18140f, #241a0f);
}

.enquiry-form label {
    display: grid;
    gap: 8px;
    color: #f6e8cf;
    font-size: 14px;
    font-weight: 600;
}

.enquiry-form input,
.enquiry-form textarea {
    width: 100%;
    border: 1px solid #5b4524;
    border-radius: 10px;
    padding: 13px 14px;
    background: #0b0d10;
    color: #fff;
    font: inherit;
    resize: vertical;
}

.enquiry-form input:focus,
.enquiry-form textarea:focus {
    outline: 2px solid rgba(232, 189, 105, .55);
    border-color: #e8bd69;
}

.enquiry-form .btn {
    justify-self: start;
    margin-top: 8px;
}

@media(max-width:800px) {
    .contact-layout {
        grid-template-columns: 1fr;
        gap: 42px
    }

    .contact-section {
        padding: 65px 0
    }

    .enquiry-form {
        padding: 25px;
    }
}

/* Premium black-and-gold patterned panels used across the product experience. */
.products-page .header,
.product-details-page .header,
.products-page .footer,
.product-details-page .footer {
    background-color: #080706;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(237, 192, 89, .22) 1px, transparent 1.35px),
        linear-gradient(90deg, rgba(5, 4, 3, .98) 0%, rgba(19, 14, 7, .94) 48%, rgba(109, 70, 16, .52) 100%);
    background-size: 18px 18px, 100% 100%;
    background-position: right center, center;
}

.products-page .header,
.product-details-page .header {
    border-bottom-color: rgba(232, 189, 105, .62);
}

.products-page .footer,
.product-details-page .footer {
    border-top-color: rgba(232, 189, 105, .58);
}

/* Whole LUMAA mark is visible, without any title written over it. */
.product-brand-banner {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 430px;
    overflow: hidden;
    background-color: #080706;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(237, 192, 89, .18) 1px, transparent 1.35px),
        radial-gradient(circle at 50% 84%, rgba(196, 137, 33, .32), transparent 30%),
        linear-gradient(90deg, #050403, #24190c 52%, #090604);
    background-size: 19px 19px, 100% 100%, 100% 100%;
}

.product-brand-banner::before,
.product-brand-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.product-brand-banner::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, .8), transparent 28%, transparent 72%, rgba(0, 0, 0, .8));
}

.product-brand-banner::after {
    border-top: 1px solid rgba(232, 189, 105, .48);
    border-bottom: 1px solid rgba(232, 189, 105, .48);
}

.product-brand-banner-inner {
    position: relative;
    z-index: 1;
    width: min(1000px, 86vw);
    padding: 26px;
}

.product-brand-banner img {
    display: block;
    width: 100%;
    max-height: 370px;
    object-fit: contain;
    filter: drop-shadow(0 12px 26px rgba(0, 0, 0, .56));
}

/* Compact gallery with hover zoom, beside one clear product-details area. */
.product-details-page .product-detail {
    padding: 52px 0 96px;
}

.product-details-page .product-detail-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
    gap: 48px;
    align-items: start;
}

.product-details-page .product-gallery {
    width: 100%;
    margin: 0;
    position: sticky;
    top: 24px;
}

.product-details-page .product-main-image {
    min-height: 420px;
    padding: 30px;
    overflow: hidden;
    cursor: zoom-in;
}

.product-details-page .product-main-image img {
    height: 350px;
    transition: transform .55s cubic-bezier(.2, .75, .25, 1);
}

.product-details-page .product-main-image:hover img {
    transform: scale(1.14);
}

.product-details-page .product-thumbnails {
    margin-top: 14px;
}

.product-details-page .product-info {
    width: 100%;
    margin: 0;
}

.product-details-page .product-info h1 {
    font-size: clamp(45px, 4.4vw, 65px);
}

.product-details-page .product-specifications {
    margin-top: 28px;
}

.product-details-page .product-actions {
    margin-top: 38px;
    margin-bottom: 0;
}

.product-details-page .product-highlights {
    margin-top: 30px;
}

/* Related products are intentionally separated and easy to notice. */
.product-details-page .related-products {
    padding: 105px 0;
    background-color: #0b0a08;
    background-image: radial-gradient(circle at 1px 1px, rgba(237, 192, 89, .14) 1px, transparent 1.3px), linear-gradient(180deg, #0f0d09, #060505);
    background-size: 20px 20px, 100% 100%;
    border-top: 1px solid rgba(232, 189, 105, .46);
}

.product-details-page .related-products .section-heading {
    padding: 30px 0 8px;
    text-align: center;
}

.product-details-page .related-products h2 {
    font-size: clamp(46px, 5vw, 66px);
    color: #f8eedf;
}

.product-details-page .related-products .products-grid {
    margin-top: 38px;
}

.product-details-page .related-products .product-card {
    border-color: #6a4d24;
    box-shadow: 0 20px 44px rgba(0, 0, 0, .44);
}

.product-details-page .related-products .product-card:hover {
    border-color: #f0c66f;
    transform: translateY(-8px);
}

@media(max-width:900px) {
    .product-brand-banner {
        min-height: 325px;
    }

    .product-brand-banner-inner {
        width: min(760px, 92vw);
    }

    .product-brand-banner img {
        max-height: 275px;
    }

    .product-details-page .product-detail-grid {
        grid-template-columns: 1fr;
    }

    .product-details-page .product-gallery {
        position: static;
        width: min(100%, 760px);
        margin: 0 auto;
    }
}

@media(max-width:640px) {
    .product-brand-banner {
        min-height: 235px;
    }

    .product-brand-banner-inner {
        width: 94vw;
        padding: 12px;
    }

    .product-brand-banner img {
        max-height: 205px;
    }

    .product-details-page .product-main-image {
        min-height: 320px;
        padding: 22px;
    }

    .product-details-page .product-main-image img {
        height: 260px;
    }

    .product-details-page .product-gallery {
        width: 100%;
    }
}

/* Final banner balance: the Surya panel glows from the logo side and the
   LUMAA mark stays completely clear before the Products-page copy begins. */
.products-page .header,
.product-details-page .header,
.products-page .footer,
.product-details-page .footer {
    background-color: #080705;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(241, 199, 98, .24) 1px, transparent 1.35px),
        radial-gradient(ellipse 390px 155px at 10% 50%, rgba(238, 185, 65, .46) 0%, rgba(170, 105, 22, .26) 36%, transparent 74%),
        linear-gradient(90deg, rgba(105, 65, 12, .56) 0%, rgba(37, 24, 8, .42) 25%, rgba(8, 7, 5, .97) 59%, #080705 100%);
    background-size: 18px 18px, 100% 100%, 100% 100%;
    background-position: right center, center, center;
}

.products-page .logo img,
.product-details-page .logo img,
.products-page .footer-logo img,
.product-details-page .footer-logo img {
    filter: brightness(1.42) contrast(1.55) saturate(1.22) drop-shadow(0 2px 1px rgba(255, 239, 190, .72));
}

/* The LUMAA image is intentionally smaller and shifted upward: the long
   pendant line is shortened, the entire name is visible on first view, and
   the breadcrumb and category text start beneath it. */
.products-hero {
    min-height: 650px;
    padding: 28px 0 68px;
}

.products-hero::before {
    background-position: center -120px;
    background-size: min(620px, 54vw) auto;
    opacity: 1;
    mix-blend-mode: normal;
}

.products-hero::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .16));
}

.products-hero .container {
    padding-top: 400px;
}

.products-hero .breadcrumb,
.products-hero .lumaa-overline,
.products-hero h1,
.products-hero p {
    position: relative;
    z-index: 1;
}

@media(max-width:640px) {
    .products-hero {
        min-height: 560px;
        padding: 24px 0 52px;
    }

    .products-hero::before {
        background-position: center -78px;
        background-size: min(420px, 95vw) auto;
    }

    .products-hero .container {
        padding-top: 312px;
    }
}

/* Products-page category heading: one clear invitation, no extra side copy. */
.category-showroom-heading {
    display: block;
    margin-bottom: 48px;
    text-align: center;
}

.category-showroom-heading h2 {
    margin: 0;
    color: #efc366;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(54px, 6.4vw, 88px);
    font-weight: 700;
    letter-spacing: .025em;
}

/* Footer light begins at the Surya logo and softly fades across the panel. */
.products-page .footer,
.product-details-page .footer {
    background-color: #080705;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(241, 199, 98, .20) 1px, transparent 1.35px),
        radial-gradient(ellipse 540px 390px at 10% 34%, rgba(225, 169, 48, .34) 0%, rgba(141, 87, 18, .22) 38%, transparent 75%),
        linear-gradient(90deg, rgba(108, 67, 13, .54) 0%, rgba(38, 24, 8, .38) 36%, rgba(8, 7, 5, .98) 72%, #080705 100%);
    background-size: 18px 18px, 100% 100%, 100% 100%;
    background-position: right center, center, center;
}

@media(max-width:640px) {
    .category-showroom-heading h2 {
        font-size: 52px;
    }
}

/* White brand frame: the original Surya mark stays sharp without a dark panel. */
.products-page .header,
.product-details-page .header,
.products-page .footer,
.product-details-page .footer {
    background: #fffdf8 !important;
    background-image: none !important;
    color: #251a0f;
}

.products-page .header,
.product-details-page .header {
    border-bottom-color: #dfb65f;
}

.products-page .footer,
.product-details-page .footer {
    border-top-color: #dfb65f;
}

.products-page .nav-menu a,
.product-details-page .nav-menu a {
    color: #251a0f;
}

.products-page .nav-menu a:hover,
.products-page .nav-menu a.active,
.product-details-page .nav-menu a:hover,
.product-details-page .nav-menu a.active {
    color: #a36c17;
}

.products-page .icon-btn,
.product-details-page .icon-btn {
    background: #f3eadc;
    color: #8d5c14;
}

.products-page .logo img,
.product-details-page .logo img,
.products-page .footer-logo img,
.product-details-page .footer-logo img {
    filter: none !important;
}

.products-page .footer p,
.product-details-page .footer p,
.products-page .footer-links a,
.product-details-page .footer-links a,
.products-page .footer-contact span,
.product-details-page .footer-contact span,
.products-page .footer-contact a,
.product-details-page .footer-contact a {
    color: #4b3928;
}

.products-page .footer h3,
.product-details-page .footer h3 {
    color: #251a0f;
}

.products-page .footer-links a:hover,
.product-details-page .footer-links a:hover {
    color: #9b691a;
}

.products-page .footer-contact i,
.product-details-page .footer-contact i {
    color: #b77b1d;
}

.products-page .footer-bottom,
.product-details-page .footer-bottom {
    border-top-color: rgba(133, 89, 19, .24);
    color: #4b3928;
}

.products-page .footer-social a,
.product-details-page .footer-social a {
    background: #2a1b0d;
    color: #f1c665;
}

/* The original square LUMAA file is cropped as a full-width banner, so it
   remains wide and intact rather than appearing as a card. */
.product-brand-banner {
    min-height: 640px;
    background-color: #090806;
    background-image: url("../images/logo/lumaa-logo.png");
    background-repeat: no-repeat;
    background-size: 100vw auto;
    background-position: center calc(80px - 40vw);
}

.product-brand-banner::before,
.product-brand-banner::after {
    display: none;
}

.product-brand-banner-inner {
    display: none;
}

@media(max-width:640px) {
    .product-brand-banner {
        min-height: 300px;
        background-position: center calc(38px - 40vw);
    }
}

/* Products landing banner: use the LUMAA artwork edge-to-edge, without text
   or a visible square image behind it. */
.products-page,
.products-page .category-showroom {
    background: #090806;
}

.products-page .products-hero {
    min-height: 640px;
    padding: 0;
    background-color: #090806;
    background-image: url("../images/logo/lumaa-logo.png");
    background-repeat: no-repeat;
    background-size: 100vw auto;
    background-position: center calc(80px - 40vw);
}

.products-page .products-hero::before,
.products-page .products-hero::after {
    display: none;
}

.products-page .products-hero .container {
    display: none;
}

@media(max-width:640px) {
    .products-page .products-hero {
        min-height: 300px;
        background-position: center calc(38px - 40vw);
    }
}