

body[data-theme-mode="light"],
:root,
body {
  --color-primary: #C79442 !important;
  --color-on-primary: #2A322E !important;
  --color-primary-container: #F4E8CA !important;
  --color-on-primary-container: #2A322E !important;
  --color-theme: #C79442 !important;
  --color-on-theme: #FFFDF8 !important;
  --color-on-background: #1A1A1A !important;
  --color-background: #FAFAFA !important;
  --color-surface: #FFFFFF !important;
  --color-surface-container: #FFFFFF !important;
  --color-surface-container-low: #FFFFFF !important;
  --color-surface-container-high: #F5F5F5 !important;
  --color-outline: #D4CCC0 !important;
  --color-outline-variant: #E8E4DC !important;
}

body {
  background: #FAFAFA !important;
  color: #1A1A1A !important;
}

.section-head,
[section] .section-head {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-inline-start: 4px solid #C79442 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
.section-head h1,
.section-head h2,
.section-head h3 {
  color: #1A1A1A !important;
  -webkit-text-fill-color: #1A1A1A !important;
  font-weight: 800 !important;
  background: none !important;
}

[section="all-collections"] {
  display: grid;
  gap: 16px;
}
[section="all-collections"] .all-collections-head {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-inline-start: 4px solid #C79442 !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
[section="all-collections"] .all-collections-head .title {
  color: #1A1A1A !important;
  -webkit-text-fill-color: #1A1A1A !important;
  font-weight: 800 !important;
  margin: 0 !important;
}
[section="all-collections"] .items {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
[section="all-collections"] .item {
  border: 1px solid #D4CCC0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
}
[section="all-collections"] .item .content {
  background: linear-gradient(145deg, #B7833E 0%, #D5AE68 52%, #A97235 100%) !important;
  padding: 12px !important;
}
[section="all-collections"] .item .title {
  color: #FFFDF8 !important;
  font-weight: 800 !important;
}
[section="all-collections"] .item a.action,
[section="all-collections"] .item .action {
  background: linear-gradient(110deg, #B7833E, #D7AE68) !important;
  color: #2E2418 !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 8px !important;
}

[section="single-collection"] {
  display: grid;
  gap: 16px;
}
[section="single-collection"] .collection-head {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-inline-start: 4px solid #C79442 !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
[section="single-collection"] .collection-head .title {
  color: #1A1A1A !important;
  -webkit-text-fill-color: #1A1A1A !important;
  font-weight: 800 !important;
  margin: 0 !important;
}
[section="single-collection"] .collection-head .description {
  color: #5A5248 !important;
  line-height: 1.7 !important;
}
[section="single-collection"] .collection-head .links a {
  color: #B07A2E !important;
  font-weight: 700 !important;
}
[section="single-collection"] .collection-path {
  color: #5A5248 !important;
  font-size: 13px !important;
}
[section="single-collection"] .collection-path a {
  color: #B07A2E !important;
}
[section="single-collection"] .collection-products {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

[block="product"] {
  background: #FFFFFF !important;
  border: 1px solid #D4CCC0 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
}
[block="product"] .title {
  color: #1A1A1A !important;
  font-weight: 800 !important;
}
[block="product"] .price,
[block="product"] .original-price {
  color: #2A322E !important;
  font-weight: 900 !important;
}
[block="product"] .compare-at-price {
  color: #8A8278 !important;
  text-decoration: line-through !important;
}
[block="product"] .action,
[block="product"] button.add-to-cart,
[block="product"] .add-to-cart,
[block="product"] ui-product-button > button,
[block="product"] ui-product-button > button.add-to-cart {
  background: linear-gradient(100deg, #C79442 0%, #E0BF72 52%, #B07A2E 100%) !important;
  background-color: #C79442 !important;
  color: #2A322E !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px rgba(176, 122, 46, 0.2) !important;
  min-height: 42px !important;
}
[block="product"] .badge {
  background: #2A322E !important;
  color: #FFFDF8 !important;
}

[section="single-product"] {
  background: transparent !important;
}
[section="single-product"] [block="pd-content"],
[section="single-product"] [block="pd-media"] {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05) !important;
}
[section="single-product"] .general-info .title,
[section="single-product"] [block="pd-content"] .title,
[section="single-product"] h1,
[section="single-product"] h2 {
  color: #1A1A1A !important;
  font-weight: 800 !important;
}
[section="single-product"] .general-info .price .original-price,
[section="single-product"] .price .original-price,
form[ui-order-form] .price .original-price {
  color: #1A1A1A !important;
  font-weight: 900 !important;
}
[section="single-product"] .compare-at-price,
form[ui-order-form] .price .compare-at-price {
  color: #8A8278 !important;
  text-decoration: line-through !important;
}
[section="single-product"] .description,
[section="single-product"] p {
  color: #5A5248 !important;
  line-height: 1.75 !important;
}

form[ui-order-form] .cta ui-product-button > button.add-to-cart,
form[ui-order-form] .cta button.add-to-cart,
form[ui-order-form] button[type="submit"],
[section="single-product"] button.add-to-cart,
[section="single-product"] .cta button {
  background: linear-gradient(100deg, #C79442 0%, #E0BF72 50%, #B07A2E 100%) !important;
  background-color: #C79442 !important;
  color: #2A322E !important;
  border: none !important;
  border-color: #C79442 !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(176, 122, 46, 0.25) !important;
  min-height: 48px !important;
}

.hayyak-sticky-cta {
  background: #2A322E !important;
  border: 2px solid #C79442 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 28px rgba(42, 50, 46, 0.3) !important;
}
.hayyak-sticky-cta__message,
.hayyak-sticky-cta__message strong {
  color: #FFFDF8 !important;
}
.hayyak-sticky-cta__message small {
  color: #F4E8CA !important;
}
.hayyak-sticky-cta__button {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 900 !important;
  border: none !important;
  border-radius: 999px !important;
}

.hayyak-offer-card > input:checked + .hayyak-offer-card__body {
  border-color: #C79442 !important;
  background: #FFF8EC !important;
}
.hayyak-offer-card__body {
  border-color: #E0D4C0 !important;
  color: #2A322E !important;
  background: #FFFFFF !important;
}
.hayyak-offer-card__badge {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B98232) !important;
  color: #2A322E !important;
  font-weight: 800 !important;
}

.hayyak-order-summary {
  background: #FFFFFF !important;
  border: 1px solid #E0D4C0 !important;
  border-radius: 12px !important;
}
.hayyak-order-summary__row { color: #5A5248 !important; }
.hayyak-order-summary__row strong,
.hayyak-order-summary__total,
.hayyak-order-summary__total strong { color: #1A1A1A !important; }

[section="single-product"] .variants,
[section="single-product"] [class*="variant"],
misc-variants,
[section="single-product"] .quantity {
  border-color: #E0D4C0 !important;
}
[section="single-product"] .variants button[aria-checked="true"],
[section="single-product"] .variants [aria-selected="true"] {
  border-color: #C79442 !important;
  background: #FFF8EC !important;
  color: #2A322E !important;
}

[section="product-details"] .section-core li {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
[section="product-details"] .content .title {
  color: #1A1A1A !important;
  font-weight: 800 !important;
}
[section="product-details"] .content .description {
  color: #5A5248 !important;
}

[section="related-products"] [block="product"] {
  background: #FFFFFF !important;
  border: 1px solid #D4CCC0 !important;
}

[section="product-reviews"] .section-core [block="review"],
[section="product-reviews"] .content {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 12px !important;
}
[section="product-reviews"] .star,
[section="product-reviews"] [class*="star"],
.stars svg,
[class*="rating"] svg {
  color: #C79442 !important;
  fill: #C79442 !important;
}

[section="cart"] {
  gap: 16px;
}
[section="cart"] .section-head,
[section="cart"] .head {
  background: #FFFFFF !important;
  border-inline-start: 4px solid #C79442 !important;
}
[section="cart"] .content,
[section="cart"] .summary,
[section="cart"] [class*="item"] {
  background: #FFFFFF !important;
  border-color: #E8E4DC !important;
}
[section="cart"] button[type="submit"],
[section="cart"] .checkout,
[section="cart"] button.checkout {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 900 !important;
  border: none !important;
  border-radius: 12px !important;
  min-height: 48px !important;
}
[section="cart"] .price,
[section="cart"] .total {
  color: #1A1A1A !important;
  font-weight: 800 !important;
}

[section="search"] .section-head {
  background: #FFFFFF !important;
  border-inline-start: 4px solid #C79442 !important;
}
[section="search"] .content,
[section="search"] [block="product"] {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
}

[section="page"] .page-head {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-inline-start: 4px solid #C79442 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
  padding: 16px 18px !important;
}
[section="page"] .page-head .title {
  color: #1A1A1A !important;
  -webkit-text-fill-color: #1A1A1A !important;
  font-weight: 800 !important;
  margin: 0 !important;
}
[section="page"] .page-content {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 14px !important;
  padding: 20px !important;
  color: #5A5248 !important;
  line-height: 1.8 !important;
}
[section="page"] .page-content a {
  color: #B07A2E !important;
}
[section="page"] button[type="submit"],
[section="page"] .action {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 10px !important;
}

[section="thankyou"],
[section="upsell"] {
  background: transparent !important;
}
[section="thankyou"] .content,
[section="upsell"] .content {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 14px !important;
}
[section="upsell"] button,
[section="upsell"] .action {
  background: linear-gradient(100deg, #C79442, #E0BF72, #B07A2E) !important;
  color: #2A322E !important;
  font-weight: 800 !important;
  border: none !important;
}

[ui-pagination] a,
[ui-pagination] button {
  border-color: #E8E4DC !important;
  color: #1A1A1A !important;
  background: #FFFFFF !important;
}
[ui-pagination] [aria-current="page"],
[ui-pagination] .active {
  background: #C79442 !important;
  color: #2A322E !important;
  border-color: #C79442 !important;
}

[ui-cart-drawer],
[ui-menu-drawer],
[ui-search],
.drawer {
  background: #FFFFFF !important;
  border-color: #E8E4DC !important;
  color: #1A1A1A !important;
}

[layout="footer"] {
  border-top: 4px solid #C79442 !important;
}
