/* Downloads page (/downloads): featured brochure, document cards, gate form, next links */
.dl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--mute)}
.dl-meta .ic{width:17px;height:17px;color:var(--red)}
.dl-btn .ic{width:18px;height:18px;margin-right:6px}

/* featured brochure */
.dl-feat__card{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,52px);align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);padding:clamp(16px,2.4vw,28px)}
.dl-feat__img{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:var(--tint);box-shadow:0 18px 40px -22px rgba(0,36,74,.55)}
.dl-feat__img img{display:block;width:100%;height:auto;transition:transform .6s var(--ease)}
.dl-feat__img:hover img{transform:scale(1.03)}
.dl-feat__pdf{position:absolute;left:14px;top:14px;background:var(--red);color:#fff;font:700 13px/1 var(--f-head);letter-spacing:.08em;padding:7px 10px;border-radius:4px}
.dl-feat__body h2{margin-bottom:.35em}
.dl-feat__txt p{margin:0 0 14px;color:var(--ink-2)}
.dl-feat__pts{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.dl-feat__pts li{display:flex;gap:10px;align-items:flex-start;color:var(--ink)}
.dl-feat__pts .ic{flex:none;width:20px;height:20px;color:var(--red);margin-top:2px}
.dl-feat__btns{display:flex;flex-wrap:wrap;gap:12px}

/* language chips (company profile) */
.dl-langs{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;padding:0}
.dl-langs a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:15px;transition:border-color .2s,background .2s}
.dl-langs a:hover{border-color:var(--red);color:var(--red)}

/* document cards */
.dl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.dl-grid--thailand,.dl-grid--catalogue,.dl-grid--technical{grid-template-columns:repeat(3,minmax(0,1fr))}
.dl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh);transition:transform .3s var(--ease),box-shadow .3s}
.dl-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.dl-cover{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#EEF2F7,#DCE3EC);padding:18px 18px 0;aspect-ratio:4/4.4;overflow:hidden}
.dl-cover img{display:block;width:78%;height:auto;max-height:100%;object-fit:contain;object-position:bottom;box-shadow:0 14px 30px -14px rgba(0,23,47,.6);border-radius:2px 2px 0 0;transition:transform .5s var(--ease)}
.dl-card:hover .dl-cover img{transform:translateY(-6px)}
.dl-cover--thailand,.dl-cover--technical{aspect-ratio:16/10;padding:18px}
.dl-cover--thailand img,.dl-cover--technical img{width:100%;border-radius:3px}
.dl-lang{position:absolute;right:12px;top:12px;background:var(--navy);color:#fff;font:700 13px/1 var(--f-head);letter-spacing:.06em;padding:6px 9px;border-radius:4px}
.dl-card__body{display:flex;flex-direction:column;flex:1;padding:16px 18px 20px}
.dl-card__body h3{font-size:clamp(1.12rem,1.4vw,1.3rem);margin-bottom:.4em}
.dl-card__txt{font-size:15px;color:var(--ink-2);margin:0 0 14px}
.dl-card__body .btn{margin-top:auto;align-self:flex-start}
.dl-about{max-width:80ch;margin:26px 0 0;color:var(--ink-2)}
.dl-about p{margin:0}
.dl-note{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:14px 18px;background:#fff;border:1px dashed var(--steel);border-radius:var(--r);font-size:15px;color:var(--ink-2)}
.dl-note .ic{flex:none;width:22px;height:22px;color:#06C755}
.dl-note a{font-weight:600}

/* gate form */
.dl-gate__in{display:grid;grid-template-columns:260px 1fr;gap:clamp(20px,4vw,48px);align-items:start;max-width:980px}
.dl-gate__doc .dl-cover{border-radius:var(--r);aspect-ratio:auto;padding:16px}
.dl-gate__doc p{margin:12px 0 0;display:grid;gap:4px}
.dl-gate__doc small{color:var(--mute)}
.dl-gate .qform h2{font-size:clamp(1.4rem,2.2vw,1.8rem);margin-bottom:.3em}
.dl-gate__lead{margin:0 0 18px}

/* next links */
.dl-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dl-next__card{position:relative;display:grid;gap:6px;padding:20px 52px 20px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r);color:var(--ink-2);transition:border-color .2s,transform .3s var(--ease)}
.dl-next__card b{font:600 1.15rem/1.2 var(--f-head);color:var(--navy)}
.lang-th .dl-next__card b{font-weight:700}
.dl-next__card span{font-size:15px;line-height:1.5}
.dl-next__card em{position:absolute;right:18px;top:20px;color:var(--red)}
.dl-next__card:hover{border-color:var(--red);transform:translateY(-3px)}

@media (max-width:1100px){.dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-grid--thailand,.dl-grid--catalogue,.dl-grid--technical{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-next__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.dl-feat__card{grid-template-columns:1fr}.dl-gate__in{grid-template-columns:1fr}.dl-gate__doc{display:none}}
@media (max-width:760px){
  .dl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dl-grid--thailand,.dl-grid--catalogue,.dl-grid--technical,.dl-next__grid{grid-template-columns:1fr}
  .dl-card__body{padding:12px 12px 14px}
  .dl-card__body .btn{align-self:stretch;justify-content:center;padding-left:10px;padding-right:10px}
  .dl-cover{padding:12px 12px 0}
  .dl-feat__btns .btn{width:100%;justify-content:center}
}
.dl-gate .qform{margin-top:0;transform:none}