:root {
  --luxury-accent: #ce7d37;
  --luxury-dark: #3a2d26;
  --luxury-light: #f5f0ec;
  --luxury-text: #2c2c2c;
}

/* Body background and typography */
body {
  background-color: var(--luxury-light);
  font-family: "Georgia", serif;
  color: var(--luxury-text);
  margin: 0;
  padding: 0;
}

/* Luxury-style headers */
h1,
h2,
h3 {
  font-family: "Playfair Display", serif;
  color: var(--luxury-dark);
  letter-spacing: 1px;
}

h2 {
  font-size: 32px;
  border-bottom: 2px solid var(--luxury-accent);
  padding-bottom: 10px;
  margin-bottom: 20px;
}

/* Navigation/Header */
.sh-header-main {
  background-color: #fff9f0;
  color: var(--luxury-accent);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  padding: 10px 20px;
}

/* Product cards */
.sh-product-card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 16px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.sh-product-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}

/* Discount tag */
.sh-product-card-discount-tag,
.sh-product-discount-tag {
  background-color: var(--luxury-accent);
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 500;
}

/* Buy now button */
.sh-product-buy-now-button {
  background-color: var(--luxury-accent);
  color: #fff;
  border: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.sh-product-buy-now-button:hover {
  background-color: var(--luxury-dark);
}

/* Footer */
.sh-footer-main {
  background-color: var(--luxury-dark);
  color: #fff;
  padding: 30px 20px;
}

.sh-footer-icon {
  color: var(--luxury-accent);
  font-size: 20px;
}
.app-bar-main > div > div > svg {
  color: #000;
}
@media screen and (max-width: 768px) {
  .app-bar-main .sh-header-mob-menu-icon {
    color: #000 !important;
  }
}
.variant-selector-variant-btn {
  font-weight: 800 !important;
}
.related-product-header {
  padding: 10px 10px;
  margin-top: 22px;
  border-radius: 4px;
}
.related-product-header {
  background-color: transparent !important;
  padding: 0 !important;
}
.product-component-container > div:nth-child(3) {
  background-color: transparent !important;
}
:root {
--header-accent: #000000
}
.three-col-footer__heading {
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
    margin-top: 20px;
}
@media screen and (max-width: 480px) {
    .pr-outlined-button {
        font-size: 11px;
        height: 30px;
    }
  }