/* v16 — consolidated responsive layer.
   Desktop (>1024px) is intentionally untouched.
   Tablet and mobile follow the supplied Figma references and prior feedback. */
.hero-mobile-crate{display:none}

@media (max-width:1024px){
  *{box-sizing:border-box}
  html,body{max-width:100%;overflow-x:hidden}
  img,svg,iframe{max-width:100%}
  .site-header,.nav-wrap,.mobile-menu,.hero,.section,.site-footer{max-width:100vw}
  .nav-wrap>*{min-width:0}
  .hero-copy,.hero-visual,.ecosystem-panel,.origin-photo-wrap,.origin-copy,.orbit-card,.product-card,.timeline-step,.contact-copy,.map-card{min-width:0}
  .hero-copy h1,.hero-copy p,.section-heading h2,.products-heading h2,.contact-copy h2,.contact-lead{overflow-wrap:break-word}
  .route-label text{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:500!important;letter-spacing:.02em!important}
  .route-label text.small{display:none!important}
  .label-origin text{font-size:17px!important}
  .label-europe text{font-size:18px!important}
}

/* ---------------- TABLET 768–1024 ---------------- */
@media (min-width:768px) and (max-width:1024px){
  :root{--header:72px}
  .container,.narrow-wide,.products-container,.tech-wrap{width:min(calc(100% - 80px),var(--container))!important}
  .section{padding:80px 0!important}

  /* Header — full navigation as in tablet reference */
  .site-header,.nav-wrap{height:72px!important}
  .nav-wrap{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:12px!important}
  .brand img{width:96px!important;display:block!important}
  .desktop-nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:16px!important;font-size:11px!important;white-space:nowrap!important}
  .desktop-contact{display:inline-flex!important;min-height:42px!important;padding:0 18px!important;font-size:11px!important}
  .nav-actions{display:flex!important;align-items:center!important;gap:9px!important;margin-left:0!important}
  .lang-switch{width:66px!important;min-width:66px!important;height:36px!important;padding:0 8px!important;gap:7px!important;background:#f6f8fc!important;border:0!important;box-shadow:none!important}
  .lang-switch .lang-flag{width:18px!important;height:18px!important}
  .lang-switch .lang-code{font-size:10px!important;font-weight:600!important}
  .menu-btn,.mobile-menu{display:none!important}

  /* Hero */
  .hero{min-height:auto!important;overflow:hidden!important}
  .hero-grid{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:0!important;min-height:520px!important;align-items:center!important}
  .hero-copy{padding:56px 0!important}
  .hero-copy .badge{display:inline-flex!important;min-height:32px!important;padding:0 14px!important;font-family:"DM Mono",monospace!important;font-size:10.5px!important;font-weight:500!important;letter-spacing:.07em!important;white-space:nowrap!important}
  .hero-copy h1{font-size:44px!important;line-height:1.13!important;letter-spacing:-.034em!important;max-width:430px!important;margin:28px 0 24px!important}
  .hero-copy p{font-family:Inter,sans-serif!important;font-size:15px!important;line-height:1.6!important;max-width:430px!important}
  .hero-actions{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;margin-top:30px!important}
  .hero-actions .btn{min-height:50px!important;font-size:14px!important;padding-inline:20px!important;justify-content:center!important}
  .hero-visual{display:block!important;height:500px!important;min-height:500px!important;position:relative!important;overflow:visible!important}
  .hero-map-composite{display:block!important;width:108%!important;height:auto!important;left:-4%!important;top:3%!important}
  .hero-avocado{display:block!important;width:58%!important;right:-4%!important;bottom:1%!important}
  .hero-mobile-crate{display:none!important}

  /* Headings */
  .section-heading{margin-bottom:40px!important}
  .section-heading.centered .eyebrow,.origin-copy>.eyebrow,.contact-copy>.eyebrow,.products-heading>.eyebrow{font-size:11px!important;letter-spacing:.18em!important}
  .section-heading h2,.products-heading h2,.contact-copy h2{font-size:32px!important;line-height:1.25!important;letter-spacing:-.03em!important}

  /* Ecosystem — two columns */
  .ecosystem .narrow{max-width:920px!important}
  .ecosystem-pair{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;box-shadow:none!important;position:relative!important}
  .ecosystem-panel{min-height:440px!important;border-radius:28px!important;overflow:hidden!important}
  .ecosystem-panel:first-child,.ecosystem-panel:last-child{border-radius:28px!important}
  .panel-content{padding:46px 42px 36px!important;max-width:none!important}
  .panel-content .mini-label{font-family:"DM Mono",monospace!important;font-size:11px!important;letter-spacing:.24em!important}
  .panel-content h3{font-size:24px!important;line-height:1.25!important;margin:18px 0 26px!important}
  .panel-content p{font-size:15px!important;line-height:1.6!important}
  .panel-content ul{font-size:13px!important;line-height:1.5!important;gap:14px!important}
  .onesta-medallion{width:76px!important;height:76px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}

  /* Origin — heading/copy above image, TALSA + benefits below */
  .origin-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important;text-align:center!important}
  .origin-copy{display:contents!important}
  .origin-copy>.eyebrow{order:1!important;text-align:center!important;margin-bottom:18px!important}
  .origin-copy h2{order:2!important;text-align:center!important;font-size:32px!important;line-height:1.25!important;margin:0!important}
  .origin-copy h2 br{display:none!important}
  .origin-intro{order:3!important;text-align:center!important;font-family:Inter,sans-serif!important;font-size:18px!important;line-height:1.55!important;max-width:700px!important;margin:24px auto 46px!important}
  .origin-photo-wrap{order:4!important;width:min(100%,688px)!important;margin:0 auto!important}
  .origin-photo{width:100%!important;height:auto!important;aspect-ratio:1.28/1!important;object-fit:cover!important;object-position:center center!important;border-radius:24px!important}
  .floating-stat{padding:12px 16px!important;gap:10px!important;border-radius:34px!important}
  .floating-stat img{width:27px!important;height:27px!important}
  .floating-stat strong{font-size:22px!important}
  .floating-stat span{font-size:10px!important;line-height:1.3!important;letter-spacing:.1em!important}
  .stat-top{left:-34px!important;top:10px!important}
  .stat-bottom{right:-30px!important;bottom:-18px!important}
  .talsa-link{order:5!important;align-self:flex-start!important;margin:70px 0 24px 0!important;text-align:left!important}
  .talsa-logo{width:220px!important;margin:0!important}
  .origin-feature{order:6!important;width:100%!important;margin:0 0 18px!important;text-align:left!important;display:flex!important;align-items:flex-start!important;gap:14px!important}
  .origin-feature:nth-of-type(2){order:7!important}
  .origin-feature img{width:40px!important;height:40px!important}
  .origin-feature h3{font-size:16px!important;margin:0 0 4px!important}
  .origin-feature p{font-size:15px!important;line-height:1.55!important;margin:0!important}
  .origin-crate{display:none!important}

  /* Technology — orbit composition */
  .technology .section-heading h2{font-size:32px!important;max-width:650px!important;margin-inline:auto!important}
  .tech-orbit{display:block!important;position:relative!important;height:560px!important;max-width:920px!important;margin:0 auto!important;padding:0!important}
  .orbit-lines{display:block!important;width:500px!important;height:500px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
  .softripe-core{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:220px!important;height:105px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .softripe-core img{width:210px!important;max-width:210px!important;height:auto!important;border-radius:0!important}
  .orbit-card{position:absolute!important;width:238px!important;min-height:100px!important;padding:18px 18px!important;border-radius:16px!important}
  .orbit-card span{font-size:8px!important;letter-spacing:.08em!important}
  .orbit-card h3{font-size:16px!important;line-height:1.25!important;margin:5px 0 8px!important}
  .orbit-card p{font-size:10px!important;line-height:1.4!important}
  .card-a{left:2%!important;top:100px!important}
  .card-b{right:2%!important;top:100px!important}
  .card-c{left:4%!important;bottom:72px!important}
  .card-d{right:4%!important;bottom:72px!important}

  /* Certifications */
  .certifications .section-heading h2{font-size:32px!important;max-width:720px!important;margin-inline:auto!important}
  .certifications .section-heading p{font-size:18px!important;line-height:1.55!important;max-width:700px!important;margin:18px auto 0!important}
  .cert-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 24px!important;max-width:820px!important;margin:40px auto 0!important}
  .cert-link{min-height:82px!important;padding:10px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .cert-link img{height:52px!important;max-width:110px!important}

  /* Products — 2 per row */
  .products-heading{margin-bottom:40px!important}
  .products-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;max-width:920px!important;margin-inline:auto!important}
  .product-card>img{height:180px!important}
  .product-body{padding:16px!important}
  .product-body h3{font-size:20px!important;line-height:1.25!important;min-height:0!important}
  .availability-title,.varieties-title{font-size:9px!important}
  .month-letter{font-size:8px!important}
  .pill{font-size:10px!important;padding:6px 9px!important}

  /* Traceability — 5 columns */
  .traceability .section-heading h2{font-size:32px!important;max-width:620px!important;margin-inline:auto!important}
  .timeline{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin-top:40px!important}
  .timeline:before{display:block!important}
  .timeline-step{text-align:center!important;position:relative!important}
  .trace-icon{display:block!important;margin-inline:auto!important}
  .timeline-step span{font-size:10px!important}
  .timeline-step h3{font-size:16px!important;line-height:1.25!important}
  .timeline-step p{font-size:9px!important;line-height:1.5!important;min-height:0!important;padding:18px 12px!important}

  /* Contact — copy, CTA, map */
  .contact-layout{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"copy" "cta" "map"!important;gap:28px!important;max-width:688px!important;margin-inline:auto!important}
  .contact-copy{grid-area:copy!important;max-width:none!important}
  .contact-copy h2{font-size:36px!important;margin:8px 0 12px!important}
  .contact-lead{font-size:18px!important;line-height:1.55!important;max-width:none!important}
  .contact-links{gap:16px!important;margin:26px 0 0!important}
  .contact-links a{font-size:17px!important;gap:14px!important;overflow-wrap:anywhere}
  .contact-links img{width:44px!important;height:44px!important}
  .contact-links small{font-size:10px!important;letter-spacing:.14em!important}
  .contact-actions{grid-area:cta!important;margin:0!important}
  .contact-actions .contact-cta{width:100%!important;max-width:none!important;min-height:58px!important;justify-content:center!important}
  .map-card-real{grid-area:map!important;height:300px!important;border-radius:22px!important}

  /* Footer */
  .site-footer{padding:42px 0 20px!important}
  .site-footer .container{width:min(calc(100% - 80px),var(--container))!important}
  .footer-grid{display:grid!important;grid-template-columns:1.15fr .9fr 1fr 1fr!important;gap:28px!important;align-items:start!important}
  .footer-brand p{max-width:220px!important}
  .site-footer .footer-grid>div:nth-child(3){display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:14px!important;align-content:start!important}
  .site-footer .footer-grid>div:nth-child(3) h4{grid-column:1/-1!important}

  /* Modal */
  .modal{padding:20px!important}
  .modal:not([hidden]){display:flex!important;align-items:center!important;justify-content:center!important}
  .modal-card{width:min(100%,540px)!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;margin:auto!important}
}

/* ---------------- MOBILE <=767 ---------------- */
@media (max-width:767px){
  :root{--header:64px}
  .container,.narrow-wide,.products-container,.tech-wrap{width:min(calc(100% - 40px),var(--container))!important}
  .section{padding:56px 0!important}

  /* Header */
  .site-header,.nav-wrap{height:64px!important}
  .nav-wrap{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding-inline:0!important}
  .brand{flex:0 0 auto!important}
  .brand img{width:92px!important;display:block!important}
  .desktop-nav,.desktop-contact{display:none!important}
  .nav-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
  .lang-switch{width:auto!important;min-width:72px!important;height:34px!important;padding:0 10px!important;gap:7px!important;border:0!important;background:#f4f7fb!important;box-shadow:none!important}
  .lang-switch .lang-flag{width:20px!important;height:20px!important}
  .lang-switch .lang-code{font-size:11px!important;font-weight:600!important}
  .menu-btn{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;border:0!important;border-radius:999px!important;background:#eaf1ff!important;color:var(--blue)!important;font-size:18px!important;line-height:1!important;padding:0!important}
  .mobile-menu{position:absolute!important;top:64px!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important;padding:20px!important;background:#fff!important;box-shadow:0 18px 34px rgba(13,33,65,.12)!important;z-index:120!important;overflow:hidden!important}
  .mobile-menu[hidden]{display:none!important}
  .mobile-menu a{display:block!important;width:100%!important;padding:10px 0!important;font-size:15px!important;white-space:normal!important;color:var(--navy)!important}
  .mobile-menu .btn{width:100%!important;margin-top:10px!important;min-height:44px!important;justify-content:center!important}

  /* Hero */
  .hero{min-height:auto!important;overflow:hidden!important}
  .hero-grid{display:block!important;min-height:0!important;padding-top:46px!important}
  .hero-copy{padding:0!important}
  .hero-copy .badge{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 12px!important;border-radius:999px!important;background:#eff4ff!important;border:1px solid #cfe0ff!important;font-family:"DM Mono",monospace!important;font-size:10px!important;font-weight:500!important;letter-spacing:.05em!important;white-space:nowrap!important}
  .hero-copy h1{font-size:28px!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:18px 0 16px!important;max-width:300px!important}
  .hero-copy p{font-family:Inter,sans-serif!important;font-size:15px!important;line-height:1.6!important;max-width:330px!important;color:#6b7899!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:26px!important;width:100%!important}
  .hero-actions .btn{width:100%!important;min-height:52px!important;justify-content:center!important;font-size:14px!important}
  .hero-visual{display:block!important;height:160px!important;min-height:160px!important;margin-top:4px!important;position:relative!important;overflow:hidden!important}
  .hero-map-composite,.hero-avocado{display:none!important}
  .hero-mobile-crate{display:block!important;position:absolute!important;width:58%!important;max-width:220px!important;right:-2%!important;bottom:-7%!important;filter:drop-shadow(0 16px 24px rgba(17,40,72,.14))!important}

  /* Shared headings */
  .section-heading{margin-bottom:32px!important}
  .section-heading.centered .eyebrow,.origin-copy>.eyebrow,.contact-copy>.eyebrow,.products-heading>.eyebrow{font-size:11px!important;letter-spacing:.16em!important}
  .section-heading h2,.products-heading h2,.origin-copy h2,.technology .section-heading h2,.traceability .section-heading h2,.certifications .section-heading h2,.contact-copy h2{font-size:28px!important;line-height:1.18!important;letter-spacing:-.035em!important}

  /* Ecosystem — image area + solid lower content */
  .ecosystem-pair{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;box-shadow:none!important}
  .ecosystem-panel{min-height:490px!important;border-radius:20px!important;background-position:center top!important;background-size:100% auto!important;background-repeat:no-repeat!important;overflow:hidden!important}
  .ecosystem-panel:first-child,.ecosystem-panel:last-child{border-radius:20px!important}
  .buyer .panel-shade{background:linear-gradient(to bottom,transparent 0 38%,rgba(17,73,190,.98) 38% 100%)!important}
  .grower .panel-shade{background:linear-gradient(to bottom,transparent 0 38%,rgba(12,55,36,.98) 38% 100%)!important}
  .panel-content{padding:210px 24px 24px!important;max-width:none!important}
  .panel-content .mini-label{font-family:"DM Mono",monospace!important;font-size:11px!important;letter-spacing:.18em!important}
  .panel-content h3{font-size:24px!important;line-height:1.22!important;margin:14px 0 16px!important}
  .panel-content p{font-size:14px!important;line-height:1.55!important}
  .panel-content ul{font-size:13px!important;line-height:1.45!important;gap:12px!important}
  .onesta-medallion{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:68px!important;height:68px!important;margin:-8px auto!important;padding:11px!important}

  /* Origin — exact mobile order from supplied reference */
  .origin-layout{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important}
  .origin-copy{display:contents!important}
  .origin-copy>.eyebrow{order:1!important;text-align:center!important;margin-bottom:32px!important}
  .origin-photo-wrap{order:2!important;width:min(100%,292px)!important;margin:0 auto!important}
  .origin-photo{width:100%!important;height:auto!important;aspect-ratio:.78/1!important;object-fit:cover!important;object-position:left center!important;border-radius:24px!important}
  .floating-stat{padding:10px 12px!important;gap:9px!important;border-radius:40px!important}
  .floating-stat img{width:22px!important;height:22px!important}
  .floating-stat strong{font-size:16px!important}
  .floating-stat span{font-size:10px!important;line-height:1.25!important;letter-spacing:.08em!important}
  .stat-top{left:-18px!important;top:-20px!important}
  .stat-bottom{right:-14px!important;bottom:-14px!important}
  .talsa-link{order:3!important;display:block!important;text-align:center!important;margin:50px auto 28px!important}
  .talsa-logo{width:150px!important;margin:0!important}
  .origin-copy h2{order:4!important;text-align:left!important;font-size:28px!important;line-height:1.28!important;margin:0!important}
  .origin-copy h2 br{display:none!important}
  .origin-intro{order:5!important;font-family:Inter,sans-serif!important;font-size:15px!important;line-height:1.6!important;margin:28px 0 26px!important;max-width:none!important;color:#434655!important}
  .origin-feature{order:6!important;display:flex!important;gap:12px!important;margin:0 0 18px!important;align-items:flex-start!important}
  .origin-feature:nth-of-type(2){order:7!important}
  .origin-feature img{width:32px!important;height:32px!important}
  .origin-feature h3{font-size:15px!important;margin:0 0 4px!important}
  .origin-feature p{font-size:14px!important;line-height:1.55!important;margin:0!important}
  .origin-crate{display:none!important}

  /* Technology — vertical stack */
  .technology .section-heading{margin-bottom:24px!important}
  .technology .section-heading h2{text-align:center!important}
  .tech-orbit{display:flex!important;flex-direction:column!important;height:auto!important;padding:0!important;gap:14px!important;margin-top:0!important}
  .orbit-lines{display:none!important}
  .softripe-core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:220px!important;height:104px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0 auto 10px!important}
  .softripe-core img{width:210px!important;max-width:210px!important;height:auto!important;border-radius:0!important}
  .orbit-card{position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;padding:22px 20px!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(17,35,90,.07)!important;border-left:4px solid var(--blue)!important}
  .orbit-card h3{font-size:16px!important;line-height:1.3!important;margin:5px 0 8px!important}
  .orbit-card p{font-size:13px!important;line-height:1.45!important}
  .orbit-card span{font-family:"DM Mono",monospace!important;font-size:10px!important;letter-spacing:.1em!important}
  .card-a{order:1!important}.card-c{order:2!important}.card-d{order:3!important}.card-b{order:4!important}

  /* Certifications — 2 columns */
  .certifications .section-heading p{font-size:18px!important;line-height:1.55!important;margin:18px auto 0!important;max-width:310px!important}
  .cert-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 24px!important;margin-top:40px!important}
  .cert-link{min-height:72px!important;padding:8px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .cert-link img{height:52px!important;max-width:110px!important}

  /* Products — one per row */
  .products-heading{margin-bottom:32px!important}
  .products-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .product-card>img{height:180px!important}
  .product-body{padding:16px!important}
  .product-body h3{font-size:20px!important;line-height:1.25!important;min-height:0!important}
  .availability-title,.varieties-title{font-size:9px!important}
  .month-letter{font-size:8px!important}
  .pill{font-size:10px!important;padding:6px 9px!important}

  /* Traceability — vertical numbered path */
  .timeline{display:flex!important;flex-direction:column!important;gap:20px!important;margin-top:24px!important}
  .timeline:before{display:none!important}
  .timeline-step{display:block!important;position:relative!important;text-align:center!important;background:#fff!important;border-radius:16px!important;padding:30px 20px 20px!important;box-shadow:0 8px 22px rgba(17,35,90,.07)!important}
  .trace-icon{display:none!important}
  .timeline-step span{position:absolute!important;left:50%!important;top:-20px!important;transform:translateX(-50%)!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#fff!important;border:1.5px solid var(--blue)!important;color:var(--blue)!important;font-family:"DM Mono",monospace!important;font-size:12px!important;margin:0!important}
  .timeline-step:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);height:20px;border-left:1.5px dotted var(--blue)}
  .timeline-step h3{font-size:18px!important;margin:0 0 8px!important}
  .timeline-step p{min-height:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;line-height:1.5!important;color:#6b7899!important}

  /* Contact — copy, map, CTA */
  .contact-layout{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"copy" "map" "cta"!important;gap:28px!important}
  .contact-copy{grid-area:copy!important}
  .contact-copy h2{font-size:30px!important;margin:8px 0 10px!important}
  .contact-lead{font-size:15px!important;line-height:1.55!important}
  .contact-links{gap:16px!important;margin:26px 0 0!important}
  .contact-links a{font-size:15px!important;gap:12px!important;overflow-wrap:anywhere}
  .contact-links img{width:42px!important;height:42px!important}
  .contact-links small{font-size:10px!important}
  .map-card-real{grid-area:map!important;height:270px!important;border-radius:20px!important}
  .contact-actions{grid-area:cta!important;margin:0!important}
  .contact-actions .contact-cta{width:100%!important;max-width:none!important;min-height:52px!important;justify-content:center!important}

  /* Footer — crops in 2 columns */
  .site-footer{padding:40px 0 20px!important}
  .site-footer .container{width:min(calc(100% - 40px),var(--container))!important}
  .footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px 20px!important}
  .footer-brand{grid-column:1/-1!important}
  .footer-brand img{width:112px!important}
  .footer-grid>div:last-child{grid-column:1/-1!important}
  .site-footer .footer-grid>div:nth-child(3){display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:14px!important;align-content:start!important}
  .site-footer .footer-grid>div:nth-child(3) h4{grid-column:1/-1!important}

  /* Modal */
  .modal{padding:12px!important}
  .modal:not([hidden]){display:flex!important;align-items:center!important;justify-content:center!important}
  .modal-card{width:min(100%,440px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;margin:auto!important;padding:22px 18px 18px!important;border-radius:20px!important}
}

/* Compact phones */
@media (max-width:390px){
  .container,.narrow-wide,.products-container,.tech-wrap{width:min(calc(100% - 40px),var(--container))!important}
  .brand img{width:82px!important}
  .hero-copy .badge{font-size:9px!important}
  .hero-copy h1{font-size:27px!important}
  .hero-copy p{font-size:14px!important}
  .hero-mobile-crate{width:61%!important;right:-4%!important}
  .panel-content{padding-left:20px!important;padding-right:20px!important}
  .origin-photo-wrap{width:min(100%,280px)!important}
  .stat-top{left:-14px!important}.stat-bottom{right:-10px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-brand,.footer-grid>div:last-child{grid-column:auto!important}
  .site-footer .footer-grid>div:nth-child(3){grid-template-columns:1fr 1fr!important}
}

/* Small-mobile landscape: prevent overflow without changing desktop/tablet composition */
@media (max-width:767px) and (orientation:landscape) and (max-height:520px){
  .mobile-menu{max-height:calc(100vh - 64px)!important;overflow:auto!important}
  .hero-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:18px!important;padding-top:24px!important}
  .hero-copy h1{font-size:26px!important}
  .hero-visual{height:230px!important;min-height:230px!important}
  .hero-mobile-crate{width:70%!important;right:-5%!important;bottom:-6%!important}
  .hero-actions{grid-template-columns:1fr 1fr!important}
}


/* v17 — desktop refinement + final visual polish requested after consolidated review */
.certifications .section-heading p:empty{display:none!important}

/* Desktop / web-only adjustments */
@media (min-width:1025px){
  /* Hero map labels: larger pills, cleaner typography */
  .route-label rect{filter:drop-shadow(0 10px 18px rgba(37,99,255,.18))!important}
  .route-label text{
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-weight:500!important;
    letter-spacing:.04em!important;
  }
  .label-origin text{font-size:16px!important}
  .label-europe text{font-size:15px!important}

  /* Certifications: remove long supporting sentence spacing when empty */
  .certifications .section-heading{margin-bottom:34px!important}
  .certifications .section-heading p{margin-top:0!important;min-height:0!important}

  /* Contact section visual cleanup */
  .contact-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:80px!important;align-items:start!important}
  .contact-copy{max-width:560px!important}
  .contact-copy h2{margin-bottom:10px!important}
  .contact-lead{max-width:540px!important}
  .contact-links{display:grid!important;gap:20px!important;margin:30px 0 0!important}
  .contact-links a{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    font-size:15px!important;
    color:var(--navy)!important;
  }
  .contact-links img{
    width:48px!important;
    height:48px!important;
    box-sizing:border-box!important;
    padding:14px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid #dfe6f2!important;
    box-shadow:0 10px 24px rgba(17,35,90,.08)!important;
    flex:0 0 auto!important;
  }
  .contact-links span{display:grid!important;gap:3px!important}
  .contact-links small{
    font-family:"DM Mono",monospace!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
    color:#7f8aa4!important;
    margin-bottom:0!important;
  }
  .contact-actions{margin-top:24px!important}
  .contact-actions .contact-cta{max-width:460px!important}

  /* Footer crops: 4 side by side on desktop */
  .site-footer .container{width:min(calc(100% - 80px),var(--container))!important}
  .footer-grid{
    display:grid!important;
    grid-template-columns:1.35fr .9fr 1.85fr 1fr!important;
    gap:34px!important;
    align-items:start!important;
  }
  .site-footer .footer-grid>div:nth-child(3){
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px 14px!important;
    align-content:start!important;
  }
  .site-footer .footer-grid>div:nth-child(3) h4{grid-column:1/-1!important;margin-bottom:6px!important}
  .site-footer .footer-grid>div:nth-child(3) a{
    margin:0!important;
    line-height:1.45!important;
  }
}

/* Keep the polished contact icons on tablet/mobile as well */
@media (max-width:1024px){
  .contact-links a{align-items:center!important}
  .contact-links img{
    box-sizing:border-box!important;
    padding:12px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid #dfe6f2!important;
    box-shadow:0 8px 20px rgba(17,35,90,.07)!important;
    flex:0 0 auto!important;
  }
  .contact-links span{display:grid!important;gap:3px!important}
}


/* v17 requested desktop refinements */
@media (min-width:1025px){
  /* Four crops side-by-side on desktop */
  .products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    max-width:1200px!important;
    gap:20px!important;
  }
  .product-card>img{height:190px!important}

  /* Larger route label pills while keeping text readable */
  .route-label text{
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-weight:500!important;
    letter-spacing:.02em!important;
    font-size:20px!important;
  }

  /* Cleaner, lighter contact block */
  .contact-layout{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
    gap:84px!important;
    align-items:center!important;
  }
  .contact-copy{max-width:520px!important}
  .contact-copy h2{margin-bottom:14px!important}
  .contact-lead{max-width:500px!important;line-height:1.7!important;margin-bottom:30px!important}
  .contact-links{display:grid!important;gap:24px!important;margin:30px 0 36px!important}
  .contact-links a{display:flex!important;align-items:center!important;gap:18px!important;font-size:15px!important;line-height:1.35!important}
  .contact-links img{
    width:42px!important;
    height:42px!important;
    padding:11px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid #e5ebf5!important;
    box-shadow:0 8px 24px rgba(37,99,255,.10)!important;
    object-fit:contain!important;
  }
  .contact-links small{
    font-size:9px!important;
    letter-spacing:.16em!important;
    margin-bottom:5px!important;
    color:#8a96aa!important;
  }
  .contact-actions{margin-top:2px!important}
  .contact-actions .contact-cta{
    max-width:390px!important;
    min-height:52px!important;
    border-radius:999px!important;
  }
}

/* Keep contact icon treatment coherent on tablet/mobile without changing layouts */
@media (max-width:1024px){
  .contact-links img{
    width:40px!important;
    height:40px!important;
    padding:10px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid #e5ebf5!important;
    box-shadow:0 7px 20px rgba(37,99,255,.10)!important;
    object-fit:contain!important;
  }
  .contact-links{gap:20px!important}
}


/* v18 — final desktop-only polish requested */
@media (min-width:1025px){
  /* Certifications: eyebrow above the title, same visual language as Contact / Portfolio */
  .certifications .section-heading{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:0!important;
    margin-bottom:42px!important;
  }
  .certifications .section-heading .eyebrow{
    display:block!important;
    margin:0 0 14px!important;
    color:var(--blue)!important;
    font-family:"DM Mono",monospace!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:.18em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
  }
  .certifications .section-heading>p:not(.eyebrow){display:none!important}

  /* Contact: complete icons inside smaller circles, more air between rows */
  .contact-links{
    display:grid!important;
    gap:26px!important;
    margin:32px 0 38px!important;
  }
  .contact-links a{
    gap:20px!important;
    align-items:center!important;
    line-height:1.35!important;
  }
  .contact-links img{
    width:40px!important;
    height:40px!important;
    padding:9px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    object-fit:contain!important;
    object-position:center!important;
    flex:0 0 40px!important;
    border-radius:50%!important;
    background:#fff!important;
    border:1px solid #e5ebf5!important;
    box-shadow:0 8px 22px rgba(37,99,255,.09)!important;
  }
  .contact-links span{gap:4px!important}
  .contact-links small{margin:0!important}

  /* Restore the cleaner web footer layout: crop links in two balanced columns */
  .site-footer .container{width:min(calc(100% - 80px),var(--container))!important}
  .footer-grid{
    grid-template-columns:1.35fr .9fr 1.1fr 1fr!important;
    gap:38px!important;
    align-items:start!important;
  }
  .site-footer .footer-grid>div:nth-child(3){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:18px!important;
    row-gap:0!important;
    align-content:start!important;
  }
  .site-footer .footer-grid>div:nth-child(3) h4{
    grid-column:1/-1!important;
    margin:0 0 12px!important;
  }
  .site-footer .footer-grid>div:nth-child(3) a{
    margin:7px 0!important;
    line-height:1.5!important;
  }
}

/* v19 — visual QA from latest desktop + mobile references */

/* Circular feature icons exactly contained, never clipped */
.origin-feature img{
  box-sizing:border-box!important;
  border-radius:9999px!important;
  object-fit:contain!important;
  object-position:center!important;
  overflow:visible!important;
  background:rgba(74,170,0,.10)!important;
}

/* Certification supporting copy restored */
.certifications .cert-intro{
  display:block!important;
  color:#6B7899!important;
  text-align:center!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-weight:400!important;
}

/* Contact icons: icon artwork stays fully visible inside the circle */
.contact-links img{
  display:block!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
  overflow:visible!important;
  aspect-ratio:1/1!important;
}

@media (min-width:1025px){
  /* Origin reference: decorative avocado crate belongs to the lower-right corner */
  .origin{overflow:hidden!important}
  .origin-layout{position:relative!important}
  .origin-crate{
    display:block!important;
    right:-2px!important;
    bottom:-2px!important;
    width:clamp(300px,28vw,430px)!important;
    max-width:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:right bottom!important;
    z-index:1!important;
  }
  .origin-copy{z-index:3!important}
  .origin-photo-wrap{z-index:2!important}
  .origin-feature img{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    padding:12px!important;
  }
  .origin-feature{gap:16px!important;align-items:flex-start!important}

  /* Certifications: headline + copy + compact logo field, no dead vertical space */
  .certifications{
    padding-top:88px!important;
    padding-bottom:82px!important;
  }
  .certifications .section-heading{
    margin-bottom:34px!important;
  }
  .certifications .section-heading .eyebrow{
    margin-bottom:14px!important;
  }
  .certifications .section-heading h2{
    max-width:860px!important;
    margin-inline:auto!important;
  }
  .certifications .section-heading .cert-intro{
    max-width:760px!important;
    margin:20px auto 0!important;
    font-size:18px!important;
    line-height:1.55!important;
  }
  .cert-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:24px 34px!important;
    max-width:1080px!important;
    margin:34px auto 0!important;
    align-items:center!important;
  }
  .cert-link{
    min-height:68px!important;
    padding:8px 10px!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .cert-link:hover{box-shadow:none!important}
  .cert-link img{
    height:52px!important;
    max-width:132px!important;
    object-fit:contain!important;
  }

  /* Contact follows the desktop reference: copy left, map right, CTA below details */
  .contact{
    padding-top:84px!important;
    padding-bottom:76px!important;
    background:#fff!important;
  }
  .contact-layout{
    display:grid!important;
    grid-template-columns:minmax(390px,.92fr) minmax(520px,1.08fr)!important;
    grid-template-areas:"copy map" "cta map"!important;
    column-gap:82px!important;
    row-gap:10px!important;
    align-items:center!important;
    max-width:1280px!important;
  }
  .contact-copy{grid-area:copy!important;max-width:560px!important;align-self:end!important}
  .contact-copy .eyebrow{margin-bottom:12px!important}
  .contact-copy h2{
    font-size:clamp(46px,4vw,64px)!important;
    line-height:1!important;
    margin:0 0 20px!important;
  }
  .contact-lead{
    max-width:520px!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.55!important;
  }
  .contact-links{
    display:grid!important;
    gap:24px!important;
    margin:34px 0 0!important;
  }
  .contact-links a{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    font-size:16px!important;
    color:var(--navy)!important;
  }
  .contact-links img{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    padding:11px!important;
    border-radius:50%!important;
    background:#fff!important;
    border:1px solid #e7edf6!important;
    box-shadow:0 8px 20px rgba(37,99,255,.08)!important;
  }
  .contact-links small{
    font-family:"DM Mono",monospace!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
    color:#6B7899!important;
    margin:0 0 5px!important;
  }
  .contact-links span{display:block!important;font-weight:600!important}
  .map-card-real{
    grid-area:map!important;
    height:360px!important;
    border-radius:28px!important;
    align-self:center!important;
    overflow:hidden!important;
    box-shadow:0 18px 48px rgba(17,35,90,.10)!important;
  }
  .map-overlay{
    left:auto!important;
    right:18px!important;
    bottom:14px!important;
    border-radius:999px!important;
    padding:10px 18px!important;
    background:rgba(255,255,255,.96)!important;
  }
  .map-overlay strong{color:var(--blue)!important;font-size:12px!important}
  .map-overlay span{display:none!important}
  .contact-actions{
    grid-area:cta!important;
    margin:0!important;
    align-self:start!important;
  }
  .contact-actions .contact-cta{
    width:min(100%,430px)!important;
    max-width:430px!important;
    min-height:52px!important;
  }
}

/* Wide desktop / TV / large monitor: retain proportions instead of stretching content */
@media (min-width:1600px){
  :root{--container:1440px}
  .hero-grid{max-width:1600px!important;margin-inline:auto!important;padding-left:64px!important;padding-right:64px!important}
  .origin-layout,.contact-layout,.products-container,.narrow-wide,.tech-wrap{max-width:1360px!important}
  .origin-crate{width:390px!important}
  .contact-layout{grid-template-columns:520px minmax(620px,760px)!important;justify-content:space-between!important}
  .map-card-real{height:390px!important}
}

/* Laptop / MacBook widths */
@media (min-width:1025px) and (max-width:1366px){
  .origin-crate{width:clamp(270px,27vw,360px)!important}
  .contact-layout{grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr)!important;gap:56px!important}
  .contact-copy h2{font-size:50px!important}
  .map-card-real{height:330px!important}
  .certifications .section-heading .cert-intro{font-size:16px!important}
  .cert-grid{gap:20px 26px!important}
}

/* Tablet/mobile: preserve supplied compositions and restore cert copy */
@media (max-width:1024px){
  .certifications .section-heading .cert-intro{
    display:block!important;
    margin:18px auto 0!important;
    max-width:700px!important;
  }
  .origin-feature img{padding:9px!important}
  .contact-links img{padding:10px!important}
}

@media (max-width:767px){
  .certifications .section-heading .cert-intro{
    max-width:310px!important;
    font-size:18px!important;
    line-height:1.55!important;
  }
  .origin-feature img{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    padding:8px!important;
  }
  .contact-links img{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    padding:10px!important;
  }
}

/* Very narrow foldables / compact phones */
@media (max-width:360px){
  .container,.narrow-wide,.products-container,.tech-wrap{width:calc(100% - 28px)!important}
  .brand img{width:84px!important}
  .lang-switch{min-width:64px!important;padding-inline:8px!important}
  .hero-copy .badge{font-size:8.5px!important;letter-spacing:.035em!important}
  .hero-copy h1{font-size:26px!important}
  .hero-copy p{font-size:14px!important}
  .section-heading h2,.products-heading h2,.origin-copy h2,.technology .section-heading h2,.traceability .section-heading h2,.certifications .section-heading h2,.contact-copy h2{font-size:25px!important}
  .panel-content{padding-left:20px!important;padding-right:20px!important}
  .contact-links a{font-size:13px!important;gap:10px!important}
  .contact-links img{width:36px!important;height:36px!important;flex-basis:36px!important;padding:9px!important}
}

/* Foldables / landscape phones: avoid awkward gaps while retaining mobile logic */
@media (min-width:540px) and (max-width:767px){
  .hero-copy{max-width:500px!important}
  .hero-mobile-crate{width:45%!important;max-width:260px!important}
  .ecosystem-pair,.products-grid{max-width:520px!important;margin-inline:auto!important}
  .origin-photo-wrap{width:min(70%,340px)!important}
  .contact-layout{max-width:560px!important;margin-inline:auto!important}
}

/* v21 — mandatory corrections from user screenshots */
.certifications .section-heading .cert-eyebrow,
.certifications .section-heading .eyebrow{
  display:block!important;
  margin:0 0 16px!important;
  color:#2563FF!important;
  font-family:"DM Mono",monospace!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}

@media (min-width:1025px){
  /* Keep the avocado crate anchored to the bottom-right corner and away from copy. */
  .origin{position:relative!important;overflow:hidden!important}
  .origin-layout{position:relative!important;overflow:visible!important}
  .origin-copy{
    position:relative!important;
    z-index:3!important;
    max-width:640px!important;
    padding-right:0!important;
  }
  .origin-feature{max-width:590px!important}
  .origin-crate{
    display:block!important;
    position:absolute!important;
    width:clamp(280px,22vw,360px)!important;
    height:auto!important;
    right:-18px!important;
    bottom:-10px!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:right bottom!important;
    z-index:2!important;
    pointer-events:none!important;
  }
  .certifications .section-heading .eyebrow{font-size:11px!important;margin-bottom:16px!important}
}

@media (min-width:1440px){
  .origin-crate{width:340px!important;right:-12px!important;bottom:-8px!important}
  .origin-copy{max-width:650px!important}
  .origin-feature{max-width:600px!important}
}

@media (min-width:1800px){
  .origin-crate{width:360px!important;right:0!important}
}

/* Tablet/mobile preserve the existing compositions; only enforce the label. */
@media (max-width:1024px){
  .certifications .section-heading .eyebrow{font-size:10px!important;margin-bottom:14px!important}
}