@charset "UTF-8";
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2");
}
:root {
  --cd-font-latin: 'Manrope', sans-serif;
  --cd-font-arabic: 'IBM Plex Sans Arabic', 'Manrope', sans-serif;
  --cd-content-max: 1280px;
  --cd-radius-sm: 4px;
  --cd-motion-fast: 0.16s;
  --cd-motion-base: 0.24s;
  --cd-ease: cubic-bezier(0.2, 0.7, 0.25, 1);
  --cd-brand: var(--primary-color, #252721);
  --cd-brand-deep: #1b1e19;
  --cd-brand-soft: #eeeee7;
  --cd-inverse: #fffdf7;
  --cd-text: var(--text-color, #272923);
  --cd-text-secondary: #61625b;
  --cd-muted: #68695f;
  --cd-border: #dddcd4;
  --cd-hover: #efeee7;
  --cd-gold: #ae8850;
  --cd-gold-light: #d8c199;
  --cd-gold-ink: #795c2d;
  --cd-cashback: #705b30;
  --cd-cashback-bg: #f1ecdf;
  --cd-secondary-on-dark: #d1cec5;
  --cd-muted-on-dark: #c5c2b7;
}

body {
  background-color: var(--cd-page-bg, #f8f7f3);
}

.cd-block {
  --cd-font: var(--cd-font-latin);
  margin-top: var(--cd-space-mt, 0px);
  margin-bottom: var(--cd-space-mb, 0px);
  padding-top: var(--cd-space-pt, 0px);
  padding-bottom: var(--cd-space-pb, 0px);
  font-size: 14px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.cd-block:lang(ar) {
  --cd-font: var(--cd-font-arabic);
  font-size: 15px;
}
.cd-block, .cd-block * {
  font-family: var(--cd-font);
}

@media (max-width: 767px) {
  .cd-block {
    margin-top: var(--cd-space-mt-m, var(--cd-space-mt, 0px));
    margin-bottom: var(--cd-space-mb-m, var(--cd-space-mb, 0px));
    padding-top: var(--cd-space-pt-m, var(--cd-space-pt, 0px));
    padding-bottom: var(--cd-space-pb-m, var(--cd-space-pb, 0px));
  }
}
.cd-block :where(h1, h2, h3, h4, h5, h6, p, figure) {
  margin: 0;
}

.cd-block :where(p) {
  line-height: inherit;
}

.cd-block :where(small) {
  line-height: 1.6;
}

.cd-block :where(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}

.cd-block :where(a:not(.cd-btn)) {
  color: inherit;
}

.cd-container {
  width: min(100% - 96px, var(--cd-content-max));
  margin-inline: auto;
}
@media (max-width: 1023px) {
  .cd-container {
    width: calc(100% - 48px);
  }
}
@media (max-width: 767px) {
  .cd-container {
    width: calc(100% - 40px);
  }
}
@media (max-width: 374px) {
  .cd-container {
    width: calc(100% - 32px);
  }
}

.cd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--cd-radius-sm);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition: background var(--cd-motion-fast), color var(--cd-motion-fast);
}
.cd-btn:hover, .cd-btn:focus {
  text-decoration: none;
}
.cd-btn--light {
  background: var(--cd-inverse);
  color: var(--cd-brand-deep);
}
.cd-btn--light:hover, .cd-btn--light:focus {
  color: var(--cd-brand-deep);
}
.cd-btn--primary {
  background: var(--cd-action, #2e332a);
  color: var(--cd-inverse);
}
.cd-btn--primary:hover, .cd-btn--primary:focus {
  background: var(--cd-action-hover, #41493a);
  color: var(--cd-inverse);
}
.cd-btn--secondary {
  background: transparent;
  border-color: var(--cd-border);
  color: var(--cd-text);
}
.cd-btn--secondary:hover, .cd-btn--secondary:focus {
  background: var(--cd-hover);
  color: var(--cd-text);
}
.cd-btn--text {
  min-height: 44px;
  padding-inline: 0;
  background: transparent;
  color: inherit;
}
.cd-btn--text:hover, .cd-btn--text:focus {
  color: var(--cd-gold-ink);
}

body[dir=rtl] .cd-icon-dir {
  transform: scaleX(-1);
}

.cd-lang {
  --cd-lang-fg: var(--cd-footer-text, var(--cd-inverse));
  --cd-lang-muted: var(--cd-footer-muted, var(--cd-secondary-on-dark));
  --cd-lang-panel-bg: color-mix(in srgb, var(--cd-footer-bg, var(--cd-brand-deep)) 88%, white);
  --cd-lang-panel-border: color-mix(in srgb, var(--cd-lang-fg) 16%, transparent);
  --cd-lang-option-hover: color-mix(in srgb, var(--cd-lang-fg) 8%, transparent);
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: inherit;
  line-height: inherit;
  color: var(--cd-lang-fg);
}

.cd-lang--static .cd-lang__label,
.cd-lang--toggle,
.cd-lang__trigger {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.cd-lang--static .cd-lang__label {
  text-decoration: none;
  cursor: default;
  opacity: 0.85;
}

.cd-lang--toggle:hover,
.cd-lang--toggle:focus-visible,
.cd-lang__trigger:hover,
.cd-lang__trigger:focus-visible {
  color: var(--cd-lang-fg);
}

.cd-lang__chevron {
  flex-shrink: 0;
  opacity: 0.75;
  transition: transform var(--cd-motion-fast) var(--cd-ease);
}

.cd-lang--menu.is-open .cd-lang__chevron {
  transform: rotate(180deg);
}

.cd-lang__trigger[aria-expanded=true] {
  text-decoration: none;
}

.cd-lang__panel {
  position: absolute;
  inset-inline-end: 0;
  bottom: calc(100% + 10px);
  z-index: 40;
  width: min(220px, 100vw - 32px);
  padding: 14px;
  border-radius: var(--cd-radius-sm);
  border: 1px solid var(--cd-lang-panel-border);
  background: var(--cd-lang-panel-bg);
  box-shadow: 0 12px 32px color-mix(in srgb, #000 28%, transparent);
  color: var(--cd-lang-fg);
}

.cd-lang__panel-title {
  margin: 0 0 8px;
  color: var(--cd-lang-muted);
  font-size: 11px;
  line-height: 1.4;
}

.cd-lang__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: var(--cd-radius-sm);
  color: var(--cd-lang-fg);
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
}
.cd-lang__option:hover, .cd-lang__option:focus-visible {
  background: var(--cd-lang-option-hover);
  color: var(--cd-lang-fg);
  text-decoration: none;
}
.cd-lang__option.is-current {
  background: var(--cd-lang-option-hover);
  font-weight: 600;
  cursor: default;
}
.cd-lang__option.is-current::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--cd-gold, #ae8850);
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .cd-lang__panel {
    inset-inline: auto 0;
  }
}
.cd-search-modal {
  --cd-search-bg: var(--cd-header-bg, var(--cd-inverse));
  --cd-search-text: var(--cd-header-text, var(--cd-text));
  --cd-search-muted: var(--cd-header-muted, var(--cd-text-secondary));
  --cd-search-border: var(--cd-header-border, var(--cd-border));
  --cd-search-hover: var(--cd-header-hover, var(--cd-hover));
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 12vh 16px 24px;
}
.cd-search-modal[hidden] {
  display: none;
}

.cd-search-modal__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #12140f 48%, transparent);
  cursor: pointer;
}

.cd-search-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(640px, 100%);
  max-height: min(78vh, 720px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--cd-search-border);
  background: var(--cd-search-bg);
  color: var(--cd-search-text);
  box-shadow: 0 24px 64px color-mix(in srgb, #000 22%, transparent);
}

.cd-search-modal__chrome {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 0;
}

.cd-search-modal__title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--cd-search-muted);
}

.cd-search-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--cd-radius-sm);
  background: transparent;
  color: var(--cd-search-text);
  cursor: pointer;
}
.cd-search-modal__close:hover, .cd-search-modal__close:focus-visible {
  background: var(--cd-search-hover);
}

.cd-search-modal__form {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  padding: 12px 16px 16px;
}

.cd-search-modal__field {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 8px 0 14px;
  border: 1px solid var(--cd-search-border);
  border-radius: 6px;
  background: color-mix(in srgb, var(--cd-search-bg) 92%, var(--cd-search-text));
}

.cd-search-modal__field-icon {
  flex-shrink: 0;
  color: var(--cd-search-muted);
}

.cd-search-modal__input {
  flex: 1;
  min-width: 0;
  height: 48px;
  border: 0;
  background: transparent;
  color: var(--cd-search-text);
  font: inherit;
  font-size: 15px;
  outline: none;
  box-shadow: none;
}
.cd-search-modal__input::-moz-placeholder {
  color: var(--cd-search-muted);
}
.cd-search-modal__input::placeholder {
  color: var(--cd-search-muted);
}

.cd-search-modal__submit {
  flex-shrink: 0;
  min-height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-brand);
  color: var(--cd-inverse);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.cd-search-modal__submit:hover, .cd-search-modal__submit:focus-visible {
  background: color-mix(in srgb, var(--cd-brand) 88%, white);
}

.cd-search-modal .bb-quick-search-results {
  position: static;
  width: 100%;
  max-height: none;
  margin-top: 12px;
  overflow: auto;
  flex: 1;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.cd-search-modal .bb-quick-search-results.show {
  display: block;
}

.cd-search-modal .bb-quick-search-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cd-search-modal .bb-quick-search-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 8px;
  border-radius: var(--cd-radius-sm);
  color: var(--cd-search-text);
  text-decoration: none;
}
.cd-search-modal .bb-quick-search-item:hover, .cd-search-modal .bb-quick-search-item:focus-visible {
  background: var(--cd-search-hover);
  color: var(--cd-search-text);
  text-decoration: none;
}

.cd-search-modal .bb-quick-search-item-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-search-hover);
}
.cd-search-modal .bb-quick-search-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cd-search-modal .bb-quick-search-item-name {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.cd-search-modal .bb-quick-search-item-price {
  margin-top: 4px;
  font-size: 12px;
  color: var(--cd-search-muted);
}

.cd-search-modal .bb-quick-search-empty,
.cd-search-modal .bb-quick-search-view-all {
  padding: 16px 8px;
  color: var(--cd-search-muted);
  font-size: 13px;
}

.cd-search-modal .bb-quick-search-view-all a {
  color: var(--cd-search-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cd-search-modal .bb-quick-search-highlight {
  color: var(--cd-gold-ink, var(--cd-gold));
  font-weight: 600;
}

body.cd-search-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .cd-search-modal {
    padding: 0;
    align-items: stretch;
  }
  .cd-search-modal__dialog {
    width: 100%;
    max-height: none;
    height: 100%;
    border-radius: 0;
    border: 0;
  }
}
.cd-header__prefs {
  position: relative;
}

.cd-header__prefs-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: var(--cd-header-muted, var(--cd-text-secondary));
  font: inherit;
  font-size: 11px;
  white-space: nowrap;
  cursor: pointer;
}
.cd-header__prefs-trigger > span {
  max-width: 90px;
  line-height: 1.4;
  text-align: start;
  white-space: normal;
}
.cd-header__prefs-trigger[aria-expanded=true], .cd-header__prefs-trigger:hover, .cd-header__prefs-trigger:focus-visible {
  color: var(--cd-header-text, var(--cd-text));
}

.cd-prefs-panel {
  --cd-prefs-bg: var(--cd-header-bg, var(--cd-inverse));
  --cd-prefs-text: var(--cd-header-text, var(--cd-text));
  --cd-prefs-muted: var(--cd-header-muted, var(--cd-text-secondary));
  --cd-prefs-border: var(--cd-header-border, var(--cd-border));
  --cd-prefs-hover: var(--cd-header-hover, var(--cd-hover));
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 12px);
  z-index: 40;
  width: 260px;
  max-width: calc(100vw - 32px);
  padding: 18px;
  border-radius: 8px;
  border: 1px solid var(--cd-prefs-border);
  background: var(--cd-prefs-bg);
  color: var(--cd-prefs-text);
  box-shadow: 0 16px 40px color-mix(in srgb, #000 14%, transparent);
}
.cd-prefs-panel[hidden] {
  display: none;
}

.cd-prefs-panel__label {
  margin: 0 0 8px;
  color: var(--cd-prefs-muted);
  font-size: 11px;
  line-height: 1.4;
}
.cd-prefs-panel__label:not(:first-child) {
  margin-top: 20px;
}

.cd-prefs-panel__languages,
.cd-prefs-panel__currencies {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cd-prefs-panel__languages--pair {
  flex-direction: row;
  gap: 8px;
}
.cd-prefs-panel__languages--pair .cd-prefs-panel__option {
  flex: 1;
}

.cd-prefs-panel__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: var(--cd-radius-sm);
  color: var(--cd-prefs-text);
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
  background: transparent;
  border: 0;
}
.cd-prefs-panel__option:hover, .cd-prefs-panel__option:focus-visible {
  background: var(--cd-prefs-hover);
  color: var(--cd-prefs-text);
  text-decoration: none;
}
.cd-prefs-panel__option.is-current {
  background: var(--cd-prefs-hover);
  font-weight: 600;
  cursor: default;
}
.cd-prefs-panel__option.is-current::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--cd-gold-ink, var(--cd-gold));
  flex-shrink: 0;
}

.cd-prefs-panel .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: 1023px) {
  .cd-header__prefs-trigger > span {
    display: none;
  }
  .cd-header__prefs-trigger {
    justify-content: center;
    min-width: 44px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .cd-prefs-panel {
    width: min(260px, 100vw - 24px);
  }
}
.cd-header__account {
  position: relative;
}

.cd-account-panel {
  --cd-account-bg: var(--cd-header-bg, var(--cd-inverse));
  --cd-account-text: var(--cd-header-text, var(--cd-text));
  --cd-account-muted: var(--cd-header-muted, var(--cd-text-secondary));
  --cd-account-border: var(--cd-header-border, var(--cd-border));
  --cd-account-hover: var(--cd-header-hover, var(--cd-hover));
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 12px);
  z-index: 45;
  width: 282px;
  max-width: calc(100vw - 32px);
  padding: 22px;
  border-radius: 8px;
  border: 1px solid var(--cd-account-border);
  background: var(--cd-account-bg);
  color: var(--cd-account-text);
  box-shadow: 0 16px 40px color-mix(in srgb, #000 14%, transparent);
}
.cd-account-panel[hidden] {
  display: none;
}

.cd-account-panel__title {
  display: block;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--cd-account-text);
}

.cd-account-panel__body {
  margin: 8px 0 16px;
  color: var(--cd-account-muted);
  font-size: 12px;
  line-height: 1.5;
}

.cd-account-panel__nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 12px;
}

.cd-account-panel__nav--guest {
  margin-top: 4px;
  gap: 8px;
}

.cd-account-panel__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: var(--cd-radius-sm);
  color: var(--cd-account-text);
  font-size: 13px;
  line-height: 1.3;
  text-align: start;
  text-decoration: none;
}
.cd-account-panel__link:hover, .cd-account-panel__link:focus-visible {
  background: var(--cd-account-hover);
  color: var(--cd-account-text);
  text-decoration: none;
}

.cd-account-panel__link--muted {
  color: var(--cd-account-muted);
}

.cd-account-panel__cta {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  font-size: 13px;
}

.cd-account-panel__register {
  justify-content: center;
  border: 1px solid var(--cd-account-border);
  font-weight: 600;
}
.cd-account-panel__register:hover, .cd-account-panel__register:focus-visible {
  background: var(--cd-account-hover);
}

@media (max-width: 767px) {
  .cd-account-panel {
    width: min(282px, 100vw - 24px);
  }
}
.cd-block.cd-context-nav {
  --cd-context-text: var(--cd-header-text, var(--cd-text));
  --cd-context-muted: var(--cd-header-muted, var(--cd-text-secondary));
  --cd-context-border: var(--cd-header-border, var(--cd-border));
  --cd-context-bg: transparent;
  margin: 0;
  padding: 0;
  background: var(--cd-context-bg);
  border-bottom: 1px solid var(--cd-context-border);
  color: var(--cd-context-text);
  font-size: 12px;
  line-height: 1.4;
}
.cd-block.cd-context-nav:lang(ar) {
  font-size: 12px;
}

.cd-context-nav__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 58px;
}

.cd-context-nav__back,
.cd-context-nav__help {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--cd-context-text);
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.cd-context-nav__back:hover, .cd-context-nav__back:focus-visible,
.cd-context-nav__help:hover,
.cd-context-nav__help:focus-visible {
  color: var(--cd-context-text);
  text-decoration: none;
  opacity: 0.78;
}
.cd-context-nav__back svg,
.cd-context-nav__help svg {
  flex-shrink: 0;
}

.cd-context-nav__help {
  margin-inline-start: auto;
}

.cd-context-nav__links {
  display: flex;
  align-self: stretch;
  gap: 20px;
  max-width: 65%;
  overflow: auto;
  scrollbar-width: none;
}
.cd-context-nav__links::-webkit-scrollbar {
  display: none;
}

.cd-context-nav__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 100%;
  color: var(--cd-context-muted);
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.cd-context-nav__link:hover, .cd-context-nav__link:focus-visible {
  color: var(--cd-context-text);
  text-decoration: none;
}
.cd-context-nav__link.is-active {
  color: var(--cd-context-text);
  font-weight: 700;
}
.cd-context-nav__link.is-active::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 2px;
  background: var(--cd-gold);
}

@media (max-width: 767px) {
  .cd-context-nav__inner {
    gap: 12px;
    min-height: 52px;
  }
}
.cd-block.cd-account-nav {
  --cd-nav-text: var(--cd-text);
  --cd-nav-muted: var(--cd-text-secondary);
  --cd-nav-border: var(--cd-border);
  --cd-nav-selected: var(--cd-hover);
  --cd-nav-active: var(--cd-gold-ink, var(--cd-gold));
  margin: 0;
  padding: 12px 0 0;
  background: transparent;
  color: var(--cd-nav-text);
}

.cd-account-nav__inner {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cd-account-nav__primary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  border-bottom: 1px solid var(--cd-nav-border);
}

.cd-account-nav__link {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 10px 2px;
  border-bottom: 2px solid transparent;
  color: var(--cd-nav-muted);
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}
.cd-account-nav__link:hover, .cd-account-nav__link:focus-visible {
  color: var(--cd-nav-text);
  text-decoration: none;
}
.cd-account-nav__link.is-active {
  border-bottom-color: var(--cd-nav-active);
  color: var(--cd-nav-text);
  font-weight: 700;
}
.cd-account-nav__link--quiet {
  color: var(--cd-muted);
  font-size: 12px;
}
.cd-account-nav__link--quiet:hover, .cd-account-nav__link--quiet:focus-visible {
  color: var(--cd-nav-muted);
}

.cd-account-nav__tail {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-inline-start: auto;
}

.cd-account-nav__select {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--cd-nav-muted);
  font-size: 12px;
}
.cd-account-nav__select span {
  flex-shrink: 0;
}
.cd-account-nav__select select {
  width: 60%;
  min-height: 46px;
  padding: 8px 12px;
  border: 1px solid var(--cd-nav-border);
  border-radius: var(--cd-radius-sm);
  background: var(--cd-inverse);
  color: var(--cd-nav-text);
  font: inherit;
}

.cd-account-nav__secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 18px;
}

.cd-account-nav__sublink {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 16px;
  border-radius: var(--cd-radius-sm);
  color: var(--cd-nav-muted);
  font-size: 12px;
  text-decoration: none;
}
.cd-account-nav__sublink:hover, .cd-account-nav__sublink:focus-visible {
  color: var(--cd-nav-text);
  text-decoration: none;
  background: var(--cd-nav-selected);
}
.cd-account-nav__sublink.is-active {
  background: var(--cd-nav-selected);
  color: var(--cd-nav-text);
  font-weight: 700;
}

.cd-block.cd-account-page {
  padding-block: 48px 88px;
  background: transparent;
  color: var(--cd-text);
}

.cd-account-page__content {
  min-width: 0;
}

@media (max-width: 767px) {
  .cd-account-nav__primary {
    display: none;
  }
  .cd-account-nav__select {
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--cd-nav-border);
  }
  .cd-account-nav__secondary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    padding-top: 14px;
  }
  .cd-account-nav__sublink {
    justify-content: center;
    padding: 9px 4px;
    font-size: 11px;
    text-align: center;
  }
  .cd-block.cd-account-page {
    padding-block: 28px 50px;
  }
}
@media (max-width: 480px) {
  .cd-account-nav__secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cd-account-nav__select select {
    width: 70%;
  }
}
.cd-block.cd-rewards-hub {
  margin: 0;
  padding: 0;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
}

.cd-rewards-hub__intro {
  max-width: 880px;
  margin: 0 0 36px;
}

.cd-rewards-hub__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.65;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cd-rewards-hub__title {
  margin: 0 0 16px;
  color: var(--cd-text);
  font-size: clamp(34px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-rewards-hub__lede {
  margin: 0;
  max-width: 650px;
  color: var(--cd-text-secondary);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
}

.cd-rewards-hub__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.cd-rewards-hub__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 180px;
  padding: 22px;
  border: 0;
  border-radius: 22px;
  background: #fffefa;
  color: var(--cd-text);
  text-decoration: none;
}
.cd-rewards-hub__card:hover, .cd-rewards-hub__card:focus-visible {
  color: var(--cd-text);
  text-decoration: none;
}
.cd-rewards-hub__card > svg {
  flex-shrink: 0;
  color: var(--cd-gold);
}
.cd-rewards-hub__card > span {
  color: var(--cd-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
}
.cd-rewards-hub__card > strong {
  color: var(--cd-text);
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  font-weight: 600;
  line-height: 1.65;
}
.cd-rewards-hub__card > small {
  color: var(--cd-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}

.cd-rewards-hub__card--gold {
  background: transparent;
}

.cd-rewards-hub__flow {
  margin-top: 24px;
  padding: clamp(22px, 4vw, 42px);
  border-radius: 26px;
  background: transparent;
  color: var(--cd-text);
}

.cd-rewards-hub__flow-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.cd-rewards-hub__flow-icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--cd-gold);
}

.cd-rewards-hub__flow-title {
  margin: 0 0 8px;
  color: var(--cd-text);
  font-size: clamp(25px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-rewards-hub__flow-body {
  margin: 0;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
  opacity: 0.72;
}

.cd-rewards-hub__flow-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin-top: 28px;
}
.cd-rewards-hub__flow-steps > span {
  padding: 16px 10px;
  border-top: 1px solid color-mix(in srgb, currentcolor 28%, transparent);
  color: var(--cd-text);
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.65;
}
.cd-rewards-hub__flow-steps > span::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 9px;
  border-radius: 2px;
  background: var(--cd-gold);
}

.cd-rewards-hub__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 0;
}

@media (max-width: 767px) {
  .cd-rewards-hub__title {
    font-size: 35px;
  }
}
@media (max-width: 760px) {
  .cd-rewards-hub__grid,
  .cd-rewards-hub__flow-steps {
    grid-template-columns: 1fr;
  }
  .cd-rewards-hub__flow-steps > span {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .cd-rewards-hub__flow-steps > span::before {
    margin: 0;
  }
}
@media (max-width: 374px) {
  .cd-rewards-hub__title {
    font-size: 30px;
  }
}
.cd-block.cd-vouchers {
  margin: 0;
  padding: 0;
  color: var(--cd-text);
}

.cd-vouchers__intro {
  margin-bottom: 24px;
}

.cd-vouchers__eyebrow {
  margin: 0 0 8px;
  color: var(--cd-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cd-vouchers__title {
  margin: 0 0 10px;
  color: var(--cd-text);
  font-size: clamp(1.6rem, 2.4vw, 2rem);
  font-weight: 700;
  line-height: 1.25;
}

.cd-vouchers__lede {
  margin: 0;
  max-width: 40rem;
  color: var(--cd-text-secondary);
  font-size: 15px;
  line-height: 1.55;
}

.cd-vouchers__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--cd-border);
}

.cd-vouchers__tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: var(--cd-radius-sm);
  background: transparent;
  color: var(--cd-text-secondary);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: default;
}
.cd-vouchers__tab.is-active {
  border-color: var(--cd-border);
  background: var(--cd-brand-soft);
  color: var(--cd-text);
}
.cd-vouchers__tab:disabled:not(.is-active) {
  opacity: 0.55;
}

.cd-vouchers__panel {
  min-height: 220px;
}

.cd-vouchers__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 36px 28px;
  border: 1px dashed var(--cd-border);
  border-radius: var(--cd-radius-sm);
  background: var(--cd-inverse);
}

.cd-vouchers__empty-title {
  margin: 0;
  color: var(--cd-text);
  font-size: 1.1rem;
  font-weight: 700;
}

.cd-vouchers__empty-body {
  margin: 0;
  max-width: 36rem;
  color: var(--cd-text-secondary);
  font-size: 14px;
  line-height: 1.55;
}

.cd-vouchers__empty-link {
  margin-top: 8px;
  color: var(--cd-brand);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.cd-vouchers__empty-link:hover, .cd-vouchers__empty-link:focus-visible {
  color: var(--cd-brand);
  text-decoration: underline;
}

.cd-block.cd-cashback {
  --cd-cb-radius: 8px;
  --cd-cb-surface: #fffefa;
  --cd-cb-points: #555465;
  margin: 0;
  padding: 0;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
}
.cd-block.cd-cashback p {
  margin: 0;
}

.cd-cashback__intro {
  max-width: 880px;
  margin: 0 0 36px;
}

.cd-cashback__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 600;
}

.cd-cashback__title {
  margin: 0 0 16px;
  color: var(--cd-text);
  font-size: clamp(34px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-cashback__lede {
  max-width: 650px;
  color: var(--cd-text-secondary);
  font-size: 17px;
  line-height: 1.8;
}

.cd-cashback__notice {
  display: grid;
  gap: 4px;
  margin: 0 0 24px;
  padding: 16px 20px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-cb-radius);
  color: var(--cd-text-secondary);
  font-size: 12px;
  line-height: 1.8;
}
.cd-cashback__notice strong {
  color: var(--cd-text);
  font-size: 13px;
}

.cd-cashback__head {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 24px;
}

.cd-cashback__stat {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 200px;
  padding: 32px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-cb-radius);
}
.cd-cashback__stat > span {
  color: var(--cd-text-secondary);
  font-size: 12px;
}
.cd-cashback__stat > strong {
  color: inherit;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.03em;
}
.cd-cashback__stat > small {
  max-width: 350px;
  color: var(--cd-text-secondary);
  font-size: 10px;
}
.cd-cashback__stat--dark {
  border-color: var(--cd-brand);
  background: var(--cd-brand);
  color: var(--cd-inverse);
}
.cd-cashback__stat--dark > span,
.cd-cashback__stat--dark > small {
  color: var(--cd-inverse);
  opacity: 0.75;
}

.cd-cashback__stat-label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cd-cashback__mark {
  flex-shrink: 0;
  overflow: visible;
}

.cd-cashback__lifecycle {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  margin: 40px 0 16px;
  padding: 0;
  list-style: none;
}
.cd-cashback__lifecycle li {
  position: relative;
  padding-top: 15px;
  border-top: 2px solid var(--cd-gold);
}
.cd-cashback__lifecycle strong {
  color: var(--cd-text);
  font-size: 13px;
  font-weight: 700;
}
.cd-cashback__lifecycle svg {
  position: absolute;
  bottom: 2px;
  inset-inline-end: 0;
  width: 16px;
  color: var(--cd-gold-ink);
}

.cd-cashback__note {
  margin-top: 18px !important;
  color: var(--cd-text-secondary);
  font-size: 12px;
  line-height: 1.8;
}

.cd-cashback__section {
  padding-block: 48px;
}

.cd-cashback__section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.cd-cashback__section-heading h2 {
  margin: 0;
  color: var(--cd-text);
  font-size: clamp(25px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-cashback__gold {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 88px;
  margin: 22px 0;
  padding: 20px 22px;
  border: 1px solid color-mix(in srgb, var(--cd-gold) 35%, var(--cd-border));
  border-radius: var(--cd-cb-radius);
  background: linear-gradient(135deg, var(--cd-cb-surface), color-mix(in srgb, var(--cd-gold) 9%, var(--cd-cb-surface)));
  color: var(--cd-text);
  text-decoration: none;
  transition: border-color 0.2s, transform 0.2s;
}
.cd-cashback__gold:hover, .cd-cashback__gold:focus-visible {
  border-color: var(--cd-brand);
  color: var(--cd-text);
  text-decoration: none;
  transform: translateY(-2px);
}
.cd-cashback__gold > span {
  display: grid;
  flex: 1;
  gap: 4px;
}
.cd-cashback__gold small {
  color: var(--cd-muted);
  line-height: 1.45;
}

.cd-cashback__gold-symbol {
  flex-shrink: 0;
}

.cd-cashback__gold-gift {
  flex-shrink: 0;
  color: var(--cd-cb-points);
}

.cd-cashback__gold-chevron {
  flex-shrink: 0;
  color: var(--cd-muted);
}

.cd-cashback__support {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  margin: 12px 0;
  color: var(--cd-text);
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.cd-cashback__support:hover {
  color: var(--cd-text);
}

@media (prefers-reduced-motion: reduce) {
  .cd-cashback__gold {
    transition: none;
  }
  .cd-cashback__gold:hover {
    transform: none;
  }
}
@media (max-width: 767px) {
  .cd-cashback__intro {
    margin-bottom: 28px;
  }
  .cd-cashback__eyebrow {
    margin-bottom: 12px;
  }
  .cd-cashback__title {
    font-size: 35px;
  }
  .cd-cashback__lede {
    font-size: 14px;
  }
  .cd-cashback__head {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .cd-cashback__stat {
    min-height: 180px;
    padding: 25px;
  }
  .cd-cashback__stat > span {
    font-size: 11px;
  }
  .cd-cashback__stat > strong {
    font-size: 36px;
  }
  .cd-cashback__lifecycle {
    gap: 10px;
    margin-top: 32px;
  }
  .cd-cashback__lifecycle strong {
    font-size: 10px;
  }
  .cd-cashback__lifecycle svg {
    display: none;
  }
  .cd-cashback__section-heading {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 26px;
  }
  .cd-cashback__section-heading h2 {
    font-size: 27px;
  }
}
@media (max-width: 374px) {
  .cd-cashback__title {
    font-size: 30px;
  }
  .cd-cashback__lifecycle {
    gap: 8px;
  }
  .cd-cashback__lifecycle strong {
    font-size: 9px;
  }
  .cd-cashback__section-heading {
    flex-wrap: wrap;
    gap: 12px;
  }
  .cd-cashback__section-heading h2 {
    font-size: 25px;
  }
}
.cd-block.cd-gold-wallet {
  --cd-gw-surface: #fffefa;
  margin: 0;
  padding: 0;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
}
.cd-block.cd-gold-wallet p {
  margin: 0;
}
.cd-block.cd-gold-wallet h2 {
  margin: 0;
  color: var(--cd-text);
  font-size: clamp(25px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-gold-wallet__intro {
  max-width: 880px;
  margin: 0 0 36px;
}

.cd-gold-wallet__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px !important;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 600;
}

.cd-gold-wallet__title {
  margin: 0 0 16px;
  color: var(--cd-text);
  font-size: clamp(34px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-gold-wallet__lede {
  max-width: 650px;
  color: var(--cd-text-secondary);
  font-size: 17px;
  line-height: 1.8;
}

.cd-gold-wallet__notice {
  display: grid;
  gap: 4px;
  margin: 0 0 24px;
  padding: 16px 20px;
  border: 1px solid var(--cd-border);
  border-radius: 8px;
  color: var(--cd-text-secondary);
  font-size: 12px;
  line-height: 1.8;
}
.cd-gold-wallet__notice strong {
  color: var(--cd-text);
  font-size: 13px;
}

.cd-gold-wallet__hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 28px;
  margin-top: 24px;
  padding: clamp(22px, 4vw, 42px);
  border-radius: 26px;
  background: transparent;
  color: var(--cd-text);
}

.cd-gold-wallet__balance {
  display: grid;
  gap: 9px;
}
.cd-gold-wallet__balance > svg {
  width: 38px;
  height: 38px;
  color: var(--cd-gold);
}
.cd-gold-wallet__balance > strong {
  font-size: clamp(3.5rem, 8vw, 7rem);
  font-weight: 700;
  line-height: 0.9;
}
.cd-gold-wallet__balance > small {
  opacity: 0.72;
}

.cd-gold-wallet__ownership {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.cd-gold-wallet__ownership > svg {
  flex-shrink: 0;
}

.cd-gold-wallet__autosave {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  padding: clamp(22px, 4vw, 42px);
  border-radius: 26px;
  background: var(--cd-gw-surface);
  color: var(--cd-text);
}
.cd-gold-wallet__autosave p {
  max-width: 720px;
  color: var(--cd-muted);
}

.cd-gold-wallet__switch {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}
.cd-gold-wallet__switch input {
  width: 46px;
  height: 25px;
  margin: 0;
  accent-color: var(--cd-gold);
  cursor: pointer;
}
.cd-gold-wallet__switch.is-saving {
  opacity: 0.6;
  pointer-events: none;
}

.cd-gold-wallet__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 18px;
}
.cd-gold-wallet__actions > section {
  display: grid;
  gap: 17px;
  padding: 26px;
  border-radius: 22px;
  background: var(--cd-gw-surface);
}
.cd-gold-wallet__actions > section > svg {
  color: var(--cd-gold);
}
.cd-gold-wallet__actions label {
  display: grid;
  gap: 7px;
  margin: 0;
}
.cd-gold-wallet__actions input {
  padding: 12px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: inherit;
  font: inherit;
}
.cd-gold-wallet__actions dl {
  display: grid;
  gap: 7px;
  margin: 0;
}
.cd-gold-wallet__actions dl div {
  display: flex;
  justify-content: space-between;
}
.cd-gold-wallet__actions dl dt {
  color: var(--cd-muted);
  font-weight: 400;
}
.cd-gold-wallet__actions dl dd {
  margin: 0;
}
.cd-gold-wallet__actions .cd-btn {
  justify-self: start;
}
.cd-gold-wallet__actions .cd-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cd-gold-wallet__rule {
  margin-top: 10px !important;
  color: var(--cd-muted);
  font-size: 0.86rem;
  line-height: 1.7;
}

.cd-gold-wallet__requests {
  margin-top: 32px;
}

.cd-gold-wallet__note {
  margin-top: 18px !important;
  color: var(--cd-text-secondary);
  font-size: 12px;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .cd-gold-wallet__intro {
    margin-bottom: 28px;
  }
  .cd-gold-wallet__eyebrow {
    margin-bottom: 12px !important;
  }
  .cd-gold-wallet__title {
    font-size: 35px;
  }
  .cd-gold-wallet__lede {
    font-size: 14px;
  }
}
@media (max-width: 760px) {
  .cd-gold-wallet__hero,
  .cd-gold-wallet__actions {
    grid-template-columns: 1fr;
  }
  .cd-gold-wallet__autosave {
    align-items: flex-start;
    gap: 20px;
  }
  .cd-gold-wallet__balance > strong {
    font-size: 4.5rem;
  }
}
@media (max-width: 374px) {
  .cd-gold-wallet__title {
    font-size: 30px;
  }
}
.cd-block.cd-wallet {
  --cd-wl-radius: 8px;
  --cd-wl-surface: #fffefa;
  --cd-wl-points: #555465;
  margin: 0;
  padding: 0;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
}
.cd-block.cd-wallet p {
  margin: 0;
}

.cd-wallet__intro {
  max-width: 880px;
  margin: 0 0 36px;
}

.cd-wallet__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 600;
}

.cd-wallet__title {
  margin: 0 0 16px;
  color: var(--cd-text);
  font-size: clamp(34px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-wallet__lede {
  max-width: 650px;
  color: var(--cd-text-secondary);
  font-size: 17px;
  line-height: 1.8;
}

.cd-wallet__notice {
  display: grid;
  gap: 4px;
  margin: 0 0 24px;
  padding: 16px 20px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-wl-radius);
  color: var(--cd-text-secondary);
  font-size: 12px;
  line-height: 1.8;
}
.cd-wallet__notice strong {
  color: var(--cd-text);
  font-size: 13px;
}

.cd-wallet__layout {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 24px;
}

.cd-wallet__primary {
  position: relative;
  overflow: hidden;
  padding: 40px;
  border-radius: var(--cd-wl-radius);
  background: var(--cd-brand);
  color: var(--cd-inverse);
}
.cd-wallet__primary > .cd-wallet__gold-symbol:first-child {
  display: block;
  margin-bottom: 40px;
}
.cd-wallet__primary > span {
  font-size: 13px;
}
.cd-wallet__primary h2 {
  position: relative;
  z-index: 1;
  margin: 8px 0 16px;
  color: var(--cd-inverse);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.3;
}
.cd-wallet__primary p {
  color: var(--cd-inverse);
  font-size: 11px;
  opacity: 0.72;
}
.cd-wallet__primary p + p {
  margin-top: 4px;
}

.cd-wallet__buttons {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}

.cd-wallet__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-inverse);
  color: var(--cd-brand-deep);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition: background var(--cd-motion-fast), color var(--cd-motion-fast);
}
.cd-wallet__button:hover, .cd-wallet__button:focus-visible {
  background: var(--cd-brand-soft);
  color: var(--cd-brand-deep);
  text-decoration: none;
}
.cd-wallet__button:focus-visible {
  outline: 2px solid var(--cd-gold-light);
  outline-offset: 2px;
}

.cd-wallet__trace {
  position: absolute;
  top: 30px;
  inset-inline-end: -20px;
  width: 52%;
  height: auto;
  opacity: 0.25;
  stroke: var(--cd-gold);
  stroke-width: 1.4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
[dir=rtl] .cd-wallet__trace {
  transform: scaleX(-1);
}

.cd-wallet__gold-symbol {
  flex-shrink: 0;
}

.cd-wallet__secondary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.cd-wallet__stat {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 24px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-wl-radius);
}
.cd-wallet__stat > span {
  color: var(--cd-text-secondary);
  font-size: 12px;
}
.cd-wallet__stat > strong {
  color: inherit;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.03em;
}
.cd-wallet__stat > small {
  max-width: 350px;
  color: var(--cd-text-secondary);
  font-size: 10px;
}

.cd-wallet__stat-label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cd-wallet__mark {
  flex-shrink: 0;
  overflow: visible;
}

.cd-wallet__actions {
  display: grid;
  grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1.9fr);
  align-items: end;
  gap: 24px;
  margin: 28px 0;
  padding: 24px;
  border-block: 1px solid var(--cd-border);
}

.cd-wallet__actions-heading .cd-wallet__eyebrow {
  margin: 0 0 7px;
}
.cd-wallet__actions-heading h2 {
  max-width: 16ch;
  margin: 0;
  color: var(--cd-text);
  font-size: clamp(1.25rem, 2.2vw, 1.8rem);
  font-weight: 500;
  line-height: 1.45;
}

.cd-wallet__actions-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.cd-wallet__actions-grid > a,
.cd-wallet__actions-grid > button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  min-height: 116px;
  padding: 16px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-wl-radius);
  background: var(--cd-wl-surface);
  color: var(--cd-text);
  text-align: start;
  text-decoration: none;
  transition: border-color 0.2s, transform 0.2s, background 0.2s;
}
.cd-wallet__actions-grid > a:not(:disabled):hover, .cd-wallet__actions-grid > a:not(:disabled):focus-visible,
.cd-wallet__actions-grid > button:not(:disabled):hover,
.cd-wallet__actions-grid > button:not(:disabled):focus-visible {
  border-color: var(--cd-brand);
  background: var(--cd-brand-soft);
  color: var(--cd-text);
  text-decoration: none;
  transform: translateY(-2px);
}
.cd-wallet__actions-grid > button {
  font: inherit;
}
.cd-wallet__actions-grid svg {
  color: var(--cd-brand);
}

.cd-wallet__action--soon {
  cursor: not-allowed;
}
.cd-wallet__action--soon > svg,
.cd-wallet__action--soon > span {
  opacity: 0.55;
}

.cd-wallet__actions-grid span {
  display: grid;
  gap: 3px;
}
.cd-wallet__actions-grid strong {
  font-size: 15px;
  font-weight: 700;
}
.cd-wallet__actions-grid small {
  color: var(--cd-muted);
  font-size: 12px;
  line-height: 1.35;
}

.cd-wallet__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 24px;
  margin-block: 20px;
}
.cd-wallet__links > a,
.cd-wallet__links > span {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  color: var(--cd-text);
  font-size: 12px;
  text-decoration: none;
}
.cd-wallet__links > a > svg,
.cd-wallet__links > span > svg {
  width: 17px;
  color: var(--cd-wl-points);
}
.cd-wallet__links > a:hover {
  color: var(--cd-text);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.cd-wallet__link--soon {
  gap: 8px !important;
  color: var(--cd-muted) !important;
  cursor: not-allowed;
}
.cd-wallet__link--soon > svg {
  opacity: 0.55;
}

.cd-wallet__section {
  padding-block: 48px;
}

.cd-wallet__section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.cd-wallet__section-heading h2 {
  margin: 0;
  color: var(--cd-text);
  font-size: clamp(25px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-wallet__note {
  margin-top: 18px !important;
  color: var(--cd-text-secondary);
  font-size: 12px;
  line-height: 1.8;
}

.cd-wallet__section-heading + .cd-wallet__note {
  margin-top: 0 !important;
}

.cd-wallet__support {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  margin: 12px 0;
  color: var(--cd-text);
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.cd-wallet__support:hover {
  color: var(--cd-text);
}

@media (prefers-reduced-motion: reduce) {
  .cd-wallet__actions-grid > a {
    transition: none;
  }
  .cd-wallet__actions-grid > a:hover {
    transform: none;
  }
}
@media (max-width: 1200px) {
  .cd-wallet__primary {
    padding: 30px;
  }
  .cd-wallet__primary h2 {
    font-size: 42px;
  }
  .cd-wallet__secondary {
    gap: 16px;
  }
  .cd-wallet__stat {
    padding: 22px 18px;
  }
  .cd-wallet__stat > strong {
    font-size: 25px;
  }
}
@media (max-width: 1023px) {
  .cd-wallet__layout {
    grid-template-columns: 1fr;
  }
  .cd-wallet__primary {
    padding: 35px;
  }
  .cd-wallet__primary > .cd-wallet__gold-symbol:first-child {
    margin-bottom: 25px;
  }
  .cd-wallet__secondary {
    grid-template-columns: 1fr 1fr;
  }
  .cd-wallet__stat > strong {
    font-size: 23px;
  }
}
@media (max-width: 980px) {
  .cd-wallet__actions {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .cd-wallet__actions-heading h2 {
    max-width: none;
  }
  .cd-wallet__actions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .cd-wallet__intro {
    margin-bottom: 28px;
  }
  .cd-wallet__eyebrow {
    margin-bottom: 12px;
  }
  .cd-wallet__title {
    font-size: 35px;
  }
  .cd-wallet__lede {
    font-size: 14px;
  }
  .cd-wallet__primary {
    padding: 28px;
  }
  .cd-wallet__primary > .cd-wallet__gold-symbol:first-child {
    width: 32px;
    height: 32px;
    margin-bottom: 30px;
  }
  .cd-wallet__primary h2 {
    font-size: 42px;
  }
  .cd-wallet__button {
    padding-inline: 16px;
    font-size: 11px;
  }
  .cd-wallet__secondary {
    gap: 14px;
  }
  .cd-wallet__stat {
    gap: 10px;
    padding: 22px 18px;
  }
  .cd-wallet__stat > span {
    font-size: 11px;
  }
  .cd-wallet__stat > strong {
    font-size: 25px;
  }
  .cd-wallet__section-heading {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 26px;
  }
  .cd-wallet__section-heading h2 {
    font-size: 27px;
  }
}
@media (max-width: 620px) {
  .cd-wallet__actions {
    padding: 22px 0;
  }
  .cd-wallet__actions-grid > a,
  .cd-wallet__actions-grid > button {
    min-height: 108px;
    padding: 14px;
  }
}
@media (max-width: 374px) {
  .cd-wallet__title {
    font-size: 30px;
  }
  .cd-wallet__secondary {
    gap: 12px;
  }
  .cd-wallet__section-heading {
    flex-wrap: wrap;
    gap: 12px;
  }
  .cd-wallet__section-heading h2 {
    font-size: 25px;
  }
}
.cd-block.cd-wishlist {
  --cd-wsh-radius: 8px;
  min-height: 60vh;
  margin: 0;
  padding-block: 48px 88px;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
}
.cd-block.cd-wishlist p {
  margin: 0;
}

.cd-wishlist__intro {
  max-width: 880px;
  margin: 0 0 36px;
}

.cd-wishlist__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 600;
}

.cd-wishlist__title {
  margin: 0 0 16px;
  color: var(--cd-text);
  font-size: clamp(34px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-wishlist__count {
  color: var(--cd-text-secondary);
  font-size: 14px;
}

.cd-wishlist__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 370px;
  padding: 48px 24px;
  border-radius: var(--cd-wsh-radius);
  background: var(--cd-brand-soft);
  text-align: center;
}
.cd-wishlist__empty[hidden] {
  display: none;
}
.cd-wishlist__empty h2 {
  max-width: 500px;
  margin: 0;
  color: var(--cd-text);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.45;
}
.cd-wishlist__empty p {
  max-width: 420px;
  color: var(--cd-text);
  font-size: 14px;
}

.cd-wishlist__empty-icon {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
  border: 1px solid var(--cd-border);
  border-radius: 50%;
  color: var(--cd-brand);
}

.cd-wishlist__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 48px;
  margin-top: 8px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-brand);
  color: var(--cd-inverse);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: background var(--cd-motion-fast);
}
.cd-wishlist__button:hover, .cd-wishlist__button:focus-visible {
  background: color-mix(in srgb, var(--cd-brand) 82%, #fff);
  color: var(--cd-inverse);
  text-decoration: none;
}

.cd-wishlist__list {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--cd-border);
  list-style: none;
}

.cd-wishlist__item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid var(--cd-border);
}

.cd-wishlist__image {
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  overflow: hidden;
  border-radius: var(--cd-wsh-radius);
  background: var(--cd-hover);
}
.cd-wishlist__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cd-wishlist__info {
  flex: 1;
  min-width: 0;
}
.cd-wishlist__info h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
}
.cd-wishlist__info h3 a {
  color: var(--cd-text);
  text-decoration: none;
}
.cd-wishlist__info h3 a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.cd-wishlist__vendor {
  margin-top: 4px !important;
  color: var(--cd-text-secondary);
  font-size: 12px;
}
.cd-wishlist__vendor a {
  color: var(--cd-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cd-wishlist__price {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 600;
}
.cd-wishlist__price .amount,
.cd-wishlist__price .price-amount,
.cd-wishlist__price ins {
  color: var(--cd-text) !important;
  text-decoration: none;
}
.cd-wishlist__price del,
.cd-wishlist__price del .amount,
.cd-wishlist__price del .price-amount {
  color: var(--cd-muted) !important;
  font-size: 12px;
  font-weight: 400;
}
.cd-wishlist__price del {
  text-decoration: line-through;
}

.cd-wishlist__stock {
  flex-shrink: 0;
  padding: 5px 10px;
  border-radius: 30px;
  font-size: 11px;
  line-height: 1.5;
  white-space: nowrap;
}
.cd-wishlist__stock.is-in {
  background: #e8efe8;
  color: #386147;
}
.cd-wishlist__stock.is-out {
  background: #f8eae7;
  color: #9e4039;
}

.cd-wishlist__cart {
  flex-shrink: 0;
}
.cd-wishlist__cart .cart-form,
.cd-wishlist__cart .product-button {
  margin: 0;
}
.cd-wishlist__cart .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 10px 18px;
  border: 1px solid var(--cd-brand);
  border-radius: var(--cd-radius-sm);
  background: var(--cd-brand);
  color: var(--cd-inverse);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.cd-wishlist__cart .btn.btn-primary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--cd-brand) 82%, #fff);
  color: var(--cd-inverse);
}
.cd-wishlist__cart .btn.btn-primary:disabled, .cd-wishlist__cart .btn.btn-primary.disabled {
  border-color: var(--cd-border);
  background: transparent;
  color: var(--cd-muted);
}
.cd-wishlist__cart .btn.btn-primary .add-to-cart-text {
  margin: 0 !important;
}
.cd-wishlist__cart .btn.btn-primary .svg-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.cd-wishlist__remove {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--cd-border);
  border-radius: 50%;
  background: transparent;
  color: var(--cd-text-secondary);
  cursor: pointer;
  transition: border-color var(--cd-motion-fast), color var(--cd-motion-fast);
}
.cd-wishlist__remove:hover, .cd-wishlist__remove:focus-visible {
  border-color: #9e4039;
  color: #9e4039;
}
.cd-wishlist__remove.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.cd-wishlist__pagination {
  justify-content: center;
  margin-top: 32px;
}

@media (max-width: 767px) {
  .cd-block.cd-wishlist {
    padding-block: 28px 50px;
  }
  .cd-wishlist__intro {
    margin-bottom: 28px;
  }
  .cd-wishlist__eyebrow {
    margin-bottom: 12px;
  }
  .cd-wishlist__title {
    font-size: 35px;
  }
  .cd-wishlist__empty {
    min-height: 340px;
    padding: 35px 20px;
  }
  .cd-wishlist__empty h2 {
    font-size: 25px;
  }
  .cd-wishlist__empty p {
    font-size: 13px;
  }
  .cd-wishlist__item {
    flex-wrap: wrap;
    gap: 12px;
    padding-block: 21px;
  }
  .cd-wishlist__image {
    width: 72px;
    height: 72px;
  }
  .cd-wishlist__info {
    min-width: calc(100% - 84px);
  }
  .cd-wishlist__stock {
    margin-inline-start: 84px;
  }
  .cd-wishlist__cart {
    margin-inline-start: auto;
  }
}
@media (max-width: 374px) {
  .cd-wishlist__title {
    font-size: 30px;
  }
  .cd-wishlist__stock {
    margin-inline-start: 0;
  }
}
.cd-soon {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  max-width: 100%;
  margin-inline-start: 8px;
  padding: 3px 10px;
  border: 1px dashed color-mix(in srgb, var(--cd-gold) 55%, transparent);
  border-radius: 30px;
  background: var(--cd-gold-soft, #f1e8d8);
  color: var(--cd-gold-ink);
  font-family: inherit;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: start;
  text-transform: none;
  vertical-align: middle;
  flex-shrink: 0;
}
.cd-soon > strong {
  font-weight: 700;
  white-space: nowrap;
}

.cd-soon__note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.cd-soon__note::before {
  content: "·";
  font-weight: 700;
}

.cd-wallet__stat-label,
.cd-cashback__stat-label {
  flex-wrap: wrap;
  row-gap: 6px;
}
.cd-wallet__stat-label > .cd-soon,
.cd-cashback__stat-label > .cd-soon {
  margin-inline-start: 0;
}

.cd-soon--block {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  margin-inline-start: 0;
  margin-top: 8px;
}

.cd-soon.cd-cashback__lifecycle-soon {
  margin-top: 40px;
  margin-bottom: 10px;
}
.cd-soon.cd-cashback__lifecycle-soon + .cd-cashback__lifecycle {
  margin-top: 0;
}
@media (max-width: 767px) {
  .cd-soon.cd-cashback__lifecycle-soon {
    margin-top: 32px;
  }
}

.product-inner:has(> .cd-product-card) {
  padding: 0 12px 32px;
  border: 0 !important;
  background: transparent;
  box-shadow: none;
}
.product-inner:has(> .cd-product-card):hover {
  border: 0 !important;
  box-shadow: none;
}

.cd-product-card {
  --cd-pc-photo: #e7e4dc;
  --cd-pc-surface: #fffefa;
  --cd-pc-cashback: var(--cd-cashback, #705b30);
  min-width: 0;
  color: var(--cd-text);
  font-family: inherit;
}

.cd-product-card__media {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  background: var(--cd-pc-photo);
  container-type: inline-size;
}

.cd-product-card__image {
  display: block;
}
.cd-product-card__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.55s var(--cd-ease);
}

@media (hover: hover) {
  .cd-product-card__media:hover .cd-product-card__image img {
    transform: scale(1.025);
  }
}
.cd-product-card__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-pc-surface);
  color: var(--cd-text);
  cursor: pointer;
  transition: background var(--cd-motion-fast), color var(--cd-motion-fast), opacity var(--cd-motion-fast);
}
.cd-product-card__icon:hover, .cd-product-card__icon:focus-visible {
  background: var(--cd-hover);
  color: var(--cd-text);
}
.cd-product-card__icon:disabled, .cd-product-card__icon.disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.cd-product-card__icon.loading, .cd-product-card__icon.button-loading {
  opacity: 0.55;
  pointer-events: none;
}

.cd-product-card__fav.added-to-wishlist {
  color: var(--cd-brand);
}
.cd-product-card__fav.added-to-wishlist svg {
  fill: currentColor;
}

.cd-product-card__actions {
  position: absolute;
  top: 10px;
  inset-inline-end: 10px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cd-product-card__more {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media (hover: hover) {
  .cd-product-card__more {
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity var(--cd-motion-base), transform var(--cd-motion-base);
    pointer-events: none;
  }
  .cd-product-card__media:hover .cd-product-card__more,
  .cd-product-card__media:focus-within .cd-product-card__more {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}
.cd-product-card__add {
  position: absolute;
  bottom: 12px;
  inset-inline-end: 12px;
  z-index: 2;
}
.cd-product-card__add form {
  margin: 0;
}
.cd-product-card__add .cd-product-card__icon {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.031372549);
}

.cd-product-card__ribbons {
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  pointer-events: none;
}

.cd-product-card__ribbon {
  padding: 3px 8px;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-pc-surface);
  color: var(--cd-text);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
}
.cd-product-card__ribbon.is-sale {
  background: var(--cd-brand);
  color: var(--cd-inverse);
}
.cd-product-card__ribbon.is-out {
  background: #f8eae7;
  color: #9e4039;
}
.cd-product-card__ribbon.is-campaign {
  background: var(--cd-gold-soft, #f1e8d8);
  color: var(--cd-gold-ink);
}

.cd-product-card__copy {
  padding-top: 17px;
}

.cd-product-card__merchant {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
}
.cd-product-card__merchant a {
  color: var(--cd-text-secondary);
  font-size: 11px;
  text-decoration: none;
}
.cd-product-card__merchant a:hover {
  color: var(--cd-text-secondary);
  text-decoration: underline;
}
.cd-product-card__merchant img,
.cd-product-card__merchant svg {
  width: 14px;
  height: 14px;
}

.cd-product-card__title {
  min-height: 22px;
  margin: 6px 0 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}
.cd-product-card__title a {
  color: var(--cd-text);
  text-decoration: none;
}
.cd-product-card__title a:hover {
  color: var(--cd-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cd-product-card__rating {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: -2px 0 8px;
  color: var(--cd-text);
  font-size: 11px;
  line-height: 1.5;
}
.cd-product-card__rating svg {
  color: var(--cd-gold);
}

.cd-product-card__rating-count {
  color: var(--cd-text-secondary);
}

.cd-product-card__price {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.65;
}
.cd-product-card__price .product-price {
  display: block;
  font-size: inherit !important;
}
.cd-product-card__price .amount,
.cd-product-card__price .price-amount,
.cd-product-card__price ins {
  color: var(--cd-text) !important;
  font-size: inherit !important;
  font-weight: 600;
  text-decoration: none;
}
.cd-product-card__price del,
.cd-product-card__price del .amount,
.cd-product-card__price del .price-amount {
  color: var(--cd-muted) !important;
  font-size: 12px !important;
  font-weight: 400;
}
.cd-product-card__price del {
  text-decoration: line-through;
}

.cd-product-card__deal {
  margin: -4px 0 12px;
  font-size: 11px;
}
.cd-product-card__deal .is-sold-out {
  color: #9e4039;
}

.cd-product-card__deal-bar {
  height: 4px;
  margin-top: 4px;
  overflow: hidden;
  border-radius: 2px;
  background: var(--cd-border);
}
.cd-product-card__deal-bar > span {
  display: block;
  height: 100%;
  background: var(--cd-gold);
}

.cd-product-card__cashback {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  color: var(--cd-pc-cashback);
  font-size: 10px;
  line-height: 1.5;
}
.cd-product-card__cashback > span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 5px;
  padding-inline-start: 6px;
}
.cd-product-card__cashback bdi {
  font-weight: 700;
  white-space: nowrap;
}
.cd-product-card__cashback > span > span {
  font-size: 10px;
  font-weight: 500;
}

.cd-product-card__mark {
  flex-shrink: 0;
  overflow: visible;
}

@container (max-width: 229px) {
  .cd-product-card__add {
    bottom: 8px;
    inset-inline-start: 8px;
    inset-inline-end: auto;
  }
  .cd-product-card__more .cd-product-card__icon {
    width: 36px;
    height: 36px;
    margin-inline-start: 4px;
  }
}
@media (max-width: 1200px) {
  .cd-product-card__title {
    font-size: 13px;
  }
  .cd-product-card__cashback {
    align-items: flex-start;
    padding: 5px 7px;
  }
}
@media (max-width: 767px) {
  .product-inner:has(> .cd-product-card) {
    padding: 0 8px 30px;
  }
  .cd-product-card__actions {
    top: 6px;
    inset-inline-end: 6px;
    gap: 4px;
  }
  .cd-product-card__more {
    gap: 4px;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }
  .cd-product-card__ribbons {
    top: 6px;
    inset-inline-start: 6px;
  }
  .cd-product-card__copy {
    padding-top: 12px;
  }
  .cd-product-card__title {
    min-height: 42px;
    margin: 4px 0 8px;
    font-size: 13px;
    line-height: 1.6;
  }
  .cd-product-card__price {
    margin-bottom: 10px;
  }
  .cd-product-card__cashback {
    gap: 6px;
    padding: 6px 7px;
    font-size: 11px;
  }
  .cd-product-card__cashback > span > span {
    display: block;
    margin-top: 2px;
  }
  .cd-product-card__cashback .cd-product-card__mark {
    margin-top: 2px;
  }
}
@media (max-width: 374px) {
  .product-inner:has(> .cd-product-card) {
    padding: 0 6px 26px;
  }
  .cd-product-card__actions {
    top: 4px;
    inset-inline-end: 4px;
  }
  .cd-product-card__add {
    bottom: 6px;
    inset-inline-start: 6px;
  }
  .cd-product-card__title {
    font-size: 12px;
  }
  .cd-product-card__cashback {
    gap: 4px;
    padding: 5px;
  }
}
.cd-cashback-estimate {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 14px;
  color: var(--cd-cashback, #705b30);
  font-size: 13px;
  line-height: 1.5;
}
.cd-cashback-estimate[hidden] {
  display: none;
}
.cd-cashback-estimate > span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 6px;
}
.cd-cashback-estimate bdi {
  font-weight: 700;
  white-space: nowrap;
}

.cd-cashback-estimate__mark {
  flex-shrink: 0;
  overflow: visible;
}

.cd-block.cd-products-page {
  margin: 0;
  padding-block: 48px 88px;
  color: var(--cd-text);
}

.cd-block.cd-products-intro {
  margin: 0;
  padding: 0;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
}
.cd-block.cd-products-intro p {
  margin: 0;
}

.cd-products-intro__heading {
  max-width: 880px;
  margin: 0 0 36px;
}

.cd-products-intro__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cd-products-intro__title {
  margin: 0 0 16px;
  color: var(--cd-text);
  font-size: clamp(34px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-products-intro__lede {
  margin: 0;
  max-width: 650px;
  color: var(--cd-text-secondary);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
}

.cd-products-intro__search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 630px;
  min-height: 64px;
  margin: 24px 0 20px;
  padding: 0 20px 8px;
  border: 0;
  border-bottom: 1px solid var(--cd-border);
  border-radius: 0;
  background: #fff;
  color: var(--cd-text);
  box-shadow: none;
}
.cd-products-intro__search > svg {
  flex-shrink: 0;
  color: var(--cd-text);
}
.cd-products-intro__search input[type=search] {
  flex: 1 1 0%;
  width: 0;
  min-width: 0;
  min-height: 60px;
  height: auto;
  margin: 0;
  padding-block: 10px;
  padding-inline: 0 36px;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: var(--cd-text);
  font: inherit;
  font-size: 17px;
  line-height: 1.65;
  outline: none;
  box-shadow: none !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cd-products-intro__search input[type=search]:focus, .cd-products-intro__search input[type=search]:focus-visible {
  border: 0 !important;
  outline: none;
  box-shadow: none !important;
}
.cd-products-intro__search input[type=search]::-moz-placeholder {
  color: var(--cd-muted);
  opacity: 1;
}
.cd-products-intro__search input[type=search]::placeholder {
  color: var(--cd-muted);
  opacity: 1;
}
.cd-products-intro__search input[type=search]::-webkit-search-decoration, .cd-products-intro__search input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}

.cd-products-intro__clear {
  position: absolute;
  inset-inline-end: 12px;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--cd-radius-sm);
  background: transparent;
  color: var(--cd-text-secondary);
  transform: translateY(-50%);
  cursor: pointer;
  transition: color var(--cd-motion-fast) var(--cd-ease), background var(--cd-motion-fast) var(--cd-ease);
}
.cd-products-intro__clear[hidden] {
  display: none !important;
}
.cd-products-intro__clear:hover, .cd-products-intro__clear:focus-visible {
  color: var(--cd-text);
  background: var(--cd-hover);
  outline: none;
}
.cd-products-intro__clear svg {
  display: block;
}

.cd-products-intro .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;
}

.cd-products-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  min-height: 370px;
  margin: 8px 0 24px;
  padding: 48px 24px;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-brand-soft);
  text-align: center;
}
.cd-products-empty h2 {
  max-width: 500px;
  margin: 0;
  color: var(--cd-text);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.45;
}
.cd-products-empty p {
  max-width: 420px;
  margin: 0;
  color: var(--cd-text);
  font-size: 14px;
  line-height: 1.65;
}

.cd-products-empty__icon {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
  border: 1px solid var(--cd-border);
  border-radius: 50%;
  color: var(--cd-brand);
}
.cd-products-empty__icon svg {
  display: block;
}

.cd-products-empty__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 48px;
  margin-top: 8px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-brand);
  color: var(--cd-inverse);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
  transition: background var(--cd-motion-fast);
}
.cd-products-empty__button:hover, .cd-products-empty__button:focus-visible {
  background: color-mix(in srgb, var(--cd-brand) 82%, #fff);
  color: var(--cd-inverse);
  outline: none;
}

.cd-products-page .shop-products-listing:not(.shop-products-listing__list) {
  --bs-columns: 3;
}
@media (min-width: 768px) {
  .cd-products-page .shop-products-listing:not(.shop-products-listing__list) > .col {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .cd-products-page .shop-products-listing:not(.shop-products-listing__list) > .col {
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

@media (max-width: 767px) {
  .cd-block.cd-products-page {
    padding-block: 28px 50px;
  }
  .cd-products-intro__heading {
    margin-bottom: 24px;
  }
  .cd-products-intro__title {
    font-size: 35px;
  }
  .cd-products-intro__search {
    margin-block: 18px 16px;
    padding-inline: 16px;
  }
}
@media (max-width: 374px) {
  .cd-products-intro__title {
    font-size: 30px;
  }
}
.cd-catalog-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0;
  padding-block: 24px;
  color: var(--cd-text);
  font-size: 12px;
  line-height: 1.4;
}

.cd-catalog-toolbar__count {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  color: var(--cd-text);
  font-size: 12px;
  font-weight: 400;
}
.cd-catalog-toolbar__count strong {
  font-weight: 600;
}

.cd-catalog-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  min-width: 0;
}

.cd-catalog-toolbar__filter {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-radius-sm);
  background: transparent;
  color: var(--cd-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: background var(--cd-motion-fast) var(--cd-ease);
}
.cd-catalog-toolbar__filter svg {
  flex-shrink: 0;
}
.cd-catalog-toolbar__filter:hover, .cd-catalog-toolbar__filter:focus-visible {
  background: var(--cd-hover);
  color: var(--cd-text);
  outline: none;
}

.cd-catalog-toolbar__sort {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: 11px;
}

.cd-catalog-toolbar__sort-label {
  color: var(--cd-text);
  font-size: 11px;
  font-weight: 400;
  white-space: nowrap;
}

.cd-catalog-toolbar__sort-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 10px 4px;
  border: 0;
  background: transparent;
  color: var(--cd-text);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}
.cd-catalog-toolbar__sort-trigger::after {
  margin-inline-start: 4px;
  opacity: 0.55;
}
.cd-catalog-toolbar__sort-trigger:hover, .cd-catalog-toolbar__sort-trigger:focus-visible, .cd-catalog-toolbar__sort-trigger[aria-expanded=true] {
  color: var(--cd-text);
  text-decoration: none;
  outline: none;
}

.cd-catalog-toolbar__sort-menu {
  min-width: 12rem;
  padding: 6px 0;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-radius-sm);
  background: #fff;
  box-shadow: 0 10px 28px rgba(39, 41, 35, 0.08);
}
.cd-catalog-toolbar__sort-menu .dropdown-item {
  padding: 8px 14px;
  color: var(--cd-text-secondary);
  font-size: 13px;
}
.cd-catalog-toolbar__sort-menu .dropdown-item:hover, .cd-catalog-toolbar__sort-menu .dropdown-item:focus {
  background: var(--cd-hover);
  color: var(--cd-text);
}
.cd-catalog-toolbar__sort-menu li.active .dropdown-item {
  color: var(--cd-text);
  font-weight: 600;
  background: transparent;
}

.cd-catalog-toolbar__layouts {
  margin: 0;
}

.cd-catalog-toolbar__layouts-list {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-radius-sm);
  overflow: hidden;
  background: transparent;
}
.cd-catalog-toolbar__layouts-list > li {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
.cd-catalog-toolbar__layouts-list > li + li {
  border-inline-start: 1px solid var(--cd-border);
}
.cd-catalog-toolbar__layouts-list > li.active a {
  background: var(--cd-brand);
  color: var(--cd-inverse);
}
.cd-catalog-toolbar__layouts-list > li.active a .svg-icon {
  color: var(--cd-inverse);
}
.cd-catalog-toolbar__layouts-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--cd-text-secondary);
  text-decoration: none;
  transition: background var(--cd-motion-fast) var(--cd-ease), color var(--cd-motion-fast) var(--cd-ease);
}
.cd-catalog-toolbar__layouts-list a:hover, .cd-catalog-toolbar__layouts-list a:focus-visible {
  background: var(--cd-hover);
  color: var(--cd-text);
  outline: none;
}
.cd-catalog-toolbar__layouts-list a .svg-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
}
.cd-catalog-toolbar__layouts-list a .svg-icon svg {
  width: 18px;
  height: 18px;
}

@media (max-width: 1199px) {
  .cd-catalog-toolbar__filter {
    display: inline-flex;
  }
}
@media (max-width: 767px) {
  .cd-catalog-toolbar {
    align-items: flex-start;
    padding-block: 20px;
    font-size: 11px;
  }
  .cd-catalog-toolbar__count {
    padding-top: 14px;
    font-size: 11px;
  }
  .cd-catalog-toolbar__actions {
    gap: 8px;
  }
  .cd-catalog-toolbar__filter {
    gap: 7px;
    min-height: 40px;
    padding: 8px 12px;
    font-size: 11px;
  }
  .cd-catalog-toolbar__sort-label {
    display: none;
  }
  .cd-catalog-toolbar__sort-trigger {
    max-width: 145px;
    min-height: 40px;
    font-size: 11px;
  }
  .cd-catalog-toolbar__layouts-list a {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 374px) {
  .cd-catalog-toolbar {
    gap: 6px;
  }
  .cd-catalog-toolbar__actions {
    gap: 2px;
  }
  .cd-catalog-toolbar__count {
    font-size: 10px;
  }
  .cd-catalog-toolbar__filter {
    gap: 5px;
    padding-inline: 8px;
    font-size: 10px;
  }
  .cd-catalog-toolbar__sort-trigger {
    max-width: 119px;
    font-size: 10px;
  }
}
.cd-catalog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 40px 0 8px;
  padding: 0;
  color: var(--cd-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.cd-catalog-pagination.pagination-numeric-short > .cd-catalog-pagination__btn,
.cd-catalog-pagination > .cd-catalog-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  line-height: 1;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-radius-sm);
  background: #fff;
  color: var(--cd-text);
  text-decoration: none;
  transition: background var(--cd-motion-fast) var(--cd-ease), border-color var(--cd-motion-fast) var(--cd-ease), color var(--cd-motion-fast) var(--cd-ease);
}
.cd-catalog-pagination.pagination-numeric-short > .cd-catalog-pagination__btn:hover, .cd-catalog-pagination.pagination-numeric-short > .cd-catalog-pagination__btn:focus-visible,
.cd-catalog-pagination > .cd-catalog-pagination__btn:hover,
.cd-catalog-pagination > .cd-catalog-pagination__btn:focus-visible {
  background: var(--cd-hover);
  border-color: color-mix(in srgb, var(--cd-brand) 28%, var(--cd-border));
  color: var(--cd-text);
  text-decoration: none;
  outline: none;
}
.cd-catalog-pagination.pagination-numeric-short > .cd-catalog-pagination__btn.is-disabled, .cd-catalog-pagination.pagination-numeric-short > .cd-catalog-pagination__btn.disabled,
.cd-catalog-pagination > .cd-catalog-pagination__btn.is-disabled,
.cd-catalog-pagination > .cd-catalog-pagination__btn.disabled {
  opacity: 0.38;
  pointer-events: none;
}
.cd-catalog-pagination.pagination-numeric-short > .cd-catalog-pagination__btn svg,
.cd-catalog-pagination > .cd-catalog-pagination__btn svg {
  display: block;
}

.cd-catalog-pagination__form {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.cd-catalog-pagination.pagination-numeric-short .cd-catalog-pagination__input,
.cd-catalog-pagination .cd-catalog-pagination__input {
  width: 56px;
  min-height: 44px;
  height: 44px;
  margin: 0;
  padding: 0 8px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-radius-sm);
  background: #fff;
  color: var(--cd-text);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  box-shadow: none;
}
.cd-catalog-pagination.pagination-numeric-short .cd-catalog-pagination__input:focus, .cd-catalog-pagination.pagination-numeric-short .cd-catalog-pagination__input:focus-visible,
.cd-catalog-pagination .cd-catalog-pagination__input:focus,
.cd-catalog-pagination .cd-catalog-pagination__input:focus-visible {
  border-color: color-mix(in srgb, var(--cd-brand) 40%, var(--cd-border));
  outline: none;
  box-shadow: none;
}
.cd-catalog-pagination.pagination-numeric-short .cd-catalog-pagination__input::-webkit-inner-spin-button, .cd-catalog-pagination.pagination-numeric-short .cd-catalog-pagination__input::-webkit-outer-spin-button,
.cd-catalog-pagination .cd-catalog-pagination__input::-webkit-inner-spin-button,
.cd-catalog-pagination .cd-catalog-pagination__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.cd-catalog-pagination__of {
  color: var(--cd-text-secondary);
  font-size: 12px;
  font-weight: 400;
}

.cd-catalog-pagination__total {
  color: var(--cd-text);
  font-size: 14px;
  font-weight: 600;
  min-width: 1.25em;
}

.cd-catalog-pagination .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: 767px) {
  .cd-catalog-pagination {
    gap: 10px;
    margin-top: 28px;
  }
  .cd-catalog-pagination.pagination-numeric-short > .cd-catalog-pagination__btn,
  .cd-catalog-pagination > .cd-catalog-pagination__btn {
    width: 40px;
    height: 40px;
  }
  .cd-catalog-pagination.pagination-numeric-short .cd-catalog-pagination__input,
  .cd-catalog-pagination .cd-catalog-pagination__input {
    width: 48px;
    min-height: 40px;
    height: 40px;
  }
}
.cd-shop-sidebar {
  color: var(--cd-text);
}
.cd-shop-sidebar .bb-product-form-filter {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.cd-shop-sidebar .bb-product-filter {
  margin: 0;
  padding: 0 0 22px;
  background: transparent !important;
  border-bottom: 1px solid var(--cd-border);
}
.cd-shop-sidebar .bb-product-filter:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.cd-shop-sidebar .bb-product-filter + .bb-product-filter {
  margin-top: 22px;
}
.cd-shop-sidebar .bb-product-filter-title {
  margin: 0 0 14px;
  padding: 0;
  border: 0 !important;
  color: var(--cd-text);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
}
.cd-shop-sidebar:lang(ar) .bb-product-filter-title {
  letter-spacing: 0;
  font-size: 13px;
}
.cd-shop-sidebar .bb-product-filter-content {
  margin: 0;
}
.cd-shop-sidebar .bb-product-filter-content ul {
  margin: 0;
  padding: 0;
}
.cd-shop-sidebar .bb-product-filter-item {
  margin: 0;
  padding-inline-end: 0;
}
.cd-shop-sidebar .bb-product-filter-item:not(:last-child) {
  margin-bottom: 2px;
}
.cd-shop-sidebar .bb-product-filter-link {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 6px 0;
  color: var(--cd-text-secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  text-decoration: none;
  transition: color var(--cd-motion-fast) var(--cd-ease);
}
.cd-shop-sidebar .bb-product-filter-link:hover, .cd-shop-sidebar .bb-product-filter-link:focus-visible {
  color: var(--cd-text);
  text-decoration: none;
}
.cd-shop-sidebar .bb-product-filter-link.active {
  color: var(--cd-text);
  font-weight: 600;
}
.cd-shop-sidebar .bb-product-filter-items.filter-checkbox .bb-product-filter-item label {
  display: inline-flex;
  align-items: flex-start;
  min-height: 36px;
  padding-block: 7px;
  padding-inline-start: 28px;
  color: var(--cd-text-secondary);
  font-size: 14px;
  line-height: 1.45;
  transition: color var(--cd-motion-fast) var(--cd-ease);
}
.cd-shop-sidebar .bb-product-filter-items.filter-checkbox .bb-product-filter-item label:hover {
  color: var(--cd-text);
}
.cd-shop-sidebar .bb-product-filter-items.filter-checkbox .bb-product-filter-item label::after {
  top: 10px;
  width: 16px;
  height: 16px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-radius-sm);
  background: #fff;
}
.cd-shop-sidebar .bb-product-filter-items.filter-checkbox .bb-product-filter-item label::before {
  top: 10px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.cd-shop-sidebar .bb-product-filter-items.filter-checkbox .bb-product-filter-item input:checked ~ label {
  color: var(--cd-text);
  font-weight: 500;
}
.cd-shop-sidebar .bb-product-filter-items.filter-checkbox .bb-product-filter-item input:checked ~ label::after {
  background-color: var(--cd-brand);
  border-color: var(--cd-brand);
}
.cd-shop-sidebar .bb-product-filter-attribute-item {
  margin: 0;
  padding: 0;
  border: 0;
}
.cd-shop-sidebar .bb-product-filter-attributes .bb-product-filter-attribute-item {
  margin: 0 0 18px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--cd-border);
}
.cd-shop-sidebar .bb-product-filter-attributes .bb-product-filter-attribute-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.cd-shop-sidebar .bb-product-price-filter .price-slider {
  margin-bottom: 14px;
}
.cd-shop-sidebar .bb-product-price-filter .ui-widget.ui-widget-content {
  height: 2px;
  max-width: 100%;
  background-color: var(--cd-border);
  border: 0;
}
.cd-shop-sidebar .bb-product-price-filter .ui-slider-horizontal .ui-slider-range {
  height: 2px;
  background-color: var(--cd-brand);
}
.cd-shop-sidebar .bb-product-price-filter .ui-slider .ui-slider-handle {
  top: -7px;
  width: 14px;
  height: 14px;
  border: 2px solid var(--cd-brand);
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
}
.cd-shop-sidebar .bb-product-price-filter .bb-product-price-filter-info .input-range input,
.cd-shop-sidebar .bb-product-price-filter .bb-product-price-filter-info .input-range-label {
  color: var(--cd-text);
  font-size: 13px;
  font-weight: 500;
}
.cd-shop-sidebar .bb-product-price-filter .bb-product-price-filter-info .tp-shop-widget-filter-btn {
  margin-top: 10px;
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-radius-sm);
  background: transparent;
  color: var(--cd-text);
  font-size: 13px;
  font-weight: 500;
  transition: background var(--cd-motion-fast) var(--cd-ease), border-color var(--cd-motion-fast) var(--cd-ease);
}
.cd-shop-sidebar .bb-product-price-filter .bb-product-price-filter-info .tp-shop-widget-filter-btn:hover {
  background: var(--cd-hover);
  border-color: color-mix(in srgb, var(--cd-brand) 28%, var(--cd-border));
  color: var(--cd-text);
}
.cd-shop-sidebar .form-select,
.cd-shop-sidebar select {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-radius-sm);
  background-color: #fff;
  color: var(--cd-text);
  font-size: 14px;
  box-shadow: none;
}
.cd-shop-sidebar .form-select:focus,
.cd-shop-sidebar select:focus {
  border-color: color-mix(in srgb, var(--cd-brand) 40%, var(--cd-border));
  box-shadow: none;
  outline: none;
}

.cd-products-page .ps-layout__left {
  padding-inline-end: 28px;
}
.cd-products-page .ps-layout__left-content,
.cd-products-page .ps-layout__left-container {
  background: transparent;
}

.cd-block.cd-auth {
  --cd-auth-text: var(--cd-text);
  --cd-auth-muted: var(--cd-text-secondary);
  --cd-auth-border: var(--cd-border);
  --cd-auth-surface: var(--cd-inverse);
  --cd-auth-hover: var(--cd-hover);
  margin: 0;
  padding: 0;
  background: var(--cd-auth-surface);
  color: var(--cd-auth-text);
  font-size: 14px;
  line-height: 1.5;
}
.cd-block.cd-auth:lang(ar) {
  font-size: 15px;
}

.cd-auth__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(48px, 8vw, 120px);
  max-width: 1120px;
  padding-block: 60px 100px;
}

.cd-auth__story {
  align-self: start;
  position: sticky;
  top: 150px;
  padding-top: 35px;
}

.cd-auth__wordmark {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 50px;
  color: inherit;
  text-decoration: none;
}

.cd-auth__symbol {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.cd-auth__wordmark-type {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.15;
}
.cd-auth__wordmark-type strong {
  font-size: 22px;
  font-weight: 700;
}
.cd-auth__wordmark-type > span {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cd-auth-muted);
}

.cd-auth__story-title {
  max-width: 10em;
  margin: 0 0 18px;
  font-size: clamp(30px, 3.5vw, 46px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.3;
  color: var(--cd-auth-text);
}

.cd-auth__story-body {
  max-width: 28em;
  margin: 0;
  color: var(--cd-auth-muted);
  line-height: 1.8;
}

.cd-auth__story-meta {
  display: block;
  margin-top: 35px;
  padding-top: 20px;
  border-top: 1px solid var(--cd-auth-border);
  color: var(--cd-gold-ink, var(--cd-gold));
  font-size: 12px;
}

.cd-auth__panel {
  min-width: 0;
}

.cd-auth__heading {
  margin: 8px 0 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--cd-auth-text);
}

.cd-auth__lede {
  margin: 0 0 20px;
  color: var(--cd-auth-muted);
  font-size: 14px;
  line-height: 1.8;
}

.cd-auth__disclosure {
  margin: 0 0 24px;
  padding: 12px 14px;
  border: 1px solid var(--cd-auth-border);
  border-radius: var(--cd-radius-sm);
  background: var(--cd-auth-hover);
  color: var(--cd-auth-muted);
  font-size: 12px;
  line-height: 1.7;
}

.cd-auth .auth-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cd-auth .auth-card__header {
  display: none;
}

.cd-auth .auth-card__body {
  padding: 0 !important;
}

.cd-auth form {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cd-auth form .form-group,
.cd-auth form .mb-3 {
  margin-bottom: 20px;
}

.cd-auth form label.form-label,
.cd-auth form .control-label,
.cd-auth form label:not(.form-check-label) {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--cd-auth-text);
}

.cd-auth form .form-control,
.cd-auth form input[type=email],
.cd-auth form input[type=text],
.cd-auth form input[type=tel],
.cd-auth form input[type=password] {
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid var(--cd-auth-border);
  border-radius: var(--cd-radius-sm);
  background: var(--cd-auth-surface) !important;
  color: var(--cd-auth-text);
  font: inherit;
  font-size: 14px;
  box-shadow: none;
}
.cd-auth form .form-control:focus,
.cd-auth form input[type=email]:focus,
.cd-auth form input[type=text]:focus,
.cd-auth form input[type=tel]:focus,
.cd-auth form input[type=password]:focus {
  border-color: var(--cd-gold-ink, var(--cd-gold));
  outline: 2px solid color-mix(in srgb, var(--cd-gold) 35%, transparent);
  outline-offset: 1px;
  box-shadow: none;
}

.cd-auth form .input-group {
  position: relative;
  display: block;
}

.cd-auth form .input-group .form-control {
  width: 100%;
  border-radius: var(--cd-radius-sm) !important;
  padding-inline: 14px 48px !important;
}

.cd-auth form .input-password-toggle {
  position: absolute;
  inset-inline-end: 4px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--cd-radius-sm);
  background: transparent;
  color: var(--cd-auth-muted);
  cursor: pointer;
}
.cd-auth form .input-password-toggle svg {
  width: 18px;
  height: 18px;
}
.cd-auth form .input-password-toggle:hover, .cd-auth form .input-password-toggle:focus-visible {
  color: var(--cd-auth-text);
  background: var(--cd-auth-hover);
}

.cd-auth form .auth-input-icon,
.cd-auth form .input-group-text {
  display: none !important;
}

.cd-auth form a.text-decoration-underline {
  color: var(--cd-auth-text);
  font-size: 12px;
  text-underline-offset: 4px;
}

.cd-auth form .btn-auth-submit,
.cd-auth form button[type=submit] {
  width: 100%;
  min-height: 48px;
  margin-block: 8px 12px;
  border: 0;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-action, #2e332a) !important;
  color: var(--cd-inverse) !important;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.cd-auth form .btn-auth-submit svg,
.cd-auth form button[type=submit] svg {
  display: none;
}
.cd-auth form .btn-auth-submit:hover, .cd-auth form .btn-auth-submit:focus-visible,
.cd-auth form button[type=submit]:hover,
.cd-auth form button[type=submit]:focus-visible {
  background: var(--cd-action-hover, #41493a) !important;
  color: var(--cd-inverse) !important;
}

.cd-auth form .d-grid {
  margin-top: 4px;
}

.cd-auth form .form-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  min-height: 44px;
  padding-block: 6px;
}

.cd-auth form .form-check-input {
  margin-top: 3px;
  flex-shrink: 0;
}

.cd-auth form .form-check-label,
.cd-auth form .form-check .form-check-label,
.cd-auth form .form-check span.form-check-label {
  font-size: 13px;
  color: var(--cd-auth-muted);
  line-height: 1.6;
}

.cd-auth form .form-check-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.cd-auth form .form-check-inline {
  display: inline-flex;
  align-items: center;
  margin: 0;
  min-height: 44px;
}

.cd-auth form .iti {
  width: 100%;
}

.cd-auth form .iti .form-control {
  padding-inline-start: 92px;
}

.cd-auth form .iti__selected-flag {
  border-radius: var(--cd-radius-sm) 0 0 var(--cd-radius-sm);
}

.cd-auth form .alert {
  margin-bottom: 20px;
  border-radius: var(--cd-radius-sm);
  font-size: 13px;
}

.cd-auth form .mt-3.text-center {
  display: none !important;
}

.cd-auth__switch {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px 24px;
  margin-top: 18px;
  font-size: 12px;
}
.cd-auth__switch a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--cd-auth-text);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.cd-auth__switch a:hover, .cd-auth__switch a:focus-visible {
  color: var(--cd-auth-text);
}

.cd-auth form .social-login-wrapper,
.cd-auth form [class*=captcha] {
  margin-top: 16px;
}

@media (max-width: 1023px) {
  .cd-auth__grid {
    gap: 48px;
    padding-block: 40px 72px;
  }
  .cd-auth__story {
    position: static;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .cd-auth__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding-block: 28px 56px;
  }
  .cd-auth__wordmark {
    margin-bottom: 28px;
  }
  .cd-auth__heading {
    font-size: 28px;
  }
}
body.checkout-page .checkout-content-wrap {
  height: auto;
  min-height: auto;
}

body.checkout-page .cd-header__bag-count {
  background-color: var(--cd-header-text, #272923);
  color: var(--cd-header-bg, #fffdf7);
}

body.checkout-page .checkout-summary-block .cd-checkout-order-summary {
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
body.checkout-page .checkout-summary-block .cd-cart__summary-title {
  margin: 0 0 16px;
}

body.cd-checkout-layout-tabs .cd-checkout-steps {
  --cd-brand: #252721;
  --cd-brand-soft: #eeeee7;
  --cd-inverse: #fffdf7;
  --cd-text: #272923;
  margin-inline: auto;
  padding-block: 16px 48px;
}
body.cd-checkout-layout-tabs .cd-checkout-steps .page-heading {
  max-width: 880px;
  margin-bottom: 36px;
  font-family: var(--cd-font-arabic, "IBM Plex Sans Arabic", sans-serif);
  text-align: start;
}
body.cd-checkout-layout-tabs .cd-checkout-steps .page-heading .eyebrow {
  margin: 0 0 14px;
  color: var(--cd-text-secondary, #61625b);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.65;
}
body.cd-checkout-layout-tabs .cd-checkout-steps .page-heading h1 {
  margin-bottom: 16px;
  color: var(--cd-text, #272923);
  font-size: clamp(34px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.45;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__progress {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  list-style: none;
  margin: 0 0 36px;
  padding: 0;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__step {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  min-width: 0;
  min-height: 61px;
  padding: 0 6px 15px;
  border-bottom: 1px solid var(--cd-border, #dddcd4);
  color: var(--cd-text-secondary, #61625b);
  font-size: 13px;
  font-weight: 400;
  text-align: start;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__num {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--cd-brand-soft, #eeeee7);
  color: var(--cd-text-secondary, #61625b);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__step.is-active .cd-checkout-steps__num,
body.cd-checkout-layout-tabs .cd-checkout-steps__step.is-done .cd-checkout-steps__num {
  background: var(--cd-brand, #252721);
  color: var(--cd-inverse, #fffdf7);
}
body.cd-checkout-layout-tabs .cd-checkout-steps__step.is-active {
  border-bottom: 2px solid var(--cd-gold-ink, #795c2d);
  color: var(--cd-text, #272923);
  font-weight: 600;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__step.is-done .cd-checkout-steps__num {
  position: relative;
  font-size: 0;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__step.is-done .cd-checkout-steps__num::after {
  position: absolute;
  inset-block-start: 50%;
  left: 50%;
  width: 9px;
  height: 5px;
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor;
  content: "";
  transform: translate(-50%, -50%) rotate(-45deg);
}
body.cd-checkout-layout-tabs .checkout-order-info {
  position: sticky;
  top: 16px;
  align-self: flex-start;
  max-width: 370px;
}
body.cd-checkout-layout-tabs .form-checkout {
  width: calc(100% - 370px);
}
body.cd-checkout-layout-tabs .checkout-summary-block {
  display: block !important;
  padding: 24px;
  border: 1px solid #dddcd4;
  border-radius: 8px;
  background: #fffefa;
  color: #272923;
  font-family: var(--cd-font-arabic, "IBM Plex Sans Arabic", sans-serif);
}
body.cd-checkout-layout-tabs .checkout-order-info > .my-3.bg-light {
  margin: 0 !important;
  background: transparent !important;
}
body.cd-checkout-layout-tabs .checkout-order-info .cart-item-wrapper {
  padding: 0 !important;
  background: transparent !important;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 {
  margin: 24px 0 0 !important;
  padding: 0 !important;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 15px 0;
  font-size: 12px;
  line-height: 1.65;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .row > .col-6 {
  flex: 0 1 auto;
  width: auto;
  max-width: none;
  padding: 0;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .row > .col-6:first-child {
  flex: 1 1 auto;
  color: #61625b;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .row > .col-6:last-child {
  flex: 0 1 auto;
  color: #272923;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .row p {
  margin: 0;
}
body.cd-checkout-layout-tabs .checkout-summary-block .price-text,
body.cd-checkout-layout-tabs .checkout-summary-block .total-text {
  white-space: nowrap;
  font-weight: 500;
}
body.cd-checkout-layout-tabs .checkout-summary-block .tax-price-text small {
  display: block;
  color: #61625b;
  font-size: 10px;
  line-height: 1.6;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .ec-checkout-tax-row > .col-6:last-child {
  max-width: 60%;
}
body.cd-checkout-layout-tabs .checkout-summary-block .tax-price-text {
  white-space: normal;
  text-align: end;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .ec-checkout-total-row {
  padding-top: 17px;
  border-top: 1px solid #dddcd4;
  font-size: 17px;
  font-weight: 600;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .ec-checkout-total-row > .col-6:first-child {
  color: #272923;
}
body.cd-checkout-layout-tabs .checkout-summary-block > .mt-2.p-2 > .ec-checkout-total-row .total-text {
  font-weight: 600;
}
body.cd-checkout-layout-tabs .checkout-order-info .checkout-products-block,
body.cd-checkout-layout-tabs .checkout-section--cart .checkout-products-block {
  display: none !important;
}
body.cd-checkout-layout-tabs [data-cd-checkout-products-slot] .checkout-products-block {
  display: block !important;
}
body.cd-checkout-layout-tabs .cd-checkout-products-slot {
  margin-block: 8px 16px;
}
body.cd-checkout-layout-tabs .cd-checkout-step-panel:not(.cd-checkout-step-panel--active) {
  display: none !important;
}
body.cd-checkout-layout-tabs:not(.cd-checkout-on-step-4) .row.align-items-center.mb-5.d-none.d-md-flex,
body.cd-checkout-layout-tabs:not(.cd-checkout-on-step-4) .mobile-checkout-footer {
  display: none !important;
}
body.cd-checkout-layout-tabs.cd-checkout-on-step-4 .cd-checkout-steps__next {
  display: none !important;
}
body.cd-checkout-layout-tabs.cd-checkout-on-step-4 .row.align-items-center.mb-5.d-none.d-md-flex {
  display: flex !important;
}
body.cd-checkout-layout-tabs .cd-checkout-review {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body.cd-checkout-layout-tabs .cd-checkout-review__title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
}
body.cd-checkout-layout-tabs .cd-checkout-review__body {
  font-size: 14px;
  line-height: 1.5;
  color: var(--cd-text, #272923);
}
body.cd-checkout-layout-tabs .cd-checkout-review__products {
  pointer-events: none;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-block-start: 24px;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__error {
  flex: 1 1 100%;
  margin: 0;
  color: #b42318;
  font-size: 14px;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__back,
body.cd-checkout-layout-tabs .cd-checkout-steps__next {
  min-height: 44px;
}
body.cd-checkout-layout-tabs .cd-checkout-steps__next {
  margin-inline-start: auto;
}
body.cd-checkout-layout-tabs .checkout-section--logo {
  display: none;
}

.cd-hero {
  overflow: hidden;
  background: var(--cd-hero-bg, var(--cd-brand-deep));
  color: var(--cd-hero-title, var(--cd-inverse));
}
.cd-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 24px;
  min-height: 600px;
}
.cd-hero__copy {
  position: relative;
  z-index: 1;
  padding-block: 62px;
}
.cd-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  color: var(--cd-hero-eyebrow, var(--cd-gold-light));
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.cd-hero__eyebrow:lang(ar) {
  font-size: 13px;
  letter-spacing: 0;
}
.cd-hero__title {
  margin: 0 0 26px;
  color: var(--cd-hero-title, inherit);
  font-size: clamp(38px, 4.2vw, 61px);
  font-weight: 500;
  line-height: 1.16;
  letter-spacing: -0.045em;
  white-space: pre-line;
}
.cd-hero__title:lang(ar) {
  font-size: clamp(44px, 4.8vw, 69px);
  line-height: 1.24;
  letter-spacing: -0.035em;
}
.cd-hero__body {
  max-width: 440px;
  color: var(--cd-hero-body, var(--cd-secondary-on-dark));
  font-size: 15px;
  line-height: 1.9;
}
.cd-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
  margin: 28px 0 0;
}
.cd-hero__actions .cd-btn--light {
  background: var(--cd-hero-button-bg, var(--cd-inverse));
  color: var(--cd-hero-button-text, var(--cd-brand-deep));
}
.cd-hero__actions .cd-btn--light:hover, .cd-hero__actions .cd-btn--light:focus {
  background: var(--cd-hero-button-bg, var(--cd-inverse));
  color: var(--cd-hero-button-text, var(--cd-brand-deep));
}
.cd-hero__how {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  color: var(--cd-hero-link, var(--cd-inverse));
  font-size: 12px;
  text-decoration: none;
}
.cd-hero__how:hover, .cd-hero__how:focus {
  color: var(--cd-hero-eyebrow, var(--cd-gold-light));
  text-decoration: none;
}
.cd-hero__how svg {
  width: 16px;
}
.cd-hero__signal {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 38px;
  color: var(--cd-hero-signal, var(--cd-gold-light));
  font-size: 11px;
}
.cd-hero__signal svg {
  flex-shrink: 0;
  overflow: visible;
}
.cd-hero__signal small {
  display: block;
  margin-top: 5px;
  color: var(--cd-hero-signal-subtitle, var(--cd-muted-on-dark));
  font-size: 10px;
}
.cd-hero__value {
  transform-origin: 50% center;
  animation: cd-value-settle 0.45s 1.35s var(--cd-ease) both;
}
.cd-hero__media {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  min-width: 0;
}
.cd-hero__media > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
  animation: cd-material-reveal 0.7s var(--cd-ease) both;
}
.cd-hero__caption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 7px 18px;
  padding-top: 18px;
  color: var(--cd-hero-caption, var(--cd-secondary-on-dark));
  font-size: 11px;
  line-height: 1.7;
}
.cd-hero__caption small {
  color: var(--cd-hero-caption-note, var(--cd-muted-on-dark));
  font-size: 10px;
}

@keyframes cd-material-reveal {
  0% {
    opacity: 0.75;
    clip-path: inset(0 0 3%);
  }
  to {
    opacity: 1;
    clip-path: inset(0);
  }
}
@keyframes cd-value-settle {
  0% {
    opacity: 0.3;
    transform: translateY(-3px) scale(0.8);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (min-width: 1600px) {
  .cd-hero__inner {
    min-height: 640px;
  }
}
@media (max-width: 1200px) {
  .cd-hero__actions .cd-btn {
    padding-inline: 17px;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .cd-hero__inner {
    gap: 22px;
    min-height: 530px;
  }
  .cd-hero__copy {
    padding-block: 42px;
  }
  .cd-hero__title {
    font-size: 41px;
  }
  .cd-hero__title:lang(ar) {
    font-size: 49px;
  }
  .cd-hero__body {
    font-size: 13px;
  }
  .cd-hero__actions {
    gap: 10px 20px;
  }
  .cd-hero__signal {
    margin-top: 23px;
  }
}
@media (max-width: 767px) {
  .cd-hero__inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    min-height: 0;
    padding-block: 24px;
  }
  .cd-hero__copy {
    display: contents;
  }
  .cd-hero__eyebrow {
    order: 1;
    margin: 0 0 14px;
    font-size: 9px;
  }
  .cd-hero__eyebrow:lang(ar) {
    font-size: 11px;
  }
  .cd-hero__title {
    order: 2;
    margin: 0 0 14px;
    font-size: clamp(32px, 8vw, 49px);
    line-height: 1.17;
  }
  .cd-hero__title:lang(ar) {
    font-size: clamp(37px, 10vw, 53px);
    line-height: 1.2;
  }
  .cd-hero__body {
    order: 3;
    max-width: 460px;
    font-size: 12px;
    line-height: 1.75;
  }
  .cd-hero__media {
    display: block;
    order: 4;
    margin: 18px 0 0;
  }
  .cd-hero__media > img {
    height: clamp(180px, 54vw, 300px);
    aspect-ratio: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 57%;
       object-position: 50% 57%;
  }
  .cd-hero__caption {
    display: none;
  }
  .cd-hero__actions {
    order: 5;
    justify-content: flex-start;
    gap: 10px 22px;
    margin: 18px 0 0;
  }
  .cd-hero__actions .cd-btn {
    min-height: 48px;
    padding-inline: 20px;
    font-size: 12px;
  }
  .cd-hero__how {
    gap: 8px;
    font-size: 11px;
  }
  .cd-hero__signal {
    order: 6;
    gap: 9px;
    margin-top: 14px;
    font-size: 10px;
    line-height: 1.6;
  }
  .cd-hero__signal svg {
    width: 23px;
  }
  .cd-hero__signal small {
    font-size: 9px;
  }
}
@media (max-width: 374px) {
  .cd-hero__actions {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 359px) {
  .cd-hero__actions {
    gap: 3px 12px;
  }
  .cd-hero__actions .cd-btn {
    padding-inline: 14px;
  }
  .cd-hero__how {
    font-size: 10px;
  }
  .cd-hero__how svg {
    width: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cd-hero__media > img,
  .cd-hero__value {
    animation: none;
  }
}
@keyframes cd-route-enter {
  0% {
    transform: translateY(3px);
  }
  to {
    transform: none;
  }
}
.cd-campaign {
  color: var(--cd-campaign-heading, var(--cd-text));
}
.cd-campaign__heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 32px;
  margin-bottom: 28px;
}
.cd-campaign__heading-title {
  max-width: 650px;
  margin: 0;
  color: var(--cd-campaign-heading, inherit);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 500;
  line-height: 1.35;
}
.cd-campaign__heading-body {
  max-width: 330px;
  margin: 0;
  color: var(--cd-campaign-subheading, var(--cd-text-secondary));
  font-size: 13px;
  line-height: 1.9;
}
.cd-campaign__wrap {
  margin-block: 0;
}
.cd-campaign__banner {
  position: relative;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  isolation: isolate;
  overflow: hidden;
  min-height: 380px;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-campaign-banner-bg, var(--cd-brand-soft));
  touch-action: pan-y;
}
.cd-campaign__copy {
  align-self: center;
  max-width: 650px;
  padding: 45px 52px 58px;
  animation: cd-route-enter 0.22s var(--cd-ease);
}
.cd-campaign__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--cd-campaign-eyebrow, var(--cd-text-secondary));
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.cd-campaign__eyebrow:lang(ar) {
  letter-spacing: 0;
}
.cd-campaign__slide-title {
  max-width: 15em;
  margin: 0;
  color: var(--cd-campaign-slide-title, inherit);
  font-size: clamp(27px, 3vw, 42px);
  font-weight: 500;
  line-height: 1.25;
}
.cd-campaign__slide-body {
  max-width: 33em;
  margin: 18px 0;
  color: var(--cd-campaign-slide-body, var(--cd-text-secondary));
  font-size: 14px;
}
.cd-campaign__badge {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px 0;
  color: var(--cd-campaign-badge, var(--cd-cashback));
  font-size: 11px;
  line-height: 1.5;
  background: transparent;
  border-radius: 0;
}
.cd-campaign__badge .cd-return-mark {
  flex-shrink: 0;
  overflow: visible;
}
.cd-campaign__badge > span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 7px;
  padding-inline-start: 9px;
  border-inline-start: 1px solid var(--cd-campaign-badge-accent, var(--cd-gold));
}
.cd-campaign__badge bdi {
  font-weight: 700;
  white-space: nowrap;
}
.cd-campaign__badge > span > span {
  font-size: 11px;
  font-weight: 500;
}
.cd-campaign__slide-cta {
  margin-top: 14px;
  color: var(--cd-campaign-cta, inherit);
}
.cd-campaign__slide-cta:hover, .cd-campaign__slide-cta:focus {
  color: var(--cd-campaign-cta-hover, var(--cd-gold-ink));
}
.cd-campaign__photo {
  display: block;
  overflow: hidden;
  min-height: 380px;
  position: static !important;
}
.cd-campaign__photo-img {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  width: 48%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.cd-campaign__controls {
  position: absolute;
  inset-inline-start: 40px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.cd-campaign__controls button {
  background: transparent;
  border: 0;
  cursor: pointer;
  color: inherit;
}
.cd-campaign__icon-btn {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--cd-radius-sm);
  transition: background var(--cd-motion-fast);
}
.cd-campaign__icon-btn:hover {
  background: var(--cd-hover);
}
.cd-campaign__dots {
  display: flex;
}
.cd-campaign__dots button {
  display: grid;
  place-content: center;
  width: 32px;
  min-height: 44px;
  padding: 0;
  background: transparent;
  border: 0;
}
.cd-campaign__dots span {
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background: var(--cd-muted);
  transition: width var(--cd-motion-fast);
}
.cd-campaign__dots button[aria-pressed=true] span {
  width: 22px;
  background: var(--cd-text);
}

@media (max-width: 1100px) {
  .cd-campaign__copy {
    padding-inline: 30px;
  }
}
@media (max-width: 767px) {
  .cd-campaign {
    padding-top: 35px;
  }
  .cd-campaign__heading {
    display: block;
    margin-bottom: 24px;
  }
  .cd-campaign__heading-title {
    margin-bottom: 13px;
    font-size: 28px;
  }
  .cd-campaign__heading-body {
    font-size: 12px;
  }
  .cd-campaign__banner {
    grid-template-columns: 1.2fr 1fr;
    min-height: 310px;
  }
  .cd-campaign__copy {
    position: relative;
    z-index: 1;
    padding: 28px 20px 68px;
  }
  .cd-campaign__slide-title {
    font-size: 24px;
  }
  .cd-campaign__slide-body {
    margin: 12px 0;
    font-size: 12px;
    line-height: 1.65;
  }
  .cd-campaign__badge {
    font-size: 11px;
  }
  .cd-campaign__badge > span > span {
    font-size: 9px;
  }
  .cd-campaign__eyebrow {
    font-size: 9px;
  }
  .cd-campaign__slide-cta {
    margin-top: 7px;
    font-size: 11px;
  }
  .cd-campaign__photo {
    min-height: 310px;
  }
  .cd-campaign__photo-img {
    width: 45%;
    height: 100%;
    -o-object-position: 50%;
       object-position: 50%;
  }
  .cd-campaign__controls {
    inset-inline: 0;
    bottom: 0;
    justify-content: center;
    gap: 0;
    min-height: 46px;
    background: var(--cd-campaign-banner-bg, var(--cd-brand-soft));
    border-top: 1px solid var(--cd-border);
  }
}
@media (max-width: 374px) {
  .cd-campaign__copy {
    padding-inline: 15px;
  }
  .cd-campaign__slide-title {
    font-size: 22px;
  }
  .cd-campaign__badge .cd-return-mark {
    display: none;
  }
  .cd-campaign__badge > span {
    padding: 0;
    border: 0;
  }
  .cd-campaign__icon-btn {
    width: 34px;
    height: 34px;
  }
  .cd-campaign__dots button {
    width: 25px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cd-campaign__copy {
    animation: none !important;
  }
  .cd-campaign__dots span {
    transition: none !important;
  }
}
.cd-categories {
  color: var(--cd-categories-heading, var(--cd-text));
}
.cd-categories__inner {
  padding-block: 0;
}
.cd-categories__section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 32px;
}
.cd-categories__section-heading .cd-btn--text {
  color: var(--cd-categories-link, inherit);
}
.cd-categories__section-heading .cd-btn--text:hover, .cd-categories__section-heading .cd-btn--text:focus {
  color: var(--cd-categories-link-hover, var(--cd-gold-ink));
}
.cd-categories__section-title {
  margin: 0;
  color: var(--cd-categories-heading, inherit);
  font-size: clamp(25px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.035em;
}
.cd-categories__section-title:lang(ar) {
  letter-spacing: 0;
  line-height: 1.45;
}
.cd-categories__rail {
  display: flex;
  gap: 20px;
  padding: 5px 3px 22px;
  overflow: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.cd-categories__rail::-webkit-scrollbar {
  display: none;
}
.cd-categories__cat {
  flex-shrink: 0;
  width: 145px;
  scroll-snap-align: start;
  color: var(--cd-categories-item-label, inherit);
  text-decoration: none;
}
.cd-categories__cat:hover, .cd-categories__cat:focus {
  color: var(--cd-categories-item-label, inherit);
  text-decoration: none;
}
.cd-categories__cat:hover img, .cd-categories__cat:focus img {
  transform: translateY(-3px);
}
.cd-categories__cat img {
  display: block;
  width: 145px;
  height: 145px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  transition: transform var(--cd-motion-base);
}
.cd-categories__cat span {
  display: block;
  margin-top: 13px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .cd-categories__section-heading {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 26px;
  }
  .cd-categories__section-title {
    font-size: 27px;
  }
  .cd-categories__section-heading .cd-btn {
    flex-shrink: 0;
    gap: 7px;
    min-height: 36px;
    padding-block: 0;
    font-size: 11px;
    white-space: nowrap;
  }
  .cd-categories__section-heading .cd-btn svg {
    width: 14px;
  }
  .cd-categories__rail {
    gap: 15px;
  }
  .cd-categories__cat {
    width: 103px;
  }
  .cd-categories__cat img {
    width: 103px;
    height: 103px;
  }
  .cd-categories__cat span {
    font-size: 11px;
  }
}
@media (max-width: 374px) {
  .cd-categories__section-heading {
    flex-wrap: wrap;
    gap: 12px;
  }
  .cd-categories__section-title {
    font-size: 25px;
  }
  .cd-categories__section-heading .cd-btn {
    min-height: 28px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cd-categories__cat img {
    transition: none !important;
    transform: none !important;
  }
}
.cd-block.cd-category-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 28px;
  max-width: 100%;
  margin: 0 0 24px;
  padding: 0;
  overflow-x: auto;
  border-bottom: 1px solid var(--cd-border);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
}

.cd-category-tabs__link {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  margin: 0;
  padding: 12px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--cd-motion-fast) var(--cd-ease);
}
.cd-category-tabs__link:hover, .cd-category-tabs__link:focus-visible {
  color: var(--cd-text);
  text-decoration: none;
  outline: none;
}
.cd-category-tabs__link--active, .cd-category-tabs__link[aria-current=page] {
  color: var(--cd-text);
  font-weight: 600;
}
.cd-category-tabs__link--active::after, .cd-category-tabs__link[aria-current=page]::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 2px;
  background: var(--cd-gold-ink);
}
.cd-category-tabs__link--active:hover, .cd-category-tabs__link--active:focus-visible, .cd-category-tabs__link[aria-current=page]:hover, .cd-category-tabs__link[aria-current=page]:focus-visible {
  color: var(--cd-text);
}

@media (max-width: 767px) {
  .cd-block.cd-category-tabs {
    gap: 20px;
    margin-bottom: 18px;
  }
  .cd-category-tabs__link {
    min-height: 48px;
    padding-block: 10px;
  }
}
.cd-curation {
  color: var(--cd-curation-heading, var(--cd-text));
}
.cd-curation__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 32px;
}
.cd-curation__heading .cd-btn--text {
  color: var(--cd-curation-link, inherit);
}
.cd-curation__heading .cd-btn--text:hover, .cd-curation__heading .cd-btn--text:focus {
  color: var(--cd-curation-link-hover, var(--cd-gold-ink));
}
.cd-curation__title {
  margin: 0;
  color: var(--cd-curation-heading, inherit);
  font-size: clamp(25px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.035em;
}
.cd-curation__title:lang(ar) {
  letter-spacing: 0;
  line-height: 1.45;
}
.cd-curation__body {
  max-width: 590px;
  margin: 12px 0 0;
  color: var(--cd-curation-body, var(--cd-text-secondary));
  font-size: 13px;
  line-height: 1.9;
}
.cd-curation__grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  align-items: start;
  gap: 28px;
}
.cd-curation__find:nth-child(2) {
  padding-top: 62px;
}
.cd-curation__find:nth-child(3) {
  padding-top: 110px;
}
.cd-curation__find h3 {
  margin: 0;
  color: var(--cd-curation-title, inherit);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6;
}
.cd-curation__find h3 > a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
  text-decoration: none;
}
.cd-curation__find h3 > a:hover, .cd-curation__find h3 > a:focus {
  color: inherit;
  text-decoration: none;
}
.cd-curation__image {
  display: block;
  overflow: hidden;
  border-radius: 3px 3px 28px;
}
.cd-curation__image > img {
  display: block;
  width: 100%;
  height: auto !important;
  max-width: none;
  max-height: none;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s var(--cd-ease);
}
.cd-curation__image:hover > img, .cd-curation__image:focus > img {
  transform: scale(1.018);
}
.cd-curation__merchant {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  margin-top: 8px;
  color: var(--cd-curation-merchant, var(--cd-text-secondary));
  font-size: 11px;
  text-decoration: none;
}
.cd-curation__merchant:hover, .cd-curation__merchant:focus {
  color: var(--cd-curation-merchant, var(--cd-text-secondary));
  text-decoration: none;
}
.cd-curation__merchant svg {
  width: 16px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .cd-curation__heading {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 26px;
  }
  .cd-curation__title {
    font-size: 27px;
  }
  .cd-curation__body {
    margin-top: 10px;
    font-size: 12px;
  }
  .cd-curation__heading .cd-btn {
    flex-shrink: 0;
    gap: 7px;
    min-height: 36px;
    padding-block: 0;
    font-size: 11px;
    white-space: nowrap;
  }
  .cd-curation__heading .cd-btn svg {
    width: 14px;
  }
  .cd-curation__grid {
    grid-template-columns: 1fr 1fr;
    gap: 25px 16px;
  }
  .cd-curation__find:nth-child(2), .cd-curation__find:nth-child(3) {
    padding-top: 0;
  }
  .cd-curation__find:first-child {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: 1.2fr 1fr;
    align-items: center;
    gap: 16px 18px;
  }
  .cd-curation__find:first-child .cd-curation__image {
    grid-row: 1/3;
  }
  .cd-curation__find:first-child .cd-curation__merchant {
    align-self: end;
    margin-top: 0;
  }
  .cd-curation__find:first-child h3 {
    align-self: start;
  }
  .cd-curation__find h3 {
    font-size: 14px;
  }
  .cd-curation__merchant {
    gap: 8px;
    font-size: 10px;
  }
}
@media (max-width: 374px) {
  .cd-curation__heading {
    flex-wrap: wrap;
    gap: 12px;
  }
  .cd-curation__title {
    font-size: 25px;
  }
  .cd-curation__heading .cd-btn {
    min-height: 28px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cd-curation__image > img {
    transition: none !important;
    transform: none !important;
  }
}
@keyframes cd-route-enter {
  0% {
    transform: translateY(3px);
  }
  to {
    transform: none;
  }
}
@keyframes cd-value-settle {
  0% {
    transform: scale(0.55);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cd-value-story {
  --cd-vs-divider: #ffffff35;
  background: var(--cd-vs-bg, var(--cd-brand));
  color: var(--cd-vs-title, var(--cd-inverse));
}
.cd-value-story__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
}
.cd-value-story__intro .cd-value-story__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--cd-vs-eyebrow, var(--cd-gold-light));
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.cd-value-story__intro:lang(ar) .cd-value-story__eyebrow {
  font-size: 13px;
  letter-spacing: 0;
}
.cd-value-story__title {
  margin-block: 20px;
  color: var(--cd-vs-title, var(--cd-inverse));
  font-size: 44px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
  white-space: pre-line;
}
.cd-value-story__body {
  max-width: 420px;
  color: var(--cd-vs-body, var(--cd-inverse));
  font-size: 14px;
  line-height: 1.9;
  opacity: 0.76;
}
.cd-value-story__cta {
  margin-top: 28px;
  padding: 12px 18px;
  font-size: 12px;
  background: var(--cd-vs-button-bg, var(--cd-inverse));
  color: var(--cd-vs-button-text, var(--cd-brand-deep));
}
.cd-value-story__cta:hover, .cd-value-story__cta:focus {
  color: var(--cd-vs-button-text, var(--cd-brand-deep));
}
.cd-value-story__controls {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px;
  border-bottom: 1px solid var(--cd-vs-divider);
}
.cd-value-story__tab {
  position: relative;
  min-height: 64px;
  padding: 13px 6px;
  border: 0;
  background: transparent;
  color: var(--cd-vs-title, var(--cd-inverse));
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  white-space: normal;
  cursor: pointer;
}
.cd-value-story__tab > svg {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto 8px;
  flex-shrink: 0;
}
.cd-value-story__tab[aria-pressed=true]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  inset-inline: 0;
  height: 3px;
  background: var(--cd-vs-eyebrow, var(--cd-gold-light));
}
.cd-value-story__panel {
  min-height: 310px;
  padding-top: 25px;
  animation: cd-route-enter 0.2s var(--cd-ease);
}
.cd-value-story__panel[hidden] {
  display: none !important;
}
.cd-value-story__panel > .cd-value-story__panel-title {
  margin-bottom: 20px;
  color: var(--cd-vs-title, var(--cd-inverse));
  font-size: 20px;
  font-weight: 500;
}
.cd-value-story__panel > .cd-value-story__panel-body {
  max-width: 420px;
  color: var(--cd-vs-title, var(--cd-inverse));
  font-size: 13px;
  line-height: 1.9;
}
.cd-value-story__product {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 22px;
}
.cd-value-story__product > img {
  display: block;
  width: 96px;
  height: auto !important;
  max-width: none;
  max-height: none;
  aspect-ratio: 1;
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}
.cd-value-story__product h3 {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
}
.cd-value-story__product bdi {
  font-size: 18px;
}
.cd-value-story__product small {
  display: block;
  margin-top: 8px;
  font-size: 11px;
}
.cd-value-story__lane {
  display: flex;
  gap: 18px;
  padding: 15px 0;
}
.cd-value-story__badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 5px 0;
  color: var(--cd-vs-badge, var(--cd-gold-light));
  font-size: 11px;
  line-height: 1.5;
  background: transparent;
}
.cd-value-story__badge .cd-value-story__return {
  flex-shrink: 0;
  overflow: visible;
}
.cd-value-story__badge .cd-value-story__return .cd-value-story__arrival {
  transform-origin: 50%;
  animation: cd-value-settle 0.45s var(--cd-ease) both;
}
.cd-value-story__badge > span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 7px;
}
.cd-value-story__badge bdi {
  font-weight: 700;
  white-space: nowrap;
}
.cd-value-story__badge > span > span {
  font-size: 11px;
  font-weight: 500;
}
.cd-value-story__earned {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
  color: var(--cd-vs-title, var(--cd-inverse));
}
.cd-value-story__earned > svg {
  flex-shrink: 0;
  color: var(--cd-vs-badge, var(--cd-gold-light));
}
.cd-value-story__earned strong {
  font-size: 15px;
  font-weight: 600;
}
.cd-value-story__panel-cta {
  margin-top: 8px;
  padding: 12px 18px;
  font-size: 12px;
  background: var(--cd-vs-button-bg, var(--cd-inverse));
  color: var(--cd-vs-button-text, var(--cd-brand-deep));
}
.cd-value-story__panel-cta:hover, .cd-value-story__panel-cta:focus {
  color: var(--cd-vs-button-text, var(--cd-brand-deep));
}

@media (max-width: 1023px) {
  .cd-value-story__inner {
    gap: 50px;
  }
  .cd-value-story__title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .cd-value-story__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .cd-value-story__title {
    margin-block: 18px;
    font-size: 35px;
  }
  .cd-value-story__body {
    font-size: 13px;
  }
  .cd-value-story__cta {
    margin-top: 22px;
  }
  .cd-value-story__controls {
    gap: 18px;
  }
  .cd-value-story__tab {
    min-height: 78px;
    padding-inline: 3px;
    font-size: 10px;
  }
  .cd-value-story__panel {
    min-height: 350px;
  }
  .cd-value-story__panel > .cd-value-story__panel-title {
    font-size: 18px;
  }
  .cd-value-story__product {
    gap: 16px;
  }
  .cd-value-story__product > img {
    width: 80px;
    height: auto !important;
  }
  .cd-value-story__product h3 {
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cd-value-story__panel, .cd-value-story__arrival {
    transition: none !important;
    animation: none !important;
  }
}
@keyframes cd-value-settle {
  0% {
    transform: scale(0.55);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cd-gold__feature {
  display: grid;
  grid-template-columns: 0.95fr 1.15fr;
  min-height: 440px;
  overflow: hidden;
  border-radius: 3px 3px 36px;
  background: var(--cd-gold-bg, var(--cd-brand-deep));
  color: var(--cd-gold-title, #f5f0e7);
}
.cd-gold__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 46px 38px;
}
.cd-gold__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--cd-gold-eyebrow, var(--cd-gold-light));
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.cd-gold__eyebrow svg {
  flex-shrink: 0;
}
.cd-gold:lang(ar) .cd-gold__eyebrow {
  font-size: 13px;
  letter-spacing: 0;
}
.cd-gold__title {
  margin-block: 20px;
  color: var(--cd-gold-title, #f5f0e7);
  font-size: clamp(30px, 3vw, 46px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
  white-space: pre-line;
}
.cd-gold__body {
  max-width: 370px;
  color: var(--cd-gold-body, var(--cd-secondary-on-dark));
  font-size: 14px;
  line-height: 1.9;
}
.cd-gold__path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  max-width: 620px;
  margin: 30px 0 26px;
  background: var(--cd-gold-path-gap, #686354);
  border: 1px solid var(--cd-gold-path-gap, #686354);
}
.cd-gold__step {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-height: 108px;
  padding: 16px;
  background: var(--cd-gold-path-cell, var(--cd-brand-deep));
  color: var(--cd-gold-path-text, #f5f0e7);
}
.cd-gold__step > svg {
  flex-shrink: 0;
  color: currentColor;
}
.cd-gold__step small {
  color: var(--cd-gold-path-num, var(--cd-secondary-on-dark));
  font-size: 9px;
  letter-spacing: 0.12em;
  line-height: 1.6;
}
.cd-gold__step strong {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.7;
}
.cd-gold__step:last-child {
  color: var(--cd-gold-path-accent, var(--cd-gold-light));
}
.cd-gold__path.is-in-view .cd-gold__step {
  animation: cd-value-settle 0.38s var(--cd-ease) both;
}
.cd-gold__path.is-in-view .cd-gold__step:nth-child(2) {
  animation-delay: 70ms;
}
.cd-gold__path.is-in-view .cd-gold__step:nth-child(3) {
  animation-delay: 0.14s;
}
.cd-gold__path.is-in-view .cd-gold__step:nth-child(4) {
  animation-delay: 0.21s;
}
.cd-gold__path.is-in-view .cd-gold__step:nth-child(5) {
  animation-delay: 0.28s;
}
.cd-gold__path.is-in-view .cd-gold__step:nth-child(6) {
  animation-delay: 0.35s;
}
.cd-gold__cta {
  margin-block: 26px 18px;
  background: var(--cd-gold-button-bg, var(--cd-inverse));
  color: var(--cd-gold-button-text, var(--cd-brand-deep));
}
.cd-gold__cta:hover, .cd-gold__cta:focus {
  color: var(--cd-gold-button-text, var(--cd-brand-deep));
}
.cd-gold__note {
  display: block;
  margin-top: 18px;
  color: var(--cd-gold-note, var(--cd-secondary-on-dark));
  font-size: 10px;
  line-height: 1.8;
}
.cd-gold__media {
  position: relative;
  min-width: 0;
  overflow: hidden;
}
.cd-gold__media-img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 480px;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.cd-gold__media-caption {
  position: absolute;
  bottom: 24px;
  inset-inline: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  background: var(--cd-gold-caption-bg, var(--cd-brand-deep));
  color: var(--cd-gold-caption, #f5f0e7);
  font-size: 11px;
}

@media (max-width: 1200px) {
  .cd-gold__copy {
    padding: 40px;
  }
  .cd-gold__title {
    font-size: 33px;
  }
}
@media (max-width: 1023px) {
  .cd-gold__feature {
    min-height: 380px;
  }
  .cd-gold__copy {
    padding: 32px;
  }
  .cd-gold__title {
    font-size: 28px;
  }
  .cd-gold__body {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .cd-gold__feature {
    grid-template-columns: minmax(0, 1fr);
  }
  .cd-gold__copy {
    padding: 30px 23px;
  }
  .cd-gold__title {
    margin-block: 19px;
    font-size: 32px;
  }
  .cd-gold__body {
    font-size: 13px;
  }
  .cd-gold__path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block: 25px;
  }
  .cd-gold__step {
    min-height: 98px;
    padding: 13px;
  }
  .cd-gold__media-img {
    aspect-ratio: 3/2;
    height: auto !important;
    min-height: 0;
    -o-object-position: center;
       object-position: center;
  }
}
@media (max-width: 374px) {
  .cd-gold__copy {
    padding: 28px 22px;
  }
  .cd-gold__title {
    font-size: 29px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cd-gold__path.is-in-view .cd-gold__step {
    animation: none !important;
  }
}
.cd-how-it-works {
  color: var(--cd-hiw-title, var(--cd-text));
}
.cd-how-it-works__title {
  margin: 0 0 34px;
  color: var(--cd-hiw-title, var(--cd-text));
  font-size: 35px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.cd-how-it-works__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
.cd-how-it-works__step > svg {
  color: var(--cd-hiw-icon, var(--cd-text-secondary));
  flex-shrink: 0;
}
.cd-how-it-works__step--cashback > svg {
  color: var(--cd-hiw-icon-accent, var(--cd-cashback));
}
.cd-how-it-works__step-title {
  margin-block: 19px 12px;
  color: var(--cd-hiw-step-title, var(--cd-text));
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}
.cd-how-it-works__step-body {
  margin: 0;
  color: var(--cd-hiw-step-body, var(--cd-text-secondary));
  font-size: 13px;
  line-height: 1.9;
}

@media (max-width: 767px) {
  .cd-how-it-works__title {
    margin-bottom: 28px;
    font-size: 28px;
  }
  .cd-how-it-works__steps {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .cd-how-it-works__step {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 9px 18px;
  }
  .cd-how-it-works__step > svg {
    grid-row: 1/3;
    margin-top: 2px;
  }
  .cd-how-it-works__step-title {
    margin: 0;
    font-size: 17px;
  }
  .cd-how-it-works__step-body {
    font-size: 12px;
  }
}
.cd-closing {
  border-top: 1px solid var(--cd-closing-border, var(--cd-border));
}
.cd-closing__inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 70px;
}
.cd-closing__title {
  margin: 0 0 28px;
  color: var(--cd-closing-title, var(--cd-text));
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.cd-closing__cta {
  --cd-action: var(--cd-closing-button-bg, #2e332a);
  --cd-action-hover: var(--cd-closing-button-hover, #41493a);
  color: var(--cd-closing-button-text, var(--cd-inverse));
}
.cd-closing__help {
  align-self: center;
  max-width: 330px;
}
.cd-closing__help > svg {
  color: var(--cd-closing-help-icon, var(--cd-text));
  flex-shrink: 0;
}
.cd-closing__help-body {
  margin-block: 15px 8px;
  color: var(--cd-closing-help-body, var(--cd-text-secondary));
  font-size: 13px;
  line-height: 1.9;
}
.cd-closing__help-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  color: var(--cd-closing-help-link, var(--cd-text));
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.cd-closing__help-link:hover, .cd-closing__help-link:focus {
  color: var(--cd-closing-help-link-hover, var(--cd-gold-ink));
  text-decoration: none;
}

@media (max-width: 767px) {
  .cd-closing__inner {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .cd-closing__title {
    margin-bottom: 22px;
    font-size: 30px;
  }
}
#footer.cd-footer {
  --cd-footer-bg: var(--cd-brand-deep);
  --cd-footer-text: var(--cd-inverse);
  --cd-footer-muted: var(--cd-secondary-on-dark);
  --cd-footer-divider: color-mix(in srgb, var(--cd-footer-text) 14%, transparent);
  background: var(--cd-footer-bg);
  color: var(--cd-footer-text);
  padding: 48px 0 24px;
  margin-top: 0;
  margin-bottom: 0;
}
#footer.cd-footer:focus-within :focus-visible {
  outline-color: var(--cd-gold-light);
}
#footer.cd-footer .cd-footer__main {
  display: grid;
  grid-template-columns: 1.35fr repeat(4, 1fr);
  gap: 38px;
  padding-top: 4px;
}
#footer.cd-footer .cd-footer__brand-body {
  max-width: 280px;
  margin: 20px 0 0;
  color: var(--cd-footer-muted);
  font-size: 12px;
  line-height: 1.9;
}
#footer.cd-footer .cd-footer__wordmark {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--cd-footer-text);
  text-decoration: none;
}
#footer.cd-footer .cd-footer__wordmark:hover, #footer.cd-footer .cd-footer__wordmark:focus-visible {
  color: var(--cd-footer-text);
  text-decoration: none;
}
#footer.cd-footer .cd-footer__symbol {
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  display: block;
}
#footer.cd-footer .cd-footer__wordmark-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  line-height: 1.1;
  white-space: nowrap;
  color: var(--cd-footer-text);
}
#footer.cd-footer .cd-footer__wordmark-type strong {
  font-family: var(--cd-font-arabic);
  font-size: 21px;
  font-weight: 600;
  color: inherit;
}
#footer.cd-footer .cd-footer__wordmark-type > span {
  font-family: var(--cd-font-latin);
  letter-spacing: 0.02em;
  font-size: 10px;
  font-weight: 600;
  color: inherit;
}
#footer.cd-footer nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
#footer.cd-footer nav h2 {
  margin: 0 0 16px;
  color: var(--cd-footer-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}
#footer.cd-footer nav a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  color: var(--cd-footer-muted);
  font-size: 12px;
  text-decoration: none;
}
#footer.cd-footer nav a:hover, #footer.cd-footer nav a:focus-visible {
  color: var(--cd-footer-text);
}
#footer.cd-footer .cd-footer__disclosure {
  padding-block: 25px 0;
}
#footer.cd-footer .cd-footer__disclosure p {
  margin: 0;
  color: var(--cd-footer-muted);
  font-size: 10px;
  line-height: 1.6;
}
#footer.cd-footer .cd-footer__bottom {
  width: min(100% - 96px, var(--cd-content-max));
  margin-inline: auto;
  margin-top: 0;
  padding-top: 23px;
  padding-bottom: 24px;
  border-top: 1px solid var(--cd-footer-divider);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  color: var(--cd-footer-text);
  font-size: 10px;
  line-height: 1.5;
}
@media (max-width: 1100px) and (min-width: 768px) {
  #footer.cd-footer .cd-footer__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 25px;
  }
  #footer.cd-footer .cd-footer__brand {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  #footer.cd-footer {
    padding: 35px 0 105px;
  }
  #footer.cd-footer .cd-footer__main {
    grid-template-columns: 1fr 1fr;
    gap: 32px 20px;
    padding-top: 0;
  }
  #footer.cd-footer .cd-footer__brand {
    grid-column: 1/-1;
  }
  #footer.cd-footer .cd-footer__brand-body {
    max-width: 360px;
  }
  #footer.cd-footer .cd-footer__symbol {
    width: 30px;
    height: 30px;
  }
  #footer.cd-footer .cd-footer__wordmark {
    gap: 8px;
  }
  #footer.cd-footer .cd-footer__wordmark-type strong {
    font-size: 19px;
  }
  #footer.cd-footer .cd-footer__wordmark-type > span {
    font-size: 9px;
  }
  #footer.cd-footer .cd-footer__bottom {
    width: calc(100% - 40px);
    flex-wrap: wrap;
    gap: 12px;
    font-size: 9px;
    margin-bottom: 0;
  }
  #footer.cd-footer .cd-footer__bottom > span:first-child {
    order: 1;
  }
  #footer.cd-footer .cd-footer__bottom .cd-footer__language,
  #footer.cd-footer .cd-footer__bottom .cd-lang {
    order: 2;
  }
}
@media (max-width: 520px) {
  #footer.cd-footer .cd-footer__main {
    grid-template-columns: 1fr;
  }
  #footer.cd-footer .cd-footer__brand {
    grid-column: auto;
  }
}
@media (max-width: 374px) {
  #footer.cd-footer .cd-footer__wordmark {
    gap: 7px;
  }
  #footer.cd-footer .cd-footer__symbol {
    width: 27px;
    height: 27px;
  }
  #footer.cd-footer .cd-footer__wordmark-type strong {
    font-size: 17px;
  }
  #footer.cd-footer .cd-footer__wordmark-type > span {
    font-size: 8px;
  }
}

.cd-header {
  --cd-header-bg: var(--cd-inverse);
  --cd-header-text: var(--cd-text);
  --cd-header-muted: var(--cd-text-secondary);
  --cd-header-border: var(--cd-border);
  --cd-header-hover: var(--cd-hover);
  position: sticky;
  top: 0;
  z-index: 1001;
  background: var(--cd-header-bg);
  color: var(--cd-header-text);
  border-bottom: 1px solid var(--cd-header-border);
  margin: 0;
  padding: 0;
}
.cd-header.header--sticky {
  box-shadow: 0 8px 24px color-mix(in srgb, #000 8%, transparent);
}

body.show-admin-bar .cd-header {
  top: 40px;
}

.cd-header__inner {
  width: min(100% - 96px, var(--cd-content-max));
  margin-inline: auto;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 32px;
}

.cd-header__brand {
  flex-shrink: 0;
  color: inherit;
  text-decoration: none;
}
.cd-header__brand:hover, .cd-header__brand:focus-visible {
  color: inherit;
  text-decoration: none;
}

.cd-header__wordmark {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: inherit;
}

.cd-header__symbol {
  width: 35px;
  height: 35px;
  display: block;
  flex-shrink: 0;
}

.cd-header__wordmark-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  line-height: 1.12;
  white-space: nowrap;
}
.cd-header__wordmark-type strong {
  font-family: var(--cd-font-arabic);
  font-size: 21px;
  font-weight: 600;
  color: inherit;
}
.cd-header__wordmark-type > span {
  font-family: var(--cd-font-latin);
  letter-spacing: -0.035em;
  font-size: 10px;
  font-weight: 600;
  color: inherit;
}

.cd-header__nav {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-inline-end: auto;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}
.cd-header__nav a {
  position: relative;
  padding-block: 28px;
  color: var(--cd-header-text);
  text-decoration: none;
}
.cd-header__nav a:hover, .cd-header__nav a:focus-visible {
  color: var(--cd-header-text);
}
.cd-header__nav a.is-active::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 2px;
  background: var(--cd-gold);
}

.cd-header__search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  min-width: 44px;
  flex: 0 0 44px;
  margin-inline-start: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--cd-header-muted);
  font: inherit;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.cd-header__search > span {
  display: none;
}
.cd-header__search:hover, .cd-header__search:focus-visible {
  color: var(--cd-header-text);
}

.cd-header__actions {
  display: flex;
  align-items: center;
  gap: 0;
  margin-inline-start: 0;
}

.cd-header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: var(--cd-radius-sm);
  background: transparent;
  color: var(--cd-header-text);
  text-decoration: none;
  cursor: pointer;
  transition: background var(--cd-motion-fast) var(--cd-ease);
}
.cd-header__icon:hover, .cd-header__icon:focus-visible {
  background: var(--cd-header-hover);
  color: var(--cd-header-text);
  text-decoration: none;
}

.cd-header__cart {
  position: relative;
}

.cd-header__bag,
.cd-header__compare {
  position: relative;
}

.cd-header__bag-count {
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 4px;
  min-width: 16px;
  height: 16px;
  padding-inline: 3px;
  border-radius: 50%;
  background: var(--cd-brand);
  color: var(--cd-inverse);
  font-size: 9px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  display: grid;
  place-items: center;
}

.cd-header__menu {
  width: 38px;
  display: none;
}

.cd-header .cart--mini .cart__content {
  position: fixed;
  inset: 0;
  display: block;
  min-width: 0;
  padding: 0;
  transform: none;
  visibility: hidden;
  opacity: 1;
  pointer-events: none;
  z-index: 10001;
  transition: visibility 0s linear var(--cd-motion-base);
}
.cd-header .cart--mini .cart__content.active {
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s;
}
body.show-admin-bar .cd-header .cart--mini .cart__content {
  top: 40px;
  height: auto;
}
.cd-header .cart--mini:hover .cart__content:not(.active), .cd-header .cart--mini:focus-within .cart__content:not(.active) {
  visibility: hidden;
  opacity: 1;
  transform: none;
}
.cd-header .cart--mini .backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 27, 27, 0.55);
  opacity: 0;
  transition: opacity var(--cd-motion-base) var(--cd-ease);
}
.cd-header .cart--mini .cart__content.active .backdrop {
  opacity: 1;
}
.cd-header .cart--mini .mini-cart-content {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  inset-inline-start: auto;
  display: flex;
  flex-direction: column;
  width: min(92vw, 420px);
  max-width: 420px;
  height: 100%;
  overflow: hidden;
  background: var(--cd-inverse);
  box-shadow: 0 0 48px rgba(34, 39, 25, 0.12);
  transform: translateX(100%);
  transition: transform var(--cd-motion-base) var(--cd-ease);
  will-change: transform;
  z-index: 1;
}
[dir=rtl] .cd-header .cart--mini .mini-cart-content {
  transform: translateX(-100%);
}
.cd-header .cart--mini .cart__content.active .mini-cart-content {
  transform: translateX(0);
}
.cd-header .cart--mini .cart__items::before {
  display: none;
}
.cd-header .cart--mini .mini-cart-content .widget-shopping-cart-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  border: 0;
  background: transparent;
}
.cd-header .cart--mini .mini-cart-content .widget-shopping-cart-content .panel__header {
  display: flex;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--cd-inverse);
  border-block-end: 1px solid var(--cd-border);
  text-align: start;
}
.cd-header .cart--mini .mini-cart-content .widget-shopping-cart-content .panel__header h3 {
  order: 1;
  margin: 0;
  color: var(--cd-text);
  font-size: 17px;
  font-weight: 600;
}
.cd-header .cart--mini .mini-cart-content .widget-shopping-cart-content .panel__header .close-toggle--sidebar {
  order: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--cd-text-secondary);
  cursor: pointer;
}
.cd-header .cart--mini .mini-cart-content .widget-shopping-cart-content .cart__items {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-inline: 20px;
}
.cd-header .cart--mini .mini-cart-content .cart__items .mini-product-cart-list {
  max-height: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cd-header .cart--mini .mini-cart-content ul.mini-product-cart-list li.mini-cart-item {
  border-block-end-color: var(--cd-border);
}
.cd-header .cart--mini .mini-cart-content .product-content {
  padding: 0;
}
.cd-header .cart--mini .mini-cart-content .product-name a {
  color: var(--cd-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}
.cd-header .cart--mini .mini-cart-content .product-vendor a {
  color: var(--cd-text-secondary);
  font-size: 11px;
}
.cd-header .cart--mini .mini-cart-content .quantity {
  color: var(--cd-text-secondary);
  font-size: 12px;
}
.cd-header .cart--mini .mini-cart-content .quantity .price-amount {
  color: var(--cd-text);
  font-weight: 600;
}
.cd-header .cart--mini .mini-cart-content .remove-cart-item {
  color: var(--cd-text-secondary);
}
.cd-header .cart--mini .mini-cart-content .remove-cart-item:hover, .cd-header .cart--mini .mini-cart-content .remove-cart-item:focus-visible {
  color: var(--cd-text);
}
.cd-header .cart--mini .mini-cart-content .cart_no_items {
  padding: 28px 0;
  color: var(--cd-text-secondary);
}
.cd-header .cart--mini .mini-cart-content .widget-shopping-cart-content .control-buttons {
  flex: none;
  padding: 16px 20px 22px;
  border-block-start: 1px solid var(--cd-border);
  background: var(--cd-inverse);
}
.cd-header .cart--mini .mini-cart-content .mini-cart__total {
  padding-block-start: 8px;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 500;
}
.cd-header .cart--mini .mini-cart-content .mini-cart__total .price-amount {
  color: var(--cd-text);
  font-size: 14px;
  font-weight: 600;
}
.cd-header .cart--mini .mini-cart-content .mini-cart__buttons {
  margin-block-start: 16px;
}
.cd-header .cart--mini .mini-cart-content .mini-cart__buttons .btn {
  min-height: 44px;
  padding: 10px 16px;
  border-radius: var(--cd-radius-sm);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.cd-header .cart--mini .mini-cart-content .mini-cart__buttons .btn-light {
  border: 1px solid var(--cd-border);
  background: transparent;
  color: var(--cd-text);
}
.cd-header .cart--mini .mini-cart-content .mini-cart__buttons .btn-primary.checkout {
  border: 1px solid #2e332a;
  background: #2e332a;
  color: var(--cd-inverse);
}
.cd-header .cart--mini .mini-cart-content .mini-cart__buttons .btn-primary.checkout:hover, .cd-header .cart--mini .mini-cart-content .mini-cart__buttons .btn-primary.checkout:focus-visible {
  border-color: #41493a;
  background: #41493a;
  color: var(--cd-inverse);
}

@media (max-width: 1023px) {
  .cd-header__inner {
    width: calc(100% - 48px);
    gap: 16px;
  }
  .cd-header__nav {
    display: none;
  }
  .cd-header__menu {
    display: inline-flex;
  }
}
@media (max-width: 767px) {
  .cd-header__inner {
    width: calc(100% - 40px);
    min-height: 64px;
    gap: 8px;
  }
  .cd-header__symbol {
    width: 30px;
    height: 30px;
  }
  .cd-header__wordmark {
    gap: 7px;
  }
  .cd-header__wordmark-type strong {
    font-size: 19px;
  }
  .cd-header__wordmark-type > span {
    display: none;
  }
  .cd-header__search {
    flex-basis: 40px;
    max-width: 40px;
    min-width: 40px;
  }
  .cd-header__compare {
    display: none;
  }
}
@media (max-width: 374px) {
  .cd-header__symbol {
    width: 27px;
    height: 27px;
  }
  .cd-header__wordmark-type strong {
    font-size: 17px;
  }
}
.cd-cart {
  padding-block: 48px 88px;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
}
.cd-cart p {
  margin: 0;
}

.cd-cart__intro {
  max-width: 880px;
  margin: 0 0 36px;
}

.cd-cart__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: var(--cd-text-secondary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cd-cart__title {
  margin: 0 0 16px;
  color: var(--cd-text);
  font-size: clamp(34px, 4.1vw, 60px);
  font-weight: 500;
  line-height: 1.45;
}

.cd-cart__lede {
  margin: 0;
  max-width: 650px;
  color: var(--cd-text-secondary);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
}

.cd-cart__grid {
  display: grid;
  grid-template-columns: 1fr 370px;
  gap: 32px;
  align-items: start;
}

@media (max-width: 991px) {
  .cd-cart__grid {
    grid-template-columns: 1fr;
  }
}
.cd-cart__store {
  border: 1px solid var(--cd-border, #dddcd4);
  border-radius: 6px;
  padding: 20px;
  margin-block-end: 16px;
}

.cd-cart__store-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block-end: 14px;
  border-block-end: 1px solid var(--cd-border, #dddcd4);
  margin-block-end: 14px;
}

.cd-cart__store-monogram {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--cd-brand-soft, #eeeee7);
  color: var(--cd-brand, #252721);
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
  text-decoration: none;
}
.cd-cart__store-monogram:hover {
  opacity: 0.88;
}

.cd-cart__store-meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.cd-cart__store-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--cd-text, #272923);
  text-decoration: none;
}
.cd-cart__store-name:hover {
  text-decoration: underline;
}

.cd-cart__store-subtitle {
  font-size: 13px;
  color: var(--cd-text-muted, #61625b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cd-cart__items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cd-cart__line {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding-block: 18px;
}
.cd-cart__line + .cd-cart__line {
  border-block-start: 1px solid var(--cd-border);
}

.cd-cart__thumb {
  display: block;
  width: 105px;
  height: 105px;
  overflow: hidden;
  border-radius: 4px;
  background: var(--cd-brand-soft);
  flex-shrink: 0;
}
.cd-cart__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cd-cart__line-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cd-cart__line-name {
  color: var(--cd-text);
  text-decoration: none;
}
.cd-cart__line-name h3 {
  margin: 0;
  color: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}
.cd-cart__line-name:hover h3 {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cd-cart__line-variant {
  margin: 0;
  color: var(--cd-text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.cd-cart__qty {
  margin-top: 6px;
}
.cd-cart__qty .quantity {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
}
.cd-cart__qty .qty-box {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  height: 46px;
  border: 1px solid var(--cd-border, #dddcd4);
  border-radius: 8px;
  overflow: hidden;
  direction: inherit;
}
.cd-cart__qty .decrease,
.cd-cart__qty .increase {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 46px;
  border-radius: 0;
  cursor: pointer;
  color: var(--cd-text-muted, #61625b);
}
.cd-cart__qty .decrease:hover,
.cd-cart__qty .increase:hover {
  color: var(--cd-text, #272923);
}
.cd-cart__qty .input-text.qty {
  position: static;
  width: 58px;
  height: 46px;
  line-height: 46px;
  padding: 0;
  text-align: center;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: var(--cd-text, #272923);
  background: transparent;
  -moz-appearance: textfield;
}
.cd-cart__qty .input-text.qty::-webkit-outer-spin-button, .cd-cart__qty .input-text.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cd-cart__qty .label-quantity {
  display: none;
}

.cd-cart__line-value {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  min-width: 72px;
}

.cd-cart__line-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  margin: 0;
  color: var(--cd-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}
.cd-cart__line-price del {
  color: var(--cd-text-secondary);
  font-size: 12px;
  font-weight: 400;
}

.cd-cart__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--cd-text-secondary);
  text-decoration: none;
  cursor: pointer;
  transition: color var(--cd-motion-fast), background var(--cd-motion-fast);
}
.cd-cart__remove:hover, .cd-cart__remove:focus-visible {
  color: var(--cd-text);
  background: var(--cd-hover);
  outline: none;
}

.cd-cart__store-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-block-start: 14px;
  border-block-start: 1px solid var(--cd-border-light, #eeedea);
  font-size: 11px;
}

.cd-cart__store-delivery {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--cd-text-muted, #61625b);
}
.cd-cart__store-delivery svg {
  flex-shrink: 0;
}
.cd-cart__store-delivery strong {
  color: var(--cd-text, #272923);
  font-weight: 600;
}

.cd-cart__store-cashback {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--cd-radius-sm, 4px);
  color: var(--cd-cashback, #705b30);
  font-size: 11px;
  line-height: 1.5;
}
.cd-cart__store-cashback > span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 7px;
}
.cd-cart__store-cashback strong {
  font-weight: 700;
  white-space: nowrap;
}

.cd-cart__cashback-mark {
  color: var(--cd-cashback, #705b30);
  flex-shrink: 0;
}

.cd-cart__continue {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-block-start: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--cd-text, #272923);
  text-decoration: none;
}
.cd-cart__continue:hover {
  text-decoration: underline;
}

.cd-cart__summary {
  position: sticky;
  top: 100px;
  width: 100%;
  max-width: 370px;
  margin-inline-start: auto;
  padding: 28px;
  border: 0;
  border-radius: 8px;
  background: #fffefa;
  color: var(--cd-text);
  font-size: 15px;
  line-height: 1.65;
  box-shadow: none;
}

.cd-cart__summary-title {
  margin: 0;
  color: var(--cd-text);
  font-size: 23px;
  font-weight: 500;
  line-height: 1.45;
}

.cd-cart__totals {
  margin: 24px 0;
}
.cd-cart__totals > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin: 15px 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.65;
}
.cd-cart__totals > div dt {
  margin: 0;
  color: var(--cd-text-secondary);
  font-weight: 400;
}
.cd-cart__totals > div dd {
  margin: 0;
  color: var(--cd-text);
  font-weight: 500;
  text-align: end;
}

.cd-cart__delivery-dd {
  font-weight: 400 !important;
  color: var(--cd-text-secondary) !important;
}

.cd-cart__totals-total {
  margin-top: 15px !important;
  padding-top: 17px !important;
  border-top: 1.25px solid var(--cd-border);
}

.cd-cart__amount-due {
  margin: 22px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 17px !important;
  font-weight: 600;
  line-height: 1.65;
}
.cd-cart__amount-due dt {
  color: var(--cd-text) !important;
  font-size: 17px;
  font-weight: 600 !important;
}
.cd-cart__amount-due dd {
  color: var(--cd-text) !important;
  font-size: 17px;
  font-weight: 500 !important;
}

.cd-cart__rewards {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 20px 0;
  border: 0;
  border-top: 1.25px solid var(--cd-border);
  border-radius: 0;
  background: transparent;
}

.cd-cart__rewards-eyebrow {
  display: block;
  margin: 0 0 0;
  color: var(--cd-text-secondary);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.65;
  text-transform: none;
  letter-spacing: normal;
}

.cd-cart__cashback-badge {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px 0;
  color: var(--cd-cashback);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
}
.cd-cart__cashback-badge svg {
  flex-shrink: 0;
  color: currentColor;
}
.cd-cart__cashback-badge bdi {
  font-weight: 500;
}

.cd-cart__rewards-pending {
  display: block;
  margin: 0;
  color: #555465;
  font-size: 11px;
  line-height: 1.5;
}

.cd-cart__rewards-note {
  margin: 0;
  color: var(--cd-text-secondary);
  font-size: 10px;
  line-height: 1.65;
}

.cd-cart__promo {
  margin: 8px 0 16px;
}
.cd-cart__promo .coupon-input {
  display: flex;
  gap: 8px;
  margin-top: 9px;
}
.cd-cart__promo .form-control.coupon-code {
  flex: 1;
  min-height: 42px;
  padding: 10px 14px;
  border: 1.25px solid var(--cd-border);
  border-radius: 4px;
  background: #fffefa;
  color: var(--cd-text);
  font-size: 12px;
  font-weight: 500;
  box-shadow: none;
}
.cd-cart__promo .btn-apply-coupon-code {
  min-height: 42px;
  padding: 10px 16px;
  border: 0;
  border-radius: 4px;
  background: var(--cd-brand);
  color: var(--cd-inverse);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.cd-cart__field-label {
  display: block;
  margin: 0;
  color: var(--cd-text);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.65;
}

.cd-cart__voucher {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 100%;
  margin: 8px 0 24px;
  color: var(--cd-text);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.65;
}

.cd-cart__voucher-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.cd-cart__voucher-select {
  width: 100%;
  max-width: 100%;
  padding: 10px 14px;
  border: 1.25px solid var(--cd-border);
  border-radius: 4px;
  background: #fffefa;
  color: var(--cd-text);
  font-size: 12px;
  font-weight: 500;
  cursor: not-allowed;
  opacity: 1;
}

.cd-cart__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: auto;
  min-height: 48px;
  padding: 12px 22px;
  border: 1.25px solid transparent;
  border-radius: 4px;
  background: #2e332a;
  color: var(--cd-inverse);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--cd-motion-fast);
}
.cd-cart__button:hover, .cd-cart__button:focus-visible {
  background: color-mix(in srgb, #2e332a 88%, #fff);
  color: var(--cd-inverse);
  text-decoration: none;
  outline: none;
}

.cd-cart__button--block {
  width: 100%;
}

.proceed-to-checkout {
  margin: 0;
}

.cd-cart__summary-note {
  margin: 18px 0 0;
  color: var(--cd-text-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
}

.cd-cart__cross-sell {
  margin-block-start: 48px;
  padding-block-start: 32px;
  border-block-start: 1px solid var(--cd-border, #dddcd4);
}

.cd-cart__cross-sell-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--cd-text, #272923);
  margin-block-end: 20px;
}

.cd-cart__cross-sell-slider {
  position: relative;
  padding-inline: 44px;
}
.cd-cart__cross-sell-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  transform: translateY(-50%);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.cd-cart__cross-sell-slider .slick-arrow:hover, .cd-cart__cross-sell-slider .slick-arrow:focus {
  transform: translateY(-50%);
}
.cd-cart__cross-sell-slider .slick-arrow.slick-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.cd-cart__cross-sell-slider .slick-prev-arrow {
  left: 0;
  right: auto;
}
.cd-cart__cross-sell-slider .slick-next-arrow {
  right: 0;
  left: auto;
}

.cd-cart__cross-sell-slide {
  padding-inline: 8px;
}

.cd-cart__empty {
  text-align: center;
  padding-block: 64px;
}

.cd-cart__empty-icon {
  color: var(--cd-text-muted, #61625b);
  opacity: 0.4;
  margin-block-end: 20px;
}

.cd-cart__empty h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--cd-text, #272923);
  margin-block-end: 8px;
}

.cd-cart__empty p {
  font-size: 15px;
  color: var(--cd-text-muted, #61625b);
  margin-block-end: 24px;
}

@media (max-width: 767px) {
  .cd-cart {
    padding-block: 32px 56px;
  }
  .cd-cart__store {
    padding: 14px;
  }
  .cd-cart__line {
    grid-template-columns: 72px minmax(0, 1fr) auto;
    gap: 12px;
  }
  .cd-cart__thumb {
    width: 72px;
    height: 72px;
  }
  .cd-cart__summary {
    position: static;
  }
  .cd-cart__empty {
    padding-block: 40px;
  }
}