/* SJS inner hero multi-background v2 — loaded AFTER app.css */
body[data-page-path] .page-hero:not(.compact){
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  min-height:360px;
  display:flex;
  align-items:flex-end;
  padding:88px 0 72px!important;
  color:#fffdf8!important;
  border-bottom:0!important;
  background-color:#0d3327!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body[data-page-path] .page-hero:not(.compact)::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,36,27,.93) 0%,rgba(6,36,27,.76) 46%,rgba(6,36,27,.30) 100%);
}
body[data-page-path] .page-hero:not(.compact)>.container{position:relative;z-index:2}
body[data-page-path] .page-hero:not(.compact) .eyebrow{color:#edc983!important}
body[data-page-path] .page-hero:not(.compact) h1{color:#fffaf0!important;text-shadow:0 2px 24px rgba(0,0,0,.18)}
body[data-page-path] .page-hero:not(.compact) p{color:rgba(255,255,255,.84)!important}

/* About */
body[data-page-path="/page/our-story"] .page-hero{background-image:url('/product-photo.php?key=hero-01')!important}
body[data-page-path="/page/our-company"] .page-hero{background-image:url('/product-photo.php?key=hero-02')!important}
body[data-page-path="/page/our-farmers"] .page-hero{background-image:url('/product-photo.php?key=hero-17')!important}
body[data-page-path="/page/our-facilities"] .page-hero{background-image:url('/product-photo.php?key=hero-12')!important}
body[data-page-path="/page/sustainability"] .page-hero{background-image:url('/product-photo.php?key=hero-09')!important}

/* Services */
body[data-page-path="/page/wholesale-coffee"] .page-hero{background-image:url('/product-photo.php?key=hero-14')!important}
body[data-page-path="/page/coffee-export"] .page-hero{background-image:url('/product-photo.php?key=hero-05')!important}
body[data-page-path="/page/custom-coffee-sourcing"] .page-hero{background-image:url('/product-photo.php?key=hero-05')!important}
body[data-page-path="/page/coffee-cupping"] .page-hero{background-image:url('/product-photo.php?key=hero-06')!important}
body[data-page-path="/page/logistics-export-documentation"] .page-hero{background-image:url('/product-photo.php?key=hero-20')!important}

/* Quality */
body[data-page-path="/page/quality-control"] .page-hero{background-image:url('/product-photo.php?key=hero-03')!important}
body[data-page-path="/page/coffee-processing"] .page-hero{background-image:url('/product-photo.php?key=hero-04')!important}
body[data-page-path="/page/grading-system"] .page-hero{background-image:url('/product-photo.php?key=hero-13')!important}
body[data-page-path="/page/traceability"] .page-hero{background-image:url('/product-photo.php?key=hero-10')!important}

/* Export */
body[data-page-path="/page/export-process"] .page-hero{background-image:url('/product-photo.php?key=hero-18')!important}
body[data-page-path="/page/export-documents"] .page-hero{background-image:url('/product-photo.php?key=hero-15')!important}
body[data-page-path="/page/packaging"] .page-hero{background-image:url('/product-photo.php?key=hero-16')!important}
body[data-page-path="/page/shipping"] .page-hero{background-image:url('/product-photo.php?key=hero-19')!important}
body[data-page-path="/page/faq"] .page-hero{background-image:url('/product-photo.php?key=hero-08')!important}
body[data-page-path="/page/payment-terms"] .page-hero{background-image:url('/product-photo.php?key=hero-07')!important}

/* Dedicated routes */
body[data-page-path="/catalog"] .page-hero{background-image:url('/product-photo.php?key=hero-13')!important}
body[data-page-path="/blog"] .page-hero{background-image:url('/product-photo.php?key=hero-02')!important}
body[data-page-path="/request-quote"] .page-hero{background-image:url('/product-photo.php?key=hero-05')!important}
body[data-page-path="/request-sample"] .page-hero{background-image:url('/product-photo.php?key=hero-06')!important}
body[data-page-path="/private-label"] .page-hero{background-image:url('/product-photo.php?key=hero-12')!important}
body[data-page-path="/contact"] .page-hero{background-image:url('/product-photo.php?key=hero-07')!important}
body[data-page-path="/certifications"] .page-hero{background-image:url('/product-photo.php?key=hero-11')!important}
body[data-page-path="/gallery"] .page-hero{background-image:url('/product-photo.php?key=hero-17')!important}
body[data-page-path="/privacy"] .page-hero{background-image:url('/product-photo.php?key=hero-08')!important}
body[data-page-path="/search"] .page-hero{background-image:url('/product-photo.php?key=hero-14')!important}
body[data-page-path="/thanks"] .page-hero{background-image:url('/product-photo.php?key=hero-15')!important}

/* Indonesian routes automatically match the same content after /id prefix. */
body[data-page-path="/id/page/our-story"] .page-hero{background-image:url('/product-photo.php?key=hero-01')!important}
body[data-page-path="/id/page/our-company"] .page-hero{background-image:url('/product-photo.php?key=hero-02')!important}
body[data-page-path="/id/page/our-farmers"] .page-hero{background-image:url('/product-photo.php?key=hero-17')!important}
body[data-page-path="/id/page/our-facilities"] .page-hero{background-image:url('/product-photo.php?key=hero-12')!important}
body[data-page-path="/id/page/sustainability"] .page-hero{background-image:url('/product-photo.php?key=hero-09')!important}
body[data-page-path="/id/page/wholesale-coffee"] .page-hero{background-image:url('/product-photo.php?key=hero-14')!important}
body[data-page-path="/id/page/coffee-export"] .page-hero{background-image:url('/product-photo.php?key=hero-05')!important}
body[data-page-path="/id/page/custom-coffee-sourcing"] .page-hero{background-image:url('/product-photo.php?key=hero-05')!important}
body[data-page-path="/id/page/coffee-cupping"] .page-hero{background-image:url('/product-photo.php?key=hero-06')!important}
body[data-page-path="/id/page/logistics-export-documentation"] .page-hero{background-image:url('/product-photo.php?key=hero-20')!important}
body[data-page-path="/id/page/quality-control"] .page-hero{background-image:url('/product-photo.php?key=hero-03')!important}
body[data-page-path="/id/page/coffee-processing"] .page-hero{background-image:url('/product-photo.php?key=hero-04')!important}
body[data-page-path="/id/page/grading-system"] .page-hero{background-image:url('/product-photo.php?key=hero-13')!important}
body[data-page-path="/id/page/traceability"] .page-hero{background-image:url('/product-photo.php?key=hero-10')!important}
body[data-page-path="/id/page/export-process"] .page-hero{background-image:url('/product-photo.php?key=hero-18')!important}
body[data-page-path="/id/page/export-documents"] .page-hero{background-image:url('/product-photo.php?key=hero-15')!important}
body[data-page-path="/id/page/packaging"] .page-hero{background-image:url('/product-photo.php?key=hero-16')!important}
body[data-page-path="/id/page/shipping"] .page-hero{background-image:url('/product-photo.php?key=hero-19')!important}
body[data-page-path="/id/page/faq"] .page-hero{background-image:url('/product-photo.php?key=hero-08')!important}
body[data-page-path="/id/page/payment-terms"] .page-hero{background-image:url('/product-photo.php?key=hero-07')!important}
body[data-page-path="/id/catalog"] .page-hero{background-image:url('/product-photo.php?key=hero-13')!important}
body[data-page-path="/id/blog"] .page-hero{background-image:url('/product-photo.php?key=hero-02')!important}
body[data-page-path="/id/request-quote"] .page-hero{background-image:url('/product-photo.php?key=hero-05')!important}
body[data-page-path="/id/request-sample"] .page-hero{background-image:url('/product-photo.php?key=hero-06')!important}
body[data-page-path="/id/private-label"] .page-hero{background-image:url('/product-photo.php?key=hero-12')!important}
body[data-page-path="/id/contact"] .page-hero{background-image:url('/product-photo.php?key=hero-07')!important}
body[data-page-path="/id/certifications"] .page-hero{background-image:url('/product-photo.php?key=hero-11')!important}
body[data-page-path="/id/gallery"] .page-hero{background-image:url('/product-photo.php?key=hero-17')!important}
body[data-page-path="/id/privacy"] .page-hero{background-image:url('/product-photo.php?key=hero-08')!important}
body[data-page-path="/id/search"] .page-hero{background-image:url('/product-photo.php?key=hero-14')!important}

@media(max-width:760px){
  body[data-page-path] .page-hero:not(.compact){min-height:270px;padding:58px 0 48px!important;background-position:center!important}
}

/* ============================================================
   COFFEE MENU HERO BACKGROUNDS
   The Coffee submenu uses one /coffee route with query filters.
   data-coffee-view is set server-side in layouts/main.php so each
   menu item can have a distinct real coffee-photo background.
   ============================================================ */
body[data-page-path="/coffee"][data-coffee-view="all"] .page-hero,
body[data-page-path="/id/coffee"][data-coffee-view="all"] .page-hero{
  background-image:url('/product-photo.php?key=hero-13')!important;
  background-position:center 48%!important;
}
body[data-page-path="/coffee"][data-coffee-view="arabica"] .page-hero,
body[data-page-path="/id/coffee"][data-coffee-view="arabica"] .page-hero{
  background-image:url('/product-photo.php?key=hero-03')!important;
  background-position:center 48%!important;
}
body[data-page-path="/coffee"][data-coffee-view="robusta"] .page-hero,
body[data-page-path="/id/coffee"][data-coffee-view="robusta"] .page-hero{
  background-image:url('/product-photo.php?key=hero-14')!important;
  background-position:center center!important;
}
body[data-page-path="/coffee"][data-coffee-view="green"] .page-hero,
body[data-page-path="/id/coffee"][data-coffee-view="green"] .page-hero{
  background-image:url('/product-photo.php?key=hero-05')!important;
  background-position:center center!important;
}
body[data-page-path="/coffee"][data-coffee-view="roasted"] .page-hero,
body[data-page-path="/id/coffee"][data-coffee-view="roasted"] .page-hero{
  background-image:url('/product-photo.php?key=hero-06')!important;
  background-position:center center!important;
}
body[data-page-path="/coffee-origin"] .page-hero,
body[data-page-path="/id/coffee-origin"] .page-hero{
  background-image:url('/product-photo.php?key=hero-17')!important;
  background-position:center 44%!important;
}

/* ============================================================
   ADDITIONAL COMMODITIES — VANILLA & COPRA
   Real photographs, non-AI, no people.
   ============================================================ */
body[data-page-path="/page/vanilla"] .page-hero,
body[data-page-path="/id/page/vanilla"] .page-hero{
  background-image:url('/product-photo.php?key=commodity-vanilla')!important;
  background-position:center 58%!important;
}
body[data-page-path="/page/copra"] .page-hero,
body[data-page-path="/id/page/copra"] .page-hero{
  background-image:url('/product-photo.php?key=commodity-copra')!important;
  background-position:center 52%!important;
}

/* SEO Phase 1 landing pages */
body[data-page-path="/page/indonesian-arabica-coffee-supplier"] .page-hero,
body[data-page-path="/id/page/indonesian-arabica-coffee-supplier"] .page-hero{
  background-image:url('/product-photo.php?key=hero-03')!important;
  background-position:center 48%!important;
}
body[data-page-path="/page/indonesian-robusta-coffee-supplier"] .page-hero,
body[data-page-path="/id/page/indonesian-robusta-coffee-supplier"] .page-hero{
  background-image:url('/product-photo.php?key=hero-14')!important;
  background-position:center center!important;
}
body[data-page-path="/page/indonesian-green-coffee-beans"] .page-hero,
body[data-page-path="/id/page/indonesian-green-coffee-beans"] .page-hero{
  background-image:url('/product-photo.php?key=hero-05')!important;
  background-position:center center!important;
}
body[data-page-path="/page/roasted-coffee-supplier-indonesia"] .page-hero,
body[data-page-path="/id/page/roasted-coffee-supplier-indonesia"] .page-hero{
  background-image:url('/product-photo.php?key=hero-06')!important;
  background-position:center center!important;
}