/* ===== Export Services page ===== */

  /* process — numbered horizontal-row steps, order confirmation to port delivery */
  .process { padding:clamp(90px,11vw,130px) 0; background:#FFFFFF; }
  .process .head { max-width:620px; margin:0 auto clamp(48px,6vw,72px); text-align:center; }
  .process .head .eyebrow { justify-content:center; display:flex; }
  .process .list { max-width:840px; margin:0 auto; border-top:1px solid #E0D3AE; }
  .process .step { display:grid; grid-template-columns:72px 1fr; gap:clamp(20px,3vw,32px); padding:clamp(24px,3.4vw,32px) 4px; border-bottom:1px solid #E0D3AE; transition:padding-left .35s ease; }
  .process .step:hover { padding-left:10px; }
  .process .step .num { font-family:'Fraunces',serif; font-style:italic; font-size:24px; color:#A6821D; line-height:1; padding-top:2px; }
  .process .step h3 { font-family:'Fraunces',serif; font-weight:500; font-size:18px; color:#1C130C; margin-bottom:8px; }
  .process .step p { font-family:'Cormorant Garamond',serif; font-size:16.5px; line-height:1.72; color:#5A4F3C; max-width:560px; }

  /* shipping lanes — origin port + destination regions */
  .lanes { padding:clamp(90px,11vw,130px) 0; background:#FBF9F4; }
  .lanes .grid { display:grid; grid-template-columns:0.85fr 1.15fr; gap:clamp(40px,6vw,72px); align-items:start; }
  .lanes .intro .eyebrow { margin-bottom:16px; }
  .lanes .intro h2 { font-family:'Fraunces',serif; font-weight:400; font-size:clamp(26px,3.2vw,34px); line-height:1.22; color:#1C130C; margin-bottom:18px; }
  .lanes .intro p { font-family:'Cormorant Garamond',serif; font-size:18px; line-height:1.75; color:#5A4F3C; margin-bottom:28px; }
  .lanes .origin { display:flex; align-items:center; gap:14px; padding:16px 20px; background:#FFFFFF; border:1px solid #E0D3AE; }
  .lanes .origin .dot { width:9px; height:9px; border-radius:50%; background:#A6821D; flex:0 0 auto; }
  .lanes .origin b { font-family:'Fraunces',serif; font-weight:500; font-size:14.5px; color:#1C130C; }
  .lanes .origin span { display:block; font-size:12.5px; color:#8A7B5C; }
  .lanes .regions { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:#E4D8BF; border:1px solid #E4D8BF; }
  .lanes .region { background:#FFFFFF; padding:clamp(24px,3vw,30px) clamp(22px,3vw,28px); }
  .lanes .region h4 { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#A6821D; margin-bottom:16px; }
  .lanes .region ul { list-style:none; }
  .lanes .region li { font-family:'Cormorant Garamond',serif; font-size:16.5px; color:#3E342A; padding:8px 0; border-top:1px solid #F0E9D6; }
  .lanes .region li:first-child { border-top:none; padding-top:0; }
  .lanes .region li span { color:#9A8B6C; font-size:13px; margin-left:6px; }

  /* documentation checklist — icon grid */
  .documents { padding:clamp(90px,11vw,130px) 0; background:#FFFFFF; }
  .documents .head { max-width:600px; margin:0 auto clamp(48px,6vw,64px); text-align:center; }
  .documents .head .eyebrow { justify-content:center; display:flex; }
  .documents .grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#E4D8BF; border:1px solid #E4D8BF; }
  .documents .item { background:#FFFFFF; padding:clamp(28px,3.4vw,36px) clamp(16px,2vw,22px); text-align:center; transition:background .3s ease; }
  .documents .item:hover { background:#FBF9F4; }
  .documents .item svg { color:#A6821D; margin-bottom:16px; }
  .documents .item .label { font-family:'Fraunces',serif; font-weight:500; font-size:14.5px; color:#1C130C; line-height:1.35; }

  @media (max-width:900px) {
    .lanes .grid { grid-template-columns:1fr; }
    .lanes .regions { grid-template-columns:1fr; }
    .documents .grid { grid-template-columns:repeat(2,1fr); }
  }
  @media (max-width:600px) {
    .process .step { grid-template-columns:44px 1fr; gap:16px; }
    .process .step .num { font-size:19px; }
    .documents .grid { grid-template-columns:1fr; }
  }

  /* shipping modes — sea, air, road */
  .modes { padding:clamp(90px,11vw,130px) 0; background:#FFFFFF; }
  .modes .head { max-width:640px; margin:0 auto clamp(48px,6vw,64px); text-align:center; }
  .modes .head .eyebrow { justify-content:center; display:flex; }
  .modes .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#E4D8BF; border:1px solid #E4D8BF; }
  .modes .card { background:#FFFFFF; padding:clamp(32px,4vw,44px) clamp(26px,3vw,34px); }
  .modes .card .icon { width:44px; height:44px; border:1px solid #D8CBA0; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#A6821D; margin-bottom:22px; }
  .modes .card h3 { font-family:'Fraunces',serif; font-weight:500; font-size:19px; color:#1C130C; margin-bottom:10px; }
  .modes .card p { font-size:14.5px; line-height:1.7; color:#5A4F3C; margin-bottom:18px; }
  .modes .card .best-for { font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#A6821D; border-top:1px solid #EFE7D3; padding-top:14px; }
  .modes .card .best-for b { color:#1C130C; font-weight:600; display:block; letter-spacing:0; text-transform:none; font-size:13.5px; margin-top:4px; }

  /* FCL / LCL — ocean container options */
  .container-options { padding:clamp(90px,11vw,130px) 0; background:#FBF9F4; }
  .container-options .head { max-width:600px; margin:0 auto clamp(48px,6vw,64px); text-align:center; }
  .container-options .head .eyebrow { justify-content:center; display:flex; }
  .container-options .grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#E4D8BF; border:1px solid #E4D8BF; max-width:920px; margin:0 auto; }
  .container-options .card { background:#FFFFFF; padding:clamp(32px,4vw,44px) clamp(28px,3.4vw,40px); position:relative; }
  .container-options .card.reco::before { content:'Most common'; position:absolute; top:0; right:0; background:#1C130C; color:#F8F2E4; font-size:10px; letter-spacing:.08em; text-transform:uppercase; padding:6px 14px; }
  .container-options .card .tag { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#A6821D; margin-bottom:10px; }
  .container-options .card h3 { font-family:'Fraunces',serif; font-weight:400; font-size:24px; color:#1C130C; margin-bottom:6px; }
  .container-options .card .fit { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:16px; color:#8A7B5C; margin-bottom:22px; }
  .container-options .card ul { list-style:none; }
  .container-options .card li { position:relative; padding:10px 0 10px 22px; border-top:1px solid #F0E9D6; font-size:14.5px; line-height:1.6; color:#3E342A; }
  .container-options .card li:first-of-type { border-top:none; }
  .container-options .card li::before { content:''; position:absolute; left:2px; top:17px; width:6px; height:6px; border-radius:50%; background:#A6821D; }

  @media (max-width:900px) {
    .modes .grid { grid-template-columns:1fr; }
    .container-options .grid { grid-template-columns:1fr; }
  }