@font-face {
  font-family: "AMAL Round";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("/_next/static/media/e8f2fbee2754df70-s.p.0fzkl03jw-sdz.woff2") format("woff2");
}

:root {
  --amal-porcelain: #fbfbf6;
  --amal-porcelain-2: #f4f8fc;
  --amal-blue: #405a78;
  --amal-blue-soft: #e5edf5;
  --amal-sage: #3d6595;
  --amal-sage-dark: #264f82;
  --amal-ink-refresh: #1d2927;
  --amal-line-refresh: rgba(64, 90, 120, 0.18);
  --amal-shadow-refresh: 0 22px 70px rgba(48, 66, 82, 0.12);
  --amal-rounded: "AMAL Round", ui-rounded, "Avenir Next", Nunito, Inter, system-ui, sans-serif;
}

html {
  background: var(--amal-porcelain);
}

body {
  font-family: var(--amal-rounded) !important;
  color: var(--amal-ink-refresh);
  letter-spacing: 0;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(251, 251, 246, 0.78), rgba(242, 245, 237, 0.86)),
    url("/images/design/amal-blue-flowing-floral-wash-soft.webp") center top / cover no-repeat;
  opacity: 0.42;
}

.amal-nav,
.shop-nav,
.nav {
  color: var(--amal-blue) !important;
  background: rgba(251, 251, 246, 0.91) !important;
  border-bottom: 1px solid var(--amal-line-refresh) !important;
  box-shadow: 0 10px 36px rgba(64, 90, 120, 0.08);
  backdrop-filter: blur(18px);
}

.amal-nav-links a,
.nav-links a,
.nav-actions a,
.nav-actions button,
.nav-link {
  color: rgba(64, 90, 120, 0.76) !important;
  font-family: var(--amal-rounded) !important;
  font-weight: 700 !important;
}

.amal-nav-links a:hover,
.amal-nav-links a:focus-visible,
.nav-links a:hover,
.nav-links a:focus-visible,
.nav-link:hover,
.nav-link:focus-visible {
  color: var(--amal-sage-dark) !important;
}

.amal-logo,
.nav-logo,
.footer-logo {
  color: var(--amal-blue) !important;
}

.amal-search,
.hamburger {
  color: var(--amal-blue) !important;
}

.leather-archive-page,
.wallet-page,
.catalog-page,
.belt-line-page,
.product-page,
.shop-page,
.checkout-page {
  background:
    linear-gradient(180deg, rgba(251, 251, 246, 0.98), rgba(242, 245, 237, 0.94)),
    var(--amal-porcelain) !important;
  color: var(--amal-ink-refresh) !important;
}

.hero,
.wallet-hero,
.belt-line-shell,
.catalog-shell,
.wallet-list-section,
.belt-mobile-list,
.product-layout,
.shop-main,
.atelier-hero,
.collection-section,
.craft-section,
.contact-section,
.footer,
.cta-band {
  background-color: transparent !important;
}

.archive-chrome,
.catalog-topline,
.belt-line-top,
.mobile-list-top {
  border-color: var(--amal-line-refresh) !important;
}

.archive-meta,
.catalog-active-copy p,
.catalog-idle-copy p,
.belt-line-top p,
.belt-kicker,
.eyebrow,
.mobile-list-top p {
  color: var(--amal-sage-dark) !important;
  font-family: var(--amal-rounded) !important;
  letter-spacing: 0.18em !important;
}

.archive-toggle,
.belt-material-nav,
.catalog-controls,
.belt-controls,
.product-actions,
.filter-panel,
.shop-sidebar,
.product-meta,
.checkout-summary {
  border-color: var(--amal-line-refresh) !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow: 0 12px 42px rgba(64, 90, 120, 0.06);
}

.archive-toggle button,
.belt-material-nav a,
.catalog-control,
.belt-control,
.btn,
.btn-solid-ink,
.btn-outline-ink,
.product-add,
.belt-product-link,
.vertical-open,
.catalog-active-action a,
.checkout-actions a {
  border-radius: 999px !important;
  color: var(--amal-blue) !important;
  font-family: var(--amal-rounded) !important;
}

.archive-toggle button.is-active,
.archive-toggle button:hover,
.belt-material-nav a:hover,
.belt-material-nav a[aria-current="page"],
.btn-solid-ink,
.product-add,
.amal-cart-checkout {
  background: var(--amal-blue) !important;
  color: var(--amal-porcelain) !important;
}

.vertical-archive {
  background:
    linear-gradient(90deg, rgba(229, 237, 245, 0.72), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(242, 245, 237, 0.68));
  grid-template-columns: minmax(154px, 14vw) minmax(410px, 1fr) minmax(360px, 30vw) !important;
}

.vertical-rail,
.vertical-info,
.belt-focus-details,
.product-copy,
.catalog-active-copy,
.catalog-active-action,
.wallet-list-card,
.product-card,
.belt-list-card,
.vertical-product-card {
  border-color: var(--amal-line-refresh) !important;
}

.vertical-info {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(229, 237, 245, 0.36)) !important;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7);
  padding-inline: clamp(22px, 2.2vw, 34px) !important;
  padding-block: clamp(22px, 3vh, 30px) !important;
}

.vertical-info h1,
.catalog-active-copy strong,
.belt-focus-copy h1,
.product-copy h1,
.wallet-list-copy strong,
.section-h2,
.section-title {
  color: var(--amal-blue) !important;
}

.vertical-info h1 {
  margin: 14px 0 6px !important;
  font-size: 64px !important;
  line-height: 0.94 !important;
}

.vertical-info em {
  font-size: 24px !important;
}

.vertical-info em,
.vertical-info .vertical-story,
.belt-meta-line,
.product-description,
.wallet-list-copy em,
.catalog-active-copy span {
  color: rgba(29, 41, 39, 0.64) !important;
}

.catalog-topline,
.catalog-active-action {
  color: rgba(29, 41, 39, 0.62) !important;
}

.catalog-active-action em,
.product-price {
  color: var(--amal-blue) !important;
}

.vertical-info .vertical-story {
  margin-top: 20px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.vertical-stage {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(229, 237, 245, 0.62)),
    var(--amal-blue-soft);
}

.vertical-stage::after {
  position: absolute;
  inset: clamp(16px, 2.4vw, 34px);
  content: "";
  border: 1px solid rgba(64, 90, 120, 0.13);
  pointer-events: none;
}

.vertical-card,
.belt-focus-visual,
.product-main,
.scatter-image-wrap,
.wallet-list-card a,
.product-card,
.belt-list-card,
.cat-card {
  border-radius: 8px !important;
  box-shadow: var(--amal-shadow-refresh);
}

.vertical-card img,
.vertical-option img,
.vertical-product-card img,
.scatter-image,
.belt-focus-image,
.product-main img,
.product-card img,
.cat-card img {
  filter: drop-shadow(0 18px 34px rgba(64, 90, 120, 0.14));
}

.vertical-products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
  margin-top: 18px !important;
}

.vertical-product-card {
  min-height: 128px !important;
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: 7px !important;
  padding: 9px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  color: var(--amal-ink-refresh) !important;
}

.vertical-product-card figure {
  width: 100% !important;
  height: 56px !important;
  background:
    linear-gradient(135deg, rgba(229, 237, 245, 0.8), rgba(242, 245, 237, 0.72)) !important;
  border-radius: 6px;
}

.vertical-product-card strong {
  color: var(--amal-blue) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vertical-product-card small,
.vertical-product-card span {
  color: rgba(29, 41, 39, 0.54) !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

.vertical-product-kind {
  display: inline-flex !important;
  width: fit-content;
  margin: 0 0 2px !important;
  padding: 4px 8px;
  border: 1px solid rgba(64, 90, 120, 0.14);
  border-radius: 999px;
  color: var(--amal-sage-dark) !important;
  background: rgba(242, 245, 237, 0.8);
  font-size: 8px !important;
  font-weight: 800 !important;
}

.mosaic-grid {
  background: rgba(251, 251, 246, 0.76) !important;
  gap: 1px;
  padding: 1px;
}

.swatch-copy {
  background: linear-gradient(180deg, rgba(251, 251, 246, 0.96), rgba(229, 237, 245, 0.9)) !important;
  border-color: rgba(64, 90, 120, 0.16) !important;
}

.swatch-copy strong,
.swatch-copy em,
.swatch-copy span {
  color: var(--amal-blue) !important;
}

.shop-nav + .shop-page,
body:has(.shop-nav) {
  background: var(--amal-porcelain) !important;
}

body.shop-all-page .shop-sidebar,
body.shop-all-page .shop-filter-panel,
body.shop-all-page .category-bar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(229, 237, 245, 0.52)) !important;
  border-color: var(--amal-line-refresh) !important;
  color: var(--amal-ink-refresh) !important;
}

body.shop-all-page .shop-intro,
body.shop-all-page .side-heading,
body.shop-all-page .side-link,
body.shop-all-page .side-link span,
body.shop-all-page .category-tab,
body.shop-all-page .material-btn,
body.shop-all-page .result-copy,
body.shop-all-page .filter-heading,
body.shop-all-page .sort-label,
body.shop-all-page .right-filter-btn {
  color: rgba(29, 41, 39, 0.68) !important;
}

body.shop-all-page .shop-kicker,
body.shop-all-page .about-link,
body.shop-all-page .side-count,
body.shop-all-page .side-link.is-active,
body.shop-all-page .category-tab.is-active,
body.shop-all-page .material-btn.is-active,
body.shop-all-page .right-filter-btn.is-active {
  color: var(--amal-sage-dark) !important;
}

body.shop-all-page .shop-title,
body.shop-all-page .result-copy strong,
body.shop-all-page .filter-block strong,
body.shop-all-page .card-title,
body.shop-all-page .card-price {
  color: var(--amal-blue) !important;
}

body.shop-all-page .category-bar {
  box-shadow: 0 18px 56px rgba(64, 90, 120, 0.08);
}

body.shop-all-page .material-btn,
body.shop-all-page .right-filter-btn,
body.shop-all-page .sort-select {
  border-color: rgba(64, 90, 120, 0.18) !important;
  background: rgba(255, 255, 255, 0.48) !important;
}

body.shop-all-page .material-btn.is-active,
body.shop-all-page .right-filter-btn.is-active {
  background: rgba(131, 151, 123, 0.14) !important;
}

body.shop-all-page .sort-select {
  color: var(--amal-blue) !important;
}

body.shop-all-page .product-card {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(64, 90, 120, 0.14) !important;
}

body.shop-all-page .card-material {
  color: var(--amal-sage-dark) !important;
}

.atelier-hero,
.catalog-stage,
.belt-focus,
.wallet-list-card a,
.product-layout {
  border-color: var(--amal-line-refresh) !important;
}

.scatter-hint {
  color: rgba(64, 90, 120, 0.42) !important;
}

.scatter-card.is-active .scatter-image-wrap,
.scatter-card:hover .scatter-image-wrap,
.scatter-card:focus-visible .scatter-image-wrap {
  box-shadow: 0 26px 76px rgba(64, 90, 120, 0.2);
}

.amal-buffer {
  background:
    linear-gradient(180deg, rgba(251, 251, 246, 0.98), rgba(229, 237, 245, 0.98)),
    var(--amal-porcelain) !important;
  color: #4b4b4b !important;
}

.amal-buffer::before {
  opacity: 0.42 !important;
  background:
    linear-gradient(90deg, rgba(64, 90, 120, 0.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(64, 90, 120, 0.04) 1px, transparent 1px) !important;
  background-size: 34px 34px !important;
  mask-image: none !important;
}

.amal-buffer::after {
  opacity: 0 !important;
}

.amal-buffer-wordmark {
  color: var(--amal-blue) !important;
  font-family: var(--amal-rounded) !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-indent: 0.22em !important;
  text-shadow: none !important;
}

.amal-buffer-city,
.amal-buffer-status {
  color: var(--amal-sage-dark) !important;
  font-family: "Courier New", ui-monospace, monospace !important;
}

.amal-croc-loader {
  width: min(640px, 88vw) !important;
  height: 190px !important;
  color: #555 !important;
  image-rendering: pixelated !important;
  overflow: hidden !important;
}

.amal-croc-loader span {
  border-radius: 0 !important;
}

.amal-croc-loader .game-score,
.amal-croc-loader .game-cloud,
.amal-croc-loader .game-ground,
.amal-croc-loader .game-dust,
.amal-croc-loader .game-cactus {
  display: block !important;
}

.amal-croc-loader .game-score {
  top: 8px !important;
  right: 10px !important;
  color: #555 !important;
  background: transparent !important;
  font-family: "Courier New", ui-monospace, monospace !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}

.amal-croc-loader .game-cloud {
  width: 44px !important;
  height: 4px !important;
  top: 54px !important;
  right: -70px !important;
  color: rgba(85, 85, 85, 0.26) !important;
  background: currentColor !important;
  box-shadow: 8px -8px 0 currentColor, 16px -12px 0 currentColor, 28px -12px 0 currentColor, 40px -4px 0 currentColor !important;
  animation: cloudSlide 1600ms linear infinite !important;
}

.amal-croc-loader .cloud-two {
  top: 76px !important;
  animation-delay: 760ms !important;
}

.amal-croc-loader .game-ground {
  left: 0 !important;
  right: 0 !important;
  bottom: 42px !important;
  height: 2px !important;
  overflow: hidden !important;
  background: #999 !important;
}

.amal-croc-loader .game-ground::after {
  position: absolute;
  inset: 2px 0 auto;
  height: 24px;
  content: "";
  background:
    repeating-linear-gradient(90deg, transparent 0 30px, #777 30px 34px, transparent 34px 62px),
    repeating-linear-gradient(90deg, transparent 0 92px, #aaa 92px 100px, transparent 100px 170px);
  animation: gameRun 620ms steps(8) infinite;
}

.amal-croc-loader .game-cactus {
  right: -60px !important;
  bottom: 44px !important;
  width: 10px !important;
  height: 42px !important;
  background: #555 !important;
  box-shadow: -12px 18px 0 -3px #555, -17px 13px 0 -5px #555, 14px 24px 0 -3px #555, 19px 17px 0 -5px #555 !important;
  animation: obstacleRun 1250ms linear infinite !important;
}

.amal-croc-loader .cactus-two {
  animation-delay: 620ms !important;
}

.amal-croc-loader .cactus-three {
  animation-delay: 940ms !important;
  opacity: 0.62 !important;
}

.amal-croc-loader .game-dust {
  bottom: 53px !important;
  width: 4px !important;
  height: 4px !important;
  background: #777 !important;
  animation: dustTrail 520ms steps(4) infinite !important;
}

.amal-croc-loader .dust-one { left: 64px !important; }
.amal-croc-loader .dust-two { left: 84px !important; animation-delay: 120ms !important; }
.amal-croc-loader .dust-three { left: 104px !important; animation-delay: 240ms !important; }

.amal-croc-loader .croc-bite {
  display: none !important;
}

.amal-croc-loader .croc-body {
  left: 72px !important;
  top: auto !important;
  bottom: 64px !important;
  width: 88px !important;
  height: 24px !important;
  color: #555 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  box-shadow: -12px 10px 0 -4px currentColor, 12px 24px 0 -8px currentColor, 46px 24px 0 -8px currentColor, 70px 12px 0 -7px currentColor !important;
  animation: crocPixelBob 540ms steps(2) infinite !important;
}

.amal-croc-loader .croc-head {
  left: 150px !important;
  top: auto !important;
  bottom: 71px !important;
  width: 34px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  box-shadow: 26px 9px 0 -2px currentColor, 46px 17px 0 -5px currentColor, 48px 26px 0 -8px currentColor, -8px 16px 0 -6px currentColor !important;
  animation: crocPixelBob 540ms steps(2) infinite !important;
}

.amal-croc-loader .croc-jaw {
  left: 182px !important;
  top: auto !important;
  bottom: 64px !important;
  width: 42px !important;
  height: 8px !important;
  background: currentColor !important;
  box-shadow: 12px 8px 0 -5px currentColor !important;
  transform-origin: 0 0 !important;
  animation: crocChomp 440ms steps(2) infinite !important;
}

.amal-croc-loader .croc-eye {
  left: 178px !important;
  top: auto !important;
  bottom: 95px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--amal-porcelain) !important;
  box-shadow: 0 0 0 1px #555 !important;
  animation: crocPixelBob 540ms steps(2) infinite !important;
}

.amal-croc-loader .croc-back {
  left: 82px !important;
  top: auto !important;
  bottom: 88px !important;
  width: 74px !important;
  height: 10px !important;
  background: repeating-linear-gradient(90deg, currentColor 0 8px, transparent 8px 14px) !important;
  clip-path: polygon(0 100%, 8% 0, 17% 100%, 30% 0, 43% 100%, 57% 0, 70% 100%, 84% 0, 100% 100%) !important;
  animation: crocPixelBob 540ms steps(2) infinite !important;
}

.amal-croc-loader .croc-tail {
  left: 22px !important;
  top: auto !important;
  bottom: 67px !important;
  width: 56px !important;
  height: 20px !important;
  background: currentColor !important;
  clip-path: polygon(0 75%, 100% 0, 100% 100%) !important;
  animation: crocTailPixel 540ms steps(2) infinite !important;
}

.amal-croc-loader .croc-leg {
  top: auto !important;
  bottom: 49px !important;
  width: 8px !important;
  height: 18px !important;
  background: currentColor !important;
  transform-origin: 50% 0 !important;
}

.amal-croc-loader .croc-leg-front { left: 134px !important; animation: crocStepFront 540ms steps(2) infinite !important; }
.amal-croc-loader .croc-leg-back { left: 92px !important; animation: crocStepBack 540ms steps(2) infinite !important; }

@media (max-width: 900px) {
  .amal-nav,
  .shop-nav,
  .nav {
    min-height: 68px;
    grid-template-columns: auto 1fr auto;
    padding-inline: 16px !important;
  }

  .amal-nav-links,
  .nav-links {
    gap: 14px !important;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .amal-nav-links::-webkit-scrollbar,
  .nav-links::-webkit-scrollbar {
    display: none;
  }

  .vertical-archive {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
  }

  .vertical-rail {
    order: 2;
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: 120px;
    overflow-x: auto;
    max-height: none !important;
  }

  .vertical-stage {
    order: 1;
    min-height: 520px !important;
  }

  .vertical-info {
    order: 3;
    border-left: 0 !important;
    padding: 26px 18px 36px !important;
  }

  .vertical-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .catalog-topline,
  .belt-focus,
  .product-layout {
    grid-template-columns: 1fr !important;
  }

  .product-copy {
    padding-bottom: 96px !important;
  }

  .product-copy h1 {
    font-size: 46px !important;
    line-height: 0.98 !important;
    box-sizing: border-box;
    padding-right: 84px;
    overflow-wrap: anywhere;
  }

  .amal-cart-trigger {
    right: 8px !important;
    bottom: 8px !important;
    min-width: 64px !important;
    min-height: 36px !important;
    font-size: 8px !important;
  }

  body:has(.product-page) .amal-cart-trigger {
    top: 78px !important;
    bottom: auto !important;
  }

  .shop-nav {
    grid-template-columns: 1fr auto !important;
  }

  .shop-nav .nav-logo {
    justify-self: start !important;
  }
}

@media (max-width: 560px) {
  body::before {
    background:
      linear-gradient(180deg, rgba(251, 251, 246, 0.86), rgba(242, 245, 237, 0.9)),
      url("/images/design/amal-blue-flowing-floral-wash-soft.webp") center top / auto 100vh repeat-y;
    opacity: 0.34;
  }

  .amal-logo,
  .nav-logo {
    letter-spacing: 0.18em !important;
    text-indent: 0.18em !important;
  }

  .vertical-products {
    grid-template-columns: 1fr !important;
  }

  .vertical-product-card {
    min-height: 116px !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
  }

  .vertical-product-card figure {
    height: 92px !important;
  }

  .amal-croc-loader {
    height: 164px !important;
    transform: scale(0.82);
    transform-origin: center center;
  }

  .amal-buffer-status {
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }
}

/* AMAL client refresh v3: mock-driven porcelain, floral blue, sage interface. */
@font-face {
  font-family: "AMAL Display";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/_next/static/media/01e4147cff8141ee-s.p.10ked.7w885.g.woff2") format("woff2");
}

@font-face {
  font-family: "AMAL Editorial";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("/_next/static/media/61f83d1116c3c119-s.p.0haw6504~u9b4.woff2") format("woff2");
}

@font-face {
  font-family: "AMAL Rounded";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("/_next/static/media/e8f2fbee2754df70-s.p.0fzkl03jw-sdz.woff2") format("woff2");
}

:root {
  --amal-display: "AMAL Display", "Cormorant Garamond", Georgia, serif;
  --amal-editorial: "AMAL Editorial", "Cormorant Garamond", Georgia, serif;
  --amal-rounded: "AMAL Rounded", ui-rounded, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --amal-paper: #fffdf7;
  --amal-paper-warm: #f7f4ec;
  --amal-sage-bar: #264f82;
  --amal-sage-pale: #eef5fb;
  --amal-floral-blue: #264f82;
  --amal-line-blue: rgba(38, 79, 130, 0.18);
  --amal-soft-shadow: 0 22px 58px rgba(38, 79, 130, 0.12);
  --amal-floral-url: url("/images/design/amal-blue-flowing-floral-wash-soft.webp");
}

html,
body {
  background: var(--amal-paper) !important;
}

body {
  font-family: var(--amal-rounded) !important;
  color: #1e2e2d !important;
  letter-spacing: 0 !important;
}

body::before {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.74), rgba(246, 249, 242, 0.84)),
    var(--amal-floral-url) center top / 1180px auto repeat-y !important;
  opacity: 0.58 !important;
}

body::after {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  background:
    var(--amal-floral-url) left -150px top 58px / 520px auto no-repeat,
    var(--amal-floral-url) right -160px top 76px / 520px auto no-repeat,
    var(--amal-floral-url) left -130px bottom -170px / 500px auto no-repeat,
    var(--amal-floral-url) right -150px bottom -180px / 520px auto no-repeat;
  opacity: 0.64;
}

body,
button,
input,
select,
textarea,
.btn,
.nav-link,
.amal-nav-links a,
.shop-nav a {
  font-family: var(--amal-rounded) !important;
}

h1,
h2,
h3,
.hero-title,
.section-h2,
.shop-title,
.vertical-info h1,
.product-copy h1,
.wallet-list-copy strong,
.catalog-active-copy strong,
.belt-focus-copy h1,
.nav-logo,
.amal-logo,
.footer-logo,
.amal-buffer-wordmark {
  font-family: var(--amal-display) !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
}

.hero-lede,
.product-description,
.vertical-story,
.craft-copy p,
.materials-copy p,
.catalog-active-copy span,
.wallet-list-copy em {
  font-family: var(--amal-rounded) !important;
  letter-spacing: 0 !important;
}

.amal-nav,
.shop-nav,
.nav {
  min-height: 72px !important;
  background: rgba(255, 253, 247, 0.94) !important;
  border-bottom: 1px solid var(--amal-line-blue) !important;
  box-shadow: 0 12px 44px rgba(38, 79, 130, 0.08) !important;
  color: var(--amal-floral-blue) !important;
}

.amal-logo,
.nav-logo {
  color: var(--amal-floral-blue) !important;
  font-size: 38px !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

.amal-nav-links a,
.nav-links a,
.nav-actions a,
.nav-actions button,
.nav-link,
.shop-nav a,
.shop-nav button {
  color: rgba(38, 79, 130, 0.84) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
}

.hero,
body:has(.hero) .hero {
  position: relative !important;
  min-height: 690px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.94) 0 22%, rgba(255, 253, 247, 0.76) 56%, rgba(241, 246, 238, 0.74) 100%),
    var(--amal-paper) !important;
  border-bottom: 1px solid var(--amal-line-blue) !important;
  color: var(--amal-floral-blue) !important;
}

.hero-media,
.hero-overlay {
  display: none !important;
}

.hero::before,
.hero::after {
  position: absolute !important;
  z-index: 0 !important;
  content: "" !important;
  pointer-events: none !important;
  background-image: var(--amal-floral-url) !important;
  background-repeat: no-repeat !important;
  filter: none !important;
}

.hero::before {
  left: -120px !important;
  top: 42px !important;
  width: 520px !important;
  height: 560px !important;
  background-size: 560px auto !important;
  background-position: left top !important;
  opacity: 0.78 !important;
  -webkit-mask-image: radial-gradient(ellipse at 24% 34%, #000 0 48%, transparent 78%) !important;
  mask-image: radial-gradient(ellipse at 24% 34%, #000 0 48%, transparent 78%) !important;
}

.hero::after {
  right: -124px !important;
  bottom: 42px !important;
  width: 540px !important;
  height: 560px !important;
  background-size: 560px auto !important;
  background-position: right bottom !important;
  opacity: 0.72 !important;
  transform: scaleX(-1) !important;
  -webkit-mask-image: radial-gradient(ellipse at 72% 66%, #000 0 48%, transparent 78%) !important;
  mask-image: radial-gradient(ellipse at 72% 66%, #000 0 48%, transparent 78%) !important;
}

.hero-body {
  position: relative !important;
  z-index: 1 !important;
  min-height: 610px !important;
  padding: 150px 24px 126px !important;
  color: var(--amal-floral-blue) !important;
  text-shadow: none !important;
}

.hero-title {
  color: var(--amal-floral-blue) !important;
  font-size: 92px !important;
  line-height: 0.96 !important;
  letter-spacing: 0.22em !important;
  text-indent: 0.22em !important;
}

.hero-city {
  color: rgba(38, 79, 130, 0.88) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.56em !important;
  text-indent: 0.56em !important;
}

.hero-rule {
  background: rgba(38, 79, 130, 0.76) !important;
}

.hero-lede {
  max-width: 440px !important;
  color: rgba(30, 46, 45, 0.68) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

.cover-rail {
  z-index: 2 !important;
}

.cover-rail a {
  color: rgba(38, 79, 130, 0.72) !important;
}

.hero-strip {
  position: relative !important;
  z-index: 2 !important;
  background: linear-gradient(90deg, #244d7f, #456f9f) !important;
  border-color: rgba(255, 253, 247, 0.24) !important;
  color: var(--amal-paper) !important;
}

.hero-strip-cell {
  color: var(--amal-paper) !important;
  border-color: rgba(255, 253, 247, 0.22) !important;
}

.section,
.materials-section,
.craft-section,
.contact-section,
.wallet-list-section,
.catalog-shell,
.belt-line-shell,
.product-page,
.shop-page,
.leather-archive-page,
.checkout-page {
  position: relative !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.92), rgba(246, 249, 242, 0.9)),
    var(--amal-paper) !important;
  color: #1e2e2d !important;
}

.section::before,
.materials-section::before,
.craft-section::before,
.shop-page::before,
.leather-archive-page::before,
.product-page::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
  background:
    var(--amal-floral-url) left -170px top 24px / 430px auto no-repeat,
    var(--amal-floral-url) right -180px bottom -120px / 460px auto no-repeat;
  opacity: 0.34;
}

.section > *,
.materials-section > *,
.craft-section > *,
.shop-page > *,
.leather-archive-page > *,
.product-page > * {
  position: relative;
  z-index: 1;
}

.eyebrow,
.shop-kicker,
.archive-meta,
.belt-kicker,
.product-kicker,
.catalog-active-action,
.catalog-topline,
.side-heading,
.filter-heading {
  color: var(--amal-sage-dark) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
}

.section-h2,
.shop-title,
.vertical-info h1,
.product-copy h1,
.belt-focus-copy h1,
.catalog-active-copy strong,
.wallet-list-copy strong {
  color: var(--amal-floral-blue) !important;
}

.section-h2 {
  font-size: 56px !important;
  line-height: 0.98 !important;
}

.categories,
.product-grid,
.related-grid,
.wallet-list-grid {
  gap: 22px !important;
}

.cat-card,
.product-card,
.wallet-list-card a,
.belt-list-card,
.vertical-card,
.vertical-product-card,
.product-main,
.product-copy,
.catalog-active-copy,
.catalog-active-action,
.shop-sidebar,
.shop-filter-panel,
.category-bar,
.filter-panel,
.checkout-summary {
  border: 1px solid var(--amal-line-blue) !important;
  border-radius: 8px !important;
  background: rgba(255, 253, 247, 0.82) !important;
  box-shadow: var(--amal-soft-shadow) !important;
}

.cat-card {
  overflow: hidden !important;
}

.cat-overlay {
  background:
    linear-gradient(180deg, rgba(38, 79, 130, 0.04), rgba(38, 79, 130, 0.38)),
    linear-gradient(0deg, rgba(30, 46, 45, 0.42), transparent 58%) !important;
}

.cat-label strong,
.cat-label span,
.cat-arrow {
  color: var(--amal-paper) !important;
}

.stats {
  overflow: hidden !important;
  border: 1px solid var(--amal-line-blue) !important;
  border-radius: 8px !important;
  background: linear-gradient(90deg, rgba(38, 79, 130, 0.96), rgba(69, 111, 159, 0.94)) !important;
}

.stat,
.stat-num,
.stat-label {
  color: var(--amal-paper) !important;
  border-color: rgba(255, 253, 247, 0.24) !important;
}

.btn,
.btn-ghost-linen,
.btn-solid-ink,
.btn-outline-ink,
.product-add,
.vertical-open,
.catalog-active-action a,
.belt-product-link,
.archive-toggle button,
.category-tab,
.material-btn,
.right-filter-btn,
.amal-cart-checkout {
  border: 1px solid rgba(38, 79, 130, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 247, 0.74) !important;
  color: var(--amal-floral-blue) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}

.btn:hover,
.btn-ghost-linen:hover,
.archive-toggle button.is-active,
.archive-toggle button:hover,
.category-tab.is-active,
.material-btn.is-active,
.right-filter-btn.is-active,
.product-add,
.amal-cart-checkout {
  background: var(--amal-sage-bar) !important;
  color: var(--amal-paper) !important;
  border-color: rgba(38, 79, 130, 0.6) !important;
}

.footer {
  background:
    linear-gradient(90deg, rgba(36, 77, 127, 0.98), rgba(69, 111, 159, 0.96)) !important;
  color: var(--amal-paper) !important;
  border-top: 1px solid rgba(255, 253, 247, 0.22) !important;
}

.footer *,
.footer a {
  color: var(--amal-paper) !important;
}

.footer-logo {
  font-size: 34px !important;
}

.leather-archive-page {
  min-height: 100svh !important;
}

.archive-chrome {
  background: rgba(255, 253, 247, 0.88) !important;
  border-color: var(--amal-line-blue) !important;
}

.vertical-archive {
  position: relative !important;
  min-height: 760px !important;
  height: auto !important;
  padding: 28px !important;
  gap: 16px !important;
  grid-template-columns: 116px minmax(420px, 1fr) minmax(420px, 520px) !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.88), rgba(238, 244, 232, 0.88)),
    var(--amal-paper) !important;
}

.vertical-archive::before,
.vertical-archive::after {
  position: absolute;
  z-index: 0;
  content: "";
  pointer-events: none;
  background-image: var(--amal-floral-url);
  background-repeat: no-repeat;
  opacity: 0.56;
}

.vertical-archive::before {
  left: -64px;
  top: -32px;
  width: 360px;
  height: 260px;
  background-size: 410px auto;
}

.vertical-archive::after {
  right: -76px;
  bottom: -72px;
  width: 430px;
  height: 310px;
  background-size: 470px auto;
  transform: scaleX(-1);
}

.vertical-rail,
.vertical-stage,
.vertical-info {
  position: relative !important;
  z-index: 1 !important;
}

.vertical-rail {
  border: 1px solid var(--amal-line-blue) !important;
  border-radius: 8px !important;
  background: rgba(255, 253, 247, 0.7) !important;
  box-shadow: var(--amal-soft-shadow) !important;
}

.vertical-option {
  border-color: rgba(38, 79, 130, 0.12) !important;
  color: var(--amal-floral-blue) !important;
}

.vertical-option.is-active {
  background: rgba(38, 79, 130, 0.14) !important;
}

.vertical-stage {
  min-height: 700px !important;
  overflow: hidden !important;
  border: 1px solid var(--amal-line-blue) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at center, rgba(255, 253, 247, 0.72), rgba(226, 235, 218, 0.72)),
    var(--amal-sage-pale) !important;
  box-shadow: var(--amal-soft-shadow) !important;
}

.vertical-stage-heading span {
  color: rgba(38, 79, 130, 0.2) !important;
  font-family: var(--amal-display) !important;
}

.vertical-card {
  background: rgba(255, 253, 247, 0.86) !important;
}

.vertical-caption,
.vertical-count {
  color: var(--amal-floral-blue) !important;
}

.vertical-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 700px !important;
  padding: 44px 34px !important;
  border: 1px solid var(--amal-line-blue) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.92), rgba(237, 242, 232, 0.84)) !important;
  box-shadow: var(--amal-soft-shadow) !important;
}

.vertical-info h1 {
  margin: 16px 0 10px !important;
  font-size: 64px !important;
  line-height: 0.94 !important;
}

.vertical-info em {
  color: rgba(38, 79, 130, 0.84) !important;
  font-family: var(--amal-editorial) !important;
  font-size: 24px !important;
  letter-spacing: 0.02em !important;
}

.vertical-info .vertical-story {
  margin-top: 20px !important;
  color: rgba(30, 46, 45, 0.68) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.vertical-products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.vertical-product-card {
  position: relative !important;
  min-height: 170px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: stretch !important;
  gap: 0 !important;
  background: rgba(255, 253, 247, 0.9) !important;
  text-decoration: none !important;
}

.vertical-product-card figure {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: var(--amal-sage-pale) !important;
}

.vertical-product-card figure::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(38, 79, 130, 0.06), rgba(17, 28, 38, 0.46));
}

.vertical-product-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.9) contrast(1.04) !important;
}

.vertical-product-card > span {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  min-height: 170px !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 18px !important;
  color: var(--amal-paper) !important;
}

.vertical-product-card strong {
  color: var(--amal-paper) !important;
  font-family: var(--amal-display) !important;
  font-size: 28px !important;
  line-height: 0.96 !important;
  letter-spacing: 0.06em !important;
}

.vertical-product-card small,
.vertical-product-card > span > span:last-child {
  color: rgba(255, 253, 247, 0.84) !important;
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
}

.vertical-product-kind {
  width: fit-content !important;
  margin-bottom: 8px !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(255, 253, 247, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 247, 0.14) !important;
  color: var(--amal-paper) !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
}

.vertical-product-card:nth-child(1) figure::after {
  background: linear-gradient(180deg, rgba(38, 79, 130, 0.05), rgba(6, 21, 39, 0.64));
}

.vertical-product-card:nth-child(2) figure::after {
  background: linear-gradient(180deg, rgba(38, 79, 130, 0.08), rgba(32, 70, 116, 0.58));
}

.vertical-product-card:nth-child(3) figure::after {
  background: linear-gradient(180deg, rgba(229, 210, 184, 0.06), rgba(115, 79, 49, 0.52));
}

.vertical-product-card:nth-child(4) figure::after {
  background: linear-gradient(180deg, rgba(148, 92, 54, 0.04), rgba(104, 58, 34, 0.58));
}

body.shop-all-page .shop-page {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.9), rgba(246, 249, 242, 0.92)),
    var(--amal-paper) !important;
}

body.shop-all-page .shop-shell {
  gap: 22px !important;
}

body.shop-all-page .shop-title {
  font-size: 58px !important;
  line-height: 1 !important;
}

body.shop-all-page .category-bar {
  min-height: 72px !important;
  background: linear-gradient(90deg, rgba(38, 79, 130, 0.94), rgba(69, 111, 159, 0.92)) !important;
  color: var(--amal-paper) !important;
}

body.shop-all-page .category-tab {
  background: rgba(255, 253, 247, 0.14) !important;
  color: var(--amal-paper) !important;
  border-color: rgba(255, 253, 247, 0.3) !important;
}

body.shop-all-page .category-tab.is-active {
  background: var(--amal-paper) !important;
  color: var(--amal-sage-dark) !important;
}

body.shop-all-page .product-card {
  overflow: hidden !important;
  background: rgba(255, 253, 247, 0.88) !important;
}

body.shop-all-page .card-media,
.related-card figure,
.product-main,
.wallet-list-card figure {
  background: linear-gradient(180deg, #f8f5ef, #eff4ea) !important;
}

body.shop-all-page .card-title,
body.shop-all-page .card-price,
.related-card strong,
.product-price {
  color: var(--amal-floral-blue) !important;
  font-family: var(--amal-rounded) !important;
}

body.shop-all-page .card-material,
body.shop-all-page .card-type,
.related-card span {
  color: var(--amal-sage-dark) !important;
}

.product-layout {
  gap: 34px !important;
  padding-top: 112px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.product-main,
.product-copy {
  background: rgba(255, 253, 247, 0.84) !important;
}

.product-copy h1 {
  font-size: 62px !important;
  line-height: 0.98 !important;
}

.product-copy {
  color: #1e2e2d !important;
}

.product-description,
.product-meta,
.product-accordions,
.product-detail-row,
.product-accordion,
.product-accordion summary {
  color: rgba(30, 46, 45, 0.72) !important;
  border-color: var(--amal-line-blue) !important;
}

.product-gallery-thumbs button,
.quantity-control,
.product-wishlist {
  border-color: var(--amal-line-blue) !important;
  background: rgba(255, 253, 247, 0.78) !important;
  border-radius: 8px !important;
}

.related-products,
.recommendations,
.you-may-like {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.94), rgba(238, 244, 232, 0.9)) !important;
  border-top: 1px solid var(--amal-line-blue) !important;
}

body.shop-all-page .atelier-hero {
  min-height: 420px !important;
  overflow: hidden !important;
  border: 1px solid var(--amal-line-blue) !important;
  border-radius: 8px 8px 0 0 !important;
  background:
    radial-gradient(circle at 52% 46%, rgba(255, 253, 247, 0.9) 0 18%, rgba(237, 242, 232, 0.78) 56%, rgba(219, 230, 212, 0.74) 100%),
    var(--amal-paper) !important;
  box-shadow: var(--amal-soft-shadow) !important;
}

body.shop-all-page .atelier-hero::before {
  left: -120px !important;
  top: -90px !important;
  right: auto !important;
  bottom: auto !important;
  width: 440px !important;
  height: 330px !important;
  border-radius: 0 !important;
  background: var(--amal-floral-url) left top / 470px auto no-repeat !important;
  box-shadow: none !important;
  opacity: 0.44 !important;
  transform: none !important;
  z-index: -1 !important;
  -webkit-mask-image: radial-gradient(ellipse at 25% 25%, #000 0 44%, transparent 74%) !important;
  mask-image: radial-gradient(ellipse at 25% 25%, #000 0 44%, transparent 74%) !important;
}

body.shop-all-page .atelier-hero::after {
  right: -150px !important;
  bottom: -120px !important;
  left: auto !important;
  top: auto !important;
  width: 520px !important;
  height: 360px !important;
  background: var(--amal-floral-url) left bottom / 540px auto no-repeat !important;
  opacity: 0.4 !important;
  z-index: -2 !important;
  -webkit-mask-image: radial-gradient(ellipse at 75% 75%, #000 0 44%, transparent 74%) !important;
  mask-image: radial-gradient(ellipse at 75% 75%, #000 0 44%, transparent 74%) !important;
}

body.shop-all-page .atelier-products {
  filter: drop-shadow(0 22px 34px rgba(38, 79, 130, 0.2)) !important;
}

body.shop-all-page .atelier-scene-tool {
  display: none !important;
}

.product-meta {
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(237, 242, 232, 0.94), rgba(255, 253, 247, 0.92)) !important;
  border: 1px solid var(--amal-line-blue) !important;
}

.product-meta > div {
  background: transparent !important;
  border-color: var(--amal-line-blue) !important;
  color: var(--amal-floral-blue) !important;
}

.product-meta span,
.product-option-label {
  color: var(--amal-sage-dark) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
}

.product-meta strong {
  color: var(--amal-floral-blue) !important;
  font-family: var(--amal-rounded) !important;
}

.product-form {
  background: rgba(255, 253, 247, 0.9) !important;
  border-color: var(--amal-line-blue) !important;
}

.product-quantity {
  border: 1px solid var(--amal-line-blue) !important;
  background: rgba(255, 253, 247, 0.86) !important;
  border-radius: 8px !important;
}

.product-quantity button,
.product-quantity output {
  background: transparent !important;
  color: var(--amal-floral-blue) !important;
  border-color: var(--amal-line-blue) !important;
}

.product-cta {
  background: var(--amal-sage-bar) !important;
  color: var(--amal-paper) !important;
  border: 1px solid rgba(38, 79, 130, 0.65) !important;
  border-radius: 8px !important;
}

.back-link {
  color: rgba(38, 79, 130, 0.72) !important;
}

.amal-buffer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.96) 0 28%, rgba(255, 253, 247, 0.88) 58%, rgba(239, 245, 234, 0.92) 100%),
    var(--amal-paper) !important;
  color: var(--amal-floral-blue) !important;
}

.amal-buffer::before,
.amal-buffer::after {
  position: absolute !important;
  z-index: 0 !important;
  content: "" !important;
  pointer-events: none !important;
  background-image: var(--amal-floral-url) !important;
  background-repeat: no-repeat !important;
  opacity: 0.78 !important;
}

.amal-buffer::before {
  left: -90px !important;
  top: -92px !important;
  width: 520px !important;
  height: 420px !important;
  background-size: 560px auto !important;
  background-position: left top !important;
  -webkit-mask-image: radial-gradient(ellipse at 24% 22%, #000 0 42%, transparent 73%) !important;
  mask-image: radial-gradient(ellipse at 24% 22%, #000 0 42%, transparent 73%) !important;
}

.amal-buffer::after {
  right: -112px !important;
  bottom: -120px !important;
  width: 580px !important;
  height: 440px !important;
  background-size: 610px auto !important;
  background-position: left bottom !important;
  -webkit-mask-image: radial-gradient(ellipse at 76% 78%, #000 0 44%, transparent 74%) !important;
  mask-image: radial-gradient(ellipse at 76% 78%, #000 0 44%, transparent 74%) !important;
  transform: none !important;
}

.amal-buffer-inner {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  width: min(1040px, calc(100vw - 44px)) !important;
  min-height: min(760px, calc(100svh - 44px)) !important;
  margin: 22px auto !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 20px !important;
}

.amal-buffer-inner::before,
.amal-buffer-inner::after {
  position: fixed;
  z-index: -1;
  content: "";
  pointer-events: none;
  background-image: var(--amal-floral-url);
  background-repeat: no-repeat;
  opacity: 0.48;
}

.amal-buffer-inner::before {
  top: -104px;
  right: -156px;
  width: 500px;
  height: 360px;
  background-size: 520px auto;
  background-position: right top;
  -webkit-mask-image: radial-gradient(ellipse at 72% 28%, #000 0 42%, transparent 72%);
  mask-image: radial-gradient(ellipse at 72% 28%, #000 0 42%, transparent 72%);
  transform: scaleX(-1);
}

.amal-buffer-inner::after {
  left: -146px;
  bottom: -136px;
  width: 500px;
  height: 360px;
  background-size: 540px auto;
  background-position: left bottom;
  -webkit-mask-image: radial-gradient(ellipse at 24% 76%, #000 0 42%, transparent 72%);
  mask-image: radial-gradient(ellipse at 24% 76%, #000 0 42%, transparent 72%);
}

.amal-buffer-mark {
  display: grid !important;
  justify-items: center !important;
  gap: 6px !important;
}

.amal-buffer-wordmark {
  color: var(--amal-floral-blue) !important;
  font-size: 88px !important;
  line-height: 0.96 !important;
  letter-spacing: 0.24em !important;
  text-indent: 0.24em !important;
  text-shadow: none !important;
}

.amal-buffer-city {
  color: rgba(38, 79, 130, 0.9) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.52em !important;
  text-indent: 0.52em !important;
  text-transform: uppercase !important;
}

.amal-buffer-status {
  color: var(--amal-sage-dark) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.amal-croc-loader {
  --croc: #456f9f;
  --croc-dark: #214a7f;
  --croc-blue: #214a7f;
  --croc-paper: #fffdf7;
  position: relative !important;
  width: min(700px, 88vw) !important;
  height: 190px !important;
  margin: 8px auto 0 !important;
  overflow: visible !important;
  color: var(--croc-blue) !important;
  image-rendering: pixelated !important;
}

.amal-croc-loader span {
  position: absolute !important;
  display: block !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

.amal-croc-loader .game-score {
  top: 6px !important;
  right: 60px !important;
  color: var(--croc-blue) !important;
  background: transparent !important;
  font-family: "Courier New", ui-monospace, monospace !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0.09em !important;
}

.amal-croc-loader .game-cloud {
  top: 42px !important;
  right: -72px !important;
  width: 54px !important;
  height: 5px !important;
  background: rgba(38, 79, 130, 0.2) !important;
  box-shadow: 9px -9px 0 rgba(38, 79, 130, 0.2), 22px -14px 0 rgba(38, 79, 130, 0.2), 38px -8px 0 rgba(38, 79, 130, 0.2) !important;
  animation: cloudSlideV3 2400ms linear infinite !important;
}

.amal-croc-loader .cloud-two {
  top: 70px !important;
  animation-delay: 1180ms !important;
}

.amal-croc-loader .game-ground {
  left: 34px !important;
  right: 34px !important;
  bottom: 40px !important;
  height: 3px !important;
  background:
    repeating-linear-gradient(90deg, var(--croc-blue) 0 18px, transparent 18px 36px) !important;
  animation: groundRunV3 680ms steps(12) infinite !important;
}

.amal-croc-loader .game-ground::after {
  display: none !important;
}

.amal-croc-loader .game-dust {
  bottom: 56px !important;
  width: 5px !important;
  height: 5px !important;
  background: rgba(32, 70, 116, 0.72) !important;
  animation: dustTrailV3 660ms steps(3) infinite !important;
}

.amal-croc-loader .dust-one { left: 100px !important; }
.amal-croc-loader .dust-two { left: 122px !important; animation-delay: 150ms !important; }
.amal-croc-loader .dust-three { left: 144px !important; animation-delay: 300ms !important; }

.amal-croc-loader .game-cactus {
  right: -64px !important;
  bottom: 43px !important;
  width: 12px !important;
  height: 50px !important;
  background: var(--croc-blue) !important;
  box-shadow:
    -16px 22px 0 -4px var(--croc-blue),
    -23px 15px 0 -6px var(--croc-blue),
    18px 28px 0 -4px var(--croc-blue),
    25px 18px 0 -6px var(--croc-blue) !important;
  animation: obstacleRunV3 1700ms linear infinite !important;
}

.amal-croc-loader .cactus-two {
  width: 15px !important;
  height: 72px !important;
  animation-delay: 860ms !important;
}

.amal-croc-loader .cactus-three {
  height: 42px !important;
  opacity: 0.72 !important;
  animation-delay: 1320ms !important;
}

.amal-croc-loader .croc-bite {
  display: none !important;
}

.amal-croc-loader .croc-body,
.amal-croc-loader .croc-head,
.amal-croc-loader .croc-jaw,
.amal-croc-loader .croc-eye,
.amal-croc-loader .croc-back,
.amal-croc-loader .croc-tail,
.amal-croc-loader .croc-leg,
.amal-croc-loader .croc-tooth {
  animation: crocHopV3 980ms steps(2) infinite !important;
}

.amal-croc-loader .croc-tail {
  left: 100px !important;
  bottom: 76px !important;
  width: 76px !important;
  height: 28px !important;
  background: var(--croc) !important;
  clip-path: polygon(0 64%, 100% 0, 100% 100%) !important;
  box-shadow: inset -12px 0 0 rgba(32, 70, 116, 0.42) !important;
  transform-origin: right center !important;
}

.amal-croc-loader .croc-body {
  left: 166px !important;
  bottom: 70px !important;
  width: 132px !important;
  height: 38px !important;
  background:
    linear-gradient(90deg, rgba(32, 70, 116, 0.18), transparent 46%),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(32, 70, 116, 0.22) 18px 25px),
    var(--croc) !important;
  box-shadow:
    inset 0 -9px 0 rgba(32, 70, 116, 0.38),
    20px 30px 0 -14px var(--croc-dark),
    82px 30px 0 -14px var(--croc-dark) !important;
}

.amal-croc-loader .croc-back {
  left: 178px !important;
  bottom: 108px !important;
  width: 108px !important;
  height: 18px !important;
  background: var(--croc-dark) !important;
  clip-path: polygon(0 100%, 8% 26%, 16% 100%, 26% 12%, 36% 100%, 48% 20%, 58% 100%, 70% 16%, 82% 100%, 92% 30%, 100% 100%) !important;
}

.amal-croc-loader .croc-head {
  left: 290px !important;
  bottom: 78px !important;
  width: 72px !important;
  height: 36px !important;
  background: var(--croc) !important;
  box-shadow: inset 0 -8px 0 rgba(32, 70, 116, 0.36), 54px 10px 0 -6px var(--croc) !important;
  clip-path: polygon(0 0, 88% 0, 100% 42%, 92% 100%, 0 100%) !important;
}

.amal-croc-loader .croc-jaw {
  left: 346px !important;
  bottom: 70px !important;
  width: 86px !important;
  height: 14px !important;
  background: var(--croc) !important;
  box-shadow: inset 0 -5px 0 rgba(32, 70, 116, 0.42) !important;
  animation: crocJawV3 980ms steps(2) infinite !important;
  transform-origin: left center !important;
  clip-path: polygon(0 0, 96% 0, 100% 50%, 92% 100%, 0 100%) !important;
}

.amal-croc-loader .croc-eye {
  left: 338px !important;
  bottom: 106px !important;
  width: 8px !important;
  height: 8px !important;
  background: var(--croc-blue) !important;
  box-shadow: 0 0 0 4px var(--croc), 0 0 0 6px rgba(255, 253, 247, 0.8) !important;
}

.amal-croc-loader .croc-tooth {
  width: 7px !important;
  height: 10px !important;
  background: var(--croc-paper) !important;
  clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
  z-index: 2 !important;
}

.amal-croc-loader .tooth-one { left: 364px !important; bottom: 73px !important; }
.amal-croc-loader .tooth-two { left: 384px !important; bottom: 73px !important; }
.amal-croc-loader .tooth-three { left: 404px !important; bottom: 73px !important; }

.amal-croc-loader .croc-leg {
  bottom: 51px !important;
  width: 15px !important;
  height: 28px !important;
  background: var(--croc-dark) !important;
  transform-origin: top center !important;
}

.amal-croc-loader .croc-leg-front {
  left: 260px !important;
  animation: crocStepFrontV3 980ms steps(2) infinite !important;
}

.amal-croc-loader .croc-leg-back {
  left: 196px !important;
  animation: crocStepBackV3 980ms steps(2) infinite !important;
}

.amal-buffer-bar {
  position: relative !important;
  width: min(720px, 82vw) !important;
  height: 16px !important;
  margin-top: 10px !important;
  overflow: hidden !important;
  border: 3px solid var(--amal-floral-blue) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 247, 0.82) !important;
  box-shadow: none !important;
}

.amal-buffer-bar span {
  display: block !important;
  width: 0;
  height: 100% !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, rgba(255, 253, 247, 0.24), transparent 42%),
    var(--amal-sage-bar) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 253, 247, 0.34) !important;
  animation: none !important;
  transition: width 80ms linear !important;
}

.amal-buffer-bar::after {
  position: absolute;
  top: -9px;
  left: calc(var(--loader-progress, 0%) - 8px);
  width: 18px;
  height: 32px;
  content: "";
  background:
    radial-gradient(circle, #c7a452 0 3px, transparent 4px),
    linear-gradient(90deg, transparent 0 8px, #c7a452 8px 10px, transparent 10px),
    linear-gradient(0deg, transparent 0 14px, #c7a452 14px 16px, transparent 16px);
  opacity: 0.9;
  transition: left 80ms linear;
}

.amal-buffer-percent {
  color: var(--amal-floral-blue) !important;
  font-family: var(--amal-display) !important;
  font-size: 40px !important;
  letter-spacing: 0.16em !important;
  text-indent: 0.16em !important;
}

@keyframes cloudSlideV3 {
  from { transform: translateX(0); }
  to { transform: translateX(-780px); }
}

@keyframes groundRunV3 {
  from { background-position-x: 0; }
  to { background-position-x: -72px; }
}

@keyframes obstacleRunV3 {
  from { transform: translateX(0); }
  to { transform: translateX(-780px); }
}

@keyframes dustTrailV3 {
  0% { opacity: 0; transform: translate(0, 0) scale(1); }
  40% { opacity: 0.8; }
  100% { opacity: 0; transform: translate(-38px, 12px) scale(0.4); }
}

@keyframes crocHopV3 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes crocJawV3 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(4deg); }
}

@keyframes crocStepFrontV3 {
  0%, 100% { transform: translateY(0) rotate(14deg); }
  50% { transform: translateY(-8px) rotate(-14deg); }
}

@keyframes crocStepBackV3 {
  0%, 100% { transform: translateY(0) rotate(-14deg); }
  50% { transform: translateY(-8px) rotate(14deg); }
}

@media (max-width: 1020px) {
  body::after {
    background:
      var(--amal-floral-url) left -190px top 72px / 430px auto no-repeat,
      var(--amal-floral-url) right -190px bottom -160px / 430px auto no-repeat;
    opacity: 0.48;
  }

  .hero {
    min-height: 620px !important;
  }

  .hero-body {
    min-height: 560px !important;
    padding-top: 136px !important;
  }

  .hero-title {
    font-size: 72px !important;
  }

  .section-h2,
  .shop-title,
  body.shop-all-page .shop-title,
  .product-copy h1,
  .vertical-info h1 {
    font-size: 48px !important;
  }

  .vertical-archive {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
  }

  .vertical-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 120px !important;
    order: 2 !important;
    overflow-x: auto !important;
  }

  .vertical-stage,
  .vertical-info {
    min-height: 560px !important;
  }

  .vertical-info {
    order: 3 !important;
  }

  .vertical-stage {
    order: 1 !important;
  }
}

@media (max-width: 640px) {
  body::before {
    background:
      linear-gradient(180deg, rgba(255, 253, 247, 0.82), rgba(246, 249, 242, 0.9)),
      var(--amal-floral-url) center top / 720px auto repeat-y !important;
    opacity: 0.5 !important;
  }

  body::after {
    background:
      var(--amal-floral-url) left -150px top 86px / 300px auto no-repeat,
      var(--amal-floral-url) right -150px bottom -90px / 320px auto no-repeat;
    opacity: 0.42;
  }

  .amal-logo,
  .nav-logo {
    font-size: 30px !important;
  }

  .hero {
    min-height: 570px !important;
  }

  .hero::before {
    left: -172px !important;
    top: 76px !important;
    width: 340px !important;
    height: 360px !important;
    background-size: 360px auto !important;
    opacity: 0.7 !important;
  }

  .hero::after {
    right: -182px !important;
    bottom: 28px !important;
    width: 360px !important;
    height: 370px !important;
    background-size: 390px auto !important;
    opacity: 0.58 !important;
  }

  .hero-body {
    min-height: 510px !important;
    padding: 118px 18px 92px !important;
  }

  .hero-title {
    font-size: 50px !important;
    letter-spacing: 0.18em !important;
    text-indent: 0.18em !important;
  }

  .hero-city {
    font-size: 10px !important;
    letter-spacing: 0.38em !important;
    text-indent: 0.38em !important;
  }

  .hero-lede {
    max-width: 290px !important;
    font-size: 15px !important;
  }

  .section-h2,
  .shop-title,
  body.shop-all-page .shop-title,
  .product-copy h1,
  .vertical-info h1 {
    font-size: 40px !important;
  }

  .vertical-products {
    grid-template-columns: 1fr !important;
  }

  .vertical-product-card,
  .vertical-product-card > span {
    min-height: 150px !important;
  }

  .vertical-info {
    padding: 28px 18px !important;
  }

  .amal-buffer-inner {
    width: calc(100vw - 26px) !important;
    min-height: calc(100svh - 26px) !important;
    margin: 13px auto !important;
    gap: 14px !important;
  }

  .amal-buffer::before {
    left: -168px !important;
    top: -86px !important;
    width: 360px !important;
    height: 330px !important;
    background-size: 390px auto !important;
  }

  .amal-buffer::after {
    right: -170px !important;
    bottom: -96px !important;
    width: 390px !important;
    height: 330px !important;
    background-size: 430px auto !important;
  }

  .amal-buffer-inner::before {
    right: -186px;
    width: 340px;
    height: 270px;
    background-size: 370px auto;
  }

  .amal-buffer-inner::after {
    left: -176px;
    width: 340px;
    height: 270px;
    background-size: 370px auto;
  }

  .amal-buffer-wordmark {
    font-size: 52px !important;
    letter-spacing: 0.18em !important;
    text-indent: 0.18em !important;
  }

  .amal-buffer-city {
    font-size: 12px !important;
    letter-spacing: 0.36em !important;
    text-indent: 0.36em !important;
  }

  .amal-croc-loader {
    width: 430px !important;
    height: 154px !important;
    transform: scale(0.76) !important;
    transform-origin: center center !important;
  }

  .amal-buffer-bar {
    width: min(330px, 86vw) !important;
    height: 14px !important;
  }

  .amal-buffer-percent {
    font-size: 30px !important;
  }
}

/* AMAL client refresh v4: flowing blue floral wash, no green accent surfaces. */
:root {
  --amal-porcelain-2: #f4f8fc;
  --amal-blue-soft: #edf4fb;
  --amal-sage: #3d6595;
  --amal-sage-dark: #264f82;
  --amal-sage-bar: #264f82;
  --amal-sage-pale: #eef5fb;
  --amal-floral-blue: #264f82;
  --amal-line-blue: rgba(38, 79, 130, 0.18);
  --amal-floral-url: url("/images/design/amal-blue-flowing-floral-wash-soft.webp");
}

body::before {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.82), rgba(249, 251, 253, 0.9)),
    var(--amal-floral-url) center top / 100vw auto no-repeat !important;
  opacity: 0.64 !important;
}

body::after {
  display: none !important;
}

.hero,
body:has(.hero) .hero {
  background:
    radial-gradient(circle at 50% 37%, rgba(255, 255, 255, 0.96) 0 21%, rgba(255, 253, 247, 0.8) 54%, rgba(240, 246, 252, 0.76) 100%),
    var(--amal-floral-url) center center / cover no-repeat,
    var(--amal-paper) !important;
}

.hero::before {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  background: var(--amal-floral-url) center center / cover no-repeat !important;
  opacity: 0.5 !important;
  transform: none !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0 31%, transparent 48%, transparent 54%, #000 76% 100%) !important;
  mask-image: linear-gradient(90deg, #000 0 31%, transparent 48%, transparent 54%, #000 76% 100%) !important;
}

.hero::after {
  display: none !important;
}

.section::before,
.materials-section::before,
.craft-section::before,
.shop-page::before,
.leather-archive-page::before,
.product-page::before {
  background: var(--amal-floral-url) center top / 100vw auto no-repeat !important;
  opacity: 0.18 !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0 44%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, #000 0 44%, transparent 100%) !important;
}

.hero-rule {
  background: rgba(38, 79, 130, 0.42) !important;
}

.hero-strip,
.stats,
.footer {
  background: linear-gradient(90deg, #244d7f, #456f9f) !important;
}

.archive-toggle button.is-active,
.archive-toggle button:hover,
.belt-material-nav a:hover,
.belt-material-nav a[aria-current="page"],
.btn:hover,
.btn-ghost-linen:hover,
.btn-solid-ink,
.product-add,
.amal-cart-checkout,
.product-cta {
  background: var(--amal-floral-blue) !important;
  border-color: rgba(38, 79, 130, 0.42) !important;
  color: var(--amal-paper) !important;
}

.vertical-option.is-active,
body.shop-all-page .material-btn.is-active,
body.shop-all-page .right-filter-btn.is-active {
  background: rgba(38, 79, 130, 0.12) !important;
  color: var(--amal-floral-blue) !important;
}

.vertical-stage,
.vertical-product-card figure,
body.shop-all-page .card-media,
.related-card figure,
.product-main,
.wallet-list-card figure {
  background:
    linear-gradient(180deg, #f9fbfd, #eef5fb) !important;
}

.vertical-product-card:nth-child(2) figure::after {
  background: linear-gradient(180deg, rgba(38, 79, 130, 0.06), rgba(32, 70, 116, 0.5)) !important;
}

body.shop-all-page .category-bar {
  background:
    linear-gradient(90deg, rgba(255, 253, 247, 0.94), rgba(235, 243, 251, 0.94)) !important;
  color: var(--amal-floral-blue) !important;
}

body.shop-all-page .category-tab {
  background: rgba(255, 253, 247, 0.72) !important;
  color: var(--amal-floral-blue) !important;
  border-color: rgba(38, 79, 130, 0.22) !important;
}

body.shop-all-page .category-tab.is-active {
  background: var(--amal-floral-blue) !important;
  color: var(--amal-paper) !important;
}

body.shop-all-page .availability {
  color: rgba(38, 79, 130, 0.72) !important;
}

body.shop-all-page .availability::before {
  background: rgba(38, 79, 130, 0.28) !important;
}

body.shop-all-page .availability.is-available {
  color: var(--amal-floral-blue) !important;
}

body.shop-all-page .availability.is-available::before {
  background: var(--amal-floral-blue) !important;
}

body.shop-all-page .atelier-hero {
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 253, 247, 0.9) 0 25%, rgba(236, 244, 251, 0.82) 64%, rgba(250, 252, 254, 0.88) 100%),
    var(--amal-floral-url) center center / cover no-repeat,
    var(--amal-paper) !important;
}

body.shop-all-page .atelier-hero::before,
body.shop-all-page .atelier-hero::after {
  display: none !important;
}

.product-meta {
  background:
    linear-gradient(180deg, rgba(239, 246, 252, 0.94), rgba(255, 253, 247, 0.94)) !important;
}

.product-cta {
  background: var(--amal-floral-blue) !important;
}

.amal-buffer {
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.97) 0 29%, rgba(255, 253, 247, 0.9) 58%, rgba(239, 246, 252, 0.94) 100%),
    var(--amal-floral-url) center center / cover no-repeat,
    var(--amal-paper) !important;
}

.amal-buffer::before,
.amal-buffer::after,
.amal-buffer-inner::before,
.amal-buffer-inner::after {
  display: none !important;
}

.amal-croc-loader {
  --croc: #456f9f;
  --croc-dark: #214a7f;
  --croc-blue: #214a7f;
}

.amal-croc-loader .game-dust {
  background: rgba(38, 79, 130, 0.6) !important;
}

.amal-croc-loader .croc-tail {
  box-shadow: inset -12px 0 0 rgba(32, 70, 116, 0.42) !important;
}

.amal-croc-loader .croc-body {
  background:
    linear-gradient(90deg, rgba(32, 70, 116, 0.18), transparent 46%),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(32, 70, 116, 0.2) 18px 25px),
    var(--croc) !important;
  box-shadow:
    inset 0 -9px 0 rgba(32, 70, 116, 0.36),
    20px 30px 0 -14px var(--croc-dark),
    82px 30px 0 -14px var(--croc-dark) !important;
}

.amal-croc-loader .croc-head {
  box-shadow: inset 0 -8px 0 rgba(32, 70, 116, 0.36), 54px 10px 0 -6px var(--croc) !important;
}

.amal-croc-loader .croc-jaw {
  box-shadow: inset 0 -5px 0 rgba(32, 70, 116, 0.42) !important;
}

.amal-buffer-bar span {
  background:
    linear-gradient(90deg, rgba(255, 253, 247, 0.24), transparent 42%),
    var(--amal-floral-blue) !important;
}

@media (max-width: 640px) {
  body::before,
  .hero,
  .hero::before,
  .amal-buffer,
  body.shop-all-page .atelier-hero {
    background-size: auto 100% !important;
  }
}

/* AMAL client refresh v5: one-to-one website mock pass, flowing blue floral, no green accents. */
:root {
  --amal-v5-paper: #fffdfa;
  --amal-v5-ivory: #fbf7ef;
  --amal-v5-powder: #edf5fc;
  --amal-v5-powder-strong: #dfecf7;
  --amal-v5-navy: #063f7e;
  --amal-v5-blue: #1d5a99;
  --amal-v5-ink: #09284c;
  --amal-v5-muted: rgba(9, 40, 76, 0.66);
  --amal-v5-line: rgba(6, 63, 126, 0.16);
  --amal-v5-shadow: 0 22px 56px rgba(9, 40, 76, 0.1);
  --green: var(--amal-v5-navy);
  --amal-sage: var(--amal-v5-blue);
  --amal-sage-dark: var(--amal-v5-navy);
  --amal-sage-bar: var(--amal-v5-navy);
  --amal-sage-pale: var(--amal-v5-powder);
  --amal-floral-blue: var(--amal-v5-navy);
  --amal-line-blue: var(--amal-v5-line);
}

html,
body {
  background: var(--amal-v5-paper) !important;
}

body {
  color: var(--amal-v5-ink) !important;
}

.reveal,
.reveal.visible {
  opacity: 1 !important;
  transform: none !important;
}

.amal-cart-trigger {
  display: none !important;
}

body:has(.mock-home-hero) .materials-section,
body:has(.mock-home-hero) .craft-section,
body:has(.mock-home-hero) .contact-section {
  display: none !important;
}

body::before {
  background:
    radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.9), transparent 34rem),
    linear-gradient(180deg, rgba(255, 253, 250, 0.98), rgba(248, 251, 254, 0.96)) !important;
  opacity: 1 !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.nav,
.shop-nav,
.amal-nav {
  height: 72px !important;
  color: var(--amal-v5-navy) !important;
  background: rgba(255, 253, 250, 0.96) !important;
  border-bottom: 1px solid var(--amal-v5-line) !important;
  box-shadow: 0 10px 26px rgba(9, 40, 76, 0.06) !important;
}

.nav-logo,
.amal-logo,
.shop-nav .nav-logo,
.nav .nav-logo {
  color: var(--amal-v5-navy) !important;
  font-family: var(--display, Georgia, serif) !important;
  font-size: clamp(26px, 3.2vw, 42px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.3em !important;
  text-indent: 0.3em !important;
}

.nav-links,
.amal-nav-links,
.nav-actions {
  gap: clamp(18px, 2.5vw, 38px) !important;
}

.nav-links a,
.amal-nav-links a,
.nav-actions a,
.nav-actions button,
.nav-link {
  color: var(--amal-v5-navy) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
}

.hero.mock-home-hero,
body:has(.mock-home-hero) .hero.mock-home-hero {
  min-height: 618px !important;
  overflow: hidden !important;
  color: var(--amal-v5-navy) !important;
  background:
    radial-gradient(circle at 50% 43%, rgba(255, 255, 255, 0.98) 0 20%, rgba(255, 253, 250, 0.92) 48%, rgba(238, 245, 252, 0.68) 100%),
    var(--amal-v5-paper) !important;
  isolation: isolate !important;
}

.mock-home-hero .hero-media,
.mock-home-hero .hero-overlay,
.cover-rail,
.mock-home-hero .hero-lede,
.mock-home-hero .hero-strip {
  display: none !important;
}

.mock-home-hero::before,
.mock-home-hero::after {
  position: absolute !important;
  top: 72px !important;
  bottom: 0 !important;
  width: min(44vw, 560px) !important;
  height: auto !important;
  content: "" !important;
  display: block !important;
  pointer-events: none !important;
  background-image: var(--amal-floral-url) !important;
  background-repeat: no-repeat !important;
  background-size: 780px auto !important;
  opacity: 0.72 !important;
  transform: none !important;
  z-index: -1 !important;
}

.mock-home-hero::before {
  left: -90px !important;
  background-position: left 34px !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0 62%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, #000 0 62%, transparent 100%) !important;
}

.mock-home-hero::after {
  right: -100px !important;
  background-position: right 8px !important;
  -webkit-mask-image: linear-gradient(270deg, #000 0 62%, transparent 100%) !important;
  mask-image: linear-gradient(270deg, #000 0 62%, transparent 100%) !important;
}

.mock-home-hero .hero-body {
  min-height: 618px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 0 !important;
  padding: 120px clamp(20px, 5vw, 72px) 72px !important;
  color: var(--amal-v5-navy) !important;
}

.hero-brandmark {
  margin: 0 !important;
  font-family: var(--display, Georgia, serif) !important;
  font-size: clamp(54px, 6.8vw, 100px) !important;
  font-weight: 400 !important;
  line-height: 0.85 !important;
  letter-spacing: 0.44em !important;
  text-indent: 0.44em !important;
  color: var(--amal-v5-navy) !important;
}

.mock-home-hero .hero-city {
  margin-top: 18px !important;
  color: var(--amal-v5-navy) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.52em !important;
  text-indent: 0.52em !important;
}

.mock-home-hero .hero-rule {
  position: relative !important;
  width: 88px !important;
  height: 1px !important;
  margin: 22px auto 20px !important;
  background: rgba(6, 63, 126, 0.28) !important;
  opacity: 1 !important;
  transform: none !important;
}

.mock-home-hero .hero-rule::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  content: "";
  background: var(--amal-v5-navy);
  transform: translate(-50%, -50%) rotate(45deg);
}

.mock-home-hero .hero-title {
  max-width: 640px !important;
  margin: 0 auto !important;
  color: var(--amal-v5-navy) !important;
  font-family: var(--display, Georgia, serif) !important;
  font-size: clamp(38px, 5vw, 72px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  text-align: center !important;
  opacity: 1 !important;
  transform: none !important;
}

.hero-shop-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 128px !important;
  min-height: 44px !important;
  margin-top: 30px !important;
  border: 1px solid var(--amal-v5-navy) !important;
  border-radius: 4px !important;
  background: var(--amal-v5-navy) !important;
  color: var(--amal-v5-paper) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.commerce-home {
  padding: 34px clamp(20px, 3.4vw, 52px) 72px !important;
  background: var(--amal-v5-paper) !important;
}

.commerce-home::before,
.commerce-home::after {
  display: none !important;
}

.home-category-grid {
  width: min(100%, 1400px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.home-category-grid .cat-card {
  aspect-ratio: 1 / 0.9 !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) 58px !important;
  align-content: stretch !important;
  border: 1px solid rgba(6, 63, 126, 0.1) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
}

.home-category-grid .cat-card::before,
.home-category-grid .cat-card::after,
.home-category-grid .cat-overlay,
.home-category-grid .cat-arrow {
  display: none !important;
}

.home-category-grid .cat-card img {
  align-self: center !important;
  justify-self: center !important;
  width: auto !important;
  height: auto !important;
  max-width: 72% !important;
  max-height: calc(100% - 22px) !important;
  object-fit: contain !important;
  padding: 0 !important;
  filter: drop-shadow(0 20px 32px rgba(9, 40, 76, 0.18)) !important;
}

.home-category-grid .cat-card:nth-child(4) img {
  max-width: 84% !important;
  max-height: calc(100% - 10px) !important;
  object-fit: contain !important;
  padding: 0 !important;
}

.home-category-grid .cat-label {
  position: static !important;
  display: grid !important;
  place-items: center !important;
  min-height: 58px !important;
  padding: 0 12px 18px !important;
  color: var(--amal-v5-navy) !important;
}

.home-category-grid .cat-label strong {
  color: var(--amal-v5-navy) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.commerce-home .stats {
  width: min(100%, 1400px) !important;
  margin: 34px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border: 1px solid rgba(6, 63, 126, 0.14) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #f3f8fd, #e7f1fa) !important;
  box-shadow: none !important;
}

.commerce-home .stat {
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  min-height: 126px !important;
  padding: 24px 18px !important;
  border-right: 1px solid rgba(6, 63, 126, 0.12) !important;
  color: var(--amal-v5-navy) !important;
  text-align: center !important;
}

.commerce-home .stat:last-child {
  border-right: 0 !important;
}

.stat-icon {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgba(6, 63, 126, 0.4) !important;
  border-radius: 50% !important;
  color: var(--amal-v5-navy) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.commerce-home .stat-num {
  color: var(--amal-v5-navy) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.commerce-home .stat-label {
  max-width: 190px !important;
  margin: 0 !important;
  color: rgba(9, 40, 76, 0.7) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}

.new-arrivals-block {
  width: min(100%, 1400px) !important;
  margin: 58px auto 0 !important;
}

.home-row-heading {
  display: flex !important;
  align-items: end !important;
  justify-content: center !important;
  position: relative !important;
  min-height: 72px !important;
  margin-bottom: 24px !important;
}

.home-row-heading h2,
.related-products h2 {
  color: var(--amal-v5-navy) !important;
  font-family: var(--display, Georgia, serif) !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.home-row-heading a {
  position: absolute !important;
  right: 0 !important;
  bottom: 12px !important;
  color: var(--amal-v5-navy) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.new-arrivals-grid,
.related-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.arrival-card,
.related-card {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
  color: var(--amal-v5-ink) !important;
}

.arrival-media,
.related-card figure {
  display: grid !important;
  place-items: center !important;
  aspect-ratio: 1 / 0.86 !important;
  margin: 0 !important;
  border: 1px solid rgba(6, 63, 126, 0.08) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  overflow: hidden !important;
}

.arrival-media img,
.related-card figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: clamp(16px, 2.4vw, 34px) !important;
  filter: drop-shadow(0 18px 28px rgba(9, 40, 76, 0.16)) !important;
}

.arrival-card:nth-child(4) .arrival-media img {
  object-fit: contain !important;
  padding: 0 !important;
  max-width: 92% !important;
  max-height: 84% !important;
}

.arrival-card strong,
.related-card strong {
  margin-top: 10px !important;
  color: var(--amal-v5-navy) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.arrival-card span:not(.arrival-media),
.related-card span {
  color: var(--amal-v5-ink) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.materials-section,
.craft-section,
.contact-section {
  background: var(--amal-v5-paper) !important;
  color: var(--amal-v5-ink) !important;
}

.materials-section .section-h2,
.craft-section .section-h2,
.contact-section .section-h2 {
  color: var(--amal-v5-navy) !important;
}

.materials-section .eyebrow,
.craft-section .eyebrow,
.contact-section .eyebrow,
.materials-copy p,
.craft-copy p,
.contact-copy p {
  color: var(--amal-v5-muted) !important;
}

.mat-grid,
.craft-note,
.contact-actions {
  border-color: var(--amal-v5-line) !important;
  background: rgba(237, 245, 252, 0.48) !important;
}

.mat-tile {
  background: rgba(255, 255, 255, 0.58) !important;
}

.mat-tile-name {
  color: var(--amal-v5-navy) !important;
}

.mat-tile-count {
  color: var(--amal-v5-muted) !important;
}

.footer,
.shop-footer {
  position: relative !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(6, 63, 126, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(237, 245, 252, 0.94), rgba(255, 253, 250, 0.96)) !important;
  color: var(--amal-v5-navy) !important;
}

.footer::before,
.shop-footer::before {
  position: absolute !important;
  left: -120px !important;
  bottom: -142px !important;
  width: 420px !important;
  height: 300px !important;
  content: "" !important;
  background: var(--amal-floral-url) left bottom / 440px auto no-repeat !important;
  opacity: 0.36 !important;
  pointer-events: none !important;
}

.footer::after,
.shop-footer::after {
  position: absolute !important;
  right: -120px !important;
  bottom: -120px !important;
  width: 430px !important;
  height: 300px !important;
  content: "" !important;
  background: var(--amal-floral-url) right bottom / 450px auto no-repeat !important;
  opacity: 0.38 !important;
  pointer-events: none !important;
}

.footer *,
.footer a,
.shop-footer *,
.shop-footer a {
  position: relative !important;
  color: var(--amal-v5-navy) !important;
}

body.shop-all-page {
  background: var(--amal-v5-paper) !important;
}

body.shop-all-page .shop-shell {
  display: block !important;
  min-height: 100vh !important;
  padding-top: 72px !important;
  background: var(--amal-v5-paper) !important;
}

body.shop-all-page .shop-main {
  border: 0 !important;
  background: transparent !important;
}

body.shop-all-page .atelier-hero {
  min-height: 314px !important;
  display: grid !important;
  place-items: center !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(6, 63, 126, 0.12) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 255, 255, 0.98) 0 26%, rgba(255, 253, 250, 0.9) 58%, rgba(237, 245, 252, 0.72) 100%),
    var(--amal-v5-paper) !important;
  box-shadow: none !important;
}

body.shop-all-page .atelier-hero::before,
body.shop-all-page .atelier-hero::after {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: min(42vw, 480px) !important;
  height: auto !important;
  content: "" !important;
  background-image: var(--amal-floral-url) !important;
  background-repeat: no-repeat !important;
  background-size: 640px auto !important;
  opacity: 0.54 !important;
  pointer-events: none !important;
  transform: none !important;
  box-shadow: none !important;
  z-index: 0 !important;
}

body.shop-all-page .atelier-hero::before {
  left: -96px !important;
  background-position: left top !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0 62%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, #000 0 62%, transparent 100%) !important;
}

body.shop-all-page .atelier-hero::after {
  right: -104px !important;
  background-position: right 4px !important;
  -webkit-mask-image: linear-gradient(270deg, #000 0 62%, transparent 100%) !important;
  mask-image: linear-gradient(270deg, #000 0 62%, transparent 100%) !important;
}

.shop-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  justify-items: center !important;
  max-width: 540px !important;
  color: var(--amal-v5-navy) !important;
  text-align: center !important;
}

.shop-hero-copy h1 {
  margin: 0 !important;
  color: var(--amal-v5-navy) !important;
  font-family: var(--display, Georgia, serif) !important;
  font-size: clamp(46px, 5vw, 78px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.shop-hero-copy span {
  width: 90px !important;
  height: 1px !important;
  margin: 18px 0 !important;
  background: rgba(6, 63, 126, 0.24) !important;
}

.shop-hero-copy p {
  max-width: 390px !important;
  margin: 0 !important;
  color: var(--amal-v5-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.shop-all-page .atelier-products,
body.shop-all-page .atelier-scene-tool {
  display: none !important;
}

body.shop-all-page .category-bar {
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: 14px clamp(20px, 4vw, 72px) !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(6, 63, 126, 0.12) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #f2f7fc, #e6f0f9) !important;
  color: var(--amal-v5-navy) !important;
  box-shadow: none !important;
}

body.shop-all-page .category-board,
body.shop-all-page .material-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.shop-all-page .material-strip {
  display: none !important;
}

body.shop-all-page .category-tab,
body.shop-all-page .material-btn,
body.shop-all-page .side-link,
body.shop-all-page .right-filter-btn {
  min-height: 34px !important;
  border: 1px solid rgba(6, 63, 126, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: var(--amal-v5-navy) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.shop-all-page .category-tab.is-active,
body.shop-all-page .material-btn.is-active,
body.shop-all-page .side-link.is-active,
body.shop-all-page .right-filter-btn.is-active {
  background: var(--amal-v5-navy) !important;
  color: var(--amal-v5-paper) !important;
  border-color: var(--amal-v5-navy) !important;
}

.shop-catalog-layout {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 230px minmax(0, 1fr) !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
  border-left: 1px solid rgba(6, 63, 126, 0.1) !important;
  border-right: 1px solid rgba(6, 63, 126, 0.1) !important;
  background: rgba(255, 253, 250, 0.92) !important;
}

body.shop-all-page .shop-sidebar {
  position: static !important;
  min-height: auto !important;
  padding: 28px 24px !important;
  border: 0 !important;
  border-right: 1px solid rgba(6, 63, 126, 0.1) !important;
  border-radius: 0 !important;
  background: rgba(255, 253, 250, 0.88) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.shop-all-page .shop-kicker,
body.shop-all-page .side-heading,
body.shop-all-page .side-count,
body.shop-all-page .filter-heading,
body.shop-all-page .sort-label {
  color: var(--amal-v5-navy) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.shop-all-page .side-section {
  margin-top: 24px !important;
}

body.shop-all-page .side-list {
  display: grid !important;
  gap: 10px !important;
  margin-top: 16px !important;
  border: 0 !important;
}

body.shop-all-page .side-link {
  width: 100% !important;
  justify-content: space-between !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border-bottom: 1px solid rgba(6, 63, 126, 0.16) !important;
}

body.shop-all-page .catalog-results-shell {
  padding: 30px clamp(20px, 3vw, 42px) 76px !important;
  background: transparent !important;
}

body.shop-all-page .result-bar {
  align-items: center !important;
  min-height: 46px !important;
  margin-bottom: 20px !important;
  padding-right: 168px !important;
}

body.shop-all-page .result-copy {
  color: var(--amal-v5-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.shop-all-page .shop-filter-panel {
  position: absolute !important;
  top: 28px !important;
  right: 42px !important;
  width: 148px !important;
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.shop-all-page .shop-filter-panel .filter-block {
  display: none !important;
}

body.shop-all-page .shop-filter-panel .filter-block:nth-child(2) {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.shop-all-page .sort-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

body.shop-all-page .sort-select {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(6, 63, 126, 0.18) !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--amal-v5-navy) !important;
  color-scheme: light !important;
  font-family: var(--amal-rounded) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

body.shop-all-page .product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

body.shop-all-page .product-card {
  border: 1px solid rgba(6, 63, 126, 0.08) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: none !important;
}

body.shop-all-page .product-card:hover,
body.shop-all-page .product-card:focus-visible {
  transform: translateY(-3px) !important;
  border-color: rgba(6, 63, 126, 0.22) !important;
  background: #fff !important;
}

body.shop-all-page .card-img-wrap {
  aspect-ratio: 1 / 0.82 !important;
  border: 0 !important;
  background: linear-gradient(180deg, #fbfbfa, #f4f7fb) !important;
}

body.shop-all-page .card-img {
  width: auto !important;
  height: auto !important;
  max-width: 72% !important;
  max-height: 74% !important;
  padding: clamp(20px, 3vw, 42px) !important;
  object-fit: contain !important;
  padding: 0 !important;
  filter: drop-shadow(0 20px 30px rgba(9, 40, 76, 0.16)) !important;
}

body.shop-all-page .favorite-mark {
  display: none !important;
}

body.shop-all-page .card-body {
  min-height: 126px !important;
  gap: 5px !important;
  padding: 16px 18px 20px !important;
}

body.shop-all-page .card-title,
body.shop-all-page .card-price {
  color: var(--amal-v5-navy) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

body.shop-all-page .card-material,
body.shop-all-page .availability {
  color: var(--amal-v5-ink) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.shop-all-page .availability.is-available,
body.shop-all-page .availability {
  color: rgba(9, 40, 76, 0.64) !important;
}

body.shop-all-page .availability::before,
body.shop-all-page .availability.is-available::before {
  background: rgba(6, 63, 126, 0.32) !important;
  box-shadow: none !important;
}

body.shop-all-page .shop-footer {
  grid-column: 1 / -1 !important;
  margin: 54px -42px -76px !important;
  padding: 38px clamp(22px, 4vw, 62px) !important;
}

.product-page {
  padding: 112px clamp(20px, 4vw, 62px) 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 250, 0.98), rgba(248, 251, 254, 0.96)) !important;
  color: var(--amal-v5-ink) !important;
}

.product-layout {
  max-width: 1450px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(620px, 1fr) minmax(360px, 460px) !important;
  gap: clamp(36px, 5vw, 78px) !important;
  padding: 0 0 64px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.product-media {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 18px !important;
  position: sticky !important;
  top: 96px !important;
}

.product-thumb {
  width: 76px !important;
  border: 1px solid rgba(6, 63, 126, 0.14) !important;
  border-radius: 6px !important;
  background: #fff !important;
  opacity: 1 !important;
}

.product-thumb.is-active {
  border-color: var(--amal-v5-navy) !important;
}

.product-main {
  min-height: 620px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(6, 63, 126, 0.08) !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #fff, #f8f7f4) !important;
  box-shadow: none !important;
}

.product-main img {
  min-height: 0 !important;
  max-height: 560px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: clamp(28px, 4vw, 62px) !important;
  background: transparent !important;
  filter: drop-shadow(0 24px 38px rgba(9, 40, 76, 0.12)) !important;
}

.product-copy {
  position: sticky !important;
  top: 96px !important;
  padding: 20px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--amal-v5-ink) !important;
}

.back-link,
.product-copy .eyebrow {
  color: var(--amal-v5-navy) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.product-copy h1 {
  max-width: 440px !important;
  margin-top: 12px !important;
  color: var(--amal-v5-navy) !important;
  font-family: var(--display, Georgia, serif) !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.product-price {
  margin-top: 22px !important;
  color: var(--amal-v5-navy) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.product-meta {
  gap: 0 !important;
  margin: 28px 0 !important;
  border: 1px solid rgba(6, 63, 126, 0.12) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #eef6fc, #e4eff8) !important;
  box-shadow: none !important;
}

.product-meta > div {
  padding: 18px !important;
  border-color: rgba(6, 63, 126, 0.1) !important;
  background: transparent !important;
}

.product-meta span,
.product-option-label {
  color: var(--amal-v5-navy) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
}

.product-meta strong {
  color: var(--amal-v5-ink) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.product-form {
  gap: 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.product-quantity {
  border: 1px solid rgba(6, 63, 126, 0.16) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.product-quantity button,
.product-quantity output {
  background: #fff !important;
  color: var(--amal-v5-navy) !important;
}

.product-cta {
  min-height: 54px !important;
  border: 1px solid var(--amal-v5-navy) !important;
  border-radius: 4px !important;
  background: var(--amal-v5-navy) !important;
  color: var(--amal-v5-paper) !important;
  font-family: var(--amal-rounded) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
}

.product-cta:hover,
.product-cta:focus-visible {
  background: #0a4c92 !important;
  color: var(--amal-v5-paper) !important;
}

.product-description {
  color: var(--amal-v5-muted) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.product-accordion {
  margin-top: 32px !important;
  border-top: 1px solid rgba(6, 63, 126, 0.12) !important;
}

.product-accordion details {
  border-bottom: 1px solid rgba(6, 63, 126, 0.12) !important;
  background: linear-gradient(180deg, rgba(237, 245, 252, 0.72), rgba(255, 255, 255, 0.82)) !important;
}

.product-accordion summary {
  min-height: 58px !important;
  padding: 0 18px !important;
  color: var(--amal-v5-navy) !important;
}

.feature-list {
  padding: 0 18px 18px !important;
}

.feature-list li {
  color: var(--amal-v5-muted) !important;
}

.related-products {
  max-width: none !important;
  margin: 0 calc(clamp(20px, 4vw, 62px) * -1) !important;
  padding: 52px clamp(20px, 4vw, 62px) 66px !important;
  border-top: 1px solid rgba(6, 63, 126, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 250, 0.96), rgba(237, 245, 252, 0.7)) !important;
}

.related-products h2 {
  max-width: 1450px !important;
  margin: 0 auto 28px !important;
  font-size: 20px !important;
  letter-spacing: 0.16em !important;
  text-align: left !important;
}

.related-products .related-grid {
  max-width: 1450px !important;
  margin: 0 auto !important;
}

@media (max-width: 1180px) {
  .home-category-grid,
  .new-arrivals-grid,
  .related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .commerce-home .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.shop-all-page .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .product-layout {
    grid-template-columns: 1fr !important;
  }

  .product-media,
  .product-copy {
    position: static !important;
  }
}

@media (max-width: 820px) {
  .mock-home-hero,
  .mock-home-hero .hero-body {
    min-height: 560px !important;
  }

  .mock-home-hero::before,
  .mock-home-hero::after {
    width: 74vw !important;
    opacity: 0.42 !important;
    background-size: 560px auto !important;
  }

  .hero-brandmark {
    font-size: 46px !important;
  }

  .mock-home-hero .hero-title {
    font-size: 36px !important;
  }

  .home-category-grid,
  .new-arrivals-grid,
  .related-grid,
  .commerce-home .stats {
    grid-template-columns: 1fr !important;
  }

  .shop-catalog-layout {
    display: block !important;
    border-inline: 0 !important;
  }

  body.shop-all-page .shop-sidebar {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(6, 63, 126, 0.12) !important;
  }

  body.shop-all-page .shop-filter-panel {
    position: static !important;
    width: auto !important;
    padding: 16px 22px 0 !important;
  }

  body.shop-all-page .result-bar {
    padding-right: 0 !important;
  }

  body.shop-all-page .product-grid {
    grid-template-columns: 1fr !important;
  }

  .product-media {
    grid-template-columns: 1fr !important;
  }

  .product-thumbs {
    grid-template-columns: repeat(3, 76px) !important;
    order: 2 !important;
  }

  .product-main {
    min-height: 430px !important;
  }

  .home-row-heading {
    justify-content: flex-start !important;
  }

  .home-row-heading h2 {
    text-align: left !important;
  }

  .home-row-heading a {
    position: static !important;
    margin-left: auto !important;
  }
}

/* AMAL client refresh v7: richer home landing mock, single hero brand signal. */
:root {
  --amal-v7-navy: #063f7e;
  --amal-v7-ink: #022b5c;
  --amal-v7-deep: #021d43;
  --amal-v7-paper: #fffdfa;
  --amal-v7-ivory: #fbf1df;
  --amal-v7-powder: #e8f4fb;
  --amal-v7-powder-strong: #d9edf8;
  --amal-v7-red: #8d0714;
  --amal-v7-gold: #b8903f;
  --amal-v7-line: rgba(6, 63, 126, 0.16);
}

.nav,
.shop-nav,
.amal-nav {
  min-height: 84px !important;
  background: linear-gradient(180deg, var(--amal-v7-deep), var(--amal-v7-ink)) !important;
  border-bottom: 1px solid rgba(255, 253, 250, 0.16) !important;
  color: var(--amal-v7-paper) !important;
  box-shadow: 0 16px 34px rgba(2, 29, 67, 0.16) !important;
}

.nav-logo,
.amal-logo,
.shop-nav .nav-logo,
.nav .nav-logo {
  color: var(--amal-v7-paper) !important;
  text-shadow: 0 1px 0 rgba(184, 144, 63, 0.24) !important;
}

.nav-links a,
.amal-nav-links a,
.nav-actions a,
.nav-actions button,
.nav-link {
  color: rgba(255, 253, 250, 0.88) !important;
}

.hero.mock-home-hero,
body:has(.mock-home-hero) .hero.mock-home-hero {
  min-height: 610px !important;
  background:
    linear-gradient(90deg, rgba(251, 241, 223, 0.96) 0 48%, rgba(232, 244, 251, 0.98) 48% 100%),
    var(--amal-v7-paper) !important;
}

.mock-home-hero::before,
.mock-home-hero::after {
  opacity: 0.34 !important;
  z-index: 0 !important;
}

.mock-home-hero::before {
  left: -140px !important;
  background-position: left -18px top 38px !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0 44%, transparent 86%) !important;
  mask-image: linear-gradient(90deg, #000 0 44%, transparent 86%) !important;
}

.mock-home-hero::after {
  right: -130px !important;
  background-position: right -8px top 26px !important;
  -webkit-mask-image: linear-gradient(270deg, #000 0 48%, transparent 86%) !important;
  mask-image: linear-gradient(270deg, #000 0 48%, transparent 86%) !important;
}

.mock-home-hero .hero-body {
  position: relative !important;
  z-index: 1 !important;
  min-height: 610px !important;
  max-width: 1440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 0.92fr) minmax(480px, 1.08fr) !important;
  align-items: stretch !important;
  place-items: stretch !important;
  gap: 0 !important;
  padding: 84px clamp(28px, 4.8vw, 76px) 0 !important;
}

.hero-brandmark {
  display: none !important;
}

.hero-copy-panel {
  position: relative !important;
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  min-height: 526px !important;
  padding: clamp(54px, 7vw, 92px) clamp(30px, 4.8vw, 72px) clamp(58px, 7vw, 88px) 0 !important;
  color: var(--amal-v7-navy) !important;
}

.hero-copy-panel::before {
  position: absolute !important;
  inset: 40px clamp(16px, 3.6vw, 50px) 36px -34px !important;
  border: 1px solid rgba(184, 144, 63, 0.22) !important;
  border-radius: 6px !important;
  content: "" !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 250, 0.66), rgba(255, 253, 250, 0.22)),
    var(--amal-floral-url) left -220px bottom -182px / 520px auto no-repeat !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

.mock-home-hero .hero-city,
.mock-home-hero .hero-rule,
.mock-home-hero .hero-title,
.mock-home-hero .hero-shop-cta {
  position: relative !important;
  z-index: 1 !important;
}

.mock-home-hero .hero-city {
  margin: 0 0 18px !important;
  color: rgba(6, 63, 126, 0.72) !important;
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  text-indent: 0 !important;
}

.mock-home-hero .hero-rule {
  width: 116px !important;
  margin: 0 0 26px !important;
  background: rgba(184, 144, 63, 0.78) !important;
}

.mock-home-hero .hero-rule::after {
  background: var(--amal-v7-gold) !important;
}

.mock-home-hero .hero-title {
  max-width: 590px !important;
  margin: 0 !important;
  font-size: clamp(50px, 6.1vw, 86px) !important;
  line-height: 1.02 !important;
  text-align: left !important;
}

.hero-shop-cta {
  min-width: 156px !important;
  min-height: 48px !important;
  margin-top: 34px !important;
  border-color: var(--amal-v7-navy) !important;
  border-radius: 4px !important;
  background: var(--amal-v7-navy) !important;
  box-shadow: 0 18px 30px rgba(6, 63, 126, 0.18) !important;
}

.hero-product-stage {
  position: relative !important;
  min-height: 526px !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 52% 54%, rgba(255, 255, 255, 0.78) 0 28%, rgba(255, 255, 255, 0) 64%),
    linear-gradient(180deg, rgba(216, 236, 248, 0.82), rgba(238, 247, 252, 0.94)) !important;
}

.hero-product-stage::before {
  position: absolute !important;
  left: clamp(36px, 8vw, 118px) !important;
  right: clamp(32px, 7vw, 110px) !important;
  bottom: 78px !important;
  height: 18px !important;
  border-radius: 999px !important;
  content: "" !important;
  background: radial-gradient(ellipse, rgba(2, 43, 92, 0.18), rgba(2, 43, 92, 0)) !important;
  filter: blur(7px) !important;
}

.hero-product {
  position: absolute !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 28px 34px rgba(2, 43, 92, 0.2)) !important;
}

.hero-product-wallet {
  left: 8% !important;
  top: 12% !important;
  max-width: 32% !important;
  transform: rotate(-6deg) !important;
}

.hero-product-card {
  left: 33% !important;
  top: 10% !important;
  max-width: 26% !important;
  transform: rotate(4deg) !important;
}

.hero-product-belt {
  left: 24% !important;
  bottom: 12% !important;
  max-width: 52% !important;
  filter: drop-shadow(0 18px 24px rgba(2, 43, 92, 0.18)) !important;
}

.hero-product-bag {
  right: 2% !important;
  top: 22% !important;
  max-width: 38% !important;
  transform: rotate(2deg) !important;
}

.commerce-home {
  padding: 0 0 84px !important;
  background:
    linear-gradient(180deg, var(--amal-v7-powder) 0, var(--amal-v7-powder) 262px, var(--amal-v7-paper) 262px, var(--amal-v7-paper) 100%) !important;
}

.home-category-grid {
  width: 100% !important;
  max-width: none !important;
  gap: 0 !important;
  border-block: 1px solid rgba(6, 63, 126, 0.14) !important;
}

.home-category-grid .cat-card {
  min-height: 238px !important;
  aspect-ratio: auto !important;
  grid-template-rows: minmax(150px, 1fr) 64px !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 253, 250, 0.28) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg, #123f78, #062c62) !important;
  overflow: hidden !important;
}

.home-category-grid .cat-card:nth-child(2) {
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 55%),
    linear-gradient(180deg, #f6dfbd, #d8a669) !important;
}

.home-category-grid .cat-card:nth-child(3) {
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0) 55%),
    linear-gradient(180deg, #dff0f8, #a8cce0) !important;
}

.home-category-grid .cat-card:nth-child(4) {
  border-right: 0 !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 54%),
    linear-gradient(180deg, #b41727, #730613) !important;
}

.home-category-grid .cat-card img {
  max-width: 70% !important;
  max-height: 142px !important;
  filter: drop-shadow(0 24px 28px rgba(2, 43, 92, 0.24)) !important;
}

.home-category-grid .cat-card:nth-child(4) img {
  max-width: 78% !important;
  max-height: 150px !important;
}

.home-category-grid .cat-label {
  min-height: 64px !important;
  padding: 0 12px !important;
  background: rgba(255, 253, 250, 0.14) !important;
  color: var(--amal-v7-paper) !important;
}

.home-category-grid .cat-label strong {
  color: var(--amal-v7-paper) !important;
  text-shadow: 0 1px 0 rgba(2, 29, 67, 0.24) !important;
}

.commerce-home .stats {
  max-width: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(6, 63, 126, 0.14) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #e6f2fb, #d8eaf6) !important;
}

.commerce-home .stat {
  min-height: 124px !important;
  border-color: rgba(6, 63, 126, 0.13) !important;
}

.new-arrivals-block {
  margin-top: 66px !important;
  padding-inline: clamp(20px, 3.4vw, 52px) !important;
}

.arrival-media,
.related-card figure {
  background:
    radial-gradient(circle at 50% 50%, rgba(232, 244, 251, 0.84), rgba(255, 253, 250, 0.78) 62%) !important;
}

@media (max-width: 1180px) {
  .mock-home-hero .hero-body {
    grid-template-columns: 1fr !important;
    padding: 84px 0 0 !important;
  }

  .hero-copy-panel {
    min-height: 430px !important;
    padding-inline: clamp(24px, 7vw, 62px) !important;
  }

  .hero-copy-panel::before {
    inset-inline: clamp(18px, 5vw, 42px) !important;
  }

  .hero-product-stage {
    min-height: 380px !important;
  }
}

@media (max-width: 820px) {
  .nav,
  .shop-nav,
  .amal-nav {
    min-height: 72px !important;
  }

  .mock-home-hero .hero-title {
    font-size: 40px !important;
  }

  .hero-product-stage {
    min-height: 310px !important;
  }

  .home-category-grid .cat-card {
    min-height: 220px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 253, 250, 0.28) !important;
  }
}

/* AMAL loader v6: target screenshot rebuilt with deterministic sprite assets. */
body .amal-buffer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  overflow: hidden !important;
  background:
    url("/images/loader/loader-animated-base-clean.webp?v=loader-no-score-2") center / 100% 100% no-repeat,
    #fffdf8 !important;
  color: #063f7e !important;
}

body .amal-buffer[data-still="true"] {
  background:
    url("/images/loader/loader-pixel-reference.webp?v=loader-no-score-2") center / 100% 100% no-repeat,
    #fffdf8 !important;
}

body .amal-buffer::before,
body .amal-buffer::after,
body .amal-buffer-inner::before,
body .amal-buffer-inner::after {
  display: none !important;
  content: none !important;
}

body .amal-buffer-inner {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100vw !important;
  height: 100svh !important;
  min-height: 620px !important;
  margin: 0 !important;
  isolation: isolate !important;
  opacity: 1 !important;
}

body .amal-buffer[data-still="true"] .amal-buffer-inner {
  opacity: 0 !important;
}

body .amal-buffer-mark {
  position: absolute !important;
  left: 50% !important;
  top: clamp(92px, 17.3svh, 164px) !important;
  display: grid !important;
  justify-items: center !important;
  gap: clamp(11px, 1.3svh, 13px) !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
  opacity: 0 !important;
}

body .amal-buffer-wordmark {
  position: static !important;
  color: #063f7e !important;
  font-family: "Bodoni Moda", "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(96px, 8.8vw, 147px) !important;
  font-weight: 400 !important;
  line-height: 0.9 !important;
  letter-spacing: 0.5em !important;
  text-indent: 0.28em !important;
  text-shadow: none !important;
  transform: none !important;
}

body .amal-buffer-city {
  position: static !important;
  margin-top: clamp(8px, 1.1svh, 11px) !important;
  color: rgba(6, 63, 126, 0.9) !important;
  font-family: "Bodoni Moda", "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(20px, 1.9vw, 31px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.62em !important;
  text-indent: 0.62em !important;
  text-transform: uppercase !important;
}

body .amal-buffer-mark::after {
  display: block !important;
  width: clamp(128px, 10.8vw, 182px) !important;
  height: clamp(20px, 2.5vw, 30px) !important;
  margin-top: 2px !important;
  content: "" !important;
  background:
    linear-gradient(#b8903f, #b8903f) left 50% / 42% 1px no-repeat,
    linear-gradient(#b8903f, #b8903f) right 50% / 42% 1px no-repeat,
    url("/images/loader/loader-star-sprite.svg") center / contain no-repeat !important;
}

body .amal-croc-loader {
  position: absolute !important;
  left: 50% !important;
  top: clamp(350px, 45.7svh, 430px) !important;
  width: min(1000px, 78vw) !important;
  height: clamp(174px, 23.4svh, 230px) !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #063f7e !important;
  image-rendering: pixelated !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
}

body .amal-croc-loader span {
  position: absolute !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  background-repeat: no-repeat !important;
  image-rendering: pixelated !important;
}

body .amal-croc-loader .game-score {
  top: clamp(-62px, -6.1svh, -48px) !important;
  right: clamp(-60px, -3.1vw, -28px) !important;
  color: #063f7e !important;
  background: transparent !important;
  font-family: "Courier New", ui-monospace, monospace !important;
  font-size: clamp(24px, 1.95vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: none !important;
  opacity: 0 !important;
}

body .amal-croc-loader .game-cloud,
body .amal-croc-loader .cloud-two,
body .amal-croc-loader .game-dust,
body .amal-croc-loader .croc-tail,
body .amal-croc-loader .croc-body,
body .amal-croc-loader .croc-back,
body .amal-croc-loader .croc-leg,
body .amal-croc-loader .croc-eye,
body .amal-croc-loader .croc-head,
body .amal-croc-loader .croc-jaw,
body .amal-croc-loader .croc-tooth {
  display: none !important;
}

body .amal-croc-loader .game-ground {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body .amal-croc-loader .game-ground::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body .amal-croc-loader .croc-bite {
  display: block !important;
  left: 8% !important;
  top: 39.7% !important;
  width: 24.6% !important;
  height: 31.61% !important;
  background: url("/images/loader/loader-crocodile-reference.png") center / 100% 100% no-repeat !important;
  opacity: 1 !important;
  transform-origin: center !important;
  animation: amalCrocDinoRun 4200ms linear infinite !important;
  will-change: transform !important;
}

body .amal-buffer[data-still="true"] .amal-croc-loader .croc-bite {
  animation: none !important;
  transform: none !important;
}

@keyframes amalCrocDinoRun {
  0% {
    transform: translate3d(-150px, 0, 0);
  }

  10% {
    transform: translate3d(-30px, -4px, 0);
  }

  22% {
    transform: translate3d(122px, -10px, 0);
  }

  34% {
    transform: translate3d(278px, -18px, 0);
  }

  46% {
    transform: translate3d(438px, -24px, 0);
  }

  58% {
    transform: translate3d(598px, -18px, 0);
  }

  70% {
    transform: translate3d(758px, -10px, 0);
  }

  82% {
    transform: translate3d(918px, -16px, 0);
  }

  92% {
    transform: translate3d(1048px, -6px, 0);
  }

  100% {
    transform: translate3d(1130px, 0, 0);
  }
}

body .amal-croc-loader .game-cactus {
  display: block !important;
  right: auto !important;
  bottom: auto !important;
  background-color: transparent !important;
  box-shadow: none !important;
  animation: none !important;
  opacity: 0 !important;
}

body .amal-croc-loader .cactus-one {
  left: 59.2% !important;
  top: 36% !important;
  width: 7.2% !important;
  height: 41.5% !important;
  background-image: url("/images/loader/loader-cactus-small.svg") !important;
  background-size: contain !important;
  background-position: center bottom !important;
}

body .amal-croc-loader .cactus-two {
  left: 86.6% !important;
  top: 17% !important;
  width: 9% !important;
  height: 57% !important;
  background-image: url("/images/loader/loader-cactus-tall.svg") !important;
  background-size: contain !important;
  background-position: center bottom !important;
}

body .amal-croc-loader .cactus-three {
  display: none !important;
}

body .amal-buffer-status {
  display: none !important;
}

body .amal-buffer-bar {
  position: absolute !important;
  --loader-fill-inset: 10px;
  --loader-fill-inset-total: 20px;
  --loader-fill-top: 10px;
  --loader-fill-top-total: 20px;
  left: 50% !important;
  top: clamp(530px, 70.6svh, 668px) !important;
  width: min(1000px, 78vw) !important;
  height: clamp(36px, 5.7svh, 54px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
}

body .amal-buffer-bar::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  box-sizing: border-box !important;
  border: 4px solid #063f7e !important;
  border-radius: 9px !important;
  content: "" !important;
  background: transparent !important;
}

body .amal-buffer-bar span {
  position: absolute !important;
  left: var(--loader-fill-inset) !important;
  top: var(--loader-fill-top) !important;
  z-index: 1 !important;
  display: block !important;
  width: 0;
  max-width: calc(100% - var(--loader-fill-inset-total)) !important;
  height: calc(100% - var(--loader-fill-top-total)) !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, #d8e5f2 0%, #527fab 22%, #063f7e 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 253, 247, 0.62),
    inset 0 1px 0 rgba(255, 253, 247, 0.36),
    0 0 10px rgba(6, 63, 126, 0.1) !important;
  animation: none !important;
  transition: width 80ms linear !important;
}

body .amal-buffer-bar::after {
  position: absolute !important;
  left: clamp(var(--loader-fill-inset), calc(var(--loader-progress-px, var(--loader-fill-inset)) - 16px), calc(100% - var(--loader-fill-inset) - 32px)) !important;
  top: calc(50% - 16px) !important;
  z-index: 2 !important;
  width: 32px !important;
  height: 32px !important;
  content: "" !important;
  background: url("/images/loader/loader-star-sprite.svg") center / contain no-repeat !important;
  opacity: 0.96 !important;
  transform: none !important;
  transition: left 80ms linear !important;
}

body .amal-buffer-percent {
  position: absolute !important;
  left: 50% !important;
  top: clamp(594px, 79.6svh, 748px) !important;
  color: #063f7e !important;
  font-family: "Bodoni Moda", "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(34px, 3.05vw, 50px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.18em !important;
  text-indent: 0.18em !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
}

@media (max-width: 760px) {
  body .amal-buffer-wordmark {
    font-size: 58px !important;
  }

  body .amal-buffer-city {
    font-size: 16px !important;
  }

  body .amal-croc-loader,
  body .amal-buffer-bar {
    width: min(92vw, 720px) !important;
  }

  body .amal-croc-loader .game-score {
    display: none !important;
    right: 0 !important;
  }
}

/* AMAL client refresh v8: generated floral wash blended as natural page texture. */
:root {
  --amal-floral-url: url("/images/design/amal-blue-floral-edge-wash-v8.webp");
  --amal-v8-wash: url("/images/design/amal-blue-floral-edge-wash-v8.webp");
  --amal-v8-paper: #fffdfa;
  --amal-v8-ivory: #fbf1df;
  --amal-v8-powder: #e8f4fb;
  --amal-v8-blue: #063f7e;
  --amal-v8-blue-soft: rgba(6, 63, 126, 0.11);
}

html,
body:has(.mock-home-hero) {
  background: var(--amal-v8-paper) !important;
}

body:has(.mock-home-hero)::before {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  content: "" !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 250, 0.64), rgba(255, 253, 250, 0.9) 42%, rgba(237, 247, 253, 0.7) 100%),
    var(--amal-v8-wash) center top / max(1680px, 100vw) auto no-repeat !important;
  opacity: 0.62 !important;
  z-index: -2 !important;
}

.hero.mock-home-hero,
body:has(.mock-home-hero) .hero.mock-home-hero {
  min-height: clamp(620px, 78svh, 780px) !important;
  background:
    radial-gradient(ellipse at 72% 50%, rgba(220, 239, 249, 0.92) 0 22%, rgba(232, 244, 251, 0.66) 44%, rgba(232, 244, 251, 0) 70%),
    linear-gradient(105deg, rgba(251, 241, 223, 0.96) 0%, rgba(251, 246, 235, 0.94) 39%, rgba(236, 247, 253, 0.9) 62%, rgba(218, 237, 248, 0.72) 100%),
    var(--amal-v8-paper) !important;
}

.mock-home-hero::before {
  top: 84px !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: calc(100% - 84px) !important;
  background:
    linear-gradient(90deg, rgba(255, 253, 250, 0.2), rgba(255, 253, 250, 0.72) 35%, rgba(255, 253, 250, 0.74) 64%, rgba(255, 253, 250, 0.18)),
    var(--amal-v8-wash) center center / cover no-repeat !important;
  opacity: 0.56 !important;
  -webkit-mask-image:
    linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.82) 17%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.82) 83%, #000 100%),
    linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%) !important;
  mask-image:
    linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.82) 17%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.82) 83%, #000 100%),
    linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%) !important;
  -webkit-mask-composite: source-in !important;
  mask-composite: intersect !important;
  z-index: 0 !important;
}

.mock-home-hero::after {
  top: 84px !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  background:
    radial-gradient(ellipse at 15% 18%, rgba(255, 253, 250, 0.82), rgba(255, 253, 250, 0) 34%),
    radial-gradient(ellipse at 84% 52%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 42%),
    linear-gradient(180deg, rgba(255, 253, 250, 0.22), rgba(255, 253, 250, 0.58)) !important;
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  z-index: 0 !important;
}

.mock-home-hero .hero-body {
  min-height: clamp(620px, 78svh, 780px) !important;
  position: relative !important;
  z-index: 1 !important;
}

.hero-copy-panel::before {
  inset: clamp(34px, 5vw, 58px) clamp(14px, 3vw, 44px) clamp(34px, 5vw, 56px) -22px !important;
  border-color: rgba(184, 144, 63, 0.16) !important;
  background:
    linear-gradient(135deg, rgba(255, 253, 250, 0.82), rgba(255, 253, 250, 0.32) 58%, rgba(232, 244, 251, 0.12)),
    radial-gradient(ellipse at 4% 96%, rgba(6, 63, 126, 0.09), rgba(6, 63, 126, 0) 56%) !important;
  opacity: 1 !important;
}

.hero-product-stage {
  background:
    radial-gradient(ellipse at 52% 52%, rgba(255, 255, 255, 0.86) 0 23%, rgba(232, 244, 251, 0.46) 42%, rgba(232, 244, 251, 0.12) 60%, rgba(232, 244, 251, 0) 78%) !important;
}

.commerce-home {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(232, 244, 251, 0.92) 0%, rgba(241, 248, 253, 0.8) 22%, rgba(255, 253, 250, 0.98) 48%, var(--amal-v8-paper) 100%) !important;
}

.commerce-home::before {
  position: absolute !important;
  inset: -160px 0 auto !important;
  height: min(820px, 76vw) !important;
  content: "" !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 250, 0.74), rgba(255, 253, 250, 0.96) 72%, rgba(255, 253, 250, 0)),
    var(--amal-v8-wash) center top / max(1680px, 100vw) auto no-repeat !important;
  opacity: 0.42 !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 76%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 76%, transparent 100%) !important;
}

.commerce-home > * {
  position: relative !important;
  z-index: 1 !important;
}

.home-category-grid .cat-card {
  box-shadow: inset 0 0 58px rgba(255, 253, 250, 0.1) !important;
}

.commerce-home .stats {
  background:
    linear-gradient(90deg, rgba(255, 253, 250, 0.78), rgba(231, 243, 251, 0.92), rgba(255, 253, 250, 0.76)) !important;
}

.new-arrivals-block {
  margin-top: clamp(58px, 7vw, 92px) !important;
}

.arrival-media,
.related-card figure {
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 255, 255, 0.92), rgba(232, 244, 251, 0.7) 58%, rgba(232, 244, 251, 0.2) 100%) !important;
}

@media (max-width: 1180px) {
  .mock-home-hero::before,
  .mock-home-hero::after {
    top: 72px !important;
  }

  .hero.mock-home-hero,
  body:has(.mock-home-hero) .hero.mock-home-hero,
  .mock-home-hero .hero-body {
    min-height: auto !important;
  }
}

@media (max-width: 820px) {
  body:has(.mock-home-hero)::before {
    background-size: auto 100svh !important;
    opacity: 0.46 !important;
  }

  .mock-home-hero::before {
    opacity: 0.38 !important;
    background-size: auto 100% !important;
  }
}

/* AMAL loader v9: scaled crocodile and inset-aligned progress bar. */
body .amal-buffer:not([data-still="true"]) .amal-croc-loader .croc-bite {
  top: 39.7% !important;
}

/* AMAL bestmock pass: native-size mock-accurate home screen. */
body.home-bestmock-page {
  min-width: 0 !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background: #fffdf9 !important;
}

body.home-bestmock-page::before,
body.home-bestmock-page::after {
  display: none !important;
  content: none !important;
}

body.home-bestmock-page > .nav,
body.home-bestmock-page > .mobile-drawer,
body.home-bestmock-page > .hero,
body.home-bestmock-page > .commerce-home,
body.home-bestmock-page > .materials-section,
body.home-bestmock-page > .craft-section,
body.home-bestmock-page > .contact-section,
body.home-bestmock-page > .footer {
  display: none !important;
}

.bestmock-home {
  position: relative !important;
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fffdf9 !important;
  line-height: 0 !important;
}

.bestmock-home-image {
  display: block !important;
  width: 100vw !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
}

.bestmock-hotspot {
  position: absolute !important;
  z-index: 3 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  outline-offset: -2px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

.bestmock-hotspot-shop-nav { left: 9.1%; top: 2.6%; width: 6.6%; height: 3.2%; }
.bestmock-hotspot-wallets-nav { left: 18.0%; top: 2.6%; width: 6.3%; height: 3.2%; }
.bestmock-hotspot-belts-nav { left: 26.1%; top: 2.6%; width: 4.4%; height: 3.2%; }
.bestmock-hotspot-explore-nav { left: 67.9%; top: 2.6%; width: 5.7%; height: 3.2%; }
.bestmock-hotspot-about-nav { left: 74.7%; top: 2.6%; width: 5.0%; height: 3.2%; }
.bestmock-hotspot-contact-nav { left: 79.9%; top: 2.6%; width: 5.7%; height: 3.2%; }
.bestmock-hotspot-search { left: 86.7%; top: 2.0%; width: 2.2%; height: 4.5%; }
.bestmock-hotspot-account { left: 90.1%; top: 2.0%; width: 2.1%; height: 4.5%; }
.bestmock-hotspot-cart { left: 93.2%; top: 2.0%; width: 2.2%; height: 4.5%; }
.bestmock-hotspot-hero-cta { left: 17.5%; top: 50.3%; width: 13.2%; height: 5.8%; }
.bestmock-hotspot-wallets-card { left: 0; top: 66.6%; width: 25%; height: 20.2%; }
.bestmock-hotspot-cardholders-card { left: 25%; top: 66.6%; width: 25%; height: 20.2%; }
.bestmock-hotspot-belts-card { left: 50%; top: 66.6%; width: 25%; height: 20.2%; }
.bestmock-hotspot-handbags-card { left: 75%; top: 66.6%; width: 25%; height: 20.2%; }

@media (min-width: 1536px) {
  .bestmock-home,
  .bestmock-home-image {
    width: 1536px !important;
  }

  .bestmock-home {
    margin-inline: auto !important;
  }
}

/* AMAL shop category v19: proportionate, padded category pills. */
body.shop-all-page .category-bar {
  min-height: 88px !important;
  padding: 18px clamp(18px, 4.2vw, 76px) !important;
  background:
    linear-gradient(90deg, rgba(38, 79, 130, 0.95), rgba(69, 111, 159, 0.9)) !important;
}

body.shop-all-page .category-board {
  width: min(100%, 1040px) !important;
  margin-inline: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: visible !important;
}

body.shop-all-page .category-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: max-content !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(255, 253, 247, 0.34) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 247, 0.16) !important;
  color: rgba(255, 253, 247, 0.86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.115em !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body.shop-all-page .category-tab::after {
  display: none !important;
}

body.shop-all-page .category-tab:hover,
body.shop-all-page .category-tab:focus-visible {
  background: rgba(255, 253, 247, 0.24) !important;
  border-color: rgba(255, 253, 247, 0.5) !important;
  color: #fffdf7 !important;
  outline: none !important;
}

body.shop-all-page .category-tab.is-active {
  min-height: 44px !important;
  padding-inline: 24px !important;
  background: #fffdf7 !important;
  color: var(--amal-floral-blue) !important;
  border-color: #fffdf7 !important;
  box-shadow:
    0 10px 24px rgba(2, 43, 92, 0.18),
    inset 0 0 0 1px rgba(38, 79, 130, 0.08) !important;
}

@media (max-width: 760px) {
  body.shop-all-page .category-bar {
    min-height: 78px !important;
    padding: 14px 14px !important;
  }

  body.shop-all-page .category-board {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body.shop-all-page .category-board::-webkit-scrollbar {
    display: none !important;
  }

  body.shop-all-page .category-tab {
    min-height: 38px !important;
    padding-inline: 16px !important;
    font-size: 9px !important;
    letter-spacing: 0.09em !important;
  }

  body.shop-all-page .category-tab.is-active {
    min-height: 40px !important;
    padding-inline: 18px !important;
  }
}

/* AMAL long-wallet catalog v1: generated atelier texture, softer panels, native vertical wheel scroll. */
body.wallet-catalog-body {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.62), rgba(247, 248, 242, 0.72)),
    url("/images/design/wallets-atelier-texture-v1.webp") center top / cover no-repeat fixed,
    #fffdf7 !important;
  color: #063f7e !important;
}

body.wallet-catalog-body::before {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.14), rgba(250, 247, 239, 0.48)),
    url("/images/design/wallets-atelier-texture-v1.webp") center top / cover no-repeat !important;
  opacity: 0.86 !important;
}

body.wallet-catalog-body::after {
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 253, 247, 0.72), rgba(255, 253, 247, 0.2) 38%, transparent 68%),
    linear-gradient(90deg, rgba(6, 63, 126, 0.08), transparent 24%, transparent 76%, rgba(6, 63, 126, 0.08)) !important;
  opacity: 1 !important;
}

body.wallet-catalog-body .wallet-page,
body.wallet-catalog-body .catalog-page {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.52), rgba(249, 247, 241, 0.62)),
    url("/images/design/wallets-atelier-texture-v1.webp") center top / cover no-repeat fixed,
    #fffdf7 !important;
}

body.wallet-catalog-body .catalog-shell {
  padding-bottom: 18px !important;
}

body.wallet-catalog-body .catalog-active-copy,
body.wallet-catalog-body .catalog-active-action {
  border: 1px solid rgba(6, 63, 126, 0.16) !important;
  background: rgba(255, 253, 247, 0.66) !important;
  box-shadow:
    0 24px 76px rgba(6, 63, 126, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(16px);
}

body.wallet-catalog-body .catalog-active-copy {
  padding: 16px 18px 14px !important;
}

body.wallet-catalog-body .catalog-active-action {
  min-width: 158px;
  padding: 14px 18px !important;
}

body.wallet-catalog-body .catalog-active-copy p,
body.wallet-catalog-body .catalog-idle-copy p,
body.wallet-catalog-body .scatter-hint,
body.wallet-catalog-body .catalog-active-action a,
body.wallet-catalog-body .mobile-list-top p,
body.wallet-catalog-body .mobile-sibling-link {
  color: rgba(6, 63, 126, 0.7) !important;
}

body.wallet-catalog-body .catalog-active-copy strong {
  color: #063f7e !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.wallet-catalog-body .catalog-active-copy span {
  color: rgba(48, 60, 52, 0.62) !important;
}

body.wallet-catalog-body .catalog-active-action em {
  color: rgba(6, 63, 126, 0.82) !important;
}

body.wallet-catalog-body .scatter-image-wrap,
body.wallet-catalog-body .scatter-card:hover .scatter-image-wrap,
body.wallet-catalog-body .scatter-card:focus-visible .scatter-image-wrap,
body.wallet-catalog-body .scatter-card.is-active .scatter-image-wrap {
  filter: drop-shadow(0 30px 58px rgba(6, 63, 126, 0.18)) drop-shadow(0 12px 26px rgba(83, 67, 45, 0.16)) !important;
}

body.wallet-catalog-body .scatter-card-glow {
  background: radial-gradient(circle, rgba(184, 142, 63, 0.18), rgba(6, 63, 126, 0.06) 42%, transparent 68%) !important;
  filter: blur(34px) !important;
}

body.wallet-catalog-body .scatter-card-info,
body.wallet-catalog-body .catalog-rail-popover {
  border-color: rgba(6, 63, 126, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.92), rgba(242, 246, 248, 0.88)) !important;
  color: #063f7e !important;
  box-shadow:
    0 28px 70px rgba(6, 63, 126, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  backdrop-filter: blur(16px);
}

body.wallet-catalog-body .scatter-card-info strong,
body.wallet-catalog-body .catalog-rail-popover strong,
body.wallet-catalog-body .catalog-rail-copy strong {
  color: #063f7e !important;
}

body.wallet-catalog-body .scatter-card-info em,
body.wallet-catalog-body .catalog-rail-copy small,
body.wallet-catalog-body .catalog-rail-popover span,
body.wallet-catalog-body .catalog-rail-popover em {
  color: rgba(48, 60, 52, 0.58) !important;
}

body.wallet-catalog-body .scatter-card-info b,
body.wallet-catalog-body .catalog-rail-copy em,
body.wallet-catalog-body .catalog-rail-popover b {
  color: rgba(6, 63, 126, 0.76) !important;
}

body.wallet-catalog-body .catalog-controls {
  background: rgba(255, 253, 247, 0.62) !important;
  box-shadow: 0 18px 58px rgba(6, 63, 126, 0.08) !important;
  backdrop-filter: blur(14px);
}

body.wallet-catalog-body .catalog-control {
  border-color: rgba(6, 63, 126, 0.2) !important;
  background: rgba(255, 253, 247, 0.46) !important;
  color: rgba(6, 63, 126, 0.72) !important;
}

body.wallet-catalog-body .catalog-control:hover,
body.wallet-catalog-body .catalog-control:focus-visible {
  border-color: rgba(184, 142, 63, 0.58) !important;
  background: rgba(255, 253, 247, 0.82) !important;
}

body.wallet-catalog-body .catalog-progress {
  background: rgba(6, 63, 126, 0.14) !important;
}

body.wallet-catalog-body .catalog-progress span {
  background: linear-gradient(90deg, #063f7e, #b88e3f) !important;
}

body.wallet-catalog-body .catalog-rail {
  padding: 8px 4px 13px !important;
  scrollbar-color: rgba(6, 63, 126, 0.38) rgba(6, 63, 126, 0.08) !important;
}

body.wallet-catalog-body .catalog-rail-item {
  border-color: rgba(6, 63, 126, 0.11) !important;
  background: rgba(255, 253, 247, 0.54) !important;
  box-shadow: 0 16px 42px rgba(6, 63, 126, 0.06) !important;
  opacity: 0.72 !important;
  backdrop-filter: blur(12px);
}

body.wallet-catalog-body .catalog-rail-item:hover,
body.wallet-catalog-body .catalog-rail-item:focus-visible,
body.wallet-catalog-body .catalog-rail-item.is-active {
  border-color: rgba(184, 142, 63, 0.56) !important;
  background: rgba(255, 253, 247, 0.86) !important;
  opacity: 1 !important;
}

body.wallet-catalog-body .wallet-list-section {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.5), rgba(244, 247, 246, 0.78)),
    url("/images/design/wallets-atelier-texture-v1.webp") center top / cover no-repeat fixed,
    #fffdf7 !important;
  border-top-color: rgba(6, 63, 126, 0.12) !important;
}

body.wallet-catalog-body .wallet-list-card {
  border-color: rgba(6, 63, 126, 0.14) !important;
  background:
    radial-gradient(circle at 50% 24%, rgba(184, 142, 63, 0.08), transparent 54%),
    rgba(255, 253, 247, 0.7) !important;
  box-shadow: 0 18px 54px rgba(6, 63, 126, 0.08) !important;
}

.product-page .product-copy h1,
.product-page .product-price,
.product-page .product-meta strong,
.product-page .related-card strong {
  font-family: ui-rounded, "Avenir Next", "Nunito Sans", "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

.product-page .product-copy h1 {
  font-size: clamp(40px, 4.6vw, 78px) !important;
  line-height: 1.04 !important;
  text-shadow: none !important;
}