/* ================================================================
   EURO AGRI — VISUAL REFINEMENT
   European / corporate / industrial / clean / premium
   Green is retained as a limited action and active-state accent.
   ================================================================ */

:root{
  --vr-ivory:#f4f1eb;
  --vr-paper:#fbfaf7;
  --vr-white:#ffffff;
  --vr-stone:#e8e4dc;
  --vr-soft-gray:#d8ddde;
  --vr-slate:#667176;
  --vr-graphite:#1b262b;
  --vr-charcoal:#253137;
  --vr-petroleum:#17343a;
  --vr-petroleum-2:#23474e;
  --vr-accent:#147a4c;
  --vr-accent-dark:#0f5d3a;
  --vr-line:rgba(29,44,50,.14);
  --vr-shadow:0 24px 70px rgba(18,34,40,.10);
  --vr-shadow-soft:0 12px 36px rgba(18,34,40,.07);
  --vr-radius:20px;
  --brand-green:var(--vr-accent);
  --brand:var(--vr-accent);
  --brand-ink:var(--vr-accent-dark);
  --paper:var(--vr-paper);
  --paper-2:var(--vr-ivory);
  --ink:var(--vr-graphite);
  --muted:var(--vr-slate);
}

html{
  background:var(--vr-ivory);
}

body{
  background:var(--vr-ivory);
  color:var(--vr-graphite);
  font-family:"Segoe UI Variable","Aptos","Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html[lang="ar"] body{
  font-family:"Tajawal","Noto Sans Arabic","Segoe UI",system-ui,sans-serif;
}

::selection{
  background:rgba(20,122,76,.18);
  color:var(--vr-graphite);
}

h1,h2,h3,h4{
  color:var(--vr-graphite);
  letter-spacing:-.025em;
}

p,.muted{
  color:var(--vr-slate);
}

a{
  text-underline-offset:4px;
}

/* Shared header */
header{
  background:rgba(251,250,247,.94);
  border-bottom:1px solid var(--vr-line);
  box-shadow:0 8px 28px rgba(18,34,40,.045);
  backdrop-filter:blur(16px) saturate(120%);
}

header .container.nav{
  min-height:82px;
}

header .brand-name{
  color:var(--vr-graphite);
  font-weight:780;
  letter-spacing:-.02em;
}

header .nav-all-visible .navbar-nav a{
  color:#536066;
  font-weight:650;
  letter-spacing:.012em;
}

header .nav-all-visible .navbar-nav a:hover,
header .nav-all-visible .navbar-nav a:focus-visible,
header .nav-all-visible .navbar-nav a.active,
header .nav-all-visible .navbar-nav a[aria-current="page"]{
  color:var(--vr-accent);
}

header .lang-btn,
header .mobile-nav-toggle{
  border-color:var(--vr-line);
  background:var(--vr-paper);
  color:var(--vr-petroleum);
  box-shadow:none;
}

header .lang-menu{
  border:1px solid var(--vr-line);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow);
}

/* Buttons */
.btn{
  min-height:46px;
  padding:12px 20px;
  border-radius:9px;
  font-weight:760;
  letter-spacing:.01em;
  box-shadow:none;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}

.btn:hover,
.btn:focus-visible{
  transform:translateY(-1px);
}

.btn-primary{
  border:1px solid var(--vr-accent);
  background:var(--vr-accent);
  color:#fff;
  box-shadow:0 10px 24px rgba(20,122,76,.20);
}

.btn-primary:hover,
.btn-primary:focus-visible{
  border-color:var(--vr-accent-dark);
  background:var(--vr-accent-dark);
  box-shadow:0 14px 28px rgba(15,93,58,.24);
}

.btn-outline{
  border:1px solid rgba(27,38,43,.32);
  background:transparent;
  color:var(--vr-graphite);
}

.btn-outline:hover,
.btn-outline:focus-visible{
  border-color:var(--vr-petroleum);
  background:var(--vr-petroleum);
  color:#fff;
}

/* Homepage hero */
.home-page .hero-bleed{
  min-height:clamp(620px,76vh,760px);
  padding-block:clamp(74px,9vw,128px);
  background-image:url("img/hero-port-desktop.webp");
  background-position:center 55%;
  background-color:var(--vr-petroleum);
}

.home-page .hero-bleed::after{
  background:
    linear-gradient(90deg,rgba(14,29,34,.91) 0%,rgba(18,39,44,.77) 44%,rgba(18,39,44,.22) 75%,rgba(18,39,44,.10) 100%),
    linear-gradient(0deg,rgba(14,29,34,.26),transparent 45%);
}

.home-page .hero-content{
  grid-template-columns:minmax(0,1fr);
}

.home-page .hero-left{
  max-width:790px;
}

.home-page .hero-title{
  max-width:780px;
  margin-bottom:20px;
  font-size:clamp(2.7rem,5.1vw,5rem);
  font-weight:760;
  line-height:1.02;
  letter-spacing:-.05em;
  text-wrap:balance;
  text-shadow:none;
}

.home-page .hero-subtitle{
  max-width:690px;
  font-size:clamp(1.05rem,1.5vw,1.25rem);
  font-weight:650;
  line-height:1.55;
  text-shadow:none;
}

.home-page .hero-desc,
.home-page .hero-products-line{
  max-width:680px;
  color:rgba(255,255,255,.82);
  text-shadow:none;
}

.home-page .hero-products-line{
  border-top-color:rgba(255,255,255,.25);
  color:rgba(255,255,255,.72);
  font-size:.88rem;
  letter-spacing:.012em;
}

.home-page .hero-bleed .cta-row{
  margin-top:30px;
}

.home-page .hero-bleed .btn-primary{
  border-color:var(--vr-accent);
}

.home-page .hero-bleed .btn-outline{
  border-color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.04);
  color:#fff;
}

.home-page .hero-bleed .btn-outline:hover,
.home-page .hero-bleed .btn-outline:focus-visible{
  border-color:#fff;
  background:#fff;
  color:var(--vr-graphite);
}

/* Homepage headings */
.home-section-heading{
  margin-bottom:44px;
}

.home-section-heading h2,
.home-page #logistics h2,
.home-page #about h2,
.buyer-rfq-intro .contact-heading{
  color:var(--vr-graphite);
  font-weight:750;
  letter-spacing:-.035em;
}

.home-section-heading p,
.home-page #logistics .logistics-lead{
  color:var(--vr-slate);
}

/* Commercial routes — one composed dark surface */
.home-routes{
  padding:clamp(78px,9vw,124px) 0;
  border-bottom:0;
  background:var(--vr-ivory);
}

.home-route-grid{
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--vr-radius);
  background:var(--vr-graphite);
  box-shadow:var(--vr-shadow);
}

.home-route-card{
  min-height:350px;
  padding:clamp(27px,3vw,38px);
  border:0;
  border-inline-end:1px solid rgba(255,255,255,.11);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.home-route-card:last-child{
  border-inline-end:0;
}

.home-route-number{
  width:auto;
  height:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#9bb3b7;
  font-size:.72rem;
  letter-spacing:.16em;
}

.home-route-card h3{
  margin-top:62px;
  color:#fff;
  font-size:1.42rem;
  font-weight:720;
}

.home-route-card p{
  color:rgba(255,255,255,.67);
}

.home-route-link{
  color:#d9e7e3;
}

.home-route-link:hover,
.home-route-link:focus-visible{
  color:#fff;
}

/* Products — editorial matrix instead of separate white cards */
.home-page #products.home-products{
  padding:clamp(82px,9vw,128px) 0;
  background:var(--vr-paper);
}

.home-product-grid{
  gap:0;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

.home-product-card{
  min-height:260px;
  padding:clamp(22px,2.7vw,31px);
  border:0;
  border-inline-end:1px solid var(--vr-line);
  border-bottom:1px solid var(--vr-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:background .18s ease;
}

.home-product-card:nth-child(3n){
  border-inline-end:0;
}

.home-product-card:nth-last-child(-n+3){
  border-bottom:0;
}

.home-product-card:hover{
  background:#f1eee8;
}

.home-product-type{
  min-width:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:var(--vr-petroleum-2);
  font-size:.73rem;
  letter-spacing:.12em;
}

.home-product-card h3{
  color:var(--vr-graphite);
  font-weight:720;
}

.home-product-card p{
  color:var(--vr-slate);
}

.home-product-card a{
  color:var(--vr-accent);
}

.home-product-note{
  margin-top:26px;
  padding:24px 27px;
  border:0;
  border-radius:14px;
  background:var(--vr-petroleum);
  color:rgba(255,255,255,.78);
}

.home-product-note strong{
  color:#fff;
}

/* Logistics */
.home-page #logistics{
  padding:clamp(86px,9vw,132px) 0;
  background:var(--vr-ivory);
}

.home-page #logistics .logistics-heading{
  max-width:880px;
  margin:0 0 42px;
  text-align:start;
}

.home-page #logistics .logistics-hero{
  margin-bottom:0;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius) var(--vr-radius) 0 0;
  box-shadow:var(--vr-shadow);
}

.home-page #logistics .logistics-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(18,39,44,.18));
  pointer-events:none;
}

.home-page #logistics .logistics-hero img{
  aspect-ratio:2.35 / 1;
  filter:saturate(.78) contrast(1.03);
}

.home-page #logistics .logistics-scope-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  margin-top:0;
  border:1px solid var(--vr-line);
  border-top:0;
  border-radius:0 0 var(--vr-radius) var(--vr-radius);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

.home-page #logistics .logistics-scope-card{
  min-height:250px;
  padding:30px;
  border:0;
  border-inline-end:1px solid var(--vr-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.home-page #logistics .logistics-scope-card:last-child{
  border-inline-end:0;
}

.home-page #logistics .logistics-card-number{
  color:var(--vr-petroleum-2);
}

.home-page #logistics .logistics-scope-card h3{
  color:var(--vr-graphite);
}

.home-page #logistics .logistics-disclaimer{
  margin-top:24px;
  color:#737d81;
}

/* Transaction execution */
.home-page #how-we-work.home-execution{
  padding:clamp(88px,10vw,138px) 0;
  background:linear-gradient(145deg,#14282d 0%,#1b3035 58%,#223b40 100%);
}

.home-page #how-we-work.home-execution h2,
.home-page #how-we-work.home-execution > .container > h2{
  font-weight:740;
  letter-spacing:-.04em;
}

.home-page #how-we-work .execution-flow{
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}

.home-page #how-we-work .execution-flow li{
  min-height:128px;
  border:0;
  border-inline-end:1px solid rgba(255,255,255,.11);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.home-page #how-we-work .execution-flow li:last-child{
  border-inline-end:0;
}

.home-page #how-we-work .flow-number,
.home-control-grid span{
  color:#9dc2b1;
}

.home-control-grid{
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
}

.home-control-grid article{
  border:0;
  border-inline-end:1px solid rgba(255,255,255,.1);
  border-radius:0;
  background:rgba(255,255,255,.025);
}

.home-control-grid article:last-child{
  border-inline-end:0;
}

.home-commercial-structure{
  border:0;
  border-radius:16px;
  background:var(--vr-paper);
  box-shadow:0 22px 56px rgba(0,0,0,.16);
}

.home-commercial-structure h3{
  color:var(--vr-graphite);
}

.home-commercial-structure p,
.home-commercial-structure li{
  color:var(--vr-slate);
}

.home-commercial-structure .btn{
  border-color:var(--vr-petroleum);
  color:var(--vr-petroleum);
}

/* About — real industrial handling visual */
.home-page #about.home-about{
  padding:clamp(86px,9vw,132px) 0;
  background:var(--vr-paper);
}

.home-page #about .about-bg{
  display:grid;
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);
  gap:0;
  width:min(1160px,calc(100% - 40px));
  margin:0 auto;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-white);
  box-shadow:var(--vr-shadow);
}

.home-page #about .about-industrial-visual{
  position:relative;
  min-height:520px;
  margin:0;
  overflow:hidden;
  background:var(--vr-petroleum);
}

.home-page #about .about-industrial-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(18,39,44,.28));
}

.home-page #about .about-industrial-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.78) contrast(1.04);
}

.home-page #about .about-card{
  display:flex;
  align-items:center;
  padding:clamp(36px,6vw,72px);
  background:var(--vr-paper);
}

.home-page #about .about-card > .container{
  max-width:none;
  padding:0;
}

.home-page #about p[data-i18n="about.note"]{
  border-inline-start:3px solid var(--vr-accent);
  background:#eeece6;
}

/* Contact and buyer RFQ */
.home-page #contact{
  padding:clamp(86px,9vw,132px) 0;
  background:var(--vr-ivory);
}

.home-page #contact > .container{
  display:grid;
  grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);
  gap:clamp(26px,4vw,50px);
  align-items:start;
}

.home-page #contact .info-section{
  position:sticky;
  top:112px;
  margin:0;
  padding:clamp(27px,3vw,38px);
  border-radius:var(--vr-radius);
  background:var(--vr-graphite);
  color:#fff;
  box-shadow:var(--vr-shadow);
}

.home-page #contact .info-section .contact-heading,
.home-page #contact .info-section strong{
  color:#fff;
}

.home-page #contact .info-section .contact-heading{
  padding:0 0 20px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.13);
  font-size:1.6rem;
}

.home-page #contact .info-section .muted{
  color:rgba(255,255,255,.62);
}

.home-page #contact .contact-visual{
  display:none;
}

.home-page #contact .contact-line,
.home-page #contact .contact-item,
.home-page #contact .verify-link{
  color:rgba(255,255,255,.82);
}

.home-page #contact .contact-item:hover,
.home-page #contact .contact-item:focus-visible,
.home-page #contact .verify-link:hover,
.home-page #contact .verify-link:focus-visible{
  color:#fff;
}

.home-page #contact .icon{
  color:#9dc2b1;
  fill:currentColor;
}

.home-page #contact .kbd{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.buyer-rfq-section{
  max-width:none;
  margin:0;
  padding-top:0 !important;
}

.buyer-rfq-eyebrow{
  color:var(--vr-accent);
}

.buyer-rfq-intro .contact-heading{
  padding-inline-start:0;
  border:0;
}

.buyer-rfq-intro p{
  color:var(--vr-slate);
}

.buyer-rfq-form{
  padding:clamp(25px,4vw,42px);
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

.buyer-rfq-field{
  color:var(--vr-charcoal);
}

.buyer-rfq-form input,
.buyer-rfq-form select,
.buyer-rfq-form textarea{
  border-color:#cbd1d1;
  border-radius:8px;
  background:#fff;
  color:var(--vr-graphite);
}

.buyer-rfq-form input:focus,
.buyer-rfq-form select:focus,
.buyer-rfq-form textarea:focus{
  border-color:var(--vr-accent);
  box-shadow:0 0 0 3px rgba(20,122,76,.11);
}

.buyer-rfq-direct-note{
  border-inline-start:3px solid var(--vr-accent);
  background:#ecefe9;
  color:#4f5f5d;
}

/* Shared footer */
.footer-legal{
  margin:0;
  padding:42px 20px;
  border-top:1px solid rgba(255,255,255,.08);
  background:var(--vr-graphite);
  color:rgba(255,255,255,.62);
}

.footer-links a{
  color:rgba(255,255,255,.84);
}

.footer-links a:hover,
.footer-links a:focus-visible{
  color:#fff;
}

.footer-company{
  color:rgba(255,255,255,.52);
}

/* Commercial partnerships */
.commercial-partnerships-page{
  background:var(--vr-ivory);
}

.commercial-partnerships-page .cp-hero{
  background:linear-gradient(145deg,#15272c 0%,#1e3940 64%,#29484e 100%);
}

.commercial-partnerships-page .cp-hero::before{
  background:radial-gradient(circle at 80% 16%,rgba(130,167,170,.16),transparent 38%);
}

.commercial-partnerships-page .cp-route-lines span{
  background:rgba(255,255,255,.08);
}

.commercial-partnerships-page .cp-eyebrow,
.commercial-partnerships-page .cp-hero .cp-eyebrow,
.commercial-partnerships-page .cp-heading-light .cp-eyebrow{
  color:#9db8ba;
}

.commercial-partnerships-page .cp-eyebrow::before{
  background:var(--vr-accent);
}

.commercial-partnerships-page .cp-model-card{
  border-color:rgba(255,255,255,.14);
  border-top-color:rgba(157,184,186,.72);
  background:rgba(255,255,255,.065);
  box-shadow:0 24px 64px rgba(0,0,0,.18);
}

.commercial-partnerships-page .cp-model-label,
.commercial-partnerships-page .cp-model-card li::before,
.commercial-partnerships-page .cp-provides-grid span{
  color:#a8c2c0;
}

.commercial-partnerships-page .cp-intro,
.commercial-partnerships-page section.cp-section:not(.cp-soft-section):not(.cp-dark-section):not(.cp-protection-section):not(.cp-application-section){
  background:var(--vr-paper);
}

.commercial-partnerships-page .cp-soft-section,
.commercial-partnerships-page .cp-application-section{
  border-color:var(--vr-line);
  background:var(--vr-ivory);
}

.commercial-partnerships-page .cp-protection-section{
  background:#e9e6df;
}

.commercial-partnerships-page .cp-product-grid{
  gap:0;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:16px;
}

.commercial-partnerships-page .cp-product-grid div{
  border:0;
  border-inline-end:1px solid var(--vr-line);
  border-bottom:1px solid var(--vr-line);
  border-radius:0;
  background:var(--vr-paper);
  box-shadow:none;
}

.commercial-partnerships-page .cp-product-grid div:nth-child(4n){border-inline-end:0;}
.commercial-partnerships-page .cp-product-grid div:nth-last-child(-n+4){border-bottom:0;}

.commercial-partnerships-page .cp-availability-note,
.commercial-partnerships-page .cp-process-note,
.commercial-partnerships-page .cp-form-privacy-note{
  border-color:var(--vr-accent);
  background:#e6e7e1;
  color:#4d5c5b;
}

.commercial-partnerships-page .cp-dark-section{
  background:var(--vr-petroleum);
}

.commercial-partnerships-page .cp-provides-grid{
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
}

.commercial-partnerships-page .cp-provides-grid article{
  border:0;
  border-inline-end:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
  border-radius:0;
  background:rgba(255,255,255,.025);
}

.commercial-partnerships-page .cp-process li{
  border-top-color:#9db8ba;
}

.commercial-partnerships-page .cp-process li::before{
  background:var(--vr-accent);
}

.commercial-partnerships-page .cp-process span{
  color:var(--vr-accent);
}

.commercial-partnerships-page .cp-process li::before{
  box-shadow:0 0 0 5px #e5ebe7;
}

.commercial-partnerships-page .cp-form{
  border-color:var(--vr-line);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

.commercial-partnerships-page .cp-field input,
.commercial-partnerships-page .cp-field textarea{
  border-color:#cbd1d1;
  background:#fff;
}

/* Specifications */
.specifications-page{
  background:var(--vr-ivory);
}

.specifications-page .spec-page-hero{
  background:linear-gradient(145deg,#e8e5de 0%,#f4f1eb 56%,#dde4e3 100%);
}

.specifications-page .spec-page-hero::before,
.specifications-page .spec-page-hero::after{
  border-color:rgba(35,71,78,.10);
}

.specifications-page .spec-eyebrow{
  color:var(--vr-petroleum-2);
}

.specifications-page .spec-eyebrow::before{
  background:var(--vr-accent);
}

.specifications-page .spec-assurance-row span{
  border-color:var(--vr-line);
  background:rgba(255,255,255,.62);
  color:var(--vr-petroleum-2);
}

.specifications-page .spec-hero-panel{
  border-color:var(--vr-line);
  border-top-color:var(--vr-petroleum-2);
  background:rgba(251,250,247,.9);
  box-shadow:var(--vr-shadow);
}

.specifications-page .spec-verification-list li{
  border-bottom-color:var(--vr-line);
}

.specifications-page .spec-verification-list span,
.specifications-page .spec-icon{
  background:#e4e9e7;
  color:var(--vr-petroleum-2);
}

.specifications-page .spec-scope-section{
  background:var(--vr-paper);
}

.specifications-page .spec-service-grid,
.specifications-page .spec-sample-grid{
  gap:0;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:16px;
  background:var(--vr-paper);
}

.specifications-page .spec-service-card,
.specifications-page .spec-sample-card{
  border:0;
  border-inline-end:1px solid var(--vr-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.specifications-page .spec-service-card:last-child,
.specifications-page .spec-sample-card:last-child{
  border-inline-end:0;
}

.specifications-page .spec-service-card:hover{
  transform:none;
  background:#efede7;
  box-shadow:none;
}

.specifications-page .spec-samples-section{
  background:var(--vr-ivory);
}

.specifications-page .spec-file-mark{
  background:var(--vr-petroleum-2);
  box-shadow:inset 0 -4px 0 var(--vr-accent);
}

.specifications-page .spec-request-panel{
  background:linear-gradient(145deg,var(--vr-petroleum),var(--vr-petroleum-2));
  box-shadow:var(--vr-shadow);
}

.specifications-page .spec-request-panel .spec-eyebrow{
  color:#b7ceca;
}

.specifications-page .btn.btn-light{
  color:var(--vr-petroleum);
}

/* Supplier network — remove futuristic imagery and repeated card treatment */
body.supplier-page{
  background:var(--vr-ivory);
}

body.supplier-page .hero-bleed.supplier-hero{
  min-height:clamp(620px,78vh,760px);
  background-image:url("img/hero-port-desktop.webp");
  background-position:center 56%;
  background-color:var(--vr-petroleum);
}

body.supplier-page .supplier-hero .hero-overlay{
  background:linear-gradient(90deg,rgba(14,29,34,.93) 0%,rgba(18,39,44,.77) 48%,rgba(18,39,44,.22) 78%,rgba(18,39,44,.1) 100%);
}

body.supplier-page .supplier-hero .hero-title{
  max-width:850px;
  font-size:clamp(2.45rem,4.6vw,4.5rem);
  letter-spacing:-.045em;
  text-shadow:none;
}

body.supplier-page .supplier-hero .hero-subtitle,
body.supplier-page .supplier-hero .hero-desc,
body.supplier-page .supplier-hero .hero-trustline{
  max-width:760px;
  text-shadow:none;
}

body.supplier-page .supplier-hero .btn-outline{
  border-color:rgba(255,255,255,.48);
  background:rgba(255,255,255,.04);
  color:#fff;
}

body.supplier-page .supplier-hero .btn-outline:hover,
body.supplier-page .supplier-hero .btn-outline:focus-visible{
  border-color:#fff;
  background:#fff;
  color:var(--vr-graphite);
}

body.supplier-page .supplier-secondary-products{
  padding:38px 0;
  background:var(--vr-petroleum);
}

body.supplier-page .supplier-secondary-box{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

body.supplier-page .supplier-secondary-box h3{
  color:#fff;
}

body.supplier-page .supplier-secondary-box p{
  color:rgba(255,255,255,.67);
}

body.supplier-page .supplier-section{
  padding:clamp(78px,9vw,120px) 0;
  border:0;
  background:var(--vr-ivory);
}

body.supplier-page .supplier-grid-2{
  gap:0;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

body.supplier-page .supplier-panel{
  padding:clamp(25px,3.5vw,42px);
  border:0;
  border-inline-end:1px solid var(--vr-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.supplier-page .supplier-grid-2 .supplier-panel:last-child{
  border-inline-end:0;
}

body.supplier-page .supplier-panel[style]{
  margin-top:28px !important;
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

body.supplier-page .supplier-panel h3,
body.supplier-page .supplier-card strong,
body.supplier-page .supplier-steps strong{
  color:var(--vr-graphite);
}

body.supplier-page .supplier-cards{
  gap:0;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:12px;
}

body.supplier-page .supplier-card{
  border:0;
  border-inline-end:1px solid var(--vr-line);
  border-bottom:1px solid var(--vr-line);
  border-radius:0;
  background:#f4f2ed;
}

body.supplier-page .supplier-card:nth-child(2n){border-inline-end:0;}
body.supplier-page .supplier-card:nth-last-child(-n+2){border-bottom:0;}

body.supplier-page .supplier-note{
  border-color:var(--vr-line);
  border-inline-start:3px solid var(--vr-accent);
  background:#e8ebe6;
  color:#3c4c4d;
}

body.supplier-page .supplier-application{
  background:var(--vr-paper);
}

body.supplier-page .supplier-application h3{
  color:var(--vr-graphite);
  font-size:clamp(1.7rem,3vw,2.4rem);
}

/* WSF & Specialty — focused B2B conversion page */
.wsf-page{
  background:var(--vr-ivory);
}

.wsf-hero{
  padding:clamp(76px,9vw,126px) 0;
  overflow:hidden;
  background:linear-gradient(145deg,#e9e6df 0%,#f4f1eb 56%,#dfe6e5 100%);
}

.wsf-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:clamp(44px,7vw,96px);
  align-items:center;
}

.wsf-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--vr-petroleum-2);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.wsf-eyebrow::before{
  content:"";
  width:30px;
  height:2px;
  flex:0 0 auto;
  background:var(--vr-accent);
}

.wsf-hero-copy h1{
  max-width:760px;
  margin:20px 0 22px;
  color:var(--vr-graphite);
  font-size:clamp(2.6rem,5.2vw,5rem);
  font-weight:760;
  line-height:1.02;
  letter-spacing:-.05em;
  text-wrap:balance;
}

.wsf-hero-lead{
  max-width:700px;
  margin:0;
  color:#47565a;
  font-size:clamp(1.04rem,1.5vw,1.22rem);
  line-height:1.72;
}

.wsf-hero-note{
  max-width:680px;
  margin:22px 0 28px;
  padding-inline-start:16px;
  border-inline-start:3px solid var(--vr-accent);
  color:var(--vr-slate);
  font-size:.92rem;
  line-height:1.65;
}

.wsf-hero-visual{
  position:relative;
  min-height:520px;
  margin:0;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-petroleum);
  box-shadow:var(--vr-shadow);
}

.wsf-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(18,39,44,.22));
}

.wsf-hero-visual img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  filter:saturate(.72) contrast(1.05);
}

.wsf-selection-section{
  padding:clamp(86px,10vw,138px) 0;
  background:var(--vr-paper);
}

.wsf-section-heading{
  max-width:820px;
  margin-bottom:44px;
}

.wsf-section-heading h2,
.wsf-demand-copy h2,
.wsf-controlled-panel h2,
.wsf-distributors h2{
  margin:16px 0 14px;
  color:var(--vr-graphite);
  font-size:clamp(2rem,3.7vw,3.35rem);
  font-weight:750;
  line-height:1.1;
  letter-spacing:-.04em;
  text-wrap:balance;
}

.wsf-section-heading p,
.wsf-demand-copy p,
.wsf-controlled-panel p,
.wsf-distributors p{
  margin:0;
  color:var(--vr-slate);
  line-height:1.75;
}

.wsf-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

.wsf-product-card{
  min-height:370px;
  display:flex;
  flex-direction:column;
  padding:clamp(27px,4vw,42px);
  border-inline-end:1px solid var(--vr-line);
  border-bottom:1px solid var(--vr-line);
  background:transparent;
}

.wsf-product-card:nth-child(2n){border-inline-end:0;}
.wsf-product-card:nth-last-child(-n+2){border-bottom:0;}

.wsf-formula{
  width:max-content;
  color:var(--vr-petroleum-2);
  font-size:.75rem;
  font-weight:850;
  letter-spacing:.14em;
}

.wsf-product-card h3{
  margin:46px 0 14px;
  color:var(--vr-graphite);
  font-size:clamp(1.25rem,2vw,1.65rem);
  font-weight:730;
}

.wsf-product-card p{
  max-width:520px;
  margin:0;
  color:var(--vr-slate);
  line-height:1.7;
}

.wsf-card-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:auto;
  padding-top:34px;
}

.wsf-card-actions .btn{
  flex:1 1 190px;
  text-align:center;
}

.wsf-demand-section{
  padding:clamp(86px,10vw,138px) 0;
  background:var(--vr-ivory);
}

.wsf-demand-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(48px,8vw,110px);
  align-items:start;
}

.wsf-demand-options{
  overflow:hidden;
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

.wsf-demand-options article{
  padding:32px;
  border-bottom:1px solid var(--vr-line);
}

.wsf-demand-options article:last-child{
  border-bottom:0;
}

.wsf-demand-options article > span{
  color:var(--vr-petroleum-2);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.14em;
}

.wsf-demand-options h3{
  margin:24px 0 10px;
  color:var(--vr-graphite);
  font-size:1.25rem;
}

.wsf-demand-options p{
  margin:0;
  color:var(--vr-slate);
  line-height:1.65;
}

.wsf-demand-options a{
  display:inline-block;
  margin-top:22px;
  color:var(--vr-accent);
  font-weight:780;
  text-decoration:none;
}

.wsf-demand-options a::after{content:" →";}
html[dir="rtl"] .wsf-demand-options a::after{content:" ←";}

.wsf-controlled-docs{
  padding:clamp(72px,8vw,104px) 0;
  background:var(--vr-paper);
}

.wsf-controlled-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:42px;
  align-items:center;
  padding:clamp(34px,5vw,58px);
  border-radius:var(--vr-radius);
  background:linear-gradient(145deg,var(--vr-petroleum),var(--vr-petroleum-2));
  box-shadow:var(--vr-shadow);
}

.wsf-controlled-panel .wsf-eyebrow{
  color:#b7ceca;
}

.wsf-controlled-panel h2{
  color:#fff;
}

.wsf-controlled-panel p{
  max-width:820px;
  color:rgba(255,255,255,.7);
}

.wsf-controlled-panel .btn{
  white-space:nowrap;
}

.wsf-distributors{
  padding:clamp(86px,10vw,138px) 0;
  background:#e8e5de;
}

.wsf-distributors-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(46px,8vw,110px);
  align-items:start;
}

.wsf-distributors p{
  max-width:680px;
  font-size:1.02rem;
}

.wsf-distributors .btn{
  margin-top:28px;
}

/* Legal pages */
.legal-doc{
  background:var(--vr-ivory);
}

.legal-page{
  padding:clamp(70px,8vw,112px) 20px;
  background:var(--vr-ivory);
}

.legal-page > .container{
  max-width:920px;
  padding:clamp(28px,5vw,58px);
  border:1px solid var(--vr-line);
  border-radius:var(--vr-radius);
  background:var(--vr-paper);
  box-shadow:var(--vr-shadow-soft);
}

.legal-page h1{
  color:var(--vr-graphite);
  font-size:clamp(2.2rem,4vw,3.5rem);
  letter-spacing:-.04em;
}

.legal-page h2{
  color:var(--vr-petroleum);
}

.legal-page p,
.legal-page li{
  color:#59666a;
}

/* Responsive refinement */
@media (max-width:1050px){
  .home-page #contact > .container{
    grid-template-columns:1fr;
  }

  .home-page #contact .info-section{
    position:static;
  }

  .commercial-partnerships-page .cp-product-grid div:nth-child(4n){border-inline-end:1px solid var(--vr-line);}
  .commercial-partnerships-page .cp-product-grid div:nth-child(2n){border-inline-end:0;}
  .commercial-partnerships-page .cp-product-grid div:nth-last-child(-n+4){border-bottom:1px solid var(--vr-line);}
  .commercial-partnerships-page .cp-product-grid div:nth-last-child(-n+2){border-bottom:0;}
}

@media (max-width:980px){
  .home-route-grid,
  .home-page #how-we-work .execution-flow{
    grid-template-columns:1fr;
  }

  .home-route-card,
  .home-page #how-we-work .execution-flow li{
    min-height:0;
    border-inline-end:0;
    border-bottom:1px solid rgba(255,255,255,.11);
  }

  .home-route-card:last-child,
  .home-page #how-we-work .execution-flow li:last-child{
    border-bottom:0;
  }

  .home-route-card h3{
    margin-top:34px;
  }

  .wsf-hero-grid,
  .wsf-demand-grid,
  .wsf-distributors-grid{
    grid-template-columns:1fr;
  }

  .wsf-hero-visual{
    min-height:380px;
  }

  .wsf-hero-visual img{
    min-height:380px;
  }

  .wsf-controlled-panel{
    grid-template-columns:1fr;
  }

  .wsf-controlled-panel .btn{
    width:max-content;
    white-space:normal;
  }

  .home-product-card:nth-child(3n){border-inline-end:1px solid var(--vr-line);}
  .home-product-card:nth-child(2n){border-inline-end:0;}
  .home-product-card:nth-last-child(-n+3){border-bottom:1px solid var(--vr-line);}
  .home-product-card:nth-last-child(-n+2){border-bottom:0;}

  .home-product-card:last-child{
    grid-column:1 / -1;
    border-inline-end:0;
  }

  .home-control-grid article:nth-child(2n){border-inline-end:0;}
  .home-control-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1);}

  .home-page #logistics .logistics-scope-grid{
    grid-template-columns:1fr;
  }

  .home-page #logistics .logistics-scope-card{
    min-height:0;
    border-inline-end:0;
    border-bottom:1px solid var(--vr-line);
  }

  .home-page #logistics .logistics-scope-card:last-child{
    border-bottom:0;
  }

  .home-page #about .about-bg{
    grid-template-columns:1fr;
  }

  .home-page #about .about-industrial-visual{
    min-height:360px;
  }

  body.supplier-page .supplier-grid-2{
    grid-template-columns:1fr;
  }

  body.supplier-page .supplier-panel{
    border-inline-end:0;
    border-bottom:1px solid var(--vr-line);
  }

  body.supplier-page .supplier-grid-2 .supplier-panel:last-child{
    border-bottom:0;
  }
}

@media (max-width:768px){
  header .nav-all-visible nav{
    border-top-color:var(--vr-line);
    background:var(--vr-paper);
  }

  .home-page .hero-bleed,
  body.supplier-page .hero-bleed.supplier-hero{
    min-height:calc(100svh - 68px);
    padding:58px 16px 64px;
    background-image:url("img/hero-port-mobile.webp");
    background-position:center 60%;
  }

  .home-page .hero-bleed::after,
  body.supplier-page .supplier-hero .hero-overlay{
    background:linear-gradient(180deg,rgba(14,29,34,.82) 0%,rgba(14,29,34,.88) 52%,rgba(14,29,34,.95) 100%);
  }

  .home-page .hero-title,
  body.supplier-page .supplier-hero .hero-title{
    font-size:clamp(2.25rem,11vw,3.45rem);
    line-height:1.05;
  }

  .home-page .hero-bleed .cta-row,
  body.supplier-page .supplier-cta{
    align-items:stretch;
  }

  .home-page .hero-bleed .cta-row .btn,
  body.supplier-page .supplier-cta .btn{
    width:100% !important;
    max-width:none !important;
  }

  .home-route-grid{
    grid-template-columns:1fr;
  }

  .home-route-card{
    min-height:0;
    border-inline-end:0;
    border-bottom:1px solid rgba(255,255,255,.11);
  }

  .home-route-card:last-child{
    border-bottom:0;
  }

  .home-route-card h3{
    margin-top:34px;
  }

  .home-product-grid{
    grid-template-columns:1fr;
  }

  .home-product-card,
  .home-product-card:nth-child(2n),
  .home-product-card:nth-child(3n){
    min-height:0;
    border-inline-end:0;
    border-bottom:1px solid var(--vr-line);
  }

  .home-product-card:last-child{
    grid-column:auto;
    border-bottom:0;
  }

  .home-page #logistics .logistics-hero img{
    aspect-ratio:4 / 3;
    object-position:64% center;
  }

  .home-page #how-we-work .execution-flow{
    grid-template-columns:1fr;
  }

  .home-page #how-we-work .execution-flow li{
    min-height:0;
    border-inline-end:0;
    border-bottom:1px solid rgba(255,255,255,.11);
  }

  .home-page #how-we-work .execution-flow li:last-child{
    border-bottom:0;
  }

  .home-control-grid{
    grid-template-columns:1fr;
  }

  .home-control-grid article{
    min-height:0;
    border-inline-end:0;
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .home-control-grid article:last-child{
    border-bottom:0;
  }

  .home-page #about .about-bg{
    width:min(100% - 28px,1160px);
  }

  .home-page #about .about-industrial-visual{
    min-height:280px;
  }

  .home-page #about .about-card{
    padding:28px 22px;
  }

  .home-page #contact .info-section,
  .buyer-rfq-form{
    border-radius:14px;
  }

  .commercial-partnerships-page .cp-product-grid{
    grid-template-columns:1fr;
  }

  .commercial-partnerships-page .cp-product-grid div,
  .commercial-partnerships-page .cp-product-grid div:nth-child(2n),
  .commercial-partnerships-page .cp-product-grid div:nth-child(4n){
    border-inline-end:0;
    border-bottom:1px solid var(--vr-line);
  }

  .commercial-partnerships-page .cp-product-grid div:last-child{
    border-bottom:0;
  }

  .specifications-page .spec-service-grid,
  .specifications-page .spec-sample-grid{
    grid-template-columns:1fr;
  }

  .specifications-page .spec-service-card,
  .specifications-page .spec-sample-card{
    border-inline-end:0;
    border-bottom:1px solid var(--vr-line);
  }

  .specifications-page .spec-service-card:last-child,
  .specifications-page .spec-sample-card:last-child{
    border-bottom:0;
  }

  body.supplier-page .supplier-card,
  body.supplier-page .supplier-card:nth-child(2n){
    border-inline-end:0;
    border-bottom:1px solid var(--vr-line);
  }

  body.supplier-page .supplier-card:last-child{
    border-bottom:0;
  }

  .wsf-hero{
    padding:62px 0 74px;
  }

  .wsf-hero-copy h1{
    font-size:clamp(2.25rem,11vw,3.5rem);
  }

  .wsf-hero-visual,
  .wsf-hero-visual img{
    min-height:290px;
  }

  .wsf-product-grid{
    grid-template-columns:1fr;
  }

  .wsf-product-card,
  .wsf-product-card:nth-child(2n){
    min-height:0;
    border-inline-end:0;
    border-bottom:1px solid var(--vr-line);
  }

  .wsf-product-card:last-child{
    border-bottom:0;
  }

  .wsf-product-card h3{
    margin-top:30px;
  }

  .wsf-card-actions .btn,
  .wsf-controlled-panel .btn,
  .wsf-distributors .btn{
    width:100%;
  }

  .legal-page > .container{
    padding:26px 20px;
    border-radius:14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .btn,
  .home-product-card,
  .spec-service-card{
    transition:none;
  }
}