/* Add custom CSS styles below */ 
/*
 * Durrat Al Massage — final forced brand palette override
 * Live target: Salla / Raed theme
 * Note: #FAFSEE is not valid CSS hex. #FAF5EE is used as the provisional ivory.
 */

:root {
  --brand-gold: #D4AF37;
  --brand-gold-light: #E6C887;
  --brand-champagne: #F2DEA6;
  --brand-gold-beige: #F7EDD1;
  --brand-ivory: #FAF5EE;
  --brand-black: #111111;
  --brand-white: #FFFFFF;
  --brand-cream: #FFF9EB;
  --brand-surface: var(--brand-cream);

  /* Salla / Raed theme tokens */
  --color-primary: var(--brand-gold) !important;
  --color-primary-dark: var(--brand-black) !important;
  --color-primary-light: var(--brand-gold-light) !important;
  --color-primary-reverse: var(--brand-black) !important;
  --color-primary-d: var(--brand-black) !important;
  --color-primary-l: var(--brand-gold-light) !important;
  --store-color: var(--brand-gold) !important;
  --ticketing-system-primary-color: var(--brand-gold) !important;
  --main-text-color: var(--brand-black) !important;
  --main-text-color-dark: var(--brand-black) !important;
  --color-text: var(--brand-black) !important;
  --color-grey: var(--brand-gold-beige) !important;
  --color-light-grey: var(--brand-champagne) !important;
  --bg-gray: rgb(247 237 209 / 42%) !important;
  --tw-ring-color: rgb(212 175 55 / 35%) !important;
  --tw-ring-offset-color: var(--brand-ivory) !important;
  --swiper-theme-color: var(--brand-gold) !important;

  /* Salla dialogs */
  --swal2-background: var(--brand-gold-beige) !important;
  --swal2-color: var(--brand-black) !important;
  --swal2-confirm-button-background-color: var(--brand-gold) !important;
  --swal2-confirm-button-color: var(--brand-black) !important;
  --swal2-cancel-button-background-color: var(--brand-black) !important;
  --swal2-cancel-button-color: var(--brand-white) !important;
  --swal2-deny-button-background-color: var(--brand-black) !important;
  --swal2-deny-button-color: var(--brand-white) !important;
  --swal2-input-focus-border: 1px solid var(--brand-gold) !important;
  --swal2-input-focus-box-shadow: 0 0 0 3px rgb(212 175 55 / 24%) !important;
}

html {
  color-scheme: light !important;
  background: var(--brand-ivory) !important;
}

body,
body.salla-1298199463,
.app-inner,
main {
  color: var(--brand-black) !important;
  background: var(--brand-ivory) !important;
}

::selection {
  color: var(--brand-black) !important;
  background: var(--brand-champagne) !important;
}

a {
  color: inherit;
}

a:hover,
a:focus-visible {
  color: var(--brand-gold) !important;
}

/* Announcement and header */
.s-advertisement {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-bottom: 1px solid var(--brand-gold-light) !important;
}

.s-advertisement *,
.top-navbar *,
.top-navbar a {
  color: inherit !important;
  fill: currentColor !important;
}

.s-advertisement-action {
  color: var(--brand-black) !important;
}

.top-navbar {
  color: var(--brand-black) !important;
  background: var(--brand-champagne) !important;
  border-bottom: 1px solid var(--brand-gold) !important;
}

.top-navbar a {
  color: var(--brand-black) !important;
}

.top-navbar a:hover,
.top-navbar a:focus-visible {
  color: var(--brand-black) !important;
  text-decoration-color: var(--brand-gold) !important;
}

.top-navbar .s-search-input {
  color: var(--brand-black) !important;
  background: var(--brand-ivory) !important;
  border-color: var(--brand-gold) !important;
}

.top-navbar .s-search-input::placeholder {
  color: #5F5647 !important;
}

.top-navbar .s-search-icon-wrap,
.top-navbar .s-search-icon-wrap * {
  color: var(--brand-gold) !important;
  fill: currentColor !important;
}

#mainnav,
#mainnav.main-nav-container,
.main-nav-container,
.main-nav-container .inner {
  color: var(--brand-black) !important;
  background: var(--brand-gold-beige) !important;
}

#mainnav {
  border-bottom: 1px solid var(--brand-champagne) !important;
  box-shadow: 0 10px 30px rgb(17 17 17 / 5%) !important;
}

.main-menu a,
.main-menu li > a,
.main-nav-container a,
.main-nav-container button {
  color: var(--brand-black) !important;
}

.main-menu a:hover,
.main-menu a:focus-visible,
.main-menu li:hover > a,
.main-nav-container a:hover,
.main-nav-container button:hover {
  color: var(--brand-gold) !important;
}

.main-menu li.root-level > a::after,
.main-menu li > a::after {
  background: var(--brand-gold) !important;
}

.s-user-menu-trigger,
.header-btn,
.s-cart-summary-wrapper {
  color: var(--brand-black) !important;
}

.s-user-menu-trigger *,
.header-btn *,
.s-cart-summary-wrapper * {
  color: inherit !important;
  fill: currentColor !important;
}

.s-user-menu-trigger:hover,
.header-btn:hover,
.s-cart-summary-wrapper:hover {
  color: var(--brand-gold) !important;
}

.s-cart-summary-count {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border: 2px solid var(--brand-gold-beige) !important;
}

/* Search and navigation overlays */
.s-search-results,
.s-user-menu-dropdown,
.sub-menu,
.main-menu .sub-menu {
  color: var(--brand-black) !important;
  background: var(--brand-gold-beige) !important;
  border: 1px solid var(--brand-champagne) !important;
  box-shadow: 0 18px 45px rgb(17 17 17 / 12%) !important;
}

.s-search-results *,
.s-user-menu-dropdown * {
  color: inherit !important;
}

.mm-ocd__content,
.mm-spn {
  color: var(--brand-black) !important;
  background: var(--brand-gold-beige) !important;
}

.mm-spn a,
.mm-spn li,
.mm-spn span {
  color: var(--brand-black) !important;
  border-color: var(--brand-champagne) !important;
}

.mm-spn a:hover,
.mm-spn a:focus-visible {
  color: var(--brand-black) !important;
  background: var(--brand-champagne) !important;
}

.mm-spn .sicon-back,
.mm-spn .sicon-caret-left,
.mm-spn .sicon-caret-right {
  color: var(--brand-gold) !important;
}

.mm-ocd__backdrop,
.s-modal-overlay {
  background: rgb(17 17 17 / 70%) !important;
}

.btn--close,
.btn--close-sm,
.close-mobile-menu {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
}

/* Page canvas, breadcrumbs, headings */
.container--breadcrumbs,
.breadcrumbs,
salla-breadcrumb {
  color: #5F5647 !important;
}

.container--breadcrumbs a,
.breadcrumbs a,
salla-breadcrumb a {
  color: #5F5647 !important;
}

.container--breadcrumbs a:hover,
.breadcrumbs a:hover,
salla-breadcrumb a:hover {
  color: var(--brand-black) !important;
}

.s-slider-block__title h1,
.s-slider-block__title h2,
.s-slider-block__title h3,
.s-block__title,
.s-comments-title,
h1,
h2,
h3 {
  color: var(--brand-black) !important;
}

.s-slider-block__title h2,
.s-block__title {
  position: relative;
}

.s-slider-block__title h2::after,
.s-block__title::after {
  display: block;
  width: 44px;
  height: 3px;
  margin-top: 8px;
  content: "";
  background: var(--brand-gold) !important;
  border-radius: 999px;
}

.s-slider-block__display-all,
.link--primary,
.text-primary {
  color: var(--brand-black) !important;
  text-decoration-color: var(--brand-gold) !important;
  text-underline-offset: 4px;
}

.s-slider-block__display-all:hover,
.link--primary:hover {
  color: var(--brand-gold) !important;
}

/* Banner frame only; image artwork is intentionally untouched */
.banner--fixed {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background: var(--brand-gold-beige) !important;
  border: 1px solid var(--brand-champagne) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 52px rgb(17 17 17 / 10%) !important;
}

.banner--fixed img {
  border-radius: inherit !important;
}

/* Product cards */
custom-salla-product-card,
salla-product-card,
.s-product-card-entry {
  overflow: hidden !important;
  color: var(--brand-black) !important;
  background: var(--brand-surface) !important;
  border: 1px solid var(--brand-champagne) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 38px rgb(255 178 99 / 10%) !important;
}

custom-salla-product-card:hover,
salla-product-card:hover,
.s-product-card-entry:hover {
  border-color: var(--brand-gold) !important;
  box-shadow: 0 14px 38px rgb(255 178 99 / 20%) !important;
  transform: translateY(-2px);
}

.s-product-card-image {
  background: var(--brand-gold-beige) !important;
  border-bottom: 1px solid var(--brand-champagne) !important;
}

.s-product-card-content,
.s-product-card-content-main,
.s-product-card-content-footer {
  color: var(--brand-black) !important;
  background: var(--brand-surface) !important;
}

.s-product-card-content-title a,
.s-product-card-content h3,
.s-product-card-content h3 a {
  color: var(--brand-black) !important;
}

.s-product-card-content-sub,
.s-product-card-content p,
.s-product-card-sale-price,
.s-product-card-regular-price {
  color: #5F5647 !important;
}

.s-product-card-price,
.s-product-card-content h4,
.s-product-card-content h4 *,
.s-product-card-sale-price {
  color: var(--brand-black) !important;
}

.s-product-card-old-price,
.s-product-card-regular-price,
.line-through {
  color: #786F61 !important;
}

.s-product-card-promotion-title,
.promotion-title {
  color: var(--brand-black) !important;
  background: var(--brand-champagne) !important;
  border: 1px solid var(--brand-gold) !important;
}

.s-product-card-wishlist-btn,
.s-product-card-wishlist-btn.s-button-element,
custom-salla-product-card .s-product-card-wishlist-btn.s-button-element,
salla-product-card .s-product-card-wishlist-btn.s-button-element,
.btn--wishlist,
.s-social-share-btn {
  color: var(--brand-black) !important;
  background: var(--brand-gold-beige) !important;
  border: 1px solid var(--brand-champagne) !important;
}

.s-product-card-wishlist-btn:hover,
.btn--wishlist:hover,
.s-social-share-btn:hover,
.s-product-card-wishlist-btn.is-added,
.btn--wishlist.is-added {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
}

.s-product-card-wishlist-btn *,
.btn--wishlist *,
.s-social-share-btn * {
  color: inherit !important;
  fill: currentColor !important;
}

/* Buttons */
.s-button-primary,
.s-button-primary-outline,
.s-button-solid.s-button-primary,
.s-infinite-scroll-btn,
.btn--outline-primary,
button[type="submit"]:not(.s-advertisement-action) {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  box-shadow: none !important;
}

.s-button-primary:hover,
.s-button-primary:focus-visible,
.s-button-primary-outline:hover,
.s-button-primary-outline:focus-visible,
.s-button-solid.s-button-primary:hover,
.s-infinite-scroll-btn:hover,
.btn--outline-primary:hover,
button[type="submit"]:not(.s-advertisement-action):hover {
  color: var(--brand-gold-light) !important;
  background: var(--brand-black) !important;
  border-color: var(--brand-black) !important;
}

/* Empty states */
.no-content-placeholder .icon,
.s-placeholder-icon {
  color: var(--brand-gold) !important;
  background: var(--brand-gold-beige) !important;
  border: 1px solid var(--brand-champagne) !important;
}

.no-content-placeholder .icon::before {
  color: var(--brand-gold) !important;
}

.no-content-placeholder p,
.s-placeholder-title,
.s-placeholder-description {
  color: var(--brand-black) !important;
}

.s-button-primary:disabled,
.s-button-primary-outline:disabled,
.s-button-disabled,
button:disabled {
  color: #5F5647 !important;
  background: var(--brand-gold-beige) !important;
  border-color: var(--brand-champagne) !important;
  opacity: 0.72 !important;
}

.s-slider-nav-arrow {
  color: var(--brand-black) !important;
  background: var(--brand-cream) !important;
  border-color: var(--brand-gold) !important;
}

.s-slider-nav-arrow svg,
.s-slider-nav-arrow svg * {
  fill: currentColor !important;
}

.s-slider-nav-arrow:not(:disabled):hover {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
}

/* Forms */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.s-form-control {
  color: var(--brand-black) !important;
  background: var(--brand-cream) !important;
  border-color: var(--brand-champagne) !important;
}

input::placeholder,
textarea::placeholder {
  color: #786F61 !important;
}

input:focus,
select:focus,
textarea:focus,
.s-form-control:focus {
  border-color: var(--brand-gold) !important;
  box-shadow: 0 0 0 3px rgb(212 175 55 / 20%) !important;
  outline: none !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--brand-gold) !important;
}

/* Product details */
.product-single .main-content,
.product-single .sidebar {
  color: var(--brand-black) !important;
}

.product-single .details-slider {
  overflow: hidden !important;
  background: var(--brand-gold-beige) !important;
  border: 1px solid var(--brand-champagne) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px rgb(17 17 17 / 8%) !important;
}

.product-single .details-slider .swiper,
.product-single .details-slider .swiper-slide {
  background: var(--brand-gold-beige) !important;
}

.product-single .product__description,
.product-single .article--main {
  color: #302B24 !important;
}

.product-single .bg-white,
.product-single .product-form > div,
.product-single .sticky-product-bar,
.product-single tamara-widget,
.product-single tabby-promo {
  color: var(--brand-black) !important;
  background: var(--brand-cream) !important;
  border-color: var(--brand-champagne) !important;
}

.product-single .tamara-product-widget,
.product-single #tabbyPromoWrapper {
  color: var(--brand-black) !important;
  background: var(--brand-cream) !important;
  border-color: var(--brand-champagne) !important;
}

.a2a_menu,
.a2a_modal_body,
.a2a_full {
  color: var(--brand-black) !important;
  background: var(--brand-cream) !important;
  border-color: var(--brand-champagne) !important;
}

.product-single .product-form > div,
.product-single .sticky-product-bar {
  border: 1px solid var(--brand-champagne) !important;
  box-shadow: 0 12px 32px rgb(17 17 17 / 6%) !important;
}

.product-single .text-red-800,
.product-single .text-red-600,
.product-single .total-price,
.product-single .price-wrapper h2,
.product-single .price-wrapper h2 * {
  color: var(--brand-black) !important;
}

.product-single .sicon-fire,
.product-single .px-4.\!text-red-800 {
  color: var(--brand-gold) !important;
}

/* Ratings and reviews */
.s-rating-stars-selected,
.s-rating-stars-selected *,
.s-rating-stars-btn-star,
.s-rating-stars-btn-star *,
.s-reviews-summary-recommendation-percentage {
  color: var(--brand-gold) !important;
  fill: var(--brand-gold) !important;
}

.s-product-card-rating,
.s-product-card-rating * {
  color: var(--brand-gold) !important;
  fill: var(--brand-gold) !important;
}

.s-comments {
  color: var(--brand-black) !important;
  background: transparent !important;
}

.s-comments-item {
  color: var(--brand-black) !important;
  border-bottom-color: var(--brand-champagne) !important;
}

.s-comments-item-has-order-check-icon,
.s-comments-item-has-order-check-icon *,
.s-comments-item-has-order-check-text {
  color: var(--brand-gold) !important;
  fill: var(--brand-gold) !important;
}

.s-comments-item-timestamp,
.s-comments-item-time,
.s-comments-filter-label {
  color: #786F61 !important;
}

/* Home location cards and testimonials */
.slide--cat-entry,
.testimonials-item,
.s-testimonial-item {
  color: var(--brand-black) !important;
  background: var(--brand-cream) !important;
  border: 1px solid var(--brand-champagne) !important;
  box-shadow: 0 12px 30px rgb(17 17 17 / 6%) !important;
}

.s-reviews-testimonial,
.s-reviews-testimonial > div,
.s-add-product-toast,
.s-modal-body,
.s-modal-close {
  color: var(--brand-black) !important;
  background: var(--brand-cream) !important;
  border-color: var(--brand-champagne) !important;
}

.s-payments-list-item {
  background: var(--brand-cream) !important;
}

.slide--cat-entry:hover {
  color: var(--brand-black) !important;
  background: var(--brand-gold-beige) !important;
  border-color: var(--brand-gold) !important;
}

.slide--cat-entry i,
.slide--cat-entry svg,
.slide--cat-entry svg *,
.testimonials-item .sicon-quote-open,
.s-testimonial-item .sicon-quote-open {
  color: var(--brand-gold) !important;
  fill: currentColor !important;
}

/* Footer */
.store-footer,
.footer-is-light .store-footer {
  color: var(--brand-black) !important;
  background: var(--brand-champagne) !important;
}

.footer-is-light .store-footer .store-footer__inner,
.store-footer__inner {
  color: var(--brand-black) !important;
  background: var(--brand-gold-beige) !important;
  border-top: 3px solid var(--brand-gold) !important;
}

.store-footer *,
.store-footer a,
.store-footer p,
.store-footer h3 {
  color: var(--brand-black) !important;
}

.store-footer h3 {
  color: var(--brand-black) !important;
}

.store-footer a:hover,
.store-footer a:focus-visible {
  color: var(--brand-black) !important;
  text-decoration-color: var(--brand-gold) !important;
}

.store-footer svg,
.store-footer svg *,
.store-footer i {
  color: var(--brand-gold) !important;
  fill: currentColor !important;
}

.store-footer .social-link,
.store-footer .social-link a,
.store-footer .social-icons a {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
}

.store-footer .copyright-text,
.store-footer .store-footer__copyrights,
.store-footer__copyrights {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-top: 1px solid var(--brand-gold-light) !important;
}

/* Focus visibility and floating support button */
:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--brand-gold) !important;
  outline-offset: 3px !important;
}

ticketing-system {
  --ticketing-system-primary-color: var(--brand-gold) !important;
}

ticketing-system button,
button[aria-label="Question Mark Icon"] {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
}

@media (max-width: 767px) {
  .s-advertisement {
    font-size: 12px !important;
  }

  #mainnav,
  .main-nav-container {
    background: var(--brand-gold-beige) !important;
  }

  .banner--fixed {
    border-radius: 10px !important;
  }

  custom-salla-product-card,
  salla-product-card,
  .s-product-card-entry {
    border-radius: 12px !important;
  }
}

/* ==========================================================
   Final visual refinement: warm luxury surfaces and icon UI
   ========================================================== */

/* Header action icons: one intentional circle per action */
header .s-user-menu-login-btn,
header .header-btn__icon {
  width: 42px !important;
  height: 42px !important;
  color: var(--brand-black) !important;
  background: linear-gradient(145deg, var(--brand-gold-beige), var(--brand-champagne)) !important;
  border: 1px solid var(--brand-gold) !important;
  border-radius: 50% !important;
  box-shadow: 0 7px 18px rgb(92 68 13 / 14%) !important;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease !important;
}

header .s-user-menu-login-btn:hover,
header .s-user-menu-login-btn:focus-visible,
header .s-cart-summary-wrapper:hover .header-btn__icon,
header .s-cart-summary-wrapper:focus-visible .header-btn__icon {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  box-shadow: 0 9px 22px rgb(92 68 13 / 22%) !important;
  transform: translateY(-1px) !important;
}

header .s-user-menu-login-btn svg,
header .s-user-menu-login-btn svg *,
header .header-btn__icon,
header .header-btn__icon::before {
  color: inherit !important;
  fill: currentColor !important;
}

header .s-cart-summary-count {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border: 2px solid var(--brand-gold-beige) !important;
  box-shadow: 0 2px 7px rgb(92 68 13 / 18%) !important;
}

/* Product copy: remove inline white marker-like highlights */
.product-single .product__description strong,
.product-single .product__description b,
.product-single .article--main strong,
.product-single .article--main b {
  color: var(--brand-black) !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Product action wrappers stay invisible; only the real button is styled */
.product-single salla-button.btn--wishlist,
.product-single salla-button.s-social-share-btn,
.product-single .btn--wishlist.s-button-wrap,
.product-single .s-social-share-btn.s-button-wrap {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.product-single button.btn--wishlist.s-button-element,
.product-single button.s-social-share-btn.s-button-element,
.product-single .btn--wishlist > button.s-button-element,
.product-single .s-social-share-btn > button.s-button-element {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  color: var(--brand-black) !important;
  background: linear-gradient(145deg, var(--brand-gold-beige), var(--brand-champagne)) !important;
  border: 1px solid var(--brand-gold) !important;
  border-radius: 50% !important;
  box-shadow: 0 7px 18px rgb(92 68 13 / 14%) !important;
}

.product-single button.btn--wishlist.s-button-element:hover,
.product-single button.btn--wishlist.s-button-element:focus-visible,
.product-single button.s-social-share-btn.s-button-element:hover,
.product-single button.s-social-share-btn.s-button-element:focus-visible,
.product-single .btn--wishlist > button.s-button-element:hover,
.product-single .s-social-share-btn > button.s-button-element:hover {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  transform: translateY(-1px) !important;
}

/* Payment messages: coordinated champagne cards, not white provider boxes */
.product-single tamara-widget,
.product-single tabby-promo,
.product-single .tamara-product-widget,
.product-single #tabbyPromoWrapper,
.product-single #tabbyPromo {
  color: var(--brand-black) !important;
  background: linear-gradient(135deg, var(--brand-gold-beige), var(--brand-champagne)) !important;
  border: 1px solid var(--brand-gold-light) !important;
  border-inline-start: 4px solid var(--brand-gold) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgb(92 68 13 / 10%) !important;
  overflow: hidden !important;
}

.product-single .tamara-product-widget *,
.product-single #tabbyPromoWrapper *,
.product-single #tabbyPromo * {
  border-color: var(--brand-gold-light) !important;
}

/* Testimonials: champagne framing with a richer active card */
.s-block--testimonials .s-reviews-testimonial {
  color: var(--brand-black) !important;
  background: var(--brand-gold-beige) !important;
  border: 1px solid var(--brand-gold-light) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 30px rgb(92 68 13 / 9%) !important;
  overflow: hidden !important;
}

.s-block--testimonials .swiper-slide-active .s-reviews-testimonial {
  background: linear-gradient(135deg, var(--brand-champagne), var(--brand-gold-beige)) !important;
  border-color: var(--brand-gold) !important;
  box-shadow: 0 16px 38px rgb(92 68 13 / 14%) !important;
}

.s-block--testimonials .s-reviews-testimonial__inner {
  color: var(--brand-black) !important;
  background: transparent !important;
  border: 0 !important;
}

.s-block--testimonials .s-reviews-testimonial__avatar {
  padding: 3px !important;
  background: var(--brand-champagne) !important;
  border: 1px solid var(--brand-gold) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 16px rgb(92 68 13 / 12%) !important;
}

.s-block--testimonials .s-reviews-testimonial__avatar img {
  border-radius: 50% !important;
}

.s-block--testimonials .s-reviews-testimonial__icon,
.s-block--testimonials .s-reviews-testimonial__icon svg,
.s-block--testimonials .s-reviews-testimonial__icon svg *,
.s-block--testimonials .s-rating-stars-selected,
.s-block--testimonials .s-rating-stars-selected svg,
.s-block--testimonials .s-rating-stars-selected svg * {
  color: var(--brand-gold) !important;
  fill: currentColor !important;
}

.s-block--testimonials .s-slider-nav-arrow {
  color: var(--brand-black) !important;
  background: var(--brand-champagne) !important;
  border: 1px solid var(--brand-gold) !important;
  box-shadow: 0 7px 18px rgb(92 68 13 / 12%) !important;
}

.s-block--testimonials .s-slider-nav-arrow:hover,
.s-block--testimonials .s-slider-nav-arrow:focus-visible {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
}

/* Footer icon system: champagne discs, gold edge, dark glyph */
.store-footer .s-social-link a,
.store-footer .s-contacts-item .s-contacts-icon {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--brand-black) !important;
  background: var(--brand-champagne) !important;
  border: 1px solid var(--brand-gold) !important;
  border-radius: 50% !important;
  box-shadow: 0 7px 18px rgb(92 68 13 / 10%) !important;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease !important;
}

.store-footer .s-social-link a svg,
.store-footer .s-social-link a svg *,
.store-footer .s-contacts-item .s-contacts-icon svg,
.store-footer .s-contacts-item .s-contacts-icon svg * {
  color: inherit !important;
  fill: currentColor !important;
}

.store-footer .s-social-link a:hover,
.store-footer .s-social-link a:focus-visible,
.store-footer .s-contacts-item:hover .s-contacts-icon,
.store-footer .s-contacts-item:focus-visible .s-contacts-icon {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  box-shadow: 0 9px 22px rgb(92 68 13 / 18%) !important;
  transform: translateY(-2px) !important;
}

/* Salla's login form is cross-origin; recolor it as one rendered surface */
.s-login-modal .s-modal-overlay {
  background: rgb(35 27 8 / 68%) !important;
  backdrop-filter: blur(3px) !important;
}

.s-login-modal .s-modal-body {
  background: var(--brand-cream) !important;
  border: 1px solid var(--brand-gold) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 64px rgb(72 55 15 / 28%) !important;
  overflow: hidden !important;
}

.s-login-modal iframe.brand-login-frame {
  filter: hue-rotate(246deg) saturate(.65) brightness(1.14) !important;
}

.s-login-modal .s-modal-close {
  width: 32px !important;
  height: 32px !important;
  color: var(--brand-black) !important;
  background: var(--brand-champagne) !important;
  border: 1px solid var(--brand-gold) !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 14px rgb(92 68 13 / 12%) !important;
}

.s-login-modal .s-modal-close:hover,
.s-login-modal .s-modal-close:focus-visible {
  color: var(--brand-black) !important;
  background: var(--brand-gold) !important;
}

.s-login-modal .s-modal-close svg,
.s-login-modal .s-modal-close svg * {
  color: inherit !important;
  fill: currentColor !important;
}

@media (max-width: 767px) {
  header .s-user-menu-login-btn,
  header .header-btn__icon {
    width: 40px !important;
    height: 40px !important;
  }

  .s-block--testimonials .s-reviews-testimonial {
    border-radius: 14px !important;
  }

  .s-login-modal .s-modal-body {
    border-radius: 14px !important;
  }
}

.page-single .bg-white {
    background-color: rgb(250 245 238) !important;
}