/* Simplified information architecture — preview variant only. */
html:not([dir="rtl"]) body,
html:not([dir="rtl"]) button,
html:not([dir="rtl"]) input,
html:not([dir="rtl"]) select,
html:not([dir="rtl"]) textarea,
html:not([dir="rtl"]) label,
html:not([dir="rtl"]) a,
html:not([dir="rtl"]) p,
html:not([dir="rtl"]) li,
html:not([dir="rtl"]) dt,
html:not([dir="rtl"]) dd,
html:not([dir="rtl"]) span:not(.logo-text):not(.logo-text *):not(.accent-i) {
  font-family: "Josefin Sans", "Helvetica Neue", Arial, sans-serif !important;
}
html:not([dir="rtl"]) h1,
html:not([dir="rtl"]) h2,
html:not([dir="rtl"]) h3,
html:not([dir="rtl"]) h4,
html:not([dir="rtl"]) h5,
html:not([dir="rtl"]) h6 {
  font-family: Georgia, "Times New Roman", serif !important;
}
.logo-text,
.logo-text * { font-family: "Geist", "Helvetica Neue", Arial, sans-serif !important; }
html[lang="ar"] { direction: rtl; }
html[lang="ar"] body,
html[lang="ar"] body * { font-family: "Tajawal", "Noto Sans Arabic", Tahoma, Arial, sans-serif !important; }
html[lang="ar"] .logo-text,
html[lang="ar"] .logo-text * { font-family: "Geist", "Helvetica Neue", Arial, sans-serif !important; }

.simplified-section { padding: clamp(64px, 8vw, 104px) 0; }
.simplified-section--alt { background: var(--surface-2); border-block: 1px solid var(--line); }
.simplified-intro { max-width: 760px; color: var(--muted); font-size: clamp(17px, 2vw, 20px); line-height: 1.75; }
.simplified-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.simplified-card { padding: clamp(24px, 3vw, 34px); border-top: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.025), transparent); }
.simplified-card h3 { margin: 10px 0 12px; }
.simplified-card p { margin: 0; color: var(--muted); }
.simplified-card__label { color: var(--saffron-gold); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.simplified-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.simplified-process article { min-height: 190px; padding: 26px; border-inline-end: 1px solid var(--line); }
.simplified-process article:last-child { border-inline-end: 0; }
.simplified-process span { color: var(--saffron-gold); font-size: 12px; font-weight: 700; }
.simplified-process h3 { margin: 18px 0 10px; }
.simplified-process p { margin: 0; color: var(--muted); }
.simplified-process--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.company-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.company-facts div { padding: 24px; border-inline-end: 1px solid var(--line); }
.company-facts div:last-child { border-inline-end: 0; }
.company-facts dt { color: var(--saffron-gold); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.company-facts dd { margin: 8px 0 0; color: var(--ink-strong); font-weight: 650; }
.packaging-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px clamp(28px, 5vw, 72px);
  margin-top: 30px;
}
.packaging-checklist li { min-height: 28px; margin: 0; }

.packaging-showcase {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 34px);
  margin-top: clamp(30px, 5vw, 54px);
}
.packaging-showcase__card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 20px 52px rgba(0, 0, 0, .15);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.packaging-showcase__card:hover {
  transform: translateY(-4px);
  border-color: rgba(216, 167, 58, .45);
  box-shadow: 0 26px 64px rgba(0, 0, 0, .2);
}
.packaging-showcase__media {
  position: relative;
  display: block;
  height: clamp(280px, 32vw, 410px);
  overflow: hidden;
  background: #171817;
}
.packaging-showcase__media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(180deg, transparent, rgba(5, 9, 6, .32));
  pointer-events: none;
}
.packaging-showcase__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .55s cubic-bezier(.2, .7, .2, 1);
}
.packaging-showcase__card--mini .packaging-showcase__media img { object-position: center 43%; }
.packaging-showcase__card:hover .packaging-showcase__media img { transform: scale(1.025); }
.packaging-showcase__body { padding: clamp(24px, 3vw, 34px); }
.packaging-showcase__body h3 { margin: 10px 0 12px; font-size: clamp(25px, 3vw, 36px); }
.packaging-showcase__body p { min-height: 3.4em; margin: 0 0 20px; color: var(--muted); }
.packaging-showcase__body .format-card__link { margin-top: 0; }
.catalog-card-meta { color: var(--saffron-gold) !important; font-size: 12px !important; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.catalog-toolbar__status { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 12px; }
.catalog-result-count { color: var(--muted); font-size: 14px; }
.catalog-clear { min-height: 40px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--ink-strong); cursor: pointer; }
.catalog-clear:hover { border-color: var(--saffron-gold); color: var(--saffron-gold); }
.catalog-clear:disabled { opacity: .45; cursor: default; }
.catalog-filter-toggle { display: none; width: 100%; min-height: 44px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink-strong); font-weight: 700; }
.product-final-cta { padding: clamp(48px, 6vw, 76px) 0; }
.product-final-cta__copy p { max-width: 680px; }

.saffron-anatomy {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(320px, 1fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: center;
  margin: 0 0 clamp(32px, 5vw, 56px);
  padding: clamp(24px, 4vw, 52px);
  overflow: hidden;
  border: 1px solid rgba(153, 112, 38, .28);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 10%, rgba(215, 166, 66, .14), transparent 34%),
    #f2ebde;
  color: #20231e;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .18);
}
.saffron-anatomy__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin: 0;
}
.saffron-anatomy__figure img {
  display: block;
  width: min(100%, 430px);
  max-height: 520px;
  object-fit: contain;
  filter: saturate(.95) contrast(1.03);
}
.saffron-anatomy__copy { max-width: 590px; }
.saffron-anatomy__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #956817;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.saffron-anatomy__eyebrow::before {
  content: "";
  width: 28px;
  height: 1px;
  background: #b78323;
}
.saffron-anatomy__copy h3 {
  max-width: 520px;
  margin: 0 0 22px;
  color: #172018;
  font-size: clamp(34px, 4.2vw, 60px);
  line-height: 1.02;
  letter-spacing: -.035em;
}
.saffron-anatomy__copy p {
  margin: 0 0 14px;
  color: #50564d;
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.72;
}
.saffron-anatomy__copy .saffron-anatomy__note {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(77, 72, 54, .18);
  color: #383d36;
  font-weight: 600;
}
.saffron-grades .commerce-card-grid { margin-top: 0; }

@media (max-width: 760px) {
  .simplified-section { padding: 52px 0; }
  .simplified-grid { grid-template-columns: 1fr; }
  .simplified-process,
  .simplified-process--three { grid-template-columns: 1fr; }
  .simplified-process article { min-height: 0; border-inline-end: 0; border-bottom: 1px solid var(--line); }
  .simplified-process article:last-child { border-bottom: 0; }
  .company-facts { grid-template-columns: 1fr; }
  .company-facts div { border-inline-end: 0; border-bottom: 1px solid var(--line); }
  .company-facts div:last-child { border-bottom: 0; }
  .packaging-checklist { grid-template-columns: 1fr; gap: 14px; }
  .packaging-showcase { grid-template-columns: 1fr; }
  .packaging-showcase__media { height: clamp(280px, 88vw, 390px); }
  .packaging-showcase__body p { min-height: 0; }
  .catalog-toolbar__status { align-items: stretch; flex-direction: column; }
  .catalog-clear { width: 100%; }
  .catalog-filter-toggle { display: block; }
  .catalog-tools:not(.is-filter-open) .catalog-filter { display: none; }
  .saffron-anatomy {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 24px 20px 28px;
    border-radius: 14px;
  }
  .saffron-anatomy__figure img {
    width: min(100%, 340px);
    max-height: 410px;
  }
  .saffron-anatomy__copy h3 { font-size: clamp(32px, 11vw, 46px); }
}
