@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --yj-luxe-ink: #171412;
  --yj-luxe-muted: #6d6660;
  --yj-luxe-soft: #f7f1e9;
  --yj-luxe-paper: #fbf8f3;
  --yj-luxe-line: rgba(66, 45, 32, 0.14);
  --yj-luxe-wine: #733030;
  --yj-luxe-gold: #b8945c;
  --yj-luxe-shadow: 0 24px 70px rgba(42, 30, 22, 0.12);
  --yj-serif: "Marcellus", "Optima", "Avenir Next", serif;
  --yj-sans: "Manrope", "Avenir Next", "Helvetica Neue", sans-serif;
}

html {
  background: var(--yj-luxe-paper);
}

body {
  background:
    radial-gradient(circle at 12% 8%, rgba(184, 148, 92, 0.09), transparent 26rem),
    linear-gradient(180deg, #fbf8f3 0%, #f6efe6 45%, #fbf8f3 100%) !important;
  color: var(--yj-luxe-ink);
  font-family: var(--yj-sans) !important;
  letter-spacing: -0.01em;
}

body.yj-page-blog {
  background:
    radial-gradient(circle at 80% 10%, rgba(184, 148, 92, 0.08), transparent 24rem),
    linear-gradient(180deg, #fbf8f3 0%, #f8f2ea 100%) !important;
}

body.yj-page-product-detail {
  background:
    radial-gradient(circle at 12% 10%, rgba(184, 148, 92, 0.10), transparent 28rem),
    linear-gradient(180deg, #fbf8f3 0%, #f5eee5 52%, #fbf8f3 100%) !important;
}

body.yj-page-about,
body.yj-page-contact,
body.yj-page-faq,
body.yj-page-product-list {
  background:
    radial-gradient(circle at 14% 10%, rgba(184, 148, 92, 0.09), transparent 27rem),
    radial-gradient(circle at 86% 28%, rgba(115, 48, 48, 0.05), transparent 24rem),
    linear-gradient(180deg, #fbf8f3 0%, #f6efe6 52%, #fbf8f3 100%) !important;
}

h1,
h2,
.section-title,
#blog-category-title {
  font-family: var(--yj-serif) !important;
  letter-spacing: -0.012em !important;
  font-weight: 400 !important;
}

h3 {
  letter-spacing: -0.015em;
}

.codex-unified-nav {
  height: 76px !important;
}

body > header:not(.codex-unified-nav):not([data-codex-unified-nav]),
body > nav.fixed:not(.codex-unified-mobile):not(.codex-unified-nav__links),
#root > nav.fixed:not(.codex-unified-mobile):not(.codex-unified-nav__links),
#root > header.fixed:not(.codex-unified-nav):not([data-codex-unified-nav]),
#root nav[class*="fixed"][class*="top-0"]:not(.codex-unified-mobile):not(.codex-unified-nav__links),
#root header[class*="fixed"][class*="top-0"]:not(.codex-unified-nav):not([data-codex-unified-nav]),
#main-header,
#navbar,
#mobile-menu.mobile-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.codex-unified-nav.is-light,
.codex-unified-nav.is-scrolled {
  background: rgba(251, 248, 243, 0.88) !important;
  border-bottom: 1px solid rgba(66, 45, 32, 0.08);
}

.codex-unified-nav__inner {
  height: 76px !important;
  max-width: 1440px !important;
  padding-left: clamp(18px, 3vw, 42px) !important;
  padding-right: clamp(18px, 3vw, 42px) !important;
}

.codex-unified-nav__links {
  gap: clamp(22px, 2.4vw, 38px) !important;
}

.codex-unified-nav__links > a,
.codex-unified-products__link,
.codex-unified-products__button {
  font-size: 13px !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

.codex-unified-nav .codex-unified-products__link,
.codex-unified-nav .codex-unified-products__button,
.codex-unified-nav .codex-unified-nav__toggle {
  background: transparent !important;
  box-shadow: none !important;
}

.codex-unified-products {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.codex-unified-products::after {
  content: "" !important;
  position: absolute !important;
  left: -10px !important;
  right: -10px !important;
  top: 100% !important;
  height: 16px !important;
}

.codex-unified-products__link {
  color: inherit !important;
  text-decoration: none !important;
}

.codex-unified-products__button {
  min-width: 30px !important;
  min-height: 30px !important;
  justify-content: center !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  padding: 0 !important;
}

.codex-unified-nav__cta,
.mobile-quote,
a[href="/contact/"][class*="rounded"],
a[href="/contact/"][class*="button"] {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #7c3434, #4f2020) !important;
  box-shadow: 0 16px 34px rgba(115, 48, 48, 0.24) !important;
  letter-spacing: 0.02em !important;
}

body.yj-page-home h1,
body.yj-page-products h1 {
  max-width: 760px;
  font-size: clamp(44px, 7vw, 88px) !important;
  line-height: 0.98 !important;
  text-wrap: balance;
}

body.yj-page-home h1 + p,
body.yj-page-products h1 + p,
body.yj-page-blog h1 + p {
  color: rgba(255, 255, 255, 0.84);
  font-size: clamp(16px, 1.8vw, 20px) !important;
  line-height: 1.75 !important;
  max-width: 650px;
}

body.yj-page-products h1 + p,
body.yj-page-blog h1 + p {
  color: var(--yj-luxe-muted) !important;
}

body.yj-page-about h1,
body.yj-page-contact h1,
body.yj-page-faq h1,
body.yj-page-product-list h1 {
  font-size: clamp(42px, 6.6vw, 76px) !important;
  line-height: 1.02 !important;
  text-wrap: balance;
}

body.yj-page-blog h1 {
  font-size: clamp(48px, 7vw, 84px) !important;
  line-height: 1.04 !important;
}

body.yj-page-blog section:first-of-type {
  background:
    linear-gradient(135deg, rgba(251, 248, 243, 0.96), rgba(244, 235, 224, 0.92)),
    radial-gradient(circle at 20% 20%, rgba(184, 148, 92, 0.16), transparent 22rem) !important;
}

body.yj-page-blog section:first-of-type .absolute.inset-0 {
  opacity: 0.13 !important;
}

body.yj-page-blog section.sticky {
  background: rgba(251, 248, 243, 0.9) !important;
  border-color: rgba(66, 45, 32, 0.11) !important;
  box-shadow: 0 16px 40px rgba(42, 30, 22, 0.05);
}

.codex-unified-products__menu {
  z-index: 1002 !important;
  width: min(252px, calc(100vw - 32px)) !important;
  padding: 10px !important;
  border: 1px solid rgba(66, 45, 32, 0.12) !important;
  border-radius: 18px !important;
  background: rgba(255, 252, 247, 0.97) !important;
  box-shadow: 0 24px 64px rgba(23, 20, 18, 0.18) !important;
  pointer-events: none !important;
  transition: none !important;
}

.codex-unified-products__menu a {
  min-height: 42px !important;
  padding: 11px 13px !important;
  border-radius: 12px !important;
  color: var(--yj-luxe-ink) !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
}

.codex-unified-products:hover .codex-unified-products__menu,
.codex-unified-products:focus-within .codex-unified-products__menu,
.codex-unified-products.is-open .codex-unified-products__menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

.codex-unified-nav a:focus-visible,
.codex-unified-nav button:focus-visible,
.codex-unified-mobile a:focus-visible,
a[href^="/products/"]:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid rgba(184, 148, 92, 0.78) !important;
  outline-offset: 4px !important;
}

body.yj-page-home main section:first-of-type {
  isolation: isolate;
}

body.yj-page-home main section:first-of-type::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(14, 12, 11, 0.78) 0%, rgba(14, 12, 11, 0.58) 34%, rgba(14, 12, 11, 0.18) 66%, transparent 100%),
    radial-gradient(circle at 72% 24%, rgba(255, 248, 239, 0.10), transparent 24rem);
}

body.yj-page-home main section:first-of-type > .relative.z-10 {
  width: min(1440px, 100%) !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(26px, 7vw, 120px) !important;
  padding-right: clamp(22px, 6vw, 96px) !important;
}

body.yj-page-home main section:first-of-type .max-w-2xl {
  max-width: 560px !important;
}

body.yj-page-home main section:first-of-type h1 {
  max-width: 560px !important;
  font-size: clamp(46px, 5.7vw, 82px) !important;
  letter-spacing: -0.05em !important;
  text-shadow: 0 18px 52px rgba(0, 0, 0, 0.42);
}

body.yj-page-home main section:first-of-type h1 + p {
  max-width: 520px !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.42);
}

body.yj-page-home main section:first-of-type a[href="#categories"],
body.yj-page-home main section:first-of-type a[href="/products/"] {
  min-height: 48px;
}

body.yj-page-products main section:first-of-type {
  isolation: isolate;
  overflow: hidden !important;
}

body.yj-page-products main section:first-of-type::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(18, 15, 13, 0.68), rgba(18, 15, 13, 0.36) 46%, rgba(18, 15, 13, 0.10) 72%, transparent),
    radial-gradient(circle at 72% 22%, rgba(255, 248, 239, 0.12), transparent 20rem);
}

body.yj-page-products main section:first-of-type::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 1;
  height: clamp(88px, 16vw, 150px);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(250, 246, 239, 0), var(--yj-luxe-paper) 88%);
}

body.yj-page-products main section:first-of-type > *:not(.absolute) {
  position: relative;
  z-index: 2;
}

body.yj-page-products main section:first-of-type h1 {
  max-width: 620px !important;
  text-shadow: 0 16px 44px rgba(0, 0, 0, 0.38);
}

body.yj-page-products main section:first-of-type p {
  max-width: 560px !important;
  color: rgba(255, 248, 239, 0.78) !important;
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.34);
}

body.yj-page-products a[href^="/products/"][class*="rounded-xl"] img {
  object-position: 50% 12% !important;
  transform-origin: 50% 12% !important;
}

body.yj-page-products a[href*="/faux-fur/"][class*="rounded-xl"] img,
body.yj-page-products a[href*="/wool-blend/"][class*="rounded-xl"] img,
body.yj-page-products a[href*="/leather/"][class*="rounded-xl"] img {
  object-position: 50% 9% !important;
  transform-origin: 50% 9% !important;
}

.yj-luxe-proof {
  width: min(1180px, calc(100% - 32px));
  margin: clamp(38px, 7vw, 88px) auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--yj-luxe-line);
  border-radius: 28px;
  background: var(--yj-luxe-line);
  box-shadow: 0 24px 70px rgba(42, 30, 22, 0.08);
}

.yj-luxe-proof__item {
  background: rgba(255, 252, 247, 0.86);
  padding: clamp(22px, 3vw, 34px);
}

.yj-luxe-proof__kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--yj-luxe-gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.yj-luxe-proof__title {
  margin: 0 0 8px;
  color: var(--yj-luxe-ink);
  font-family: var(--yj-serif);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1;
}

.yj-luxe-proof__text {
  margin: 0;
  color: var(--yj-luxe-muted);
  font-size: 14px;
  line-height: 1.75;
}

.yj-luxe-trust-b2b {
  width: min(1180px, calc(100% - 32px));
  margin: clamp(20px, 4vw, 42px) auto 0;
  padding: clamp(24px, 4vw, 42px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.25fr);
  gap: clamp(22px, 4vw, 54px);
  align-items: center;
  border: 1px solid rgba(66, 45, 32, 0.12);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 0%, rgba(184, 148, 92, 0.18), transparent 20rem),
    linear-gradient(135deg, rgba(255, 252, 247, 0.96), rgba(244, 235, 224, 0.88));
  box-shadow: 0 26px 74px rgba(42, 30, 22, 0.09);
}

.yj-luxe-trust-b2b__intro .yj-luxe-proof__title {
  margin-bottom: 12px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 0.96;
}

.yj-luxe-trust-b2b__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(66, 45, 32, 0.12);
  border-radius: 24px;
  background: rgba(66, 45, 32, 0.12);
}

.yj-luxe-trust-b2b__grid > div {
  min-height: 132px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(255, 252, 247, 0.88);
}

.yj-luxe-trust-b2b__grid strong {
  color: var(--yj-luxe-ink);
  font-family: var(--yj-serif);
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 400;
  line-height: 1.04;
}

.yj-luxe-trust-b2b__grid span {
  color: var(--yj-luxe-muted);
  font-size: 12px;
  line-height: 1.55;
}

.yj-luxe-section-note {
  max-width: 720px;
  margin: -2px auto 34px;
  color: var(--yj-luxe-muted);
  font-size: 15px;
  line-height: 1.8;
  text-align: center;
}

a[href^="/products/"][class*="rounded-xl"],
.category-card {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: var(--yj-luxe-shadow) !important;
  background: #171412 !important;
  isolation: isolate;
}

a[href^="/products/"][class*="rounded-xl"] img,
.category-card img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.9) contrast(1.04) brightness(0.94);
  transition: transform 900ms cubic-bezier(.2,.75,.2,1), filter 900ms cubic-bezier(.2,.75,.2,1) !important;
}

a[href^="/products/"][class*="rounded-xl"]:hover img,
.category-card:hover img {
  filter: saturate(0.96) contrast(1.06) brightness(0.98);
}

a[href^="/products/"][class*="rounded-xl"] h3,
.category-card .category-name {
  font-family: var(--yj-serif) !important;
  font-size: clamp(27px, 3vw, 36px) !important;
  font-weight: 400 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.01em !important;
}

a[href^="/products/"][class*="rounded-xl"] p,
.category-card .category-desc {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

a[href^="/products/"][class*="rounded-xl"] span,
.category-card .category-link {
  letter-spacing: 0.06em;
}

body.yj-page-products a[data-yj-luxury-category="true"][href^="/products/"][class*="rounded-xl"] > div:first-child {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
}

.category-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(12, 10, 9, 0.06) 0%, rgba(12, 10, 9, 0.18) 40%, rgba(12, 10, 9, 0.82) 100%),
    radial-gradient(circle at 50% 10%, transparent 26%, rgba(12, 10, 9, 0.28) 100%);
}

.category-card .category-overlay {
  z-index: 2 !important;
  background: transparent !important;
}

.product-card,
.yj-luxe-product-card {
  border-radius: 24px !important;
  border: 1px solid rgba(66, 45, 32, 0.11) !important;
  background: rgba(255, 252, 247, 0.94) !important;
  box-shadow: 0 12px 34px rgba(42, 30, 22, 0.07) !important;
  overflow: hidden !important;
  transition: transform 360ms ease, box-shadow 360ms ease, border-color 360ms ease !important;
}

.product-card:hover,
.yj-luxe-product-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(184, 148, 92, 0.36) !important;
  box-shadow: 0 26px 70px rgba(42, 30, 22, 0.14) !important;
}

.product-card img,
.yj-luxe-product-card img {
  filter: saturate(0.9) contrast(1.02);
  transition: transform 800ms cubic-bezier(.2,.75,.2,1), filter 800ms ease !important;
}

.product-card > div:first-child,
.product-card .yj-luxe-image-frame,
.yj-luxe-product-card .yj-luxe-image-frame {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 16%, rgba(255, 255, 255, 0.18), transparent 28%),
    linear-gradient(180deg, #ece3d8, #d9caba) !important;
}

.product-card .yj-luxe-image-frame::after,
.yj-luxe-product-card .yj-luxe-image-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(23, 20, 18, 0.02), transparent 54%, rgba(23, 20, 18, 0.08)),
    radial-gradient(circle at 50% 10%, transparent 38%, rgba(23, 20, 18, 0.10));
  opacity: 0.58;
}

.product-card > div:first-child > img:first-child,
.product-card .yj-luxe-product-image,
.yj-luxe-product-card .yj-luxe-product-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 16% !important;
  transform-origin: 50% 16%;
}

.product-card:hover img,
.yj-luxe-product-card:hover img {
  filter: saturate(0.98) contrast(1.04);
  transform: scale(1.035);
}

.yj-luxe-product-card .yj-luxe-category,
.product-card .yj-luxe-category {
  color: var(--yj-luxe-gold) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
}

.yj-luxe-product-card h3,
.product-card h3 {
  color: var(--yj-luxe-ink) !important;
  font-family: var(--yj-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.45 !important;
}

.yj-luxe-price {
  color: rgba(115, 48, 48, 0.78) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.yj-luxe-moq {
  color: rgba(23, 20, 18, 0.46) !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
}

.yj-luxe-home-edit .yj-luxe-price,
.yj-luxe-home-edit .yj-luxe-moq {
  opacity: 0.58;
}

.yj-luxe-home-edit .yj-luxe-category {
  color: rgba(184, 148, 92, 0.86) !important;
}

.product-tag,
.yj-luxe-badge {
  background: rgba(251, 248, 243, 0.86) !important;
  color: var(--yj-luxe-wine) !important;
  border: 1px solid rgba(115, 48, 48, 0.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 24px rgba(42, 30, 22, 0.12) !important;
  backdrop-filter: blur(10px);
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#all-products-section {
  background:
    linear-gradient(180deg, #f8f1e8 0%, #fbf8f3 100%) !important;
  border-top: 1px solid var(--yj-luxe-line);
}

#all-products-section .section-title,
#product-count {
  color: var(--yj-luxe-ink) !important;
}

#filter-tabs .filter-tab {
  border-radius: 999px !important;
  border-color: rgba(66, 45, 32, 0.14) !important;
  letter-spacing: 0.04em !important;
}

body.yj-page-about .transition-all.duration-700[data-yj-luxury-reveal="true"],
body.yj-page-contact .transition-all.duration-700[data-yj-luxury-reveal="true"],
body.yj-page-faq .transition-all.duration-700[data-yj-luxury-reveal="true"],
[data-yj-luxury-reveal="true"] {
  opacity: 1 !important;
  transform: none !important;
}

body.yj-page-about section:first-of-type,
.yj-luxe-static-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(23, 20, 18, 0.86), rgba(80, 52, 42, 0.66)),
    radial-gradient(circle at 78% 20%, rgba(184, 148, 92, 0.20), transparent 24rem) !important;
}

body.yj-page-about section:first-of-type::after,
.yj-luxe-static-hero::after,
.yj-luxe-collection-hero::after,
.yj-luxe-list-hero::after {
  content: "";
  position: absolute;
  inset: auto clamp(20px, 5vw, 72px) 28px auto;
  width: clamp(110px, 18vw, 260px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
  pointer-events: none;
}

body.yj-page-about section:first-of-type img {
  filter: saturate(0.82) contrast(1.04) brightness(0.8);
  transform: scale(1.02);
}

body.yj-page-about section:first-of-type h1,
.yj-luxe-static-hero h1 {
  color: #fff8ef !important;
}

body.yj-page-about section:first-of-type p,
.yj-luxe-static-hero p {
  color: rgba(255, 250, 242, 0.94) !important;
  font-size: clamp(16px, 1.55vw, 20px) !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.42);
}

body.yj-page-about main section:not(:first-of-type),
body.yj-page-contact main section:not(:first-of-type),
body.yj-page-faq main section:not(:first-of-type) {
  background: transparent !important;
}

body.yj-page-about main section:nth-of-type(2) .rounded-2xl,
body.yj-page-about main section .rounded-xl,
body.yj-page-contact main .rounded-xl,
body.yj-page-contact main .rounded-2xl,
body.yj-page-faq main .rounded-lg,
body.yj-page-faq main .rounded-xl {
  border: 1px solid rgba(66, 45, 32, 0.10) !important;
  border-radius: 24px !important;
  background: rgba(255, 252, 247, 0.90) !important;
  box-shadow: 0 18px 52px rgba(42, 30, 22, 0.08) !important;
}

body.yj-page-about main section .rounded-full,
body.yj-page-contact main section .rounded-full,
body.yj-page-faq main section .rounded-full {
  background: rgba(184, 148, 92, 0.14) !important;
}

body.yj-page-about main h2,
body.yj-page-contact main h2,
body.yj-page-faq main h2,
body.yj-page-product-list main h2 {
  color: var(--yj-luxe-ink) !important;
}

body.yj-page-about main p,
body.yj-page-contact main p,
body.yj-page-faq main p {
  color: var(--yj-luxe-muted) !important;
}

body.yj-page-about main section:first-of-type p,
body.yj-page-contact main section:first-of-type p,
body.yj-page-faq main section:first-of-type p,
body.yj-page-about main .yj-luxe-static-hero p,
body.yj-page-contact main .yj-luxe-static-hero p,
body.yj-page-faq main .yj-luxe-static-hero p {
  color: rgba(255, 250, 242, 0.94) !important;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.42);
}

.yj-luxe-timeline-section {
  position: relative;
  background:
    radial-gradient(circle at 22% 18%, rgba(184, 148, 92, 0.10), transparent 26rem),
    linear-gradient(180deg, #f3eadf 0%, #fbf8f3 100%) !important;
}

.yj-luxe-timeline-section .relative::before {
  background: rgba(115, 48, 48, 0.34) !important;
  box-shadow: 0 0 0 1px rgba(255, 252, 247, 0.72), 0 20px 50px rgba(42, 30, 22, 0.12);
}

.yj-luxe-timeline-card {
  border: 1px solid rgba(66, 45, 32, 0.18) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(255, 254, 250, 0.98), rgba(248, 241, 232, 0.94)) !important;
  box-shadow: 0 28px 76px rgba(42, 30, 22, 0.14) !important;
}

body.yj-page-about main .yj-luxe-timeline-card {
  border: 1px solid rgba(66, 45, 32, 0.18) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(255, 254, 250, 0.98), rgba(248, 241, 232, 0.94)) !important;
  box-shadow: 0 28px 76px rgba(42, 30, 22, 0.14) !important;
}

.yj-luxe-timeline-card h3 {
  color: #15110f !important;
  font-weight: 700 !important;
}

.yj-luxe-timeline-card p {
  color: #514941 !important;
}

.yj-luxe-timeline-year {
  background: linear-gradient(135deg, #8b3b35, #5b2421) !important;
  color: #fffaf2 !important;
  box-shadow: 0 12px 26px rgba(91, 36, 33, 0.22);
}

body.yj-page-about main .yj-luxe-timeline-year {
  background: linear-gradient(135deg, #8b3b35, #5b2421) !important;
  color: #fffaf2 !important;
}

.yj-luxe-timeline-dot {
  width: 18px !important;
  height: 18px !important;
  background: #733030 !important;
  border: 5px solid #fffaf2 !important;
  box-shadow: 0 0 0 1px rgba(115, 48, 48, 0.20), 0 10px 22px rgba(42, 30, 22, 0.14) !important;
}

.yj-luxe-cta-section {
  position: relative;
  isolation: isolate;
  color: #fff8ef !important;
}

.yj-luxe-cta-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(23, 20, 18, 0.54), rgba(23, 20, 18, 0.76)),
    radial-gradient(circle at 50% 44%, rgba(115, 48, 48, 0.34), transparent 34rem);
}

.yj-luxe-cta-section > *:not(.absolute) {
  position: relative;
  z-index: 2;
}

.yj-luxe-cta-section h1,
.yj-luxe-cta-section h2,
.yj-luxe-cta-section h3 {
  color: #fff8ef !important;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.46);
}

body.yj-page-about main .yj-luxe-cta-section h1,
body.yj-page-about main .yj-luxe-cta-section h2,
body.yj-page-about main .yj-luxe-cta-section h3,
body.yj-page-contact main .yj-luxe-cta-section h1,
body.yj-page-contact main .yj-luxe-cta-section h2,
body.yj-page-contact main .yj-luxe-cta-section h3,
body.yj-page-faq main .yj-luxe-cta-section h1,
body.yj-page-faq main .yj-luxe-cta-section h2,
body.yj-page-faq main .yj-luxe-cta-section h3 {
  color: #fff8ef !important;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.46);
}

.yj-luxe-cta-section p,
.yj-luxe-cta-section a:not(.codex-unified-nav__cta),
.yj-luxe-cta-section span,
.yj-luxe-cta-section div {
  color: rgba(255, 248, 239, 0.86) !important;
}

body.yj-page-about main .yj-luxe-cta-section p,
body.yj-page-about main .yj-luxe-cta-section span,
body.yj-page-about main .yj-luxe-cta-section div,
body.yj-page-contact main .yj-luxe-cta-section p,
body.yj-page-contact main .yj-luxe-cta-section span,
body.yj-page-contact main .yj-luxe-cta-section div,
body.yj-page-faq main .yj-luxe-cta-section p,
body.yj-page-faq main .yj-luxe-cta-section span,
body.yj-page-faq main .yj-luxe-cta-section div {
  color: rgba(255, 248, 239, 0.86) !important;
}

.yj-luxe-cta-section a[href*="wa.me"],
.yj-luxe-cta-section a[href*="whatsapp"],
.yj-luxe-cta-section a[href="/contact/"],
.yj-luxe-cta-section a[class*="bg-wine"] {
  color: #fff !important;
  background: linear-gradient(135deg, #8a3a35, #5b2421) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

.yj-luxe-cta-section .text-white\/40,
.yj-luxe-cta-section .text-white\/60,
.yj-luxe-cta-section .text-white\/80 {
  color: rgba(255, 248, 239, 0.78) !important;
}

body.yj-page-contact input,
body.yj-page-contact textarea,
body.yj-page-contact select {
  border-color: rgba(66, 45, 32, 0.16) !important;
  border-radius: 16px !important;
  background: rgba(255, 252, 247, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.yj-page-contact main button,
body.yj-page-faq main a[href="/contact/"] button {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #7c3434, #4f2020) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(115, 48, 48, 0.22) !important;
}

body.yj-page-contact .codex-unified-nav button {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

body.yj-page-faq main button {
  border-radius: 18px !important;
}

.yj-luxe-list-hero {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  margin: 0 !important;
  padding: clamp(132px, 13vw, 190px) 0 clamp(58px, 8vw, 96px) !important;
  overflow: hidden;
  color: #fff8ef !important;
  background:
    linear-gradient(135deg, rgba(23, 20, 18, 0.94), rgba(80, 52, 42, 0.78)),
    radial-gradient(circle at 78% 18%, rgba(184, 148, 92, 0.25), transparent 25rem) !important;
}

.yj-luxe-list-hero h1 {
  max-width: 780px;
  color: #fff8ef !important;
}

.yj-luxe-list-hero p {
  max-width: 660px;
  color: rgba(255, 248, 239, 0.76) !important;
}

.yj-luxe-generated-list-hero {
  position: relative;
  margin: 0;
  padding: clamp(132px, 13vw, 190px) 0 clamp(58px, 8vw, 96px);
  overflow: hidden;
  color: #fff8ef;
  background:
    linear-gradient(135deg, rgba(23, 20, 18, 0.94), rgba(80, 52, 42, 0.78)),
    radial-gradient(circle at 78% 18%, rgba(184, 148, 92, 0.25), transparent 25rem) !important;
}

.yj-luxe-generated-list-hero::after {
  content: "";
  position: absolute;
  inset: auto clamp(20px, 5vw, 72px) 28px auto;
  width: clamp(110px, 18vw, 260px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
  pointer-events: none;
}

.yj-luxe-generated-list-hero .container {
  position: relative;
  z-index: 1;
}

.yj-luxe-generated-list-hero h1 {
  max-width: 780px;
  margin: 0 0 18px;
  color: #fff8ef !important;
  font-family: var(--yj-serif) !important;
  font-size: clamp(42px, 6.6vw, 76px) !important;
  font-weight: 600 !important;
  line-height: 0.94 !important;
  letter-spacing: -0.035em !important;
}

.yj-luxe-generated-list-hero p {
  max-width: 660px;
  margin: 0;
  color: rgba(255, 248, 239, 0.76) !important;
  font-size: clamp(16px, 1.55vw, 20px) !important;
  line-height: 1.75 !important;
}

.yj-luxe-collection-hero.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 0 !important;
  padding-top: clamp(120px, 12vw, 172px) !important;
  background-position: center 26% !important;
}

.yj-luxe-collection-hero.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(23, 20, 18, 0.78), rgba(23, 20, 18, 0.36) 58%, rgba(23, 20, 18, 0.14)),
    radial-gradient(circle at 22% 30%, rgba(184, 148, 92, 0.20), transparent 21rem);
}

.yj-luxe-collection-hero .hero-content {
  max-width: 760px;
}

.yj-luxe-list-section {
  background:
    linear-gradient(180deg, #f8f1e8 0%, #fbf8f3 100%) !important;
}

body.yj-page-product-list .all-products-section {
  padding-top: clamp(70px, 8vw, 108px) !important;
}

body.yj-page-product-list .product-grid,
body.yj-page-product-list .products-grid {
  gap: clamp(18px, 2.4vw, 30px) !important;
}

body.yj-page-product-detail .breadcrumb {
  background: rgba(251, 248, 243, 0.78) !important;
  border-bottom: 1px solid var(--yj-luxe-line) !important;
}

body.yj-page-product-detail .breadcrumb .container {
  color: var(--yj-luxe-muted) !important;
  font-size: 13px !important;
  letter-spacing: 0.02em;
}

body.yj-page-product-detail .product-detail {
  padding: clamp(44px, 7vw, 86px) 0 !important;
  background: transparent !important;
}

body.yj-page-product-detail .product-grid {
  gap: clamp(32px, 6vw, 86px) !important;
  align-items: start;
}

body.yj-page-product-detail .product-gallery {
  padding: clamp(10px, 1.5vw, 16px);
  border: 1px solid rgba(66, 45, 32, 0.10);
  border-radius: 32px !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 247, 0.96), rgba(241, 231, 219, 0.82)) !important;
  box-shadow: 0 28px 80px rgba(42, 30, 22, 0.12);
}

body.yj-page-product-detail .main-image-container {
  overflow: hidden;
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.55), transparent 32%),
    linear-gradient(180deg, #fbf7f0, #eee4d6);
}

body.yj-page-product-detail .main-image {
  width: 100% !important;
  height: min(70vh, 680px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: saturate(0.92) contrast(1.03);
  border-radius: 20px;
}

body.yj-page-product-detail .thumbnail-list {
  margin-top: 14px;
  padding: 0 !important;
  background: transparent !important;
}

body.yj-page-product-detail .thumbnail {
  border-radius: 16px !important;
  border: 1px solid rgba(66, 45, 32, 0.12) !important;
  overflow: hidden;
  opacity: 0.72;
  transition: opacity 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.yj-page-product-detail .thumbnail.active,
body.yj-page-product-detail .thumbnail:hover {
  opacity: 1;
  border-color: rgba(184, 148, 92, 0.56) !important;
  transform: translateY(-2px);
}

body.yj-page-product-detail .product-info {
  position: sticky;
  top: 108px;
  padding: clamp(24px, 4vw, 44px) !important;
  border: 1px solid rgba(66, 45, 32, 0.12);
  border-radius: 32px;
  background: rgba(255, 252, 247, 0.88);
  box-shadow: 0 24px 70px rgba(42, 30, 22, 0.08);
  backdrop-filter: blur(18px);
}

body.yj-page-product-detail .product-category {
  margin-bottom: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--yj-luxe-gold) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
}

body.yj-page-product-detail .product-name {
  margin-bottom: 24px !important;
  color: var(--yj-luxe-ink) !important;
  font-family: var(--yj-serif) !important;
  font-size: clamp(38px, 4.6vw, 64px) !important;
  font-weight: 400 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.018em !important;
  text-wrap: balance;
}

body.yj-page-product-detail .product-price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 26px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid var(--yj-luxe-line) !important;
}

body.yj-page-product-detail .price-range {
  color: var(--yj-luxe-wine) !important;
  font-family: var(--yj-serif);
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em;
}

body.yj-page-product-detail .moq {
  color: rgba(23, 20, 18, 0.70) !important;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.yj-page-product-detail .product-description {
  color: var(--yj-luxe-muted) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}

body.yj-page-product-detail .product-meta {
  gap: 1px !important;
  padding: 1px !important;
  overflow: hidden;
  border: 1px solid var(--yj-luxe-line);
  border-radius: 22px !important;
  background: var(--yj-luxe-line) !important;
}

body.yj-page-product-detail .meta-item {
  padding: 18px !important;
  background: rgba(255, 252, 247, 0.92);
}

body.yj-page-product-detail .meta-label {
  color: #7d4b2d !important;
  font-size: 10px !important;
  font-weight: 800;
  letter-spacing: 0.16em;
}

body.yj-page-product-detail .meta-value {
  color: var(--yj-luxe-ink) !important;
  font-size: 14px !important;
}

body.yj-page-product-detail .product-actions {
  gap: 12px !important;
}

.yj-luxe-b2b-panel {
  margin: 4px 0 22px;
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid rgba(66, 45, 32, 0.13);
  border-radius: 24px;
  background:
    radial-gradient(circle at 92% 0%, rgba(184, 148, 92, 0.15), transparent 16rem),
    linear-gradient(145deg, rgba(255, 252, 247, 0.96), rgba(246, 238, 228, 0.92));
  box-shadow: 0 18px 48px rgba(42, 30, 22, 0.08);
}

.yj-luxe-b2b-panel__head {
  margin-bottom: 18px;
}

.yj-luxe-b2b-panel__head h2 {
  margin: 0 0 8px;
  color: var(--yj-luxe-ink);
  font-family: var(--yj-serif);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 400;
  letter-spacing: -0.012em;
  line-height: 1.04;
}

.yj-luxe-b2b-panel__head p {
  margin: 0;
  color: var(--yj-luxe-muted);
  font-size: 13px;
  line-height: 1.75;
}

.yj-luxe-b2b-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(66, 45, 32, 0.11);
  border-radius: 18px;
  background: rgba(66, 45, 32, 0.11);
}

.yj-luxe-b2b-grid > div {
  min-height: 104px;
  padding: 16px;
  background: rgba(255, 252, 247, 0.90);
}

.yj-luxe-b2b-grid span {
  display: block;
  margin-bottom: 8px;
  color: #7d4b2d;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.yj-luxe-b2b-grid strong {
  display: block;
  color: var(--yj-luxe-ink);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.55;
}

.yj-luxe-inquiry-guide {
  margin-top: 16px;
  min-height: 48px;
  padding: 14px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #7c3434, #4f2020);
  color: #fff8ef !important;
  box-shadow: 0 16px 34px rgba(115, 48, 48, 0.22);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: none !important;
}

.yj-luxe-inquiry-guide:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 42px rgba(115, 48, 48, 0.28);
}

body.yj-page-product-detail .product-actions .btn {
  border-radius: 999px !important;
  padding: 15px 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

body.yj-page-product-detail .product-actions .btn-primary {
  background: linear-gradient(135deg, #7c3434, #4f2020) !important;
  box-shadow: 0 16px 34px rgba(115, 48, 48, 0.24) !important;
}

body.yj-page-product-detail .product-actions .btn-outline {
  border-color: rgba(66, 45, 32, 0.18) !important;
  color: var(--yj-luxe-ink) !important;
  background: rgba(255, 252, 247, 0.72) !important;
}

.yj-luxe-detail-proof {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.yj-luxe-detail-proof > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 14px;
  padding: 16px 0;
  border-top: 1px solid rgba(66, 45, 32, 0.10);
}

.yj-luxe-detail-proof span {
  grid-row: span 2;
  color: #7d4b2d;
  font-family: var(--yj-serif);
  font-size: 25px;
  line-height: 1;
}

.yj-luxe-detail-proof strong {
  color: var(--yj-luxe-ink);
  font-size: 14px;
}

.yj-luxe-detail-proof p {
  margin: 4px 0 0;
  color: var(--yj-luxe-muted);
  font-size: 13px;
  line-height: 1.65;
}

body.yj-page-product-detail .recommendations {
  background: linear-gradient(180deg, #f8f1e8 0%, #fbf8f3 100%) !important;
  border-top: 1px solid var(--yj-luxe-line);
}

body.yj-page-product-detail .recommendations .section-title {
  color: var(--yj-luxe-ink) !important;
}

.yj-luxe-product-intro {
  width: min(1180px, calc(100% - 32px));
  margin: clamp(44px, 7vw, 84px) auto -24px;
  padding: clamp(24px, 4vw, 42px);
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(18px, 4vw, 54px);
  align-items: end;
  border: 1px solid var(--yj-luxe-line);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255, 252, 247, 0.95), rgba(244, 235, 224, 0.86));
  box-shadow: 0 24px 70px rgba(42, 30, 22, 0.08);
}

.yj-luxe-product-intro .yj-luxe-proof__title {
  margin-bottom: 0;
  max-width: 520px;
}

.yj-luxe-product-intro .yj-luxe-proof__text {
  max-width: 620px;
}

.yj-luxe-category-copy {
  width: min(1180px, calc(100% - 32px));
  margin: clamp(34px, 5vw, 58px) auto clamp(28px, 4vw, 48px);
  padding: clamp(24px, 4vw, 42px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(20px, 4vw, 56px);
  border: 1px solid rgba(66, 45, 32, 0.13);
  border-radius: 30px;
  background:
    radial-gradient(circle at 0% 0%, rgba(184, 148, 92, 0.16), transparent 22rem),
    linear-gradient(135deg, rgba(255, 252, 247, 0.96), rgba(244, 235, 224, 0.86));
  box-shadow: 0 24px 70px rgba(42, 30, 22, 0.08);
}

.yj-luxe-category-copy h2 {
  margin: 0;
  color: var(--yj-luxe-ink);
  font-family: var(--yj-serif);
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 400;
  letter-spacing: -0.014em;
  line-height: 1.04;
}

.yj-luxe-category-copy__body {
  display: grid;
  gap: 14px;
}

.yj-luxe-category-copy__body p {
  margin: 0;
  color: var(--yj-luxe-muted);
  font-size: 14px;
  line-height: 1.85;
}

body.yj-page-blog article {
  border-radius: 26px !important;
  border-color: rgba(66, 45, 32, 0.1) !important;
  box-shadow: 0 14px 40px rgba(42, 30, 22, 0.08) !important;
}

body.yj-page-blog article img {
  filter: saturate(0.88) contrast(1.03);
}

body.yj-page-blog article h3 {
  font-family: var(--yj-serif) !important;
  font-size: clamp(21px, 2.4vw, 30px) !important;
  line-height: 1.03 !important;
}

body.yj-page-blog article > header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  margin: 0 auto clamp(28px, 4vw, 48px) !important;
  padding-top: clamp(96px, 9vw, 132px) !important;
}

body.yj-page-blog article > header h1 {
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--yj-luxe-ink) !important;
  font-family: var(--yj-serif) !important;
  font-size: clamp(42px, 5.5vw, 72px) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.018em !important;
  text-wrap: balance;
}

body.yj-page-blog article > header p {
  color: #5b5148 !important;
  font-size: clamp(16px, 1.3vw, 19px) !important;
  line-height: 1.75 !important;
}

body.yj-page-blog article > figure {
  margin-top: 0 !important;
}

body.yj-page-blog article > figure img {
  height: auto !important;
  max-height: min(72vh, 720px) !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.yj-page-blog .article-body {
  color: #2f3846 !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}

body.yj-page-blog .article-body p {
  color: #2f3846 !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}

body.yj-page-blog .article-body h2 {
  color: var(--yj-luxe-ink) !important;
  font-family: var(--yj-serif) !important;
  font-size: clamp(31px, 3.4vw, 46px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.012em !important;
}

body.yj-page-blog .article-body h3 {
  color: #28211d !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  line-height: 1.22 !important;
}

#blog-category-nav a {
  border-radius: 999px !important;
  border-color: rgba(66, 45, 32, 0.12) !important;
  box-shadow: 0 10px 26px rgba(42, 30, 22, 0.06) !important;
}

a[href*="/blog/post/"],
a[href^="/products/"] {
  text-decoration: none !important;
}

.yj-luxe-footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 0 !important;
}

.yj-luxe-footer-logo img {
  display: block !important;
  width: auto !important;
  height: 34px !important;
  filter: brightness(0) invert(1) !important;
}

footer .text-gray-500,
.footer .text-gray-500,
footer a[class*="text-gray-500"],
.footer a[class*="text-gray-500"],
footer p,
.footer p {
  color: rgba(255, 248, 239, 0.70) !important;
}

footer a:hover,
.footer a:hover {
  color: #fff8ef !important;
}

@media (min-width: 900px) {
  body.yj-page-products a[href^="/products/"][class*="rounded-xl"] {
    min-height: 340px;
  }

  .yj-luxe-product-card h3,
  .product-card h3 {
    white-space: normal !important;
    min-height: 42px;
  }
}

@media (min-width: 1280px) {
  body.yj-page-home main section:first-of-type img.w-full.h-full.object-cover {
    object-position: 58% 50% !important;
  }

  body.yj-page-products main section:first-of-type img.w-full.h-full.object-cover,
  body.yj-page-products main section:first-of-type img[class*="object-cover"] {
    object-position: 58% 50% !important;
  }
}

@media (max-width: 767px) {
  .codex-unified-nav {
    height: 74px !important;
  }

  .codex-unified-nav__inner {
    height: 74px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .codex-unified-nav__logo img {
    height: 30px !important;
  }

  .codex-unified-nav__toggle {
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
  }

  .codex-unified-mobile {
    top: 82px !important;
    left: 14px !important;
    right: 14px !important;
    padding: 10px !important;
    border: 1px solid rgba(66, 45, 32, 0.10) !important;
    border-radius: 22px !important;
    background: rgba(255, 252, 247, 0.98) !important;
  }

  .codex-unified-mobile a {
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
  }

  body.yj-page-home main section:first-of-type {
    min-height: 86vh !important;
  }

  body.yj-page-home main section:first-of-type::before {
    background:
      linear-gradient(180deg, rgba(12, 10, 9, 0.50) 0%, rgba(12, 10, 9, 0.74) 48%, rgba(12, 10, 9, 0.82) 100%),
      radial-gradient(circle at 50% 12%, rgba(255, 248, 239, 0.14), transparent 18rem);
  }

  body.yj-page-home main section:first-of-type img.w-full.h-full.object-cover {
    object-position: 60% 50% !important;
  }

  body.yj-page-home main section:first-of-type > .relative.z-10 {
    align-self: flex-end !important;
    padding-top: 124px !important;
    padding-bottom: 98px !important;
  }

  body.yj-page-home main section:first-of-type .max-w-2xl {
    max-width: 100% !important;
  }

  body.yj-page-home main section:first-of-type h1 {
    max-width: 360px !important;
    font-size: clamp(42px, 13.3vw, 56px) !important;
    line-height: 0.94 !important;
  }

  body.yj-page-home main section:first-of-type h1 + p {
    max-width: 340px !important;
    font-size: 15.5px !important;
    line-height: 1.68 !important;
  }

  body.yj-page-home main section:first-of-type .flex {
    gap: 12px !important;
  }

  body.yj-page-home main section:first-of-type a[href="#categories"],
  body.yj-page-home main section:first-of-type a[href="/products/"],
  body.yj-page-home main section:first-of-type a[href="/contact/"] {
    width: 100% !important;
    justify-content: center !important;
  }

body.yj-page-products main section:first-of-type {
    height: auto !important;
    min-height: 430px !important;
    overflow: hidden !important;
  }

  body.yj-page-products main section:first-of-type::before {
    background:
      linear-gradient(180deg, rgba(18, 15, 13, 0.45), rgba(18, 15, 13, 0.52) 62%, rgba(18, 15, 13, 0.42)),
      radial-gradient(circle at 50% 18%, rgba(255, 248, 239, 0.12), transparent 18rem);
  }

  body.yj-page-products main section:first-of-type h1 {
    max-width: 350px !important;
  }

  body.yj-page-products main section:first-of-type p {
    max-width: 340px !important;
    color: rgba(255, 248, 239, 0.80) !important;
  }

  body.yj-page-products a[href^="/products/"][class*="rounded-xl"] {
    min-height: 280px !important;
  }

  body.yj-page-products a[data-yj-luxury-category="true"][href^="/products/"][class*="rounded-xl"] {
    aspect-ratio: 1 / 1.08 !important;
    min-height: 280px !important;
  }

  body.yj-page-products .category-card {
    min-height: 280px !important;
    aspect-ratio: 1 / 1.08 !important;
  }

  body.yj-page-products a[href^="/products/"][class*="rounded-xl"] img,
  body.yj-page-products .category-card img {
    object-position: 50% 12% !important;
  }

  body.yj-page-products a[href*="/faux-fur/"][class*="rounded-xl"] img,
  body.yj-page-products a[href*="/wool-blend/"][class*="rounded-xl"] img,
  body.yj-page-products a[href*="/leather/"][class*="rounded-xl"] img,
  body.yj-page-products .category-card[href*="/faux-fur/"] img,
  body.yj-page-products .category-card[href*="/wool-blend/"] img,
  body.yj-page-products .category-card[href*="/leather/"] img {
    object-position: 50% 8% !important;
  }

  .yj-luxe-proof {
    grid-template-columns: 1fr;
    border-radius: 22px;
  }

  .yj-luxe-trust-b2b {
    grid-template-columns: 1fr;
    border-radius: 24px;
    padding: 22px;
  }

  .yj-luxe-trust-b2b__grid {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }

  .yj-luxe-trust-b2b__grid > div {
    min-height: 96px;
  }

  body.yj-page-home h1,
  body.yj-page-products h1,
  body.yj-page-blog h1,
  body.yj-page-about h1,
  body.yj-page-contact h1,
  body.yj-page-faq h1,
  body.yj-page-product-list h1 {
    font-size: clamp(42px, 14vw, 58px) !important;
    line-height: 1.04 !important;
  }

  .yj-luxe-list-hero {
    padding: 112px 0 58px !important;
  }

  .yj-luxe-generated-list-hero {
    padding: 112px 0 58px !important;
  }

  .yj-luxe-collection-hero.hero {
    padding-top: 108px !important;
    background-position: center top !important;
  }

  body.yj-page-about main section .grid,
  body.yj-page-contact main section .grid,
  body.yj-page-faq main section .grid {
    gap: 22px !important;
  }

  a[href^="/products/"][class*="rounded-xl"] {
    border-radius: 20px !important;
  }

  .product-card,
  .yj-luxe-product-card {
    border-radius: 20px !important;
  }

  .product-card > div:first-child,
  .product-card .yj-luxe-image-frame,
  .yj-luxe-product-card .yj-luxe-image-frame {
    aspect-ratio: 1 / 1.16 !important;
  }

  .yj-luxe-product-intro {
    grid-template-columns: 1fr;
    border-radius: 22px;
  }

  .yj-luxe-category-copy {
    grid-template-columns: 1fr;
    margin-top: 26px;
    margin-bottom: 28px;
    border-radius: 22px;
    padding: 22px;
  }

  body.yj-page-product-detail .product-gallery,
  body.yj-page-product-detail .product-info {
    border-radius: 24px;
  }

  body.yj-page-product-detail .breadcrumb {
    padding-top: 74px !important;
    padding-bottom: 12px !important;
    font-size: 12.5px !important;
  }

  body.yj-page-product-detail .breadcrumb .container {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.yj-page-product-detail .breadcrumb .container > span:not(.yj-luxe-breadcrumb-current) {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  body.yj-page-product-detail .breadcrumb .container .yj-luxe-breadcrumb-current {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.yj-page-product-detail .product-detail {
    padding-top: 28px !important;
  }

  body.yj-page-product-detail .product-gallery {
    padding: 9px !important;
    border-radius: 28px !important;
  }

  body.yj-page-product-detail .thumbnail-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 10px 4px 2px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.yj-page-product-detail .thumbnail-list::-webkit-scrollbar {
    display: none;
  }

  body.yj-page-product-detail .thumbnail {
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 58px !important;
    max-width: none !important;
  }

  body.yj-page-product-detail .product-info {
    position: static;
    margin-top: 18px !important;
    padding: 24px !important;
  }

  body.yj-page-product-detail .main-image {
    height: min(66vh, 500px) !important;
    object-position: center center !important;
  }

  body.yj-page-product-detail .product-name {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 0.98 !important;
  }

  body.yj-page-product-detail .product-price {
    display: block;
  }

  body.yj-page-product-detail .moq {
    display: block;
    margin-top: 8px;
  }

  .yj-luxe-b2b-panel {
    padding: 16px;
    border-radius: 20px;
  }

  .yj-luxe-b2b-panel__head {
    margin-bottom: 14px;
  }

  .yj-luxe-b2b-panel__head h2 {
    font-size: 28px;
  }

  .yj-luxe-b2b-panel__head p {
    font-size: 12px;
    line-height: 1.6;
  }

  .yj-luxe-b2b-grid {
    grid-template-columns: 1fr;
    border-radius: 16px;
  }

  .yj-luxe-b2b-grid > div {
    min-height: auto;
    padding: 13px 14px;
  }

  .yj-luxe-b2b-grid span {
    margin-bottom: 4px;
    font-size: 9px;
  }

  .yj-luxe-b2b-grid strong {
    font-size: 12px;
    line-height: 1.45;
  }

  .yj-luxe-inquiry-guide {
    width: 100%;
    min-height: 52px;
    padding: 12px 14px;
    font-size: 12px;
  }

  .yj-luxe-timeline-section .relative::before {
    left: 10px !important;
  }

  .yj-luxe-timeline-section .relative > div {
    margin-left: 0 !important;
  }

  .yj-luxe-timeline-section .relative [class*="w-1/2"] {
    width: 100% !important;
    padding-left: 34px !important;
    padding-right: 0 !important;
    text-align: left !important;
  }

  .yj-luxe-timeline-dot {
    left: 10px !important;
  }

  .yj-luxe-timeline-card {
    border-radius: 22px !important;
  }

  .yj-luxe-cta-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

body.yj-page-about main section .rounded-xl.yj-luxe-timeline-card,
body.yj-page-about main section .rounded-2xl.yj-luxe-timeline-card,
body.yj-page-about main .yj-luxe-timeline-section .yj-luxe-timeline-card {
  border: 1px solid rgba(66, 45, 32, 0.22) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(145deg, rgba(255, 254, 250, 0.99), rgba(247, 239, 228, 0.96)) !important;
  box-shadow: 0 34px 88px rgba(42, 30, 22, 0.18) !important;
}

body.yj-page-about main .yj-luxe-timeline-section .yj-luxe-timeline-card p {
  color: #4c433b !important;
}

body.yj-page-about main .yj-luxe-timeline-section .yj-luxe-timeline-card h3 {
  color: #14100e !important;
}

body.yj-page-about main .yj-luxe-timeline-section .yj-luxe-timeline-year {
  background: linear-gradient(135deg, #8b3b35, #5b2421) !important;
  color: #fffaf2 !important;
  box-shadow: 0 12px 28px rgba(91, 36, 33, 0.26) !important;
}

body.yj-page-about main .yj-luxe-timeline-section .yj-luxe-timeline-dot {
  background: #733030 !important;
  border-color: #fffaf2 !important;
}

body.yj-page-about main section.yj-luxe-cta-section h1,
body.yj-page-about main section.yj-luxe-cta-section h2,
body.yj-page-about main section.yj-luxe-cta-section h3 {
  color: #fff8ef !important;
  text-shadow: 0 20px 56px rgba(0, 0, 0, 0.52);
}

body.yj-page-about main section.yj-luxe-cta-section p {
  color: rgba(255, 248, 239, 0.90) !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.42);
}

/* Codex QA 2026-05-24: mobile readability and imported-detail hardening */
.product-description,
.product-description * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.product-description img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.product-description [style*="width: 750px"],
.product-description [style*="width:750px"] {
  width: 100% !important;
}

@media (max-width: 767px) {
  body.yj-page-blog #blog-category-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 4px 10px !important;
    margin: 0 -4px !important;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.yj-page-blog #blog-category-nav::-webkit-scrollbar {
    display: none;
  }

  body.yj-page-blog #blog-category-nav a {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    justify-content: center !important;
    padding: 10px 15px !important;
    white-space: nowrap !important;
    text-align: center !important;
    line-height: 1.2 !important;
    scroll-snap-align: start;
  }

  body.yj-page-blog article > header {
    margin-bottom: 22px !important;
    padding: 106px 16px 0 !important;
    text-align: left !important;
  }

  body.yj-page-blog article > header h1 {
    font-size: clamp(36px, 10.2vw, 44px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.018em !important;
  }

  body.yj-page-blog article > header .flex {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body.yj-page-blog article > header p {
    font-size: 15.5px !important;
    line-height: 1.7 !important;
  }

  body.yj-page-blog article > figure {
    margin-left: -2px !important;
    margin-right: -2px !important;
    margin-bottom: 26px !important;
  }

  body.yj-page-blog article > figure img {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1.12 !important;
    border-radius: 20px !important;
  }

  body.yj-page-blog .article-body,
  body.yj-page-blog .article-body p {
    font-size: 16px !important;
    line-height: 1.86 !important;
  }

  body.yj-page-blog .article-body h2 {
    margin-top: 2.2em !important;
    font-size: clamp(27px, 8.2vw, 34px) !important;
    line-height: 1.18 !important;
  }

  body.yj-page-blog .article-body h3 {
    font-size: 21px !important;
    line-height: 1.28 !important;
  }

  body.yj-page-product-detail .product-gallery {
    max-height: none !important;
  }

  body.yj-page-product-detail .main-image {
    height: min(48vh, 390px) !important;
    object-position: center center !important;
  }

  body.yj-page-product-detail .main-image-container {
    padding: 8px 0;
    background:
      radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.52), transparent 32%),
      linear-gradient(180deg, #fbf7f0, #eee4d6);
  }

  body.yj-page-product-detail .main-image {
    border-radius: 18px;
  }

  body.yj-page-product-detail .meta-label,
  body.yj-page-product-detail .product-category,
  .yj-luxe-product-card .yj-luxe-category,
  .product-card .yj-luxe-category,
  .yj-luxe-moq,
  .yj-luxe-proof__kicker {
    font-size: 11.5px !important;
    letter-spacing: 0.12em !important;
  }

  .product-tag,
  .yj-luxe-badge {
    font-size: 11px !important;
    letter-spacing: 0.10em !important;
  }

  .yj-luxe-b2b-panel__head p {
    font-size: 13px !important;
  }

  .yj-luxe-b2b-grid > div {
    padding: 15px 16px !important;
  }

  .yj-luxe-b2b-grid span {
    font-size: 11px !important;
    margin-bottom: 6px !important;
    letter-spacing: 0.12em !important;
  }

  .yj-luxe-b2b-grid strong {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  .yj-luxe-inquiry-guide {
    font-size: 13px !important;
  }
}

/* Codex QA 2026-05-24: design consistency and readability pass */
.yj-luxe-product-card .yj-luxe-category,
.product-card .yj-luxe-category {
  font-size: 11.5px !important;
  letter-spacing: 0.14em !important;
}

.yj-luxe-moq {
  color: rgba(23, 20, 18, 0.56) !important;
  font-size: 12px !important;
}

.product-tag,
.yj-luxe-badge,
.product-badge,
.tag {
  font-size: 11px !important;
  letter-spacing: 0.10em !important;
}

body.yj-page-about main section:first-of-type,
body.yj-page-about main section:first-of-type > div {
  overflow: hidden !important;
}

body.yj-page-about main section:first-of-type img.object-cover {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  object-fit: cover !important;
  transform: none !important;
}

body.yj-page-blog h1#blog-category-title {
  font-family: var(--yj-serif) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  color: var(--yj-luxe-ink) !important;
}

body.yj-page-blog #breadcrumb-category,
body.yj-page-blog #blog-category-desc {
  color: #5b5148 !important;
}

/* Codex QA 2026-05-24: mobile buyer shortcut and conversion polish */
.yj-luxe-sticky-inquiry {
  display: none;
}

@media (max-width: 767px) {
  body.yj-page-product-detail {
    padding-bottom: calc(140px + env(safe-area-inset-bottom)) !important;
  }

  .yj-luxe-sticky-inquiry {
    position: fixed;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 12px;
    z-index: 90;
    min-height: 72px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(66, 45, 32, 0.16);
    border-radius: 24px;
    background:
      linear-gradient(135deg, rgba(255, 252, 247, 0.96), rgba(246, 238, 228, 0.94)),
      radial-gradient(circle at 4% 0%, rgba(184, 148, 92, 0.20), transparent 10rem);
    box-shadow: 0 18px 48px rgba(42, 30, 22, 0.20);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + 24px));
    transition:
      opacity 220ms ease,
      transform 220ms ease;
  }

  .yj-luxe-sticky-inquiry.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .yj-luxe-sticky-inquiry__copy {
    min-width: 0;
    flex: 1 1 auto;
  }

  .yj-luxe-sticky-inquiry__copy span {
    display: block;
    margin-bottom: 3px;
    color: #7d4b2d;
    font-size: 9.5px;
    font-weight: 850;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .yj-luxe-sticky-inquiry__copy strong {
    display: block;
    overflow: hidden;
    color: var(--yj-luxe-ink);
    font-size: 13px;
    font-weight: 720;
    letter-spacing: -0.01em;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .yj-luxe-sticky-inquiry__button {
    flex: 0 0 auto;
    min-height: 48px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #7c3434, #4f2020);
    color: #fff8ef !important;
    box-shadow: 0 14px 30px rgba(115, 48, 48, 0.24);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    white-space: nowrap;
  }
}

@media (max-width: 374px) {
  .yj-luxe-sticky-inquiry {
    right: 8px;
    left: 8px;
    gap: 8px;
  }

  .yj-luxe-sticky-inquiry__button {
    padding: 0 12px;
    font-size: 11.5px;
  }
}

/* Codex QA 2026-05-24: keep uploaded product watermarks visible in cards */
.product-card .product-image,
.product-card > div:first-child,
.product-card .yj-luxe-image-frame,
.yj-luxe-product-card .yj-luxe-image-frame {
  padding: 10px !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.48), transparent 32%),
    linear-gradient(180deg, #fbf7f0, #eee4d6) !important;
  box-sizing: border-box !important;
}

.product-card .product-image img[src*="/uploads/"],
.product-card > div:first-child > img:first-child[src*="/uploads/"],
.product-card img.product-card-image[src*="/uploads/"],
.product-card img[src*="/uploads/thumbs/"],
.yj-luxe-product-card img[src*="/uploads/thumbs/"],
a[href*="/products/"] img[src*="/uploads/thumbs/"] {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 16px !important;
  background: rgba(255, 252, 247, 0.72) !important;
  transform: none !important;
  transform-origin: center center !important;
}

.product-card:hover img[src*="/uploads/"],
.yj-luxe-product-card:hover img[src*="/uploads/"],
a[href*="/products/"]:hover img[src*="/uploads/thumbs/"] {
  transform: none !important;
}

.product-card .product-tags,
.product-card .product-badges {
  right: 14px !important;
  left: auto !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
}

.product-card .tag,
.product-card .product-badge {
  box-shadow: 0 10px 24px rgba(42, 30, 22, 0.12);
}

body.yj-page-product-detail .thumbnail img[src*="/uploads/thumbs/"] {
  padding: 3px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fbf7f0 !important;
}

body.yj-page-blog #blog-featured img[src*="/uploads/"],
body.yj-page-blog #blog-posts-grid img[src*="/uploads/"] {
  padding: 10px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.50), transparent 32%),
    linear-gradient(180deg, #fbf7f0, #eee4d6) !important;
  transform: none !important;
}

body.yj-page-blog #blog-featured .group:hover img[src*="/uploads/"],
body.yj-page-blog #blog-posts-grid .group:hover img[src*="/uploads/"] {
  transform: none !important;
}

/* Codex QA 2026-05-24: sitewide typography rhythm and clipping fixes */
.yj-luxe-proof__title {
  line-height: 1.08 !important;
  text-wrap: balance;
}

body.yj-page-home h1,
body.yj-page-products h1,
body.yj-page-blog h1,
body.yj-page-about h1,
body.yj-page-contact h1,
body.yj-page-faq h1,
body.yj-page-product-list h1,
.yj-luxe-generated-list-hero h1,
.yj-luxe-list-hero h1 {
  line-height: 1.06 !important;
  text-wrap: balance;
}

.yj-luxe-trust-b2b__intro .yj-luxe-proof__title {
  font-size: clamp(30px, 3.4vw, 42px) !important;
  line-height: 1.08 !important;
  max-width: 560px;
}

.yj-luxe-trust-b2b__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  overflow: visible !important;
  border-radius: 24px !important;
}

.yj-luxe-trust-b2b__grid > div {
  min-width: 0;
  min-height: 140px;
  padding: clamp(15px, 1.4vw, 18px) !important;
}

.yj-luxe-trust-b2b__grid strong {
  display: block;
  max-width: 100%;
  font-size: clamp(18px, 1.35vw, 20px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em;
  overflow-wrap: normal;
  text-wrap: balance;
}

.yj-luxe-trust-b2b__grid span {
  font-size: 12.5px !important;
  line-height: 1.62 !important;
}

.yj-luxe-product-card h3,
.product-card h3,
.product-card-name {
  display: -webkit-box !important;
  min-height: calc(1.48em * 2) !important;
  overflow: hidden !important;
  line-height: 1.48 !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow-wrap: anywhere;
}

body.yj-page-blog article h3,
body.yj-page-blog #blog-featured h3,
body.yj-page-blog #blog-posts-grid h3 {
  min-height: calc(1.16em * 2) !important;
  line-height: 1.16 !important;
  overflow: visible !important;
  text-wrap: balance;
}

body.yj-page-blog #blog-featured p,
body.yj-page-blog #blog-posts-grid p {
  line-height: 1.58 !important;
}

body.yj-page-products a[data-yj-luxury-category="true"][href^="/products/"][class*="rounded-xl"] h3,
body.yj-page-products a[href^="/products/"][class*="rounded-xl"] h3:not(.product-card-name),
.category-card .category-name {
  display: block !important;
  min-height: 0 !important;
  overflow: visible !important;
  line-height: 1.14 !important;
  white-space: normal !important;
  -webkit-line-clamp: initial !important;
  overflow-wrap: normal;
  text-wrap: balance;
}

body.yj-page-blog #blog-featured p[class*="line-clamp"],
body.yj-page-blog #blog-posts-grid p[class*="line-clamp"] {
  min-height: calc(1.58em * 2) !important;
  overflow: hidden !important;
}

body.yj-page-home main section:first-of-type h1 {
  line-height: 1.08 !important;
}

body.yj-page-product-detail .product-name {
  line-height: 1.12 !important;
}

.yj-luxe-b2b-panel__head h2,
.yj-luxe-category-copy h2,
.yj-luxe-generated-list-hero h1 {
  line-height: 1.12 !important;
}

@media (max-width: 1180px) and (min-width: 768px) {
  .yj-luxe-trust-b2b {
    grid-template-columns: 1fr !important;
  }

  .yj-luxe-trust-b2b__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.yj-page-home h1,
  body.yj-page-products h1,
  body.yj-page-blog h1,
  body.yj-page-about h1,
  body.yj-page-contact h1,
  body.yj-page-faq h1,
  body.yj-page-product-list h1,
  .yj-luxe-generated-list-hero h1,
  .yj-luxe-list-hero h1 {
    font-size: clamp(38px, 11.5vw, 48px) !important;
    line-height: 1.08 !important;
  }

  body.yj-page-home main section:first-of-type h1 {
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height: 1.06 !important;
  }

  .yj-luxe-proof__title {
    line-height: 1.12 !important;
  }

  .yj-luxe-trust-b2b__intro .yj-luxe-proof__title {
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.12 !important;
  }

  .yj-luxe-trust-b2b__grid {
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
  }

  .yj-luxe-trust-b2b__grid > div {
    min-height: 92px !important;
  }

  .yj-luxe-trust-b2b__grid strong {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  .yj-luxe-product-card h3,
  .product-card h3,
  .product-card-name {
    min-height: calc(1.5em * 2 + 2px) !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.yj-page-products a[data-yj-luxury-category="true"][href^="/products/"][class*="rounded-xl"] h3,
  body.yj-page-products a[href^="/products/"][class*="rounded-xl"] h3:not(.product-card-name),
  .category-card .category-name {
    min-height: 0 !important;
    line-height: 1.16 !important;
    -webkit-line-clamp: initial !important;
  }

  body.yj-page-product-detail .product-name {
    font-size: clamp(33px, 9vw, 40px) !important;
    line-height: 1.14 !important;
  }

  body.yj-page-product-detail .recommendations .product-card-name,
  body.yj-page-product-detail .recommendations .product-card h3,
  body.yj-page-product-detail .recommendations .yj-luxe-product-card h3 {
    min-height: calc(1.5em * 3 + 2px) !important;
    -webkit-line-clamp: 3 !important;
  }

  .yj-luxe-b2b-panel__head h2 {
    font-size: 27px !important;
    line-height: 1.14 !important;
  }

  body.yj-page-blog #blog-category-nav {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 2px 0 10px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    contain: none;
  }

  body.yj-page-blog #blog-category-nav a {
    flex: 0 1 auto !important;
    max-width: 100% !important;
  }

  body.yj-page-blog article h3,
  body.yj-page-blog #blog-featured h3,
  body.yj-page-blog #blog-posts-grid h3 {
    min-height: calc(1.22em * 2) !important;
    line-height: 1.22 !important;
  }
}

/* Codex QA 2026-05-25: keep display type decorative, make buyer-critical text easier to scan */
body.yj-page-product-detail .product-name {
  max-width: 720px;
  font-family: var(--yj-sans) !important;
  font-size: clamp(34px, 3.6vw, 52px) !important;
  font-weight: 650 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance;
}

body.yj-page-product-detail .price-range {
  font-family: var(--yj-sans) !important;
  font-size: clamp(34px, 3.4vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
}

body.yj-page-product-detail .moq,
body.yj-page-product-detail .meta-label,
.yj-luxe-b2b-grid span,
.yj-luxe-proof__kicker {
  letter-spacing: 0.12em !important;
}

.yj-luxe-b2b-panel__head h2,
.yj-luxe-category-copy h2,
.yj-luxe-product-intro .yj-luxe-proof__title,
body.yj-page-product-list .yj-luxe-category-copy h2 {
  font-family: var(--yj-sans) !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance;
}

.yj-luxe-category-copy__body p,
.yj-luxe-b2b-panel__head p,
body.yj-page-product-detail .product-description {
  color: #5b554f !important;
  font-size: clamp(15px, 1.05vw, 16px) !important;
  line-height: 1.82 !important;
  letter-spacing: -0.012em;
}

body.yj-page-products a[data-yj-luxury-category="true"][href^="/products/"][class*="rounded-xl"] h3,
body.yj-page-products a[href^="/products/"][class*="rounded-xl"] h3:not(.product-card-name),
.category-card .category-name {
  font-family: var(--yj-sans) !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.035em !important;
}

body.yj-page-blog article h3,
body.yj-page-blog #blog-featured h3,
body.yj-page-blog #blog-posts-grid h3 {
  display: -webkit-box !important;
  font-family: var(--yj-sans) !important;
  font-size: clamp(20px, 1.65vw, 24px) !important;
  font-weight: 650 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.03em !important;
  min-height: calc(1.28em * 3) !important;
  overflow: hidden !important;
  text-wrap: pretty;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.yj-page-blog .article-body h2,
body.yj-page-blog .article-body h3 {
  font-family: var(--yj-sans) !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em !important;
}

body.yj-page-blog .article-body h2 {
  font-size: clamp(28px, 2.6vw, 38px) !important;
  line-height: 1.24 !important;
}

body.yj-page-blog .article-body h3 {
  font-size: clamp(21px, 1.8vw, 26px) !important;
  line-height: 1.32 !important;
}

body.yj-page-blog .article-body,
body.yj-page-blog .article-body p {
  color: #3f454d !important;
  line-height: 1.88 !important;
}

body.yj-page-product-detail .yj-luxe-b2b-panel {
  display: none !important;
}

body.yj-page-product-detail .yj-luxe-detail-proof {
  display: none !important;
}

/* Codex QA 2026-05-25: product detail information hierarchy */
body.yj-page-product-detail .product-info {
  padding: clamp(22px, 2.7vw, 32px) !important;
}

body.yj-page-product-detail .product-category {
  margin-bottom: 12px !important;
  color: #8f6d3d !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
}

body.yj-page-product-detail .product-name {
  max-width: 580px !important;
  margin-bottom: 18px !important;
  font-size: clamp(30px, 2.55vw, 40px) !important;
  font-weight: 640 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.032em !important;
}

body.yj-page-product-detail .product-price {
  display: grid !important;
  grid-template-columns: minmax(0, auto) minmax(150px, max-content);
  align-items: center !important;
  justify-content: start !important;
  gap: 12px 14px !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}

body.yj-page-product-detail .price-range {
  display: block;
  font-size: clamp(26px, 2.1vw, 34px) !important;
  font-weight: 720 !important;
  line-height: 1.08 !important;
  white-space: nowrap;
}

body.yj-page-product-detail .moq {
  max-width: 190px;
  padding: 7px 11px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(66, 45, 32, 0.12);
  border-radius: 999px;
  background: rgba(255, 252, 247, 0.76);
  color: #665c53 !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.055em !important;
  text-align: center;
  text-transform: uppercase;
}

body.yj-page-product-detail .product-description {
  max-width: 58ch;
  margin-bottom: 20px !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
}

body.yj-page-product-detail .product-meta {
  border-radius: 18px !important;
}

body.yj-page-product-detail .meta-item {
  min-height: 82px;
  padding: 14px 16px !important;
}

body.yj-page-product-detail .meta-label {
  margin-bottom: 7px;
  font-size: 9.5px !important;
  letter-spacing: 0.105em !important;
}

body.yj-page-product-detail .meta-value {
  font-size: 14px !important;
  line-height: 1.42 !important;
}

body.yj-page-product-detail .product-actions {
  margin-top: 22px !important;
}

body.yj-page-product-detail .product-actions .btn {
  min-height: 50px !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
}

@media (min-width: 1024px) {
  body.yj-page-product-detail .product-info {
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  body.yj-page-product-detail .product-info {
    padding: 21px !important;
  }

  body.yj-page-product-detail .product-name {
    margin-bottom: 16px !important;
    font-size: clamp(25px, 7vw, 31px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.026em !important;
  }

  body.yj-page-product-detail .product-price {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 9px !important;
    margin-bottom: 18px !important;
    padding-bottom: 18px !important;
  }

  body.yj-page-product-detail .price-range {
    font-size: clamp(25px, 7vw, 30px) !important;
  }

  body.yj-page-product-detail .moq {
    max-width: 100%;
    width: fit-content;
    justify-content: flex-start;
    font-size: 9.5px !important;
  }

  body.yj-page-product-detail .product-description {
    font-size: 14px !important;
    line-height: 1.66 !important;
  }

  body.yj-page-product-detail .meta-item {
    min-height: 76px;
    padding: 13px 14px !important;
  }

  body.yj-page-product-detail .product-actions .btn {
    min-height: 48px !important;
    font-size: 13.5px !important;
  }

  .yj-luxe-b2b-panel__head h2,
  .yj-luxe-category-copy h2,
  .yj-luxe-product-intro .yj-luxe-proof__title {
    font-size: clamp(25px, 7vw, 32px) !important;
    line-height: 1.22 !important;
  }

  body.yj-page-blog article h3,
  body.yj-page-blog #blog-featured h3,
  body.yj-page-blog #blog-posts-grid h3 {
    font-size: 20px !important;
    line-height: 1.32 !important;
    min-height: calc(1.32em * 3) !important;
    -webkit-line-clamp: 3 !important;
  }
}