/* Company, delivery and partner stories: original photography with illustrative context. */
.brand-site .product-context {
  --pc-ink: #302a22;
  --pc-muted: #726a5d;
  --pc-line: #e5dfd4;
  padding-block: 72px 92px;
  background: #faf8f5;
  color: var(--pc-ink);
}
.product-context .pc-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  align-items: end;
  gap: clamp(30px, 6vw, 90px);
  margin-block-end: 36px;
}
.brand-site .product-context .pc-heading h2 {
  margin: 14px 0 0;
  color: var(--pc-ink);
  font-size: clamp(34px, 4.1vw, 55px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.05em;
}
.brand-site .product-context .pc-heading h2 em {
  color: #766b4d;
  font-family: 'Crimson Pro', Georgia, serif;
  font-weight: 400;
  font-style: italic;
  -webkit-text-fill-color: currentColor;
}
.product-context .pc-copy > p {
  margin: 0 0 22px;
  color: var(--pc-muted);
  font-size: 15px;
  line-height: 1.8;
}
.brand-site .product-context .pc-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  max-width: 100%;
  border-block-end: 1px solid #bcb29f;
  padding-block-end: 5px;
  color: #4d4436;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  text-decoration: none;
}
.product-context .pc-link:hover { color: #231e17; border-color: #4d4436; }
.product-context .pc-link:focus-visible { outline: 2px solid #756641; outline-offset: 5px; }
.product-context .pc-scene {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-height: 510px;
  margin: 0;
  padding: 74px 42px 36px;
  overflow: hidden;
  border: 1px solid #e7e0d5;
  border-radius: 24px;
  background: #e2dfd6;
}
.product-context .pc-photo {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}
.product-context .pc-scene::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: '';
  background: linear-gradient(180deg, #25261908, transparent 28%, #2526191c);
  pointer-events: none;
}
.product-context .pc-disclosure {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-start: 24px;
  max-width: calc(100% - 48px);
  padding: 7px 12px;
  border: 1px solid #ffffffba;
  border-radius: 7px;
  background: #fffdf5ed;
  color: #635b4e;
  font-size: 11px;
  line-height: 1.5;
}
.product-context .pc-panel {
  width: min(360px, 100%);
  min-width: 0;
  padding: 26px;
  border: 1px solid #eae5db;
  border-radius: 19px;
  background: #fffefb;
  box-shadow: 0 20px 64px #25221924;
}
.product-context .pc-panel-top { display: flex; align-items: center; gap: 10px; color: #706653; font-size: 10px; line-height: 1.5; letter-spacing: .065em; }
.product-context .pc-symbol { display: grid; flex-shrink: 0; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #ebeede; color: #778160; font-size: 20px; }
.brand-site .product-context .pc-panel h3 { margin: 18px 0 24px; color: var(--pc-ink); font-size: 24px; line-height: 1.17; font-weight: 500; letter-spacing: -.035em; }
.product-context .pc-flow { display: grid; gap: 8px; padding: 0; margin: 0; list-style: none; }
.product-context .pc-flow li { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid #e6e8db; border-radius: 9px; background: #f2f4eb; color: #4c5640; font-size: 13px; line-height: 1.5; }
.product-context .pc-step { flex-shrink: 0; color: #606b4f; font-size: 10px; font-variant-numeric: tabular-nums; }
.product-context .pc-connector { margin-inline-start: auto; padding-inline-start: 6px; color: #90997e; font-size: 16px; }
.product-context--company .pc-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-context--company .pc-flow li { flex-wrap: wrap; gap: 8px; min-height: 72px; padding: 12px; }
.product-context--company .pc-step { width: 100%; }
.product-context--company .pc-flow li > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
.product-context--company .pc-flow li:last-child .pc-connector { visibility: hidden; }
.product-context--delivery .pc-scene { justify-content: flex-start; }
.product-context--delivery .pc-flow li { background: #f0edf5; border-color: #e4ddec; color: #655975; }
.product-context--delivery .pc-step, .product-context--delivery .pc-connector { color: #746080; }
.product-context--delivery .pc-flow li:last-child .pc-connector { visibility: hidden; }
.product-context--delivery .pc-symbol { color: #8c7d9f; background: #eee7f3; }
.product-context--partners .pc-flow li { background: #f6eee3; border-color: #ece1d1; color: #7e684a; }
.product-context--partners .pc-step, .product-context--partners .pc-connector { color: #755b36; }
.product-context--partners .pc-symbol { color: #a18c6c; background: #f1e7d8; }
.product-context .pc-panel-note { padding-block-start: 17px; margin: 20px 0 0; border-block-start: 1px solid var(--pc-line); color: #716755; font-size: 11px; line-height: 1.6; }
html[dir="rtl"] .product-context .pc-heading h2 em { font-family: inherit; font-style: normal; }
html[dir="rtl"] .product-context .pc-panel-top { letter-spacing: 0; }
/* The shared icon renderer already points action arrows left in Hebrew. */

@media (max-width: 760px) {
  .brand-site .product-context { padding-block: 46px 60px; }
  .product-context .pc-heading { grid-template-columns: 1fr; gap: 22px; margin-block-end: 28px; }
  .brand-site .product-context .pc-heading h2 { font-size: clamp(32px, 8vw, 46px); }
  .product-context .pc-copy > p { margin-block-end: 18px; }
  .product-context .pc-scene { min-height: 500px; padding: 140px 18px 20px; border-radius: 18px; }
  .product-context .pc-disclosure { inset-block-start: 17px; inset-inline-start: 18px; max-width: calc(100% - 36px); font-size: 10px; }
  .product-context .pc-panel { padding: 22px; width: min(340px, 100%); }
  .brand-site .product-context .pc-panel h3 { font-size: 22px; }
}
@media (max-width: 400px) {
  .product-context .pc-scene { padding-inline: 12px; }
  .product-context .pc-panel { padding: 18px; }
  .product-context--company .pc-flow li { padding: 10px; }
  .product-context .pc-flow li { font-size: 12px; }
}

html.access-contrast .product-context,
html.access-contrast .product-context .pc-panel,
html.access-contrast .product-context .pc-flow li,
html.access-contrast .product-context .pc-disclosure { background: #fff !important; color: #000 !important; border-color: #000 !important; }
html.access-contrast .product-context :is(h2,h3,p,em,span,a) { color: #000 !important; -webkit-text-fill-color: #000 !important; }
html.access-contrast .product-context .pc-symbol { background: #fff !important; border: 1px solid #000; }
html.access-contrast .product-context .pc-link { text-decoration: underline; }