:root {
    --cream: #faf5ec;
    --cream-dark: #f2e9d8;
    --brown-dark: #211c16;
    --brown: #4b3a2a;
    --gold: #b8863f;
    --gold-dark: #8f6a2e;
    --text-muted: #7a7367;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--brown-dark);
    background: #fff;
}

h1,
h2,
h3,
.font-serif {
    font-family: 'Playfair Display', serif;
}

.eyebrow {
    letter-spacing: 3px;
    font-size: .75rem;
    color: var(--gold-dark);
    text-transform: uppercase;
    font-weight: 600;
}

.eyebrow::before,
.eyebrow::after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 1px;
    background: var(--gold-dark);
    vertical-align: middle;
    margin: 0 8px;
}

.section-title {
    font-size: 2.1rem;
    font-weight: 600;
    color: var(--brown-dark);
}

.btn-gold {
    background: var(--brown-dark);
    color: #fff;
    border-radius: 0;
    padding: .75rem 1.8rem;
    font-size: .8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid var(--brown-dark);
    transition: .3s;
}

.btn-gold:hover {
    background: transparent;
    color: var(--brown-dark);
}

.btn-outline-dark2 {
    border-radius: 0;
    padding: .75rem 1.8rem;
    font-size: .8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid var(--brown-dark);
    color: var(--brown-dark);
    background: transparent;
    transition: .3s;
}

.btn-outline-dark2:hover {
    background: var(--brown-dark);
    color: #fff;
}

/* Top bar */
.top-bar {
    background: var(--brown-dark);
    color: #e8e0d2;
    font-size: .78rem;
    padding: 6px 0;
}

.top-bar a {
    color: #e8e0d2;
    text-decoration: none;
}

.top-bar a:hover {
    color: var(--gold);
}

/* Navbar */
.navbar-custom {
    padding: 16px 0;
    background: #fff;
}

.navbar-custom .navbar-brand {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--brown-dark);
}

.navbar-custom .navbar-brand small {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: .6rem;
    letter-spacing: 2px;
    font-weight: 400;
    color: var(--text-muted);
}

.navbar-custom .nav-link {
    color: var(--brown-dark);
    font-weight: 500;
    font-size: .92rem;
    margin: 0 12px;
}

.navbar-custom .nav-link.active {
    color: var(--gold-dark);
}


/* Mega Menu */

.mega-dropdown {
    position: static;
}

.mega-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    padding: 30px 0;
    border-radius: 0;
    display: none;
    background: #fff;
}

/* .mega-dropdown:hover .mega-menu {
    display: block;
} */
.mega-banner {
    position: relative;
    border-radius: 12px;
}

.mega-banner img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 12px;
}

.mega-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    border-radius: 12px;
}

.mega-banner-content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    color: #fff;
}

.mega-banner-content h4 {
    font-weight: 700;
    margin-bottom: 8px;
}

.mega-banner-content p {
    font-size: 14px;
    margin-bottom: 15px;
}

.mega-menu h6 {
    color: #8B5E3C;
    font-weight: 700;
}

.mega-menu a {
    display: block;
    text-decoration: none;
    color: #555;
    padding: 7px 0;
    transition: .3s;
}

.mega-menu a:hover {
    color: #c39b43;
    padding-left: 8px;
}

.navbar .nav-link {
    font-weight: 600;
}

@media(max-width:991px) {

    .mega-menu {
        display: none;
        position: relative;
        width: 100%;
        box-shadow: none;
    }

    .mega-menu.show {
        display: block;
    }

}

.nav-icon {
    color: var(--brown-dark);
    font-size: 1.05rem;
    margin-left: 18px;
    position: relative;
    text-decoration: none;
}

.cart-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    background: var(--gold-dark);
    color: #fff;
    font-size: .6rem;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hero */
.hero {
    background: linear-gradient(120deg, #f4ead6 0%, #ece0c7 100%);
    padding: 70px 0 40px;
    position: relative;
    overflow: hidden;
}

.hero h1 {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--brown-dark);
}

.hero h1 span {
    color: var(--gold-dark);
}

.hero p {
    color: var(--text-muted);
    font-size: 1rem;
    max-width: 420px;
}

.hero-img {
    border-radius: 6px;
    max-width: 100%;
}

.hero-features {
    margin-top: 45px;
}

.hero-features .feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .82rem;
    color: var(--brown);
}

.hero-features i {
    color: var(--gold-dark);
    font-size: 1.3rem;
}

.hero-dots {
    --bs-carousel-indicator-width: 7px;
}

.hero-dots button,
.hero-dots span {
    display: inline-block;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50%;
    background-color: #d8c9a8 !important;
    margin: 0 4px !important;
    border: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    text-indent: 0;
}

.hero-dots button.active,
.hero-dots span.active {
    background-color: var(--brown-dark) !important;
}

.hero-arrow {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
    color: var(--brown-dark);
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    opacity: 1;
}

.hero-arrow:hover {
    background: var(--brown-dark);
    color: #fff;
}

/* Best sellers scroll carousel */
.product-scroll {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product-scroll::-webkit-scrollbar {
    display: none;
}

.product-scroll .product-slide {
    flex: 0 0 auto;
    width: 220px;
    scroll-snap-align: start;
}

.scroll-arrow {
    cursor: pointer;
    transition: .25s;
}

.scroll-arrow:hover {
    background: var(--brown-dark);
    color: #fff;
    border-color: var(--brown-dark);
}

/* Category cards */
.cat-card {
    text-align: center;
    text-decoration: none;
    color: inherit;
    display: block;
}

.cat-img-wrap {
    background: var(--cream);
    border-radius: 8px;
    padding: 22px;
    margin-bottom: 14px;
    transition: .3s;
}

.cat-card:hover .cat-img-wrap {
    background: var(--cream-dark);
    transform: translateY(-4px);
}

.cat-img-wrap img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 6px;
}

.cat-card h6 {
    font-weight: 600;
    color: var(--brown-dark);
    margin-bottom: 4px;
    font-size: .92rem;
}

.cat-card small {
    color: var(--gold-dark);
    font-size: .78rem;
}

/* Product cards */
.product-card {
    border: 1px solid #eee2cc;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    position: relative;
    height: 100%;
}

.product-card img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.badge-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--brown-dark);
    color: #fff;
    font-size: .65rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 2px;
    z-index: 2;
}

.badge-tag.new {
    background: var(--gold-dark);
}

.product-body {
    padding: 16px;
    text-align: center;
}

.product-body h6 {
    font-size: .88rem;
    font-weight: 500;
    color: var(--brown-dark);
    min-height: 40px;
}

.product-price {
    color: var(--gold-dark);
    font-weight: 600;
    margin-bottom: 12px;
}

.btn-add-cart {
    width: 100%;
    border: 1px solid var(--brown-dark);
    background: transparent;
    color: var(--brown-dark);
    font-size: .75rem;
    letter-spacing: 1px;
    padding: 8px;
    text-transform: uppercase;
    transition: .3s;
}

.btn-add-cart:hover {
    background: var(--brown-dark);
    color: #fff;
}

.scroll-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brown-dark);
}

/* Why choose us */
.why-section {
    background: #fff;
}

.why-img {
    border-radius: 8px;
    width: 100%;
    object-fit: cover;
    height: 440px;
}

.why-icon-box {
    text-align: center;
}

.why-icon-box .icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--cream);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    font-size: 1.4rem;
    color: var(--gold-dark);
}

.why-icon-box p {
    font-size: .82rem;
    font-weight: 500;
    color: var(--brown-dark);
}

/* Testimonials */
.testimonial-section {
    background: var(--cream);
    padding: 70px 0;
}

.testimonial-card {
    background: #fff;
    border-radius: 8px;
    padding: 26px;
    height: 100%;
}

.testimonial-card .stars {
    color: var(--gold-dark);
    font-size: .85rem;
    margin-bottom: 10px;
}

.testimonial-card p {
    font-size: .88rem;
    color: var(--brown);
    font-style: italic;
}

.testimonial-user {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
}

.testimonial-user img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-user span {
    font-size: .82rem;
    font-weight: 500;
}

/* Offer banner */
.offer-banner {
    background: linear-gradient(120deg, #efe2c4, #e8d6ab);
    border-radius: 10px;
    padding: 50px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.offer-banner h2 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--brown-dark);
}

.offer-overlay {
    background: rgba(250, 245, 236, .72);
    border-radius: 10px;
    padding: 50px;
}

/* Blog */
.blog-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 16px;
}

.blog-card h5 {
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--brown-dark);
}

.blog-card a {
    color: var(--gold-dark);
    font-size: .85rem;
    text-decoration: none;
    font-weight: 500;
}

/* Newsletter */
.newsletter-section {
    background: var(--cream-dark);
    padding: 34px 0;
}

.newsletter-section input {
    border-radius: 0;
    padding: 12px 16px;
    border: 1px solid #d8c9a8;
    background: #fff;
}

.newsletter-section .btn-gold {
    padding: 12px 26px;
}

/* Footer */
footer {
    background: var(--brown-dark);
    color: #cfc6b6;
    padding-top: 60px;
}

footer h6 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 18px;
    font-size: .95rem;
}

footer a {
    color: #cfc6b6;
    text-decoration: none;
    font-size: .85rem;
    line-height: 2.1;
    display: block;
}

footer a:hover {
    color: var(--gold);
}

footer .footer-brand {
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
}

.social-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #382e22;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 8px;
    font-size: .85rem;
}

.footer-bottom {
    border-top: 1px solid #382e22;
    margin-top: 40px;
    padding: 18px 0;
    font-size: .8rem;
}


/* shop Lisiting */


.cart-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    background: var(--gold-dark);
    color: #fff;
    font-size: .6rem;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Page header */
.page-header {
    background: linear-gradient(120deg, #f4ead6 0%, #ece0c7 100%);
    padding: 50px 0;
    text-align: center;
}

.page-header h1 {
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--brown-dark);
}

.breadcrumb-bar a {
    color: var(--text-muted);
    text-decoration: none;
    font-size: .85rem;
}

.breadcrumb-bar a:hover {
    color: var(--gold-dark);
}

.breadcrumb-bar span {
    color: var(--brown-dark);
    font-size: .85rem;
    font-weight: 500;
}

/* Sidebar filters */
.filter-box {
    border: 1px solid #eee2cc;
    border-radius: 8px;
    padding: 22px;
    margin-bottom: 22px;
}

.filter-box h6 {
    font-weight: 600;
    font-size: .92rem;
    color: var(--brown-dark);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0e8d6;
}

.filter-box .form-check {
    margin-bottom: 10px;
}

.filter-box .form-check-label {
    font-size: .85rem;
    color: var(--brown);
    cursor: pointer;
}

.filter-box .form-check-input {
    border-color: #d8c9a8;
}

.filter-box .form-check-input:checked {
    background-color: var(--gold-dark);
    border-color: var(--gold-dark);
}

.count-tag {
    color: var(--text-muted);
    font-size: .78rem;
    float: right;
}

.price-range-val {
    font-size: .82rem;
    color: var(--brown-dark);
    font-weight: 500;
}

.form-range::-webkit-slider-thumb {
    background: var(--gold-dark);
}

.form-range::-moz-range-thumb {
    background: var(--gold-dark);
}

.rating-filter {
    color: var(--gold-dark);
    font-size: .85rem;
    cursor: pointer;
}

.rating-filter span {
    color: var(--text-muted);
    font-size: .78rem;
    margin-left: 4px;
}

.clear-filters {
    font-size: .8rem;
    color: var(--gold-dark);
    text-decoration: none;
}

.color-swatch {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
    cursor: pointer;
}

.color-swatch.active {
    box-shadow: 0 0 0 2px var(--gold-dark);
}

/* Toolbar */
.toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 26px;
}

.toolbar .result-count {
    font-size: .85rem;
    color: var(--text-muted);
}

.toolbar select {
    border-radius: 0;
    border: 1px solid #e2d5b8;
    font-size: .82rem;
    padding: 8px 14px;
    color: var(--brown-dark);
}

.toolbar select:focus {
    box-shadow: none;
    border-color: var(--gold-dark);
}

.view-toggle button {
    width: 38px;
    height: 38px;
    border: 1px solid #e2d5b8;
    background: #fff;
    color: var(--text-muted);
}

.view-toggle button.active {
    background: var(--brown-dark);
    color: #fff;
    border-color: var(--brown-dark);
}

.active-filter-pill {
    background: var(--cream);
    color: var(--brown-dark);
    font-size: .78rem;
    padding: 5px 12px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 8px 8px 0;
}

.active-filter-pill i {
    cursor: pointer;
    color: var(--text-muted);
}

/* Product cards */
.product-card {
    border: 1px solid #eee2cc;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    position: relative;
    height: 100%;
    transition: .3s;
}

.product-card:hover {
    box-shadow: 0 10px 25px rgba(33, 28, 22, .08);
    transform: translateY(-3px);
}

.product-card a {
    text-decoration: none;
    color: inherit;
}

.product-img-wrap {
    position: relative;
    overflow: hidden;
}

.product-card img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    transition: .4s;
}

.product-card:hover img {
    transform: scale(1.05);
}

.badge-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--brown-dark);
    color: #fff;
    font-size: .65rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 2px;
    z-index: 2;
}

.badge-tag.new {
    background: var(--gold-dark);
}

.badge-tag.sale {
    background: #b1462f;
}

.wishlist-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brown-dark);
    font-size: .8rem;
    z-index: 2;
    border: none;
}

.wishlist-icon.active {
    color: #c0392b;
}

.quick-add {
    position: absolute;
    bottom: -42px;
    left: 0;
    right: 0;
    background: var(--brown-dark);
    color: #fff;
    text-align: center;
    font-size: .72rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px;
    border: none;
    transition: .3s;
}

.product-card:hover .quick-add {
    bottom: 0;
}

.product-body {
    padding: 16px;
    text-align: center;
}

.product-cat {
    font-size: .72rem;
    color: var(--gold-dark);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.product-body h6 {
    font-size: .9rem;
    font-weight: 500;
    color: var(--brown-dark);
    margin: 6px 0;
}

.rating-stars {
    color: var(--gold-dark);
    font-size: .75rem;
}

.product-price {
    color: var(--gold-dark);
    font-weight: 600;
    margin-top: 6px;
}

.price-old {
    color: #b7ab99;
    text-decoration: line-through;
    font-size: .82rem;
    margin-left: 6px;
    font-weight: 400;
}

/* Pagination */
.pagination .page-link {
    color: var(--brown-dark);
    border: 1px solid #e2d5b8;
    margin: 0 3px;
    border-radius: 4px;
    font-size: .85rem;
}

.pagination .page-item.active .page-link {
    background: var(--brown-dark);
    border-color: var(--brown-dark);
}

.pagination .page-link:hover {
    background: var(--cream);
}

/* Newsletter */
.newsletter-section {
    background: var(--cream-dark);
    padding: 34px 0;
}

.newsletter-section input {
    border-radius: 0;
    padding: 12px 16px;
    border: 1px solid #d8c9a8;
    background: #fff;
}

.newsletter-section .btn-gold {
    padding: 12px 26px;
}


/* product Preview Page  */
.breadcrumb-bar{
    background:var(--cream);
    padding:16px 0;
  }
  .breadcrumb-bar a{
    color:var(--text-muted);
    text-decoration:none;
    font-size:.85rem;
  }
  .breadcrumb-bar a:hover{color:var(--gold-dark);}
  .breadcrumb-bar span{
    color:var(--brown-dark);
    font-size:.85rem;
    font-weight:500;
  }

  /* Gallery */
  .gallery-main{
    border-radius:10px;
    overflow:hidden;
    background:var(--cream);
    position:relative;
  }
  .gallery-main img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    display:block;
    transition:.35s ease;
  }
  .gallery-thumbs{
    display:flex;
    gap:12px;
    margin-top:14px;
  }
  .gallery-thumbs img{
    width:76px;
    height:76px;
    object-fit:cover;
    border-radius:8px;
    cursor:pointer;
    border:2px solid transparent;
    opacity:.75;
    transition:.25s;
  }
  .gallery-thumbs img:hover{opacity:1;}
  .gallery-thumbs img.active{
    border-color:var(--gold-dark);
    opacity:1;
  }
  .badge-tag{
    position:absolute;
    top:14px; left:14px;
    background:var(--brown-dark);
    color:#fff;
    font-size:.65rem;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:4px 12px;
    border-radius:2px;
    z-index:2;
  }
  .badge-tag.sale{background:var(--gold-dark);}
  .zoom-hint{
    position:absolute;
    bottom:14px; right:14px;
    background:rgba(255,255,255,.9);
    width:34px;height:34px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:var(--brown-dark);
    font-size:.85rem;
  }

  /* Product info */
  .product-title{
    font-size:1.9rem;
    font-weight:600;
    color:var(--brown-dark);
  }
  .rating-stars{color:var(--gold-dark); font-size:.9rem;}
  .review-count{
    color:var(--text-muted);
    font-size:.85rem;
    text-decoration:none;
  }
  .price-now{
    font-size:1.7rem;
    font-weight:600;
    color:var(--gold-dark);
  }
  .price-old{
    font-size:1.05rem;
    color:#b7ab99;
    text-decoration:line-through;
  }
  .save-badge{
    background:var(--cream);
    color:var(--gold-dark);
    font-size:.72rem;
    font-weight:600;
    padding:3px 10px;
    border-radius:3px;
  }
  .product-desc{
    color:var(--text-muted);
    font-size:.92rem;
    line-height:1.8;
  }
  .option-label{
    font-weight:600;
    font-size:.85rem;
    color:var(--brown-dark);
    margin-bottom:8px;
  }
  .mukhi-option{
    border:1px solid #e2d5b8;
    background:#fff;
    color:var(--brown-dark);
    font-size:.82rem;
    padding:8px 16px;
    border-radius:4px;
    transition:.25s;
  }
  .mukhi-option.active, .mukhi-option:hover{
    border-color:var(--brown-dark);
    background:var(--brown-dark);
    color:#fff;
  }
  .qty-selector{
    display:flex;
    align-items:center;
    border:1px solid #e2d5b8;
    border-radius:4px;
    width:130px;
  }
  .qty-selector button{
    background:none;
    border:none;
    width:38px;
    height:44px;
    color:var(--brown-dark);
    font-size:1rem;
  }
  .qty-selector button:hover{color:var(--gold-dark);}
  .qty-selector input{
    border:none;
    width:54px;
    text-align:center;
    font-weight:600;
    color:var(--brown-dark);
  }
  .qty-selector input:focus{outline:none; box-shadow:none;}
  .btn-wishlist{
    width:52px; height:52px;
    border:1px solid var(--brown-dark);
    background:#fff;
    color:var(--brown-dark);
    border-radius:4px;
    display:flex;align-items:center;justify-content:center;
    transition:.25s;
  }
  .btn-wishlist:hover{background:var(--brown-dark); color:#fff;}
  .btn-wishlist.active{background:#c0392b; color:#fff; border-color:#c0392b;}
  .trust-strip{
    border-top:1px solid #eee2cc;
    border-bottom:1px solid #eee2cc;
    padding:18px 0;
  }
  .trust-strip .t-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:.8rem;
    color:var(--brown);
  }
  .trust-strip i{color:var(--gold-dark); font-size:1.2rem;}
  .meta-row{font-size:.85rem; color:var(--text-muted);}
  .meta-row b{color:var(--brown-dark); font-weight:500;}
  .share-icon{
    width:32px;height:32px;
    border-radius:50%;
    background:var(--cream);
    color:var(--brown-dark);
    display:inline-flex;align-items:center;justify-content:center;
    font-size:.8rem;
    margin-right:6px;
    text-decoration:none;
  }
  .share-icon:hover{background:var(--gold-dark); color:#fff;}

  /* Tabs */
  .detail-tabs .nav-link{
    color:var(--text-muted);
    font-weight:500;
    border:none;
    border-bottom:2px solid transparent;
    padding:12px 26px;
    font-size:.92rem;
  }
  .detail-tabs .nav-link.active{
    color:var(--brown-dark);
    border-bottom:2px solid var(--gold-dark);
    background:none;
  }
  .tab-content-box{
    padding:34px 0;
    color:var(--text-muted);
    font-size:.92rem;
    line-height:1.9;
  }
  .spec-table td{
    padding:10px 0;
    border-bottom:1px solid #f0e8d6;
    font-size:.88rem;
  }
  .spec-table td:first-child{
    color:var(--brown-dark);
    font-weight:500;
    width:220px;
  }
  .review-item{
    border-bottom:1px solid #f0e8d6;
    padding:18px 0;
  }
  .review-item img{
    width:40px;height:40px;
    border-radius:50%;
    object-fit:cover;
  }
  .review-item .stars{color:var(--gold-dark); font-size:.8rem;}

  /* Product cards (related) */
  .product-card{
    border:1px solid #eee2cc;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
    position:relative;
    height:100%;
  }
  .product-card img{width:100%; aspect-ratio:1/1; object-fit:cover;}
  .product-card .badge-tag{padding:3px 10px; font-size:.65rem;}
  .product-body{padding:16px; text-align:center;}
  .product-body h6{font-size:.88rem; font-weight:500; color:var(--brown-dark); min-height:40px;}
  .product-price{color:var(--gold-dark); font-weight:600; margin-bottom:12px;}
  .btn-add-cart{
    width:100%;
    border:1px solid var(--brown-dark);
    background:transparent;
    color:var(--brown-dark);
    font-size:.75rem;
    letter-spacing:1px;
    padding:8px;
    text-transform:uppercase;
    transition:.3s;
  }
  .btn-add-cart:hover{background:var(--brown-dark); color:#fff;}
  .product-scroll{
    display:flex; gap:1.5rem; overflow-x:auto;
    scroll-behavior:smooth; scroll-snap-type:x mandatory;
    padding-bottom:6px; -ms-overflow-style:none; scrollbar-width:none;
  }
  .product-scroll::-webkit-scrollbar{display:none;}
  .product-scroll .product-slide{flex:0 0 auto; width:220px; scroll-snap-align:start;}
  .scroll-arrow{
    width:36px;height:36px; border-radius:50%; border:1px solid #ddd;
    background:#fff; display:flex;align-items:center;justify-content:center;
    color:var(--brown-dark); cursor:pointer; transition:.25s;
  }
  .scroll-arrow:hover{background:var(--brown-dark); color:#fff; border-color:var(--brown-dark);}