/* Fruit content matches the 2026-10-08 reference; the shared header is unchanged. */
.fruit-overview {
  --fruit-body: clamp(10px, 1.06vw, 16px);
  --fruit-small: clamp(8px, .86vw, 13px);
  --fruit-label: clamp(8px, .82vw, 12px);
  --fruit-heading: clamp(24px, 2.73vw, 41px);
  font-size: var(--fruit-body);
  line-height: 1.4;
}
.fruit-overview .container { width: min(89.2%, 1440px); max-width: 1440px; margin-inline: auto; }
.fruit-overview h1, .fruit-overview h2, .fruit-overview h3 { font-weight: 700; letter-spacing: -.025em; }
.fruit-overview h2 { font-size: var(--fruit-heading); line-height: 1.12; }
.fruit-overview .eyebrow { font-size: var(--fruit-label); font-weight: 500; line-height: 1.4; letter-spacing: .085em; color: #315678; margin: 0 0 clamp(8px, .85vw, 13px); }
.fruit-overview .button { min-height: 0; gap: clamp(16px, 1.8vw, 27px); padding: clamp(8px, .9vw, 14px) clamp(20px, 2.3vw, 34px); font-size: var(--fruit-body); font-weight: 700; line-height: 1.3; border-radius: var(--radius-button); }
.fruit-overview .button span { font-size: 1.5em; font-weight: 400; line-height: .7; }
.fruit-overview .text-link { padding: 0; gap: 12px; font-size: var(--fruit-small); font-weight: 700; color: var(--color-primary); }
.fruit-overview .text-link span { font-size: 1.65em; font-weight: 400; line-height: 1; }
.fruit-overview-hero { position: relative; isolation: isolate; min-height: clamp(302px, 32.1vw, 510px); overflow: hidden; background: #f4f6f7; }
.fruit-hero-photo { position: absolute; z-index: -2; inset: 0 0 0 auto; width: 66%; height: 100%; object-fit: cover; object-position: 50% 54%; }
.fruit-overview-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #f6f8fa 0%, #f6f8fa 37%, #f6f8fae8 43%, #f6f8fa55 53%, transparent 65%); }
.fruit-hero-content { padding-top: clamp(38px, 4.3vw, 65px); padding-bottom: clamp(20px, 2.4vw, 36px); }
.fruit-overview .breadcrumbs { font-size: var(--fruit-small); gap: 5px; padding: clamp(15px, 1.7vw, 26px) 0 clamp(23px, 2.65vw, 40px); }
.fruit-hero-copy { width: 44%; }
.fruit-hero-copy h1 { font-size: clamp(30px, 3.4vw, 52px); line-height: 1.05; margin-bottom: clamp(10px, 1.2vw, 18px); }
.fruit-hero-copy h1 span { display: block; white-space: nowrap; }
.fruit-hero-copy > p:not(.eyebrow) { max-width: 34em; font-size: var(--fruit-body); line-height: 1.4; }
.fruit-hero-actions { display: flex; align-items: center; gap: clamp(20px, 2.2vw, 33px); margin-top: clamp(18px, 1.9vw, 29px); }
.fruit-watch { display: inline-flex; align-items: center; gap: 10px; text-align: left; border: 1px solid #38516a; border-radius: 3px; background: #ffffff50; padding: clamp(6px, .65vw, 10px) clamp(12px, 1.4vw, 21px); font-size: var(--fruit-small); color: var(--color-foreground); white-space: nowrap; }
.fruit-play { display: grid; place-items: center; width: clamp(20px, 2vw, 30px); height: clamp(20px, 2vw, 30px); border: 1px solid #38516a; border-radius: 50%; font-size: .9em; padding-left: 2px; }
.fruit-watch strong, .fruit-watch small, .fruit-benefits strong, .fruit-benefits small { display: block; }
.fruit-watch small { font-size: .88em; margin-top: 3px; }
.fruit-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(14px, 1.6vw, 24px); width: 68%; padding: 0; margin: clamp(30px, 3.2vw, 48px) 0 0; list-style: none; }
.fruit-benefits li { display: flex; align-items: center; gap: 9px; min-width: 0; }
.fruit-line-icon { flex-shrink: 0; width: clamp(23px, 2.55vw, 39px); height: auto; color: #173e62; }
.fruit-benefits strong { font-size: var(--fruit-small); white-space: nowrap; }
.fruit-benefits small { font-size: clamp(7px, .75vw, 11px); color: #5b6976; white-space: nowrap; margin-top: 2px; }
.fruit-handwriting { position: relative; width: max-content; color: #786e62; font-family: "Segoe Print", "Bradley Hand", cursive; font-style: italic; font-size: clamp(14px, 1.65vw, 25px); line-height: 1.15; transform: rotate(-11deg); }
.fruit-handwriting::after { content: ''; display: block; width: 54%; height: 2px; margin-top: 9px; background: #d9b563; }
.fruit-hero-note { position: absolute; right: 2%; top: 12%; color: #43454b; }
.fruit-overview .fruit-applications { position: relative; width: min(93.6%, 1510px); padding-block: clamp(16px, 1.7vw, 26px) clamp(12px, 1.3vw, 20px); }
.fruit-overview .fruit-applications > .eyebrow, .fruit-overview .fruit-applications > h2, .fruit-overview .fruit-applications-intro { margin-inline: 2.35%; }
.fruit-applications-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: clamp(8px, .95vw, 14px); }
.fruit-overview .fruit-cards-intro { max-width: 61%; line-height: 1.35; }
.fruit-overview .fruit-applications-intro > a { white-space: nowrap; }
.fruit-overview .fruit-cards { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(12px, 1.35vw, 20px); margin: clamp(13px, 1.4vw, 21px) 0 0; }
.fruit-overview .fruit-cards article { border-radius: 5px; border-color: #dfe6ec; background: #fff; }
.fruit-overview .fruit-cards article > a { display: flex; flex-direction: column; }
.fruit-overview .fruit-card-image img { aspect-ratio: 1.53; object-fit: cover; }
.fruit-overview .fruit-card-copy { display: flex; flex-direction: column; flex: 1; padding: clamp(11px, 1.2vw, 18px); min-height: 0; }
.fruit-overview .fruit-card-copy .eyebrow { font-size: var(--fruit-small); letter-spacing: 0; margin: 0; text-transform: none; }
.fruit-overview .fruit-card-copy h3 { font-size: clamp(11px, 1.18vw, 18px); line-height: 1.35; margin: 5px 0; }
.fruit-overview .fruit-card-copy p { font-size: clamp(10px, 1.06vw, 16px); line-height: 1.3; margin-bottom: 5px; }
.fruit-overview .fruit-card-copy .text-link { margin-top: auto; padding-top: 9px; font-size: clamp(9px, .95vw, 14px); }
.fruit-box-design.application-detail { display: grid; grid-template-columns: 45% 55%; gap: 0; padding: 0; background: #f6f4f1; }
.fruit-box-design .produce-image { border-radius: 0; align-self: stretch; min-height: 0; }
.fruit-box-design .produce-image img { height: 100%; width: 100%; aspect-ratio: auto; object-fit: cover; }
.fruit-box-design .produce-image .fruit-handwriting { position: absolute; bottom: 13%; left: 6%; color: #fff; font-size: clamp(16px, 1.9vw, 29px); text-shadow: 0 1px 8px #0007; }
.fruit-box-design .produce-image figcaption { position: absolute; bottom: 8px; left: 6%; padding: 0; background: transparent; font-size: clamp(9px, .8vw, 12px); color: #fff; text-shadow: 0 1px 4px #000; }
.fruit-box-copy { display: block; padding: clamp(18px, 1.8vw, 28px) 2.4vw clamp(18px, 1.8vw, 28px) 3vw; }
.fruit-box-copy h2 { font-size: clamp(22px, 2.3vw, 35px); margin-bottom: 8px; }
.fruit-overview .fruit-box-copy p:not(.eyebrow):not(.fruit-handwriting) { margin: 0 0 8px; font-size: clamp(8px, .91vw, 14px); line-height: 1.35; }
.fruit-overview .fruit-design-button { margin-top: 8px; font-size: var(--fruit-small); padding-inline: 20px; }
.fruit-design-details { display: grid; grid-template-columns: 1fr 1fr 1.08fr; gap: 10px; align-items: start; margin-top: 12px; }
.fruit-design-details figure { margin: 0; min-width: 0; }
.fruit-design-details figure img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; }
.fruit-design-details figcaption { font-size: clamp(8px, .85vw, 13px); text-align: center; color: #315678; margin-top: 5px; }
.fruit-design-considerations { padding: 10px 8px; background: #ffffff90; box-shadow: 0 2px 12px #18364b06; }
.fruit-design-considerations h3 { font-size: clamp(9px, .95vw, 14px); margin-bottom: 8px; }
.fruit-design-considerations ul { list-style: none; margin: 0; padding: 0; }
.fruit-design-considerations li { position: relative; padding-left: 13px; font-size: clamp(8px, .77vw, 12px); line-height: 1.45; margin: 0 0 5px; color: #53697b; }
.fruit-design-considerations li::before { content: '✓'; position: absolute; left: 0; color: #315678; }
.fruit-design-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; }
.fruit-overview .fruit-design-actions .fruit-handwriting { font-size: clamp(11px, 1.1vw, 17px); color: #27445c; margin: 0; }
.fruit-overview .fruit-illustration-caption { font-size: clamp(9px, .75vw, 11px); color: #617384; margin-top: 8px; }
.fruit-selection { padding-block: clamp(18px, 1.95vw, 30px) clamp(14px, 1.5vw, 23px); background: #f0f4f7; }
.fruit-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: clamp(12px, 1.35vw, 20px); }
.fruit-selection h2 { font-size: clamp(21px, 2.3vw, 35px); }
.fruit-section-heading > p { width: 31%; font-size: clamp(9px, .95vw, 14px); line-height: 1.4; }
.fruit-selection-grid, .fruit-technical-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.25vw, 19px); }
.fruit-selection-card { display: flex; align-items: flex-start; gap: clamp(10px, 1.3vw, 20px); padding: clamp(14px, 1.5vw, 23px); background: #fff; border-radius: 4px; }
.fruit-selection-card .fruit-line-icon { width: clamp(34px, 3.65vw, 56px); }
.fruit-selection-card h3 { font-size: clamp(9px, .94vw, 14px); line-height: 1.35; margin-bottom: 7px; white-space: nowrap; }
.fruit-selection-card p { font-size: clamp(8px, .81vw, 12px); line-height: 1.4; }
.fruit-technical { padding-block: clamp(15px, 1.7vw, 26px); }
.fruit-technical h2 { font-size: clamp(20px, 2.1vw, 32px); margin-bottom: clamp(10px, 1.2vw, 18px); }
.fruit-technical .fruit-section-heading { align-items: center; }
.fruit-technical .fruit-section-heading h2 { margin-bottom: 0; }
.fruit-technical-card { border: 1px solid #dfe6ec; border-radius: 4px; overflow: hidden; }
.fruit-technical-card > a { height: 100%; display: flex; flex-direction: column; }
.fruit-technical-card img { width: 100%; aspect-ratio: 2.8; object-fit: cover; }
.fruit-technical-card img[src$=".svg"] { object-fit: contain; background: #f5f5f3; }
.fruit-technical-card a > div { padding: clamp(10px, 1.1vw, 17px); flex: 1; display: flex; flex-direction: column; }
.fruit-overview .fruit-technical-card .eyebrow { font-size: clamp(7px, .73vw, 11px); margin-bottom: 4px; }
.fruit-technical-card h3 { font-size: clamp(10px, 1.02vw, 15px); line-height: 1.35; margin-bottom: 6px; }
.fruit-technical-card p:not(.eyebrow) { font-size: clamp(8px, .86vw, 13px); line-height: 1.35; margin-bottom: 8px; }
.fruit-technical-card .text-link { margin-top: auto; padding-top: 3px; }
.fruit-video-dialog { width: min(900px, 92vw); max-height: 90dvh; overflow: auto; border: 0; border-radius: 8px; padding: 22px; color: #0d2d49; }
.fruit-video-dialog::backdrop { background: #061a2dd9; }
.fruit-video-dialog-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 16px; }
.fruit-video-dialog h2 { font-size: 24px; }
.fruit-video-dialog button { border: 0; padding: 3px 12px; background: #edf2f6; font-size: 24px; }
.fruit-video-dialog video { display: block; max-height: 65dvh; max-width: 100%; width: auto; margin-inline: auto; }
.fruit-video-dialog > p { margin-top: 12px; font-size: 14px; }
@media (min-width: 900px) {
  .fruit-box-design .produce-image img { position: absolute; inset: 0; }
}

@media (max-width: 899px) {
  .fruit-overview { --fruit-body: 14px; --fruit-small: 12px; --fruit-label: 10px; --fruit-heading: 28px; }
  .fruit-overview .container { width: 90%; }
  .fruit-overview-hero { min-height: 410px; }
  .fruit-hero-copy { width: 58%; }
  .fruit-hero-copy h1 { font-size: 30px; }
  .fruit-hero-photo { width: 75%; opacity: .65; }
  .fruit-overview-hero::before { background: linear-gradient(90deg, #f6f8fa 5%, #f6f8faee 38%, #f6f8fa77 63%, transparent); }
  .fruit-hero-actions { gap: 16px; }
  .fruit-benefits { width: 90%; margin-top: 32px; gap: 14px; }
  .fruit-benefits strong { font-size: 10px; }
  .fruit-benefits small { font-size: 8px; }
  .fruit-overview .fruit-applications { padding-block: 30px; }
  .fruit-overview .fruit-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
  .fruit-overview .fruit-card-copy { padding: 16px; }
  .fruit-overview .fruit-card-copy h3 { font-size: 17px; }
  .fruit-overview .fruit-card-copy p, .fruit-overview .fruit-card-copy .text-link { font-size: 13px; }
  .fruit-box-design.application-detail { grid-template-columns: 1fr; }
  .fruit-box-design .produce-image img { aspect-ratio: 2; }
  .fruit-box-copy { padding: 30px 5%; gap: 25px; }
  .fruit-box-copy h2 { font-size: 28px; }
  .fruit-overview .fruit-box-copy p:not(.eyebrow):not(.fruit-handwriting) { font-size: 14px; }
  .fruit-design-details figcaption { font-size: 12px; }
  .fruit-design-considerations h3 { font-size: 13px; }
  .fruit-design-considerations li { font-size: 11px; }
  .fruit-selection { padding-block: 26px; }
  .fruit-selection h2 { font-size: 26px; }
  .fruit-section-heading { align-items: flex-start; }
  .fruit-section-heading > p { font-size: 12px; width: 33%; }
  .fruit-selection-grid, .fruit-technical-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .fruit-selection-card { padding: 18px; gap: 16px; }
  .fruit-selection-card h3 { font-size: 13px; }
  .fruit-selection-card p { font-size: 12px; }
  .fruit-technical { padding-block: 30px; }
  .fruit-technical h2 { font-size: 26px; margin-bottom: 18px; }
  .fruit-technical-card a > div { padding: 16px; }
  .fruit-technical-card h3 { font-size: 15px; }
  .fruit-technical-card p:not(.eyebrow) { font-size: 13px; }
  .fruit-overview .fruit-technical-card .eyebrow { font-size: 10px; }
}
@media (max-width: 599px) {
  .fruit-hero-content { padding-bottom: 24px; }
  .fruit-overview .breadcrumbs { padding: 20px 0 24px; font-size: 11px; }
  .fruit-overview-hero { padding-top: 0; }
  .fruit-hero-copy { width: 100%; }
  .fruit-hero-copy h1 { font-size: clamp(27px, 7.4vw, 37px); }
  .fruit-hero-copy h1 span { white-space: normal; }
  .fruit-hero-copy > p:not(.eyebrow) { max-width: 100%; }
  .fruit-hero-photo { position: relative; inset: auto; width: 100%; height: 250px; object-position: center 56%; opacity: 1; z-index: 0; }
  .fruit-overview-hero { display: flex; flex-direction: column; }
  .fruit-overview-hero::before { display: none; }
  .fruit-hero-content { order: -1; }
  .fruit-hero-actions { gap: 18px; margin-top: 24px; }
  .fruit-watch { gap: 7px; }
  .fruit-watch small { font-size: 9px; }
  .fruit-hero-actions .button { padding: 11px 19px; font-size: 13px; gap: 20px; }
  .fruit-hero-note { top: auto; bottom: 175px; right: 5%; z-index: 1; font-size: 16px; }
  .fruit-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 18px 12px; margin-top: 28px; }
  .fruit-benefits .fruit-line-icon { width: 28px; }
  .fruit-benefits strong { font-size: 11px; }
  .fruit-benefits small { font-size: 9px; }
  .fruit-applications-intro { flex-direction: column; align-items: flex-start; gap: 14px; }
  .fruit-overview .fruit-cards-intro { max-width: 100%; }
  .fruit-overview .fruit-cards { grid-template-columns: 1fr; }
  .fruit-overview .fruit-card-image img { aspect-ratio: 1.5; }
  .fruit-overview .fruit-card-copy h3 { font-size: 19px; }
  .fruit-overview .fruit-card-copy p { font-size: 14px; }
  .fruit-overview .fruit-card-copy .text-link { padding-top: 10px; }
  .fruit-box-design .produce-image img { aspect-ratio: 1.5; }
  .fruit-box-copy { grid-template-columns: 1fr; padding-block: 28px; }
  .fruit-design-details { grid-template-columns: 1fr 1fr; gap: 16px; }
  .fruit-design-considerations { grid-column: 1 / -1; padding: 18px; }
  .fruit-design-considerations h3 { font-size: 16px; }
  .fruit-design-considerations li { font-size: 13px; }
  .fruit-design-actions { flex-wrap: wrap; gap: 24px; }
  .fruit-section-heading { display: block; }
  .fruit-section-heading > p { width: 100%; margin-top: 12px; font-size: 13px; }
  .fruit-selection-grid, .fruit-technical-grid { grid-template-columns: 1fr; }
  .fruit-selection-card .fruit-line-icon { width: 42px; }
  .fruit-selection-card h3 { font-size: 15px; }
  .fruit-selection-card p { font-size: 13px; }
  .fruit-technical-card h3 { font-size: 17px; }
  .fruit-technical-card p:not(.eyebrow) { font-size: 14px; }
}

/* Scope the reference styling below the original shared navigation. */
.fruit-overview { --color-foreground: #132f47; }
body:has(.fruit-overview) .footer { --footer-bg: #172f41; }
.fruit-overview .button, body:has(.fruit-overview) .footer .button { border-radius: 3px; background-color: #e3bd69; }
@media (min-width: 900px) {
  .fruit-overview .fruit-applications-intro > a { position: absolute; top: 4.65vw; right: 2.35%; }
  body:has(.fruit-overview) .footer .container { width: 89.2%; }
  body:has(.fruit-overview) .footer-project-contact { padding-block: 1.8vw; }
  body:has(.fruit-overview) .footer-project-contact .container { grid-template-columns: 56% 44%; gap: 0; }
  body:has(.fruit-overview) .footer-project-contact .eyebrow { font-size: .9vw; margin-bottom: .6vw; }
  body:has(.fruit-overview) .footer-project-contact h2 { font-size: 2.3vw; }
  body:has(.fruit-overview) .footer-project-contact p:not(.eyebrow):not(.footer-handwriting) { font-size: 1.05vw; margin-top: .5vw; }
  body:has(.fruit-overview) .footer-project-actions .button { width: 14.5vw; min-height: 3.2vw; font-size: 1vw; padding: .6vw 1.5vw; }
  body:has(.fruit-overview) .footer-chat-link { min-height: 2.7vw; font-size: 1vw; }
  body:has(.fruit-overview) .footer-harvest-note { display: block; font-size: 1.65vw; }
  body:has(.fruit-overview) .footer-information { padding-block: 1.5vw .8vw; }
  body:has(.fruit-overview) .footer-grid { grid-template-columns: 1.3fr .8fr 1.4fr; gap: 5vw; }
  body:has(.fruit-overview) .footer-grid p, body:has(.fruit-overview) .footer-grid > div > a:not(.brand) { font-size: .92vw; line-height: 1.25; margin-block: .18vw; }
  body:has(.fruit-overview) .footer-grid .footer-label { font-size: .95vw; margin-bottom: .4vw; }
  body:has(.fruit-overview) .footer .brand { margin-bottom: .65vw; }
  body:has(.fruit-overview) .footer .brand-mark { width: 3.5vw; }
  body:has(.fruit-overview) .footer .brand-name { font-size: 1.55vw; }
  body:has(.fruit-overview) .footer .brand small { font-size: .6vw; }
  body:has(.fruit-overview) .footer-social { margin-top: .7vw; }
  body:has(.fruit-overview) .footer-social-link { width: 2.5vw; height: 2.5vw; border-radius: 3px; }
  body:has(.fruit-overview) .footer-bottom { font-size: .85vw; margin-top: 1.5vw; padding-top: .8vw; }
}