/* === Trang chủ === */
:root{
    --brick:#D4391F;
    --brick-dark:#A82B14;
    --navy:#243558;          /* ← sáng & ấm hơn so với #1B2A4A cũ */
    --navy-2:#2e4470;
    --steel:#5C6B7A;
    --stone:#F3F1ED;
    --paper:#FFFFFF;
    --line:#E2DED7;
    --ink:#22262B;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}

  /* ===== TOPBAR ===== */
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;letter-spacing:.02em;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}

  /* ===== HEADER ===== */
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover,nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  /* ===== HERO ===== */
  .hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;min-height:540px;display:flex;align-items:center;}
  .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(20,40,90,.96) 0%,rgba(36,53,88,.82) 45%,rgba(212,57,31,.15) 100%);z-index:1;}
  .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;}
  .hero .wrap{position:relative;z-index:2;padding:76px 28px;}
  .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Oswald';font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brick);background:rgba(212,57,31,.12);border:1px solid rgba(212,57,31,.38);padding:7px 14px;margin-bottom:22px;}
  .hero h1{font-size:50px;color:#fff;margin-bottom:18px;font-weight:700;max-width:640px;}
  .hero h1 em{font-style:normal;color:var(--brick);}
  .hero p{font-size:17px;color:#c7cedd;max-width:520px;margin-bottom:32px;}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
  .btn-outline{border:1.5px solid rgba(255,255,255,.5);color:#fff;font-family:'Oswald';font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:13px 26px;transition:.2s;}
  .btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);}
  .btn-solid{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 30px;transition:.2s;}
  .btn-solid:hover{background:var(--brick-dark);}

  /* ===== STATS STRIP (tách khỏi hero, bên dưới) ===== */
  .stats-strip{background:var(--navy-2);padding:0;}
  .stats-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
  .stat-item{
    padding:30px 24px;text-align:center;
    border-right:1px solid rgba(255,255,255,.12);
    position:relative;
  }
  .stat-item:last-child{border-right:none;}
  .stat-circle{
    width:72px;height:72px;border-radius:50%;
    border:2.5px solid var(--brick);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 14px;
    background:rgba(212,57,31,.08);
  }
  .stat-num{font-family:'Oswald';font-size:22px;font-weight:700;color:#fff;line-height:1;}
  .stat-label{font-size:12px;color:#a8bcd4;text-transform:uppercase;letter-spacing:.05em;line-height:1.35;}

  /* ===== TRUST STRIP ===== */
  .trust-strip{background:var(--brick);color:#fff;}
  .trust-strip .wrap{display:flex;justify-content:space-between;padding:18px 28px;flex-wrap:wrap;gap:18px;}
  .trust-item{display:flex;align-items:center;gap:11px;font-family:'Oswald';font-size:13.5px;text-transform:uppercase;letter-spacing:.03em;}
  .trust-item .ico{width:32px;height:32px;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;}

  /* ===== SECTION GENERIC ===== */
  section{padding:84px 0;}
  .section-tag{color:var(--brick);font-family:'Oswald';font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
  .section-tag::before{content:"";width:28px;height:2px;background:var(--brick);}
  .section-title{font-size:32px;margin-bottom:16px;}
  .section-desc{color:var(--steel);font-size:16px;max-width:620px;margin-bottom:48px;}

  /* ===== ABOUT ===== */
  .about{background:var(--paper);}
  .about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center;}
  .about-img-group{position:relative;}
  .img-main{width:100%;height:420px;object-fit:cover;border-radius:2px;}
  .img-badge{position:absolute;bottom:-26px;left:-26px;background:var(--navy);color:#fff;padding:22px 26px;border-left:5px solid var(--brick);}
  .img-badge .num{font-family:'Oswald';font-size:30px;font-weight:700;color:var(--brick);}
  .img-badge .lbl{font-size:12.5px;color:#c7cedd;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;}
  .about-body p{color:var(--ink);font-size:15.5px;margin-bottom:16px;}
  .about-list{margin-top:26px;display:grid;gap:14px;}
  .about-list li{display:flex;gap:14px;align-items:flex-start;list-style:none;font-size:15px;color:var(--ink);}
  .about-list .check{width:22px;height:22px;background:var(--brick);color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px;}

  /* ===== TIMELINE (hành trình phát triển) ===== */
  .timeline-section{background:var(--stone);padding:72px 0;}
  .timeline{display:flex;gap:0;position:relative;overflow-x:auto;}
  .timeline::before{content:"";position:absolute;top:28px;left:0;right:0;height:2px;background:var(--line);z-index:0;}
  .tl-item{flex:1;min-width:180px;padding:0 20px;position:relative;z-index:1;text-align:center;}
  .tl-dot{
    width:56px;height:56px;border-radius:50%;background:#fff;
    border:3px solid var(--brick);display:flex;align-items:center;justify-content:center;
    margin:0 auto 14px;position:relative;z-index:1;
    font-family:'Oswald';font-size:13px;font-weight:700;color:var(--brick);
  }
  .tl-item.active .tl-dot{background:var(--brick);color:#fff;}
  .tl-year{font-family:'Oswald';font-size:17px;font-weight:700;color:var(--navy);margin-bottom:6px;}
  .tl-desc{font-size:13.5px;color:var(--steel);line-height:1.5;}

  /* ===== PRODUCTS — layout 2 cột xen kẽ ===== */
  .products{background:var(--paper);padding:84px 0 0;}
  .products .container {
  max-width: 1200px; /* Chiều ngang tối đa của vùng nội dung */
  margin: 0 auto;    /* Căn giữa container này ra giữa màn hình */
  width: 100%;
}
  .prod-section-header{margin-bottom:56px;}

  .prod-block{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:480px;
    border-top:1px solid var(--line);
  }
  .prod-block:last-child{border-bottom:1px solid var(--line);}

  /* cột nội dung */
  .pb-content{
    padding:60px 64px;
    display:flex;flex-direction:column;justify-content:center;
    background:var(--paper);
  }
  .pb-content.bg-stone{background:var(--stone);}

  .pb-cat{
    font-size:12px;color:var(--brick);text-transform:uppercase;
    letter-spacing:.12em;font-weight:700;margin-bottom:14px;
    display:flex;align-items:center;gap:10px;
  }
  .pb-cat::before{content:"";width:24px;height:2px;background:var(--brick);}
  .pb-content h3{
    font-family:'Oswald';font-size:30px;font-weight:700;color:var(--navy);
    text-transform:uppercase;letter-spacing:.02em;line-height:1.18;margin-bottom:20px;
  }
  .pb-content p{
    font-size:15.5px;color:var(--steel);line-height:1.7;margin-bottom:14px;
  }
  .pb-content p:last-of-type{margin-bottom:32px;}
  .pb-cta{
    display:inline-flex;align-items:center;gap:10px;
    background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;
    font-size:14px;text-transform:uppercase;letter-spacing:.05em;
    padding:14px 28px;border-radius:2px;transition:.2s;align-self:flex-start;
  }
  .pb-cta:hover{background:var(--brick-dark);}
  .pb-cta svg{transition:.2s;}
  .pb-cta:hover svg{transform:translateX(4px);}

  /* cột ảnh */
  .pb-visual{
    position:relative;overflow:hidden;background:var(--navy);
  }
  .pb-visual.bg-stone{background:var(--stone);}
  .pb-visual img{
    width:100%;height:100%;object-fit:cover;
    transition:.5s ease;display:block;
  }
  .prod-block:hover .pb-visual img{transform:scale(1.04);}

  /* khung ảnh nhỏ nổi — như hình tham khảo */
  .pb-img-frame{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    padding:32px;
  }
  .pb-img-frame-inner{
    width:100%;height:100%;
    border:2px dashed rgba(255,255,255,.35);
    position:relative;
  }
  /* overlay gradient dưới lên để label rõ */
  .pb-visual::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(to top, rgba(20,40,90,.55) 0%, transparent 50%);
    pointer-events:none;
  }

  /* tag tên sản phẩm nổi dưới ảnh */
  .pb-label{
    position:absolute;bottom:0;left:0;right:0;z-index:2;
    padding:20px 28px;
    color:#fff;
  }
  .pb-label-cat{font-size:11px;color:#FF8A5C;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:4px;}
  .pb-label-name{font-family:'Oswald';font-size:20px;font-weight:700;color:#fff;}

  /* ===== WHY US ===== */
  .why{background:var(--navy);color:#fff;}
  .why .wrap{padding-bottom:0;}
  .why .container {
  max-width: 1200px; /* Chiều ngang tối đa của vùng nội dung */
  margin: 0 auto;    /* Căn giữa container này ra giữa màn hình */
  width: 100%;
}
  .why .section-tag{color:#FF8A5C;}
  .why .section-tag::before{background:#FF8A5C;}
  .why .section-desc{color:#c7cedd;}
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);margin-top:48px;}
  .why-card{background:var(--navy);padding:40px 34px;}
  .why-num{font-family:'Oswald';font-size:44px;font-weight:700;color:rgba(255,255,255,.1);margin-bottom:6px;}
  .why-card h3{color:#fff;font-size:19px;margin-bottom:12px;}
  .why-card p{color:#aab4c8;font-size:14.5px;}
  .why-card .accent{width:32px;height:3px;background:var(--brick);margin-bottom:18px;}

  /* ===== PROJECTS ===== */
  .projects{background:var(--paper);}
  .proj-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:240px 240px;gap:16px;margin-bottom:60px;}
  .proj-item{position:relative;overflow:hidden;}
  .proj-item:first-child{grid-row:span 2;}
  .proj-item img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .proj-item:hover img{transform:scale(1.06);}
  .proj-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,40,90,.92) 0%,transparent 55%);display:flex;align-items:flex-end;padding:20px;}
  .proj-overlay h4{color:#fff;font-size:15px;}
  .proj-overlay span{display:block;color:var(--brick);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-weight:600;}

  /* ===== LOGO CLIENTS GRID ===== */
  .clients-title{font-family:'Oswald';font-size:16px;color:var(--steel);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px;padding-top:12px;border-top:1px solid var(--line);}
  .clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
  .client-logo{
    background:var(--stone);border:1px solid var(--line);
    aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;
    padding:16px;transition:.2s;
  }
  .client-logo:hover{border-color:var(--brick);background:#fff;}
  .client-logo img{max-width:100%;max-height:54px;object-fit:contain;filter:grayscale(100%);opacity:.65;transition:.2s;}
  .client-logo:hover img{filter:none;opacity:1;}
  /* placeholder text logo */
  .client-logo span{font-family:'Oswald';font-size:13px;font-weight:600;color:var(--steel);text-align:center;text-transform:uppercase;letter-spacing:.04em;}

  /* ===== PRODUCTION LINE ===== */
  .production{background:var(--stone);padding:80px 0;}
  .prod-line-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;}
  .prod-line-grid::before{content:"";position:absolute;top:36px;left:10%;right:10%;height:2px;background:var(--line);z-index:0;}
  .pl-step{text-align:center;padding:0 12px;position:relative;z-index:1;}
  .pl-ico{
    width:72px;height:72px;border-radius:50%;background:#fff;border:3px solid var(--line);
    display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
    font-size:26px;transition:.2s;
  }
  .pl-step:hover .pl-ico{border-color:var(--brick);}
  .pl-num{
    position:absolute;top:-4px;right:calc(50% - 42px);
    width:22px;height:22px;background:var(--brick);color:#fff;border-radius:50%;
    font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:'Oswald';
  }
  .pl-name{font-family:'Oswald';font-size:15px;color:var(--navy);margin-bottom:6px;}
  .pl-desc{font-size:13px;color:var(--steel);line-height:1.45;}

  /* ===== CTA BANNER ===== */
  .cta-banner{background:var(--brick);color:#fff;padding:60px 0;}
  .cta-banner .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
  .cta-banner h2{color:#fff;font-size:28px;margin-bottom:8px;}
  .cta-banner p{color:rgba(255,255,255,.85);font-size:15.5px;}
  .btn-white{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 30px;transition:.2s;}
  .btn-white:hover{background:#fff;color:var(--brick);}

  /* ===== FOOTER ===== */
  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-contact li{display:flex;gap:10px;font-size:14px;margin-bottom:12px;align-items:flex-start;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  @media(max-width:1024px){
    .stats-strip .wrap{grid-template-columns:repeat(2,1fr);}
    .stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);}
    .hero h1{font-size:36px;}
    .prod-block{grid-template-columns:1fr;}
    /* trên mobile, cột ảnh luôn lên trên nội dung */
    .pb-visual{min-height:280px;order:-1 !important;}
    .pb-content{padding:40px 28px;}
    .why-grid{grid-template-columns:1fr;}
    .about-grid{grid-template-columns:1fr;}
    .proj-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px;}
    .proj-item:first-child{grid-row:auto;grid-column:span 2;}
    .clients-grid{grid-template-columns:repeat(3,1fr);}
    .prod-line-grid{grid-template-columns:1fr 1fr;gap:24px;}
    .prod-line-grid::before{display:none;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    nav{display:none;}
    .timeline{flex-wrap:wrap;}
    .tl-item{min-width:140px;}
  }

/* === Giới thiệu === */
/* =========================================================
     DESIGN SYSTEM — giữ nguyên 100% từ mau-1-vung-chai-v3
  ========================================================= */
  :root{
    --brick:#D4391F;
    --brick-dark:#A82B14;
    --navy:#243558;
    --navy-2:#2e4470;
    --steel:#5C6B7A;
    --stone:#F3F1ED;
    --paper:#FFFFFF;
    --line:#E2DED7;
    --ink:#22262B;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}

  /* TOPBAR */
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;letter-spacing:.02em;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}

  /* HEADER */
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover{color:var(--brick);border-bottom-color:var(--brick);}
  nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  /* SECTION GENERIC */
  section{padding:84px 0;}
  .section-tag{color:var(--brick);font-family:'Oswald';font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
  .section-tag::before{content:"";width:28px;height:2px;background:var(--brick);}
  .section-title{font-size:34px;margin-bottom:16px;}
  .section-desc{color:var(--steel);font-size:16px;max-width:680px;line-height:1.75;}

  /* =========================================================
     PAGE HERO — breadcrumb style
  ========================================================= */
  .page-hero{
    position:relative;background:var(--navy);min-height:320px;
    display:flex;align-items:center;overflow:hidden;
  }
  .page-hero::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(115deg,rgba(20,40,90,.97) 0%,rgba(36,53,88,.85) 50%,rgba(212,57,31,.18) 100%);
    z-index:1;
  }
  .page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;}
  .page-hero .wrap{position:relative;z-index:2;padding:64px 28px;}
  .breadcrumb{
    display:flex;align-items:center;gap:8px;margin-bottom:20px;
    font-size:13px;color:#8a9fc0;
  }
  .breadcrumb a{color:#8a9fc0;transition:.2s;}
  .breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{color:#4a5e80;}
  .breadcrumb .current{color:#c8d4e8;}
  .page-hero h1{font-size:42px;color:#fff;font-weight:700;margin-bottom:12px;}
  .page-hero h1 em{font-style:normal;color:var(--brick);}
  .page-hero p{font-size:16.5px;color:#c7cedd;max-width:560px;}

  /* Dải accent brick phía dưới hero */
  .hero-accent{height:5px;background:linear-gradient(90deg,var(--brick) 0%,#f5a623 100%);}

  /* =========================================================
     SECTION 1 — LỊCH SỬ / TIMELINE DỌC
  ========================================================= */
  .history{background:var(--paper);}
  .history-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}

  /* ảnh bên trái */
  .history-img-col{position:relative;padding-bottom:40px;}
  .history-img-main{width:100%;height:460px;object-fit:cover;}
  .history-img-badge{
    position:absolute;bottom:0;right:-20px;
    background:var(--brick);color:#fff;padding:22px 28px;
    min-width:160px;
  }
  .history-img-badge .big{font-family:'Oswald';font-size:28px;font-weight:700;line-height:1;}
  .history-img-badge .sm{font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;color:rgba(255,255,255,.8);}

  /* timeline dọc bên phải */
  .vtl{display:flex;flex-direction:column;gap:0;padding-top:8px;}
  .vtl-item{display:flex;gap:24px;position:relative;padding-bottom:44px;}
  .vtl-item:last-child{padding-bottom:0;}

  /* đường dọc */
  .vtl-item:not(:last-child) .vtl-line-col::after{
    content:"";position:absolute;left:19px;top:42px;bottom:0;
    width:2px;background:var(--line);z-index:0;
  }
  .vtl-line-col{position:relative;flex-shrink:0;width:40px;}
  .vtl-dot{
    width:40px;height:40px;border-radius:50%;
    border:3px solid var(--brick);background:var(--paper);
    display:flex;align-items:center;justify-content:center;
    position:relative;z-index:1;flex-shrink:0;
  }
  .vtl-dot.filled{background:var(--brick);}
  .vtl-dot svg{display:block;}
  .vtl-content{padding-top:6px;}
  .vtl-year{
    display:inline-block;font-family:'Oswald';font-size:12px;font-weight:700;
    color:var(--brick);text-transform:uppercase;letter-spacing:.1em;
    background:rgba(212,57,31,.08);border:1px solid rgba(212,57,31,.25);
    padding:3px 10px;margin-bottom:10px;
  }
  .vtl-content h3{font-size:18px;color:var(--navy);margin-bottom:8px;text-transform:none;letter-spacing:0;}
  .vtl-content p{font-size:15px;color:var(--steel);line-height:1.65;}

  /* hệ thống 3 nhà máy cards */
  .factory-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px;}
  .fc{
    background:var(--stone);border-left:3px solid var(--brick);
    padding:14px 16px;
  }
  .fc-name{font-family:'Oswald';font-size:14px;color:var(--navy);margin-bottom:4px;}
  .fc-loc{font-size:13px;color:var(--steel);}

  /* =========================================================
     SECTION 2 — QUY MÔ SẢN XUẤT
  ========================================================= */
  .scale{background:var(--navy);color:#fff;padding:84px 0;}
  .scale .section-tag{color:#FF8A5C;}
  .scale .section-tag::before{background:#FF8A5C;}
  .scale .section-title{color:#fff;}

  .scale-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:52px;}

  /* số liệu nổi bật */
  .scale-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.1);}
  .ss-item{background:var(--navy-2);padding:30px 28px;}
  .ss-num{font-family:'Oswald';font-size:36px;font-weight:700;color:var(--brick);line-height:1;margin-bottom:6px;}
  .ss-label{font-size:13px;color:#a8bcd4;text-transform:uppercase;letter-spacing:.05em;}

  /* thị trường phủ sóng */
  .scale-right h4{font-family:'Oswald';font-size:17px;color:#c7cedd;font-weight:500;margin-bottom:20px;text-transform:none;letter-spacing:0;}
  .market-list{display:flex;flex-direction:column;gap:12px;margin-bottom:36px;}
  .market-item{
    display:flex;gap:14px;align-items:flex-start;
    font-size:14.5px;color:#c7cedd;line-height:1.6;
  }
  .market-item .dot{
    width:8px;height:8px;border-radius:50%;background:var(--brick);
    flex-shrink:0;margin-top:7px;
  }

  /* chứng nhận */
  .cert-row{display:flex;gap:14px;flex-wrap:wrap;}
  .cert-badge{
    display:flex;align-items:center;gap:10px;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);
    padding:12px 18px;
  }
  .cert-badge .icon{font-size:20px;}
  .cert-badge span{font-family:'Oswald';font-size:13px;color:#fff;letter-spacing:.03em;text-transform:uppercase;}

  /* =========================================================
     SECTION 3 — SỨ MỆNH
  ========================================================= */
  .mission{background:var(--stone);}
  .mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
  .mission-img{position:relative;}
  .mission-img img{width:100%;height:440px;object-fit:cover;}
  .mission-img-overlay{
    position:absolute;inset:0;
    background:linear-gradient(to top,rgba(20,40,90,.7) 0%,transparent 55%);
  }
  .mission-img-caption{
    position:absolute;bottom:0;left:0;right:0;padding:24px 28px;color:#fff;
  }
  .mission-img-caption p{font-size:15px;font-style:italic;color:rgba(255,255,255,.85);line-height:1.6;}

  .mission-content .mission-list{display:flex;flex-direction:column;gap:20px;margin-top:36px;}
  .ml-item{display:flex;gap:18px;align-items:flex-start;}
  .ml-num{
    width:36px;height:36px;border-radius:50%;background:var(--brick);color:#fff;
    font-family:'Oswald';font-size:15px;font-weight:700;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;
  }
  .ml-text{font-size:15.5px;color:var(--ink);line-height:1.65;}

  /* =========================================================
     SECTION 4 — ĐỊNH HƯỚNG
  ========================================================= */
  .direction{background:var(--paper);}
  .dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:52px;}
  .dir-card{
    background:var(--paper);padding:38px 32px;
    transition:.2s;
  }
  .dir-card:hover{background:var(--stone);}
  .dir-ico{
    width:54px;height:54px;border-radius:2px;background:rgba(212,57,31,.08);
    border:1px solid rgba(212,57,31,.2);display:flex;align-items:center;justify-content:center;
    font-size:24px;margin-bottom:22px;transition:.2s;
  }
  .dir-card:hover .dir-ico{background:var(--brick);border-color:var(--brick);}
  .dir-card h3{font-size:16px;margin-bottom:12px;letter-spacing:.01em;}
  .dir-card p{font-size:14.5px;color:var(--steel);line-height:1.65;}

  /* =========================================================
     SECTION 5 — TẦM NHÌN
  ========================================================= */
  .vision{
    background:var(--navy);color:#fff;
    position:relative;overflow:hidden;padding:84px 0;
  }
  .vision::before{
    content:"";position:absolute;right:-120px;top:-80px;
    width:500px;height:500px;border-radius:50%;
    background:rgba(212,57,31,.07);pointer-events:none;
  }
  .vision::after{
    content:"";position:absolute;left:-80px;bottom:-120px;
    width:380px;height:380px;border-radius:50%;
    background:rgba(46,68,112,.8);pointer-events:none;
  }
  .vision .wrap{position:relative;z-index:1;}
  .vision .section-tag{color:#FF8A5C;}
  .vision .section-tag::before{background:#FF8A5C;}
  .vision .section-title{color:#fff;}
  .vision .section-desc{color:#c7cedd;}

  .vision-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:52px;align-items:start;}
  .vision-list{display:flex;flex-direction:column;gap:18px;}
  .vl-item{
    display:flex;gap:16px;align-items:flex-start;
    padding:20px 22px;background:rgba(255,255,255,.05);
    border-left:3px solid transparent;transition:.2s;
  }
  .vl-item:hover{background:rgba(255,255,255,.09);border-left-color:var(--brick);}
  .vl-item .vl-ico{font-size:20px;flex-shrink:0;margin-top:1px;}
  .vl-item p{font-size:15px;color:#c7cedd;line-height:1.65;}

  .vision-highlight{
    background:rgba(212,57,31,.12);border:1px solid rgba(212,57,31,.3);
    padding:36px 34px;display:flex;flex-direction:column;justify-content:center;
    gap:20px;
  }
  .vh-top{font-family:'Oswald';font-size:13px;color:#FF8A5C;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;}
  .vh-quote{font-family:'Oswald';font-size:26px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:20px;}
  .vh-stat{display:flex;gap:32px;flex-wrap:wrap;}
  .vh-stat-item .n{font-family:'Oswald';font-size:34px;font-weight:700;color:var(--brick);}
  .vh-stat-item .l{font-size:12px;color:#a8bcd4;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;}

  /* =========================================================
     SECTION 6 — LÝ DO CHỌN LỢI LỘC
  ========================================================= */
  .why-choose{background:var(--stone);}
  .wc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:52px;}
  .wc-card{
    background:var(--paper);
    display:grid;grid-template-columns:80px 1fr;
    gap:0;overflow:hidden;
    border:1px solid var(--line);transition:.25s;
  }
  .wc-card:hover{box-shadow:0 12px 32px rgba(36,53,88,.12);transform:translateY(-3px);}
  .wc-num-col{
    background:var(--navy);display:flex;align-items:center;justify-content:center;
    padding:28px 0;
  }
  .wc-num-col span{
    font-family:'Oswald';font-size:26px;font-weight:700;color:rgba(255,255,255,.18);
    writing-mode:vertical-rl;letter-spacing:.05em;
  }
  .wc-card:hover .wc-num-col{background:var(--brick);}
  .wc-card:hover .wc-num-col span{color:rgba(255,255,255,.35);}
  .wc-body{padding:30px 28px;}
  .wc-ico{font-size:28px;margin-bottom:14px;}
  .wc-body h3{font-size:17px;color:var(--navy);margin-bottom:10px;letter-spacing:.02em;}
  .wc-body p{font-size:14.5px;color:var(--steel);line-height:1.65;}

  /* =========================================================
     CTA BANNER
  ========================================================= */
  .cta-banner{background:var(--brick);color:#fff;padding:60px 0;}
  .cta-banner .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
  .cta-banner h2{color:#fff;font-size:28px;margin-bottom:8px;}
  .cta-banner p{color:rgba(255,255,255,.85);font-size:15.5px;}
  .btn-white{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 30px;transition:.2s;}
  .btn-white:hover{background:#fff;color:var(--brick);}

  /* =========================================================
     FOOTER
  ========================================================= */
  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-contact-item{display:flex;gap:10px;font-size:14px;margin-bottom:12px;align-items:flex-start;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  /* =========================================================
     RESPONSIVE
  ========================================================= */
  @media(max-width:1024px){
    nav{display:none;}
    .history-grid,.mission-grid,.scale-layout,.vision-layout{grid-template-columns:1fr;}
    .history-img-badge{right:0;bottom:-10px;}
    .factory-cards{grid-template-columns:1fr 1fr;}
    .scale-stats{grid-template-columns:1fr 1fr;}
    .dir-grid{grid-template-columns:1fr 1fr;}
    .wc-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .page-hero h1{font-size:32px;}
  }
  @media(max-width:600px){
    .dir-grid,.factory-cards{grid-template-columns:1fr;}
    .scale-stats{grid-template-columns:1fr;}
    .vision-highlight{padding:26px 22px;}
  }

/* === Sản phẩm === */
:root{
    --brick:#D4391F;--brick-dark:#A82B14;
    --navy:#243558;--navy-2:#2e4470;
    --steel:#5C6B7A;--stone:#F3F1ED;
    --paper:#FFFFFF;--line:#E2DED7;--ink:#22262B;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}
  .section-tag{color:var(--brick);font-family:'Oswald';font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
  .section-tag::before{content:"";width:28px;height:2px;background:var(--brick);}

  /* ── TOPBAR ── */
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}

  /* ── HEADER ── */
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover,nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  /* ── PAGE HERO ── */
  .page-hero{position:relative;background:var(--navy);min-height:320px;display:flex;align-items:center;overflow:hidden;}
  .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(20,40,90,.97) 0%,rgba(36,53,88,.88) 55%,rgba(212,57,31,.18) 100%);z-index:1;}
  .page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;}
  .page-hero .wrap{position:relative;z-index:2;padding:60px 28px;}
  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;color:#8a9fc0;flex-wrap:wrap;}
  .breadcrumb a{color:#8a9fc0;transition:.2s;}
  .breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{color:#4a5e80;}
  .breadcrumb .current{color:#c8d4e8;}
  .page-hero h1{font-size:40px;color:#fff;font-weight:700;margin-bottom:12px;}
  .page-hero h1 em{font-style:normal;color:var(--brick);}
  .page-hero p{font-size:16px;color:#c7cedd;max-width:560px;}
  .hero-accent{height:5px;background:linear-gradient(90deg,var(--brick) 0%,#f5a623 100%);}

  /* ── CATEGORY NAV (thanh danh mục ngang) ── */
  .cat-nav{background:var(--stone);border-bottom:1px solid var(--line);}
  .cat-nav .wrap{display:flex;gap:0;overflow-x:auto;}
  .cat-tab{
    display:flex;align-items:center;gap:10px;
    padding:20px 28px;cursor:pointer;border-bottom:3px solid transparent;
    font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;
    letter-spacing:.04em;color:var(--steel);transition:.2s;white-space:nowrap;flex-shrink:0;
  }
  .cat-tab:hover{color:var(--navy);}
  .cat-tab.active{color:var(--brick);border-bottom-color:var(--brick);background:rgba(212,57,31,.04);}
  .cat-tab .ct-ico{
    width:32px;height:32px;border-radius:2px;
    display:flex;align-items:center;justify-content:center;font-size:16px;
    background:rgba(92,107,122,.1);transition:.2s;
  }
  .cat-tab.active .ct-ico{background:rgba(212,57,31,.12);}
  .cat-tab .ct-count{
    font-size:11px;background:var(--line);color:var(--steel);
    padding:2px 7px;border-radius:20px;font-family:'Source Sans 3';
    font-weight:600;transition:.2s;
  }
  .cat-tab.active .ct-count{background:var(--brick);color:#fff;}

  /* ── MAIN LAYOUT ── */
  .products-body{padding:56px 0 80px;}
  .products-layout{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start;}

  /* ── SIDEBAR FILTER ── */
  .filter-sidebar{position:sticky;top:80px;}
  .fs-panel{border:1px solid var(--line);margin-bottom:16px;}
  .fs-panel-head{
    padding:14px 18px;background:var(--stone);border-bottom:1px solid var(--line);
    font-family:'Oswald';font-size:13px;text-transform:uppercase;letter-spacing:.06em;
    color:var(--navy);display:flex;justify-content:space-between;align-items:center;cursor:pointer;
  }
  .fs-panel-head .toggle{color:var(--steel);font-size:18px;font-family:monospace;font-weight:300;}
  .fs-panel-body{padding:16px 18px;}

  /* checkbox list */
  .filter-check-list{display:flex;flex-direction:column;gap:10px;}
  .fc-item{display:flex;align-items:center;gap:10px;cursor:pointer;}
  .fc-box{
    width:18px;height:18px;border:2px solid var(--line);flex-shrink:0;
    display:flex;align-items:center;justify-content:center;transition:.15s;
  }
  .fc-item:hover .fc-box{border-color:var(--brick);}
  .fc-item.checked .fc-box{background:var(--brick);border-color:var(--brick);}
  .fc-item.checked .fc-box::after{content:"✓";color:#fff;font-size:11px;font-weight:700;}
  .fc-label{font-size:14px;color:var(--ink);}
  .fc-num{font-size:12px;color:var(--steel);margin-left:auto;}

  /* tag tỉnh */
  .region-tags{display:flex;flex-wrap:wrap;gap:6px;}
  .rtag{
    font-size:12.5px;padding:5px 12px;border:1.5px solid var(--line);
    color:var(--steel);cursor:pointer;transition:.15s;
  }
  .rtag:hover,.rtag.active{border-color:var(--brick);color:var(--brick);background:rgba(212,57,31,.05);}

  /* cert badges trong sidebar */
  .cert-badges{display:flex;flex-direction:column;gap:8px;}
  .cert-item{
    display:flex;align-items:center;gap:10px;
    padding:10px 12px;background:var(--stone);
    border-left:3px solid var(--brick);
  }
  .cert-item span{font-size:13px;color:var(--ink);font-weight:500;}

  /* clear filter */
  .clear-filter{
    display:block;text-align:center;padding:11px;
    border:1.5px solid var(--line);color:var(--steel);
    font-family:'Oswald';font-size:13px;text-transform:uppercase;letter-spacing:.04em;
    cursor:pointer;transition:.2s;
  }
  .clear-filter:hover{border-color:var(--brick);color:var(--brick);}

  /* ── PRODUCT GRID ── */
  .prod-col{}
  .prod-toolbar{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:14px;
  }
  .pt-count{font-size:14px;color:var(--steel);}
  .pt-count strong{color:var(--navy);}
  .pt-sort{display:flex;align-items:center;gap:10px;}
  .pt-sort label{font-size:13.5px;color:var(--steel);}
  .pt-sort select{
    padding:8px 32px 8px 12px;border:1.5px solid var(--line);
    font-family:'Source Sans 3';font-size:13.5px;color:var(--ink);
    outline:none;appearance:none;background:#fff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C6B7A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 10px center;
  }

  /* ── NHÓM SẢN PHẨM (nhóm có heading) ── */
  .prod-group{margin-bottom:52px;}
  .pg-heading{
    display:flex;align-items:center;gap:14px;
    padding:16px 20px;background:var(--navy);
    margin-bottom:20px;
  }
  .pg-ico{font-size:22px;}
  .pg-heading h3{color:#fff;font-size:18px;letter-spacing:.03em;}
  .pg-heading p{color:#a8bcd4;font-size:13px;text-transform:none;letter-spacing:0;margin-top:2px;}
  .pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

  /* ── PRODUCT CARD ── */
  .prod-card{border:1px solid var(--line);overflow:hidden;transition:.25s;display:flex;flex-direction:column;}
  .prod-card:hover{box-shadow:0 16px 40px rgba(36,53,88,.12);transform:translateY(-3px);}

  .pc-img-wrap{position:relative;height:210px;overflow:hidden;}
  .pc-img-wrap img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .prod-card:hover .pc-img-wrap img{transform:scale(1.05);}

  /* badge chứng nhận nổi trên ảnh */
  .cert-badge-overlay{
    position:absolute;top:12px;left:12px;
    display:flex;flex-direction:column;gap:5px;
  }
  .cbo-item{
    background:rgba(20,40,90,.85);color:#fff;
    font-family:'Oswald';font-size:10px;font-weight:600;
    text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;
    display:flex;align-items:center;gap:5px;
  }
  .cbo-item .cbo-dot{width:6px;height:6px;border-radius:50%;background:var(--brick);flex-shrink:0;}

  /* nút liên hệ nhanh overlay */
  .quick-contact{
    position:absolute;inset:0;background:rgba(36,53,88,.6);
    display:flex;align-items:center;justify-content:center;
    opacity:0;transition:.25s;
  }
  .prod-card:hover .quick-contact{opacity:1;}
  .qc-btn{
    background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;
    font-size:13px;text-transform:uppercase;letter-spacing:.05em;padding:12px 22px;transition:.2s;
  }
  .qc-btn:hover{background:var(--brick-dark);}

  .pc-body{padding:20px 22px;flex:1;display:flex;flex-direction:column;}
  .pc-cat{font-size:11px;color:var(--brick);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:6px;}
  .pc-body h3{font-size:17px;color:var(--navy);margin-bottom:8px;}
  .pc-size-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
  .sz-tag{font-size:11.5px;padding:3px 9px;background:var(--stone);border:1px solid var(--line);color:var(--steel);font-family:'Oswald';}
  .pc-body p{font-size:13.5px;color:var(--steel);line-height:1.6;flex:1;margin-bottom:16px;}
  .pc-specs-mini{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-bottom:16px;}
  .psm-item{background:var(--stone);padding:8px 10px;text-align:center;}
  .psm-val{font-family:'Oswald';font-size:14px;font-weight:700;color:var(--navy);}
  .psm-lbl{font-size:10.5px;color:var(--steel);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;}
  .pc-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line);}
  .pc-price{font-size:13px;color:var(--steel);}
  .pc-link{
    font-family:'Oswald';font-size:12.5px;color:var(--brick);font-weight:600;
    text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:4px;transition:.15s;
  }
  .pc-link:hover{gap:8px;}

  /* ── CERT STRIP ── */
  .cert-strip{background:var(--navy);padding:48px 0;}
  .cert-strip .wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:rgba(255,255,255,.1);}
  .cs-item{background:var(--navy);padding:30px 24px;text-align:center;}
  .cs-ico{font-size:32px;margin-bottom:12px;}
  .cs-title{font-family:'Oswald';font-size:16px;color:#fff;margin-bottom:6px;}
  .cs-desc{font-size:13px;color:#a8bcd4;line-height:1.55;}

  /* ── CTA BANNER ── */
  .cta-banner{background:var(--brick);color:#fff;padding:56px 0;}
  .cta-banner .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
  .cta-banner h2{color:#fff;font-size:26px;margin-bottom:8px;}
  .cta-banner p{color:rgba(255,255,255,.85);font-size:15.5px;}
  .btn-white{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 30px;transition:.2s;}
  .btn-white:hover{background:#fff;color:var(--brick);}

  /* ── FOOTER ── */
  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-ci{display:flex;gap:10px;font-size:14px;margin-bottom:12px;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  /* RESPONSIVE */
  @media(max-width:1024px){
    nav{display:none;}
    .products-layout{grid-template-columns:1fr;}
    .filter-sidebar{position:static;}
    .pg-grid{grid-template-columns:1fr 1fr;}
    .cert-strip .wrap{grid-template-columns:1fr 1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:640px){
    .pg-grid{grid-template-columns:1fr;}
    .page-hero h1{font-size:30px;}
  }

/* === Gạch Thẻ Đặc Tuynel === */
:root{
    --brick:#D4391F;--brick-dark:#A82B14;
    --navy:#243558;--navy-2:#2e4470;
    --steel:#5C6B7A;--stone:#F3F1ED;
    --paper:#FFFFFF;--line:#E2DED7;--ink:#22262B;
    --pass:#1a7a3f;--pass-bg:#edf7f1;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4,h5{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}

  /* TOPBAR + HEADER */
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover,nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  /* ── BREADCRUMB BAR ── */
  .breadbar{background:var(--stone);border-bottom:1px solid var(--line);padding:12px 0;}
  .breadbar .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
  .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#8a9fc0;}
  .breadcrumb a{color:var(--steel);transition:.2s;}
  .breadcrumb a:hover{color:var(--brick);}
  .breadcrumb .sep{color:var(--line);}
  .breadcrumb .current{color:var(--ink);font-weight:600;}
  .share-row{display:flex;align-items:center;gap:10px;}
  .share-btn{
    font-family:'Oswald';font-size:12px;text-transform:uppercase;letter-spacing:.06em;
    color:var(--steel);border:1.5px solid var(--line);padding:6px 14px;cursor:pointer;transition:.2s;
  }
  .share-btn:hover{border-color:var(--brick);color:var(--brick);}

  /* ── HERO SPLIT ── */
  .prod-hero{background:var(--stone);padding:0;}
  .prod-hero-inner{
    display:grid;grid-template-columns:1fr 1fr;
    min-height:520px;
  }

  /* CỘT TRÁI: GALLERY ẢNH */
  .gallery-col{position:relative;background:#000;overflow:hidden;}
  .main-img{
    width:100%;height:100%;object-fit:cover;
    transition:.4s ease;cursor:zoom-in;
    min-height:480px;
  }
  .main-img:hover{transform:scale(1.03);}

  /* badge chứng nhận nổi trên ảnh chính */
  .cert-float{
    position:absolute;top:0;right:0;
    display:flex;flex-direction:column;gap:0;
  }
  .cf-badge{
    padding:10px 16px;font-family:'Oswald';font-size:12px;font-weight:700;
    text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px;
  }
  .cf-badge.iso{background:var(--navy);color:#fff;}
  .cf-badge.std{background:var(--brick);color:#fff;}
  .cf-badge.hq{background:#1a7a3f;color:#fff;}
  .cf-badge .cf-ico{font-size:14px;}

  /* thumbnails */
  .thumb-strip{
    position:absolute;bottom:0;left:0;right:0;
    display:flex;gap:6px;padding:12px;
    background:linear-gradient(to top,rgba(0,0,0,.7),transparent);
  }
  .thumb{
    width:68px;height:52px;object-fit:cover;cursor:pointer;
    border:2px solid transparent;transition:.2s;opacity:.7;flex-shrink:0;
  }
  .thumb.active,.thumb:hover{border-color:#fff;opacity:1;}

  /* zoom indicator */
  .zoom-hint{
    position:absolute;bottom:68px;right:14px;
    background:rgba(0,0,0,.5);color:#fff;font-size:12px;
    padding:5px 11px;display:flex;align-items:center;gap:6px;
  }

  /* CỘT PHẢI: THÔNG TIN + CTA */
  .info-col{padding:44px 48px;display:flex;flex-direction:column;justify-content:center;}
  .prod-cat-tag{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'Oswald';font-size:12px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--brick);background:rgba(212,57,31,.08);border:1px solid rgba(212,57,31,.25);
    padding:5px 13px;margin-bottom:14px;align-self:flex-start;
  }
  .info-col h1{font-size:32px;color:var(--navy);margin-bottom:8px;}
  .prod-subtitle{font-size:15px;color:var(--steel);margin-bottom:22px;text-transform:none;letter-spacing:0;font-family:'Source Sans 3';}

  /* cert badges hàng ngang */
  .cert-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
  .cert-pill{
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 13px;font-size:12.5px;font-weight:600;
  }
  .cert-pill.iso{background:rgba(36,53,88,.08);border:1px solid rgba(36,53,88,.2);color:var(--navy);}
  .cert-pill.std{background:rgba(26,122,63,.08);border:1px solid rgba(26,122,63,.3);color:var(--pass);}
  .cert-pill.hq{background:rgba(212,57,31,.07);border:1px solid rgba(212,57,31,.25);color:var(--brick);}

  /* quick spec grid */
  .quick-specs{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:var(--line);margin-bottom:24px;
  }
  .qs-item{background:var(--paper);padding:14px 12px;text-align:center;}
  .qs-val{font-family:'Oswald';font-size:20px;font-weight:700;color:var(--navy);line-height:1;}
  .qs-lbl{font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;line-height:1.3;}

  /* variant chọn kích thước */
  .variant-section{margin-bottom:22px;}
  .variant-label{font-family:'Oswald';font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--steel);margin-bottom:10px;}
  .variant-label span{color:var(--navy);font-weight:700;}
  .variant-opts{display:flex;gap:8px;flex-wrap:wrap;}
  .v-opt{
    padding:9px 18px;border:2px solid var(--line);
    font-family:'Oswald';font-size:13.5px;font-weight:500;color:var(--steel);
    cursor:pointer;transition:.15s;
  }
  .v-opt:hover{border-color:var(--navy);color:var(--navy);}
  .v-opt.active{border-color:var(--brick);color:var(--brick);background:rgba(212,57,31,.05);}

  /* CTA buttons */
  .cta-group{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
  .cta-primary{
    display:flex;align-items:center;justify-content:center;gap:10px;
    background:var(--brick);color:#fff;font-family:'Oswald';font-weight:700;
    font-size:15px;text-transform:uppercase;letter-spacing:.05em;padding:17px 24px;transition:.2s;
  }
  .cta-primary:hover{background:var(--brick-dark);}
  .cta-secondary{
    display:flex;align-items:center;justify-content:center;gap:10px;
    border:2px solid var(--navy);color:var(--navy);font-family:'Oswald';font-weight:600;
    font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 24px;transition:.2s;
  }
  .cta-secondary:hover{background:var(--navy);color:#fff;}
  .cta-note{font-size:13px;color:var(--steel);text-align:center;}
  .cta-note strong{color:var(--brick);}

  /* ── TABS ĐIỀU HƯỚNG NỘI DUNG ── */
  .content-tabs{border-bottom:2px solid var(--line);background:var(--paper);position:sticky;top:68px;z-index:50;}
  .content-tabs .wrap{display:flex;gap:0;overflow-x:auto;}
  .ctab{
    padding:18px 28px;font-family:'Oswald';font-size:14px;font-weight:500;
    text-transform:uppercase;letter-spacing:.05em;color:var(--steel);
    border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;
    flex-shrink:0;transition:.2s;margin-bottom:-2px;
  }
  .ctab:hover{color:var(--navy);}
  .ctab.active{color:var(--brick);border-bottom-color:var(--brick);}

  /* ── CONTENT SECTIONS ── */
  .content-body{padding:60px 0;}
  .content-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
  .section-tag{color:var(--brick);font-family:'Oswald';font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:10px;}
  .section-tag::before{content:"";width:24px;height:2px;background:var(--brick);}
  .content-sec{margin-bottom:56px;scroll-margin-top:120px;}
  .content-sec:last-child{margin-bottom:0;}
  .content-sec h2{font-size:22px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--stone);}

  /* ── BẢNG THÔNG SỐ KỸ THUẬT ── */
  /* header quan trọng nhất — đặt nổi bật */
  .spec-hero{
    background:var(--navy);padding:24px 28px;
    display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
    background:var(--navy);margin-bottom:2px;
  }
  .sh-item{padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.12);}
  .sh-item:last-child{border-right:none;}
  .sh-val{font-family:'Oswald';font-size:26px;font-weight:700;color:var(--brick);line-height:1;margin-bottom:4px;}
  .sh-lbl{font-size:11.5px;color:#a8bcd4;text-transform:uppercase;letter-spacing:.05em;}

  /* bảng chi tiết */
  .spec-table{width:100%;border-collapse:collapse;border:1px solid var(--line);}
  .spec-table thead tr{background:var(--stone);}
  .spec-table th{
    padding:12px 16px;font-family:'Oswald';font-size:12.5px;text-transform:uppercase;
    letter-spacing:.07em;color:var(--navy);font-weight:600;text-align:left;
    border-bottom:2px solid var(--line);
  }
  .spec-table th:not(:first-child){text-align:center;}
  .spec-table td{
    padding:12px 16px;font-size:14.5px;border-bottom:1px solid var(--line);
    vertical-align:middle;
  }
  .spec-table td:not(:first-child){text-align:center;}
  .spec-table tr:last-child td{border-bottom:none;}
  .spec-table tr:nth-child(even) td{background:rgba(243,241,237,.4);}
  .spec-table .param{color:var(--steel);font-size:13px;}
  .spec-table .val-good{color:var(--pass);font-weight:700;font-family:'Oswald';font-size:15px;}
  .spec-table .val-num{color:var(--navy);font-weight:700;font-family:'Oswald';font-size:15px;}
  .spec-table .unit{color:var(--steel);font-size:12px;}

  /* pass badge */
  .pass-badge{
    display:inline-flex;align-items:center;gap:5px;
    background:var(--pass-bg);border:1px solid rgba(26,122,63,.3);
    color:var(--pass);font-size:12px;font-weight:700;padding:3px 9px;
  }

  /* so sánh chủng loại */
  .compare-table{width:100%;border-collapse:collapse;border:1px solid var(--line);}
  .compare-table th{
    padding:13px 16px;background:var(--navy);color:#fff;
    font-family:'Oswald';font-size:13px;text-transform:uppercase;letter-spacing:.05em;
    text-align:center;
  }
  .compare-table th:first-child{text-align:left;background:var(--navy-2);}
  .compare-table td{
    padding:12px 16px;border-bottom:1px solid var(--line);
    font-size:14px;text-align:center;
  }
  .compare-table td:first-child{text-align:left;background:var(--stone);font-weight:600;font-size:13.5px;}
  .compare-table tr:last-child td{border-bottom:none;}
  .compare-table .highlight-col{background:rgba(212,57,31,.05);}
  .compare-table th.highlight-col{background:var(--brick);}
  .val-yes{color:var(--pass);font-size:18px;}
  .val-no{color:#bbb;font-size:18px;}

  /* ── ỨNG DỤNG THỰC TẾ ── */
  .use-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .uc-item{
    display:flex;gap:14px;align-items:flex-start;
    padding:18px 20px;background:var(--stone);border-left:3px solid var(--brick);
  }
  .uc-ico{font-size:22px;flex-shrink:0;}
  .uc-body h4{font-size:14.5px;color:var(--navy);margin-bottom:4px;text-transform:none;letter-spacing:0;}
  .uc-body p{font-size:13.5px;color:var(--steel);line-height:1.5;}

  /* ── QUY TRÌNH SẢN XUẤT (mini) ── */
  .process-mini{display:flex;gap:0;position:relative;}
  .process-mini::before{
    content:"";position:absolute;top:20px;left:20px;right:20px;
    height:2px;background:var(--line);z-index:0;
  }
  .pm-step{flex:1;text-align:center;position:relative;z-index:1;padding:0 6px;}
  .pm-dot{
    width:40px;height:40px;border-radius:50%;background:var(--paper);
    border:2.5px solid var(--line);display:flex;align-items:center;justify-content:center;
    margin:0 auto 10px;font-size:17px;position:relative;z-index:1;transition:.2s;
  }
  .pm-step.done .pm-dot{border-color:var(--brick);background:var(--brick);}
  .pm-step.done .pm-dot::after{content:"✓";color:#fff;font-size:14px;font-weight:700;}
  .pm-label{font-family:'Oswald';font-size:12px;color:var(--navy);margin-bottom:2px;}
  .pm-sub{font-size:11px;color:var(--steel);}

  /* ── GALLERY ẢNH ĐẦY ĐỦ ── */
  .full-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
  .fg-item{
    position:relative;overflow:hidden;cursor:pointer;
    aspect-ratio:1;
  }
  .fg-item img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .fg-item:hover img{transform:scale(1.08);}
  .fg-item:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;}
  .fg-overlay{
    position:absolute;inset:0;background:rgba(36,53,88,.45);
    display:flex;align-items:center;justify-content:center;
    opacity:0;transition:.25s;font-size:28px;
  }
  .fg-item:hover .fg-overlay{opacity:1;}

  /* ── SIDEBAR ── */
  .prod-sidebar{position:sticky;top:120px;display:flex;flex-direction:column;gap:18px;}

  /* card tóm tắt */
  .sb-card{border:1px solid var(--line);overflow:hidden;}
  .sb-card-head{background:var(--navy);padding:16px 20px;}
  .sb-card-head h3{font-size:15px;color:#fff;text-transform:uppercase;letter-spacing:.03em;}
  .sb-card-head p{font-size:12px;color:#8a9fc0;margin-top:3px;text-transform:none;letter-spacing:0;}
  .sb-card-body{padding:0;}
  .sb-row{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);gap:8px;}
  .sb-row:last-child{border-bottom:none;}
  .sb-lbl{font-size:12px;color:var(--steel);text-transform:uppercase;letter-spacing:.05em;font-family:'Oswald';}
  .sb-val{font-size:14px;color:var(--ink);font-weight:600;text-align:right;}
  .sb-val.pass{color:var(--pass);}

  /* cert card */
  .cert-card{border:1px solid var(--line);}
  .cert-card-head{background:var(--stone);padding:14px 18px;border-bottom:1px solid var(--line);}
  .cert-card-head h4{font-family:'Oswald';font-size:13.5px;color:var(--navy);text-transform:uppercase;letter-spacing:.05em;}
  .cert-items{padding:14px 18px;display:flex;flex-direction:column;gap:11px;}
  .ci-item{
    display:flex;align-items:center;gap:12px;
    padding:10px 14px;border:1px solid var(--line);
  }
  .ci-ico-wrap{
    width:36px;height:36px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:18px;
  }
  .ci-iso{background:rgba(36,53,88,.08);}
  .ci-std{background:rgba(26,122,63,.08);}
  .ci-hq{background:rgba(212,57,31,.07);}
  .ci-text-name{font-family:'Oswald';font-size:13px;color:var(--navy);font-weight:700;}
  .ci-text-desc{font-size:12px;color:var(--steel);margin-top:2px;}
  .ci-check{color:var(--pass);font-size:18px;margin-left:auto;flex-shrink:0;}

  /* download catalog */
  .dl-card{background:var(--navy);padding:22px 20px;text-align:center;}
  .dl-ico{font-size:32px;margin-bottom:10px;}
  .dl-card h4{font-size:15px;color:#fff;margin-bottom:6px;text-transform:none;letter-spacing:0;}
  .dl-card p{font-size:13px;color:#a8bcd4;margin-bottom:16px;}
  .dl-btn{
    display:block;background:var(--brick);color:#fff;font-family:'Oswald';
    font-weight:600;font-size:13.5px;text-transform:uppercase;letter-spacing:.05em;
    padding:12px;transition:.2s;
  }
  .dl-btn:hover{background:var(--brick-dark);}

  /* CTA sidebar */
  .sb-cta{background:var(--brick);padding:24px 20px;text-align:center;}
  .sb-cta h4{font-size:16px;color:#fff;margin-bottom:6px;}
  .sb-cta p{font-size:13px;color:rgba(255,255,255,.8);margin-bottom:16px;text-transform:none;letter-spacing:0;}
  .sb-cta-btn{display:block;background:#fff;color:var(--brick);font-family:'Oswald';font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:13px;transition:.2s;margin-bottom:8px;}
  .sb-cta-btn:hover{background:var(--brick-dark);color:#fff;}
  .sb-cta-btn2{display:block;border:1.5px solid rgba(255,255,255,.5);color:#fff;font-family:'Oswald';font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;padding:11px;transition:.2s;}
  .sb-cta-btn2:hover{background:rgba(255,255,255,.1);}

  /* RELATED PRODUCTS */
  .related-section{background:var(--stone);padding:64px 0;}
  .related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;}
  .rp-card{background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:.2s;}
  .rp-card:hover{box-shadow:0 12px 30px rgba(36,53,88,.1);transform:translateY(-3px);}
  .rp-img{height:160px;overflow:hidden;}
  .rp-img img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .rp-card:hover .rp-img img{transform:scale(1.06);}
  .rp-body{padding:16px 18px;}
  .rp-cat{font-size:11px;color:var(--brick);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:5px;}
  .rp-name{font-family:'Oswald';font-size:16px;color:var(--navy);margin-bottom:8px;}
  .rp-spec{font-size:13px;color:var(--steel);}
  .rp-link{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
  .rp-link a{font-family:'Oswald';font-size:12.5px;color:var(--brick);font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:.15s;}

  /* CTA BOTTOM */
  .cta-bottom{background:var(--brick);padding:56px 0;}
  .cta-bottom .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
  .cta-bottom h2{color:#fff;font-size:26px;margin-bottom:8px;}
  .cta-bottom p{color:rgba(255,255,255,.85);font-size:15.5px;}
  .btn-white{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 30px;transition:.2s;}
  .btn-white:hover{background:#fff;color:var(--brick);}

  /* FOOTER */
  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-ci{display:flex;gap:10px;font-size:14px;margin-bottom:12px;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  /* RESPONSIVE */
  @media(max-width:1024px){
    nav{display:none;}
    .prod-hero-inner{grid-template-columns:1fr;}
    .gallery-col{min-height:340px;}
    .content-layout{grid-template-columns:1fr;}
    .prod-sidebar{position:static;}
    .spec-hero{grid-template-columns:1fr 1fr;}
    .related-grid{grid-template-columns:1fr 1fr;}
    .full-gallery{grid-template-columns:1fr 1fr;}
    .fg-item:first-child{grid-column:span 2;aspect-ratio:16/9;}
    .use-case-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .quick-specs{grid-template-columns:1fr 1fr 1fr;}
  }
  @media(max-width:640px){
    .info-col{padding:28px 24px;}
    .spec-hero{grid-template-columns:1fr 1fr;}
    .related-grid{grid-template-columns:1fr 1fr;}
    .compare-table{font-size:13px;}
    .quick-specs{grid-template-columns:1fr 1fr 1fr;}
  }

/* === Dự án === */
:root{
    --brick:#D4391F; --brick-dark:#A82B14;
    --navy:#243558;  --navy-2:#2e4470;
    --steel:#5C6B7A; --stone:#F3F1ED;
    --paper:#FFFFFF; --line:#E2DED7; --ink:#22262B;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}
  .section-tag{color:var(--brick);font-family:'Oswald';font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
  .section-tag::before{content:"";width:28px;height:2px;background:var(--brick);}

  /* TOPBAR */
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}

  /* HEADER */
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover,nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  /* PAGE HERO */
  .page-hero{position:relative;background:var(--navy);min-height:340px;display:flex;align-items:center;overflow:hidden;}
  .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(20,40,90,.97) 0%,rgba(36,53,88,.88) 55%,rgba(212,57,31,.18) 100%);z-index:1;}
  .page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;}
  .page-hero .wrap{position:relative;z-index:2;padding:64px 28px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;}
  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;color:#8a9fc0;flex-wrap:wrap;}
  .breadcrumb a{color:#8a9fc0;transition:.2s;}
  .breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{color:#4a5e80;}
  .breadcrumb .current{color:#c8d4e8;}
  .page-hero h1{font-size:42px;color:#fff;font-weight:700;margin-bottom:12px;}
  .page-hero h1 em{font-style:normal;color:var(--brick);}
  .page-hero p{font-size:16px;color:#c7cedd;max-width:540px;}
  .hero-accent{height:5px;background:linear-gradient(90deg,var(--brick) 0%,#f5a623 100%);}

  /* hero stats */
  .hero-stats-row{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:rgba(255,255,255,.1);min-width:300px;
  }
  .hs-item{background:rgba(255,255,255,.05);padding:22px 24px;text-align:center;}
  .hs-num{font-family:'Oswald';font-size:28px;font-weight:700;color:var(--brick);line-height:1;}
  .hs-lbl{font-size:11.5px;color:#a8bcd4;text-transform:uppercase;letter-spacing:.05em;margin-top:6px;}

  /* ── FILTER BAR ── */
  .filter-bar{background:var(--stone);border-bottom:1px solid var(--line);padding:0;}
  .filter-bar .wrap{display:flex;align-items:center;gap:0;overflow-x:auto;}
  .fb-tab{
    font-family:'Oswald';font-size:13.5px;font-weight:500;text-transform:uppercase;
    letter-spacing:.05em;padding:18px 24px;color:var(--steel);cursor:pointer;
    border-bottom:3px solid transparent;white-space:nowrap;transition:.2s;
    flex-shrink:0;
  }
  .fb-tab:hover{color:var(--navy);}
  .fb-tab.active{color:var(--brick);border-bottom-color:var(--brick);}
  .fb-divider{width:1px;height:20px;background:var(--line);flex-shrink:0;}

  /* ── STATS STRIP ── */
  .kpi-strip{background:var(--navy);}
  .kpi-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
  .kpi-item{
    padding:28px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.1);
  }
  .kpi-item:last-child{border-right:none;}
  .kpi-num{font-family:'Oswald';font-size:32px;font-weight:700;color:var(--brick);line-height:1;margin-bottom:6px;}
  .kpi-lbl{font-size:12px;color:#a8bcd4;text-transform:uppercase;letter-spacing:.05em;}

  /* ── PROJECT GRID ── */
  .projects-section{padding:72px 0;}

  /* Featured project — full width */
  .proj-featured{
    display:grid;grid-template-columns:1.35fr 1fr;
    min-height:480px;margin-bottom:32px;
    border:1px solid var(--line);overflow:hidden;
    transition:.25s;
  }
  .proj-featured:hover{box-shadow:0 20px 48px rgba(36,53,88,.13);}
  .pf-img{position:relative;overflow:hidden;}
  .pf-img img{width:100%;height:100%;object-fit:cover;transition:.5s;}
  .proj-featured:hover .pf-img img{transform:scale(1.04);}
  .pf-badge{
    position:absolute;top:22px;left:22px;
    background:var(--brick);color:#fff;
    font-family:'Oswald';font-size:11px;font-weight:700;
    text-transform:uppercase;letter-spacing:.1em;padding:6px 14px;
  }
  .pf-content{
    padding:48px 44px;background:var(--paper);
    display:flex;flex-direction:column;justify-content:center;
  }
  .pf-cat{
    font-size:12px;color:var(--brick);text-transform:uppercase;
    letter-spacing:.1em;font-weight:700;margin-bottom:14px;
    display:flex;align-items:center;gap:8px;
  }
  .pf-cat::before{content:"";width:20px;height:2px;background:var(--brick);}
  .pf-content h2{font-size:28px;color:var(--navy);margin-bottom:14px;}
  .pf-loc{
    display:flex;align-items:center;gap:7px;
    font-size:13.5px;color:var(--steel);margin-bottom:16px;
  }
  .pf-content p{font-size:15px;color:var(--steel);line-height:1.7;margin-bottom:28px;}
  .pf-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px;}
  .pf-spec{background:var(--stone);padding:14px 16px;border-left:3px solid var(--brick);}
  .pf-spec-lbl{font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-family:'Oswald';}
  .pf-spec-val{font-size:15px;color:var(--navy);font-weight:600;}
  .pf-link{
    display:inline-flex;align-items:center;gap:10px;
    background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;
    font-size:13.5px;text-transform:uppercase;letter-spacing:.05em;
    padding:13px 26px;transition:.2s;align-self:flex-start;
  }
  .pf-link:hover{background:var(--brick-dark);}
  .pf-link svg{transition:.2s;}
  .pf-link:hover svg{transform:translateX(4px);}

  /* Grid 3 cột */
  .proj-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;}

  /* Card thường */
  .proj-card{
    border:1px solid var(--line);overflow:hidden;
    transition:.25s;display:flex;flex-direction:column;
  }
  .proj-card:hover{box-shadow:0 16px 40px rgba(36,53,88,.12);transform:translateY(-4px);}
  .pc-img{position:relative;overflow:hidden;height:220px;}
  .pc-img img{width:100%;height:100%;object-fit:cover;transition:.5s;}
  .proj-card:hover .pc-img img{transform:scale(1.06);}
  .pc-cat-badge{
    position:absolute;bottom:0;left:0;
    background:var(--navy);color:#fff;
    font-family:'Oswald';font-size:11px;font-weight:600;
    text-transform:uppercase;letter-spacing:.08em;padding:6px 14px;
  }
  .pc-year{
    position:absolute;top:14px;right:14px;
    background:rgba(255,255,255,.92);
    font-family:'Oswald';font-size:12px;font-weight:700;color:var(--navy);
    padding:4px 10px;
  }
  .pc-body{padding:24px;flex:1;display:flex;flex-direction:column;}
  .pc-body h3{font-size:18px;color:var(--navy);margin-bottom:8px;}
  .pc-loc{
    display:flex;align-items:center;gap:6px;
    font-size:13px;color:var(--steel);margin-bottom:12px;
  }
  .pc-body p{font-size:14px;color:var(--steel);line-height:1.65;flex:1;margin-bottom:18px;}
  .pc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;}
  .pc-tag{
    font-size:11.5px;padding:4px 10px;
    background:rgba(212,57,31,.07);
    border:1px solid rgba(212,57,31,.2);color:var(--brick);
    font-weight:600;
  }
  .pc-foot{
    display:flex;justify-content:space-between;align-items:center;
    padding-top:16px;border-top:1px solid var(--line);
  }
  .pc-vol{font-size:13px;color:var(--steel);}
  .pc-vol strong{color:var(--ink);}
  .pc-link{
    font-family:'Oswald';font-size:12.5px;color:var(--brick);
    font-weight:600;text-transform:uppercase;letter-spacing:.04em;
    display:flex;align-items:center;gap:5px;transition:.2s;
  }
  .pc-link:hover{gap:9px;}

  /* Grid 2 cột */
  .proj-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;}
  .proj-card.wide .pc-img{height:260px;}

  /* Load more */
  .load-more-wrap{text-align:center;padding-top:20px;}
  .load-more-btn{
    display:inline-flex;align-items:center;gap:10px;
    border:2px solid var(--navy);color:var(--navy);
    font-family:'Oswald';font-weight:600;font-size:14px;
    text-transform:uppercase;letter-spacing:.05em;
    padding:14px 36px;transition:.2s;cursor:pointer;
  }
  .load-more-btn:hover{background:var(--navy);color:#fff;}

  /* LOGO CLIENTS */
  .clients{background:var(--stone);padding:72px 0;}
  .clients-title{
    font-family:'Oswald';font-size:13px;color:var(--steel);
    text-transform:uppercase;letter-spacing:.1em;
    margin-bottom:28px;display:flex;align-items:center;gap:12px;
  }
  .clients-title::before{content:"";width:24px;height:2px;background:var(--steel);}
  .clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
  .client-logo{
    background:var(--paper);border:1px solid var(--line);
    aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;
    padding:16px;transition:.2s;
  }
  .client-logo:hover{border-color:var(--brick);box-shadow:0 4px 16px rgba(212,57,31,.1);}
  .client-logo span{
    font-family:'Oswald';font-size:12.5px;font-weight:600;
    color:var(--steel);text-align:center;text-transform:uppercase;
    letter-spacing:.03em;line-height:1.4;
  }
  .client-logo:hover span{color:var(--navy);}

  /* CTA BANNER */
  .cta-banner{background:var(--brick);color:#fff;padding:60px 0;}
  .cta-banner .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
  .cta-banner h2{color:#fff;font-size:28px;margin-bottom:8px;}
  .cta-banner p{color:rgba(255,255,255,.85);font-size:15.5px;}
  .btn-white{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 30px;transition:.2s;}
  .btn-white:hover{background:#fff;color:var(--brick);}

  /* FOOTER */
  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-ci{display:flex;gap:10px;font-size:14px;margin-bottom:12px;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  /* RESPONSIVE */
  @media(max-width:1024px){
    nav{display:none;}
    .page-hero .wrap{grid-template-columns:1fr;}
    .hero-stats-row{display:none;}
    .proj-featured{grid-template-columns:1fr;}
    .pf-img{height:300px;}
    .proj-grid-3{grid-template-columns:1fr 1fr;}
    .proj-grid-2{grid-template-columns:1fr;}
    .clients-grid{grid-template-columns:repeat(3,1fr);}
    .kpi-strip .wrap{grid-template-columns:repeat(2,1fr);}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:640px){
    .page-hero h1{font-size:30px;}
    .proj-grid-3{grid-template-columns:1fr;}
    .clients-grid{grid-template-columns:repeat(2,1fr);}
    .pf-specs{grid-template-columns:1fr;}
  }

/* === Dự Án Waterpoint Long An === */
:root{
    --brick:#D4391F; --brick-dark:#A82B14;
    --navy:#243558;  --navy-2:#2e4470;
    --steel:#5C6B7A; --stone:#F3F1ED;
    --paper:#FFFFFF; --line:#E2DED7; --ink:#22262B;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}

  /* TOPBAR + HEADER — giống hệt */
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover,nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  /* ── PROJECT HERO — FULL BLEED ── */
  .proj-hero{
    position:relative;height:600px;overflow:hidden;
  }
  .proj-hero img{
    width:100%;height:100%;object-fit:cover;
    transition:.6s ease;
  }
  .proj-hero:hover img{transform:scale(1.03);}
  .proj-hero-overlay{
    position:absolute;inset:0;
    background:linear-gradient(to top, rgba(20,40,90,.9) 0%, rgba(20,40,90,.55) 40%, transparent 70%);
  }
  .proj-hero-content{
    position:absolute;bottom:0;left:0;right:0;
    padding:52px 0;
  }
  .proj-hero-content .wrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:flex-end;}
  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;color:#8a9fc0;flex-wrap:wrap;}
  .breadcrumb a{color:#8a9fc0;transition:.2s;}
  .breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{color:#4a5e80;}
  .breadcrumb .current{color:#c8d4e8;}
  .proj-cat-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--brick);color:#fff;
    font-family:'Oswald';font-size:11.5px;font-weight:700;
    text-transform:uppercase;letter-spacing:.1em;padding:6px 14px;margin-bottom:14px;
  }
  .proj-hero-content h1{
    font-size:44px;color:#fff;font-weight:700;
    margin-bottom:14px;max-width:700px;
  }
  .proj-hero-content h1 em{font-style:normal;color:var(--brick);}
  .proj-meta-row{
    display:flex;gap:20px;flex-wrap:wrap;
  }
  .pm-chip{
    display:inline-flex;align-items:center;gap:7px;
    font-size:13.5px;color:rgba(255,255,255,.85);
  }
  .pm-chip strong{color:#fff;}

  /* hero right — quick specs */
  .hero-quick-specs{
    background:rgba(255,255,255,.09);backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.15);padding:24px 28px;
    min-width:220px;flex-shrink:0;
  }
  .hqs-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12);}
  .hqs-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
  .hqs-lbl{font-size:11px;color:#8a9fc0;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-family:'Oswald';}
  .hqs-val{font-size:16px;color:#fff;font-weight:600;}
  .hqs-val.accent{color:var(--brick);font-family:'Oswald';font-size:20px;}

  .hero-accent{height:5px;background:linear-gradient(90deg,var(--brick) 0%,#f5a623 100%);}

  /* ── MAIN BODY: 2 CỘT ── */
  .proj-body{padding:64px 0 80px;}
  .proj-layout{display:grid;grid-template-columns:1fr 340px;gap:52px;align-items:start;}

  /* ── CỘT TRÁI ── */
  .proj-content{}

  /* read progress */
  .read-progress{height:3px;background:var(--line);margin-bottom:44px;border-radius:2px;overflow:hidden;}
  .read-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--brick),#f5a623);transition:width .15s;}

  /* content block */
  .pc-block{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--line);}
  .pc-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
  .pc-block h2{
    font-size:21px;color:var(--navy);margin-bottom:22px;
    display:flex;align-items:center;gap:12px;
    padding-bottom:14px;border-bottom:2px solid var(--stone);
  }
  .pc-block h2 .h-ico{
    width:38px;height:38px;background:rgba(212,57,31,.08);border:1px solid rgba(212,57,31,.2);
    display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;
  }
  .pc-block p{font-size:15.5px;color:var(--ink);line-height:1.8;margin-bottom:16px;}
  .pc-block p:last-child{margin-bottom:0;}

  /* specs bảng */
  .specs-table{width:100%;border-collapse:collapse;}
  .specs-table tr{border-bottom:1px solid var(--line);}
  .specs-table tr:last-child{border-bottom:none;}
  .specs-table td{padding:13px 16px;font-size:15px;vertical-align:top;}
  .specs-table td:first-child{
    font-family:'Oswald';font-size:13px;text-transform:uppercase;
    letter-spacing:.06em;color:var(--brick);font-weight:600;
    width:38%;background:var(--stone);
  }
  .specs-table td:last-child{color:var(--ink);font-weight:500;}

  /* vai trò Lợi Lộc */
  .role-items{display:flex;flex-direction:column;gap:12px;}
  .role-item{
    display:flex;align-items:flex-start;gap:14px;
    padding:16px 18px;background:var(--stone);
    border-left:3px solid var(--brick);
  }
  .role-item .ri-ico{font-size:20px;flex-shrink:0;margin-top:1px;}
  .role-item p{font-size:15px;color:var(--ink);line-height:1.6;margin:0;}
  .role-item strong{color:var(--navy);}

  /* thách thức & giải pháp */
  .challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .cg-card{padding:24px;}
  .cg-card.problem{background:rgba(92,107,122,.07);border-top:3px solid var(--steel);}
  .cg-card.solution{background:rgba(212,57,31,.06);border-top:3px solid var(--brick);}
  .cg-label{font-family:'Oswald';font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:12px;}
  .cg-card.problem .cg-label{color:var(--steel);}
  .cg-card.solution .cg-label{color:var(--brick);}
  .cg-card ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
  .cg-card ul li{font-size:14.5px;color:var(--ink);display:flex;align-items:flex-start;gap:9px;line-height:1.55;}
  .cg-card ul li::before{content:"–";flex-shrink:0;color:var(--steel);}
  .cg-card.solution ul li::before{color:var(--brick);content:"✓";}

  /* GALLERY */
  .gallery-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:220px 200px;
    gap:10px;
  }
  .gallery-item{overflow:hidden;cursor:pointer;position:relative;}
  .gallery-item:first-child{grid-column:span 2;grid-row:span 2;}
  .gallery-item img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .gallery-item:hover img{transform:scale(1.06);}
  .gallery-item::after{
    content:"🔍";
    position:absolute;inset:0;background:rgba(36,53,88,.4);
    display:flex;align-items:center;justify-content:center;
    font-size:28px;opacity:0;transition:.25s;
  }
  .gallery-item:hover::after{opacity:1;}

  /* kết quả nổi bật */
  .result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);}
  .result-item{
    background:var(--paper);padding:28px 24px;text-align:center;
    transition:.2s;
  }
  .result-item:hover{background:var(--stone);}
  .result-num{font-family:'Oswald';font-size:34px;font-weight:700;color:var(--brick);line-height:1;margin-bottom:6px;}
  .result-lbl{font-size:13px;color:var(--steel);text-transform:uppercase;letter-spacing:.05em;}

  /* nhận xét khách hàng */
  .testimonial{
    background:var(--navy);padding:32px 36px;position:relative;
    border-left:5px solid var(--brick);
  }
  .testimonial::before{
    content:"\201C";font-family:'Oswald';font-size:80px;color:rgba(212,57,31,.2);
    position:absolute;top:-10px;left:20px;line-height:1;
  }
  .testimonial p{font-size:16px;color:#c7cedd;line-height:1.8;font-style:italic;position:relative;z-index:1;margin-bottom:20px;}
  .testimonial-author{display:flex;align-items:center;gap:14px;}
  .ta-avatar{width:44px;height:44px;border-radius:50%;background:rgba(212,57,31,.2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
  .ta-name{font-family:'Oswald';font-size:15px;color:#fff;font-weight:600;text-transform:none;letter-spacing:0;}
  .ta-title{font-size:12.5px;color:#8a9fc0;margin-top:2px;}

  /* ── SIDEBAR ── */
  .proj-sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:20px;}

  /* card thông tin dự án */
  .sidebar-card{border:1px solid var(--line);}
  .sc-head{background:var(--navy);padding:20px 24px;}
  .sc-head h3{font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:.03em;}
  .sc-head p{font-size:12px;color:#8a9fc0;margin-top:3px;text-transform:none;letter-spacing:0;}
  .sc-body{padding:0;}
  .sc-row{
    display:flex;justify-content:space-between;align-items:flex-start;
    padding:14px 20px;border-bottom:1px solid var(--line);gap:12px;
  }
  .sc-row:last-child{border-bottom:none;}
  .sc-lbl{font-size:12px;color:var(--steel);text-transform:uppercase;letter-spacing:.06em;font-family:'Oswald';flex-shrink:0;}
  .sc-val{font-size:14px;color:var(--ink);font-weight:600;text-align:right;}
  .sc-val.highlight{color:var(--brick);font-family:'Oswald';font-size:16px;}

  /* CTA sidebar */
  .sidebar-cta{background:var(--brick);padding:28px 24px;text-align:center;}
  .sidebar-cta h4{font-size:17px;color:#fff;margin-bottom:8px;text-transform:uppercase;letter-spacing:.02em;}
  .sidebar-cta p{font-size:13.5px;color:rgba(255,255,255,.8);margin-bottom:20px;}
  .scta-btn{
    display:block;background:#fff;color:var(--brick);
    font-family:'Oswald';font-weight:700;font-size:14px;
    text-transform:uppercase;letter-spacing:.05em;
    padding:14px;transition:.2s;margin-bottom:10px;
  }
  .scta-btn:hover{background:var(--brick-dark);color:#fff;}
  .scta-btn-2{
    display:block;border:1.5px solid rgba(255,255,255,.5);color:#fff;
    font-family:'Oswald';font-weight:600;font-size:13px;
    text-transform:uppercase;letter-spacing:.04em;padding:12px;transition:.2s;
  }
  .scta-btn-2:hover{background:rgba(255,255,255,.1);}

  /* vật liệu đã cung ứng */
  .mat-list{display:flex;flex-direction:column;gap:10px;padding:16px 20px;}
  .mat-item{
    display:flex;justify-content:space-between;align-items:center;
    padding:11px 14px;background:var(--stone);
  }
  .mat-name{font-size:14px;color:var(--navy);font-weight:600;display:flex;align-items:center;gap:8px;}
  .mat-name .mat-ico{font-size:16px;}
  .mat-vol{font-size:13px;color:var(--brick);font-family:'Oswald';font-weight:600;}

  /* dự án liên quan */
  .related-title{
    padding:16px 20px;border-bottom:1px solid var(--line);background:var(--stone);
    font-family:'Oswald';font-size:14px;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;
  }
  .rel-item{
    display:grid;grid-template-columns:80px 1fr;gap:12px;
    padding:14px 16px;border-bottom:1px solid var(--line);
    align-items:center;transition:.15s;cursor:pointer;
  }
  .rel-item:last-child{border-bottom:none;}
  .rel-item:hover{background:var(--stone);}
  .rel-item img{width:80px;height:60px;object-fit:cover;}
  .rel-item-title{font-family:'Oswald';font-size:13.5px;color:var(--navy);font-weight:600;margin-bottom:3px;}
  .rel-item-meta{font-size:12px;color:var(--steel);}

  /* ── CTA BOTTOM ── */
  .cta-bottom{background:var(--navy);padding:60px 0;}
  .cta-bottom .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:28px;}
  .cta-bottom h2{color:#fff;font-size:26px;margin-bottom:8px;}
  .cta-bottom p{color:#a8bcd4;font-size:15.5px;}
  .btn-brick{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;padding:15px 32px;transition:.2s;white-space:nowrap;}
  .btn-brick:hover{background:var(--brick-dark);}
  .btn-outline-white{border:1.5px solid rgba(255,255,255,.4);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 28px;transition:.2s;}
  .btn-outline-white:hover{background:rgba(255,255,255,.08);}

  /* FOOTER */
  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-ci{display:flex;gap:10px;font-size:14px;margin-bottom:12px;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  /* RESPONSIVE */
  @media(max-width:1024px){
    nav{display:none;}
    .proj-layout{grid-template-columns:1fr;}
    .proj-sidebar{position:static;top:auto;}
    .proj-hero-content .wrap{grid-template-columns:1fr;}
    .hero-quick-specs{display:none;}
    .proj-hero{height:440px;}
    .proj-hero-content h1{font-size:32px;}
    .challenge-grid{grid-template-columns:1fr;}
    .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px;}
    .gallery-item:first-child{grid-column:span 2;grid-row:auto;}
    .result-grid{grid-template-columns:1fr 1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:640px){
    .proj-hero{height:360px;}
    .gallery-grid{grid-template-columns:1fr;grid-template-rows:auto;}
    .gallery-item:first-child{grid-column:auto;}
    .result-grid{grid-template-columns:1fr;}
    .specs-table td{display:block;width:100%;}
    .specs-table td:first-child{width:100%;}
  }

/* === Tuyển dụng === */
/* ── DESIGN SYSTEM (giống hệt v3) ── */
  :root{
    --brick:#D4391F; --brick-dark:#A82B14;
    --navy:#243558;  --navy-2:#2e4470;
    --steel:#5C6B7A; --stone:#F3F1ED;
    --paper:#FFFFFF; --line:#E2DED7; --ink:#22262B;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}
  section{padding:84px 0;}
  .section-tag{color:var(--brick);font-family:'Oswald';font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
  .section-tag::before{content:"";width:28px;height:2px;background:var(--brick);}
  .section-title{font-size:34px;margin-bottom:16px;}
  .section-desc{color:var(--steel);font-size:16px;max-width:640px;line-height:1.75;margin-bottom:52px;}

  /* ── TOPBAR ── */
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}

  /* ── HEADER ── */
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover{color:var(--brick);border-bottom-color:var(--brick);}
  nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  /* ── PAGE HERO ── */
  .page-hero{position:relative;background:var(--navy);min-height:360px;display:flex;align-items:center;overflow:hidden;}
  .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(20,40,90,.97) 0%,rgba(36,53,88,.85) 50%,rgba(212,57,31,.2) 100%);z-index:1;}
  .page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;}
  .page-hero .wrap{position:relative;z-index:2;padding:64px 28px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;}
  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;color:#8a9fc0;}
  .breadcrumb a{color:#8a9fc0;transition:.2s;}
  .breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{color:#4a5e80;}
  .breadcrumb .current{color:#c8d4e8;}
  .page-hero h1{font-size:44px;color:#fff;font-weight:700;margin-bottom:12px;}
  .page-hero h1 em{font-style:normal;color:var(--brick);}
  .page-hero p{font-size:16.5px;color:#c7cedd;max-width:520px;}
  .hero-accent{height:5px;background:linear-gradient(90deg,var(--brick) 0%,#f5a623 100%);}

  /* badge tuyển dụng */
  .hero-badge{
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);
    padding:28px 32px;text-align:center;flex-shrink:0;min-width:180px;
  }
  .hero-badge .hb-num{font-family:'Oswald';font-size:40px;font-weight:700;color:var(--brick);line-height:1;}
  .hero-badge .hb-lbl{font-size:13px;color:#c7cedd;text-transform:uppercase;letter-spacing:.05em;margin-top:8px;line-height:1.4;}

  /* ── S1: LÝ DO GIA NHẬP ── */
  .benefits{background:var(--stone);}
  .benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);}
  .benefit-card{
    background:var(--paper);padding:44px 40px;
    display:grid;grid-template-columns:64px 1fr;gap:24px;align-items:start;
    transition:.2s;
  }
  .benefit-card:hover{background:var(--stone);}
  .bc-ico-wrap{
    width:64px;height:64px;background:rgba(212,57,31,.08);border:1px solid rgba(212,57,31,.2);
    border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:28px;
    flex-shrink:0;transition:.2s;
  }
  .benefit-card:hover .bc-ico-wrap{background:var(--brick);border-color:var(--brick);}
  .bc-body h3{font-size:17px;margin-bottom:10px;letter-spacing:.01em;}
  .bc-body p{font-size:14.5px;color:var(--steel);line-height:1.65;}

  /* ── S2: VỊ TRÍ TUYỂN DỤNG ── */
  .openings{background:var(--paper);}
  /* filter tabs */
  .filter-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;}
  .tab{
    font-family:'Oswald';font-size:13px;font-weight:500;text-transform:uppercase;
    letter-spacing:.05em;padding:9px 20px;border:1.5px solid var(--line);
    color:var(--steel);cursor:pointer;transition:.2s;
  }
  .tab.active,.tab:hover{background:var(--brick);border-color:var(--brick);color:#fff;}

  /* danh sách vị trí */
  .job-list{display:flex;flex-direction:column;gap:0;}
  .job-item{
    border:1px solid var(--line);border-top:none;
    transition:.2s;
  }
  .job-item:first-child{border-top:1px solid var(--line);}
  .job-item:hover{border-color:var(--brick);z-index:1;position:relative;}
  .job-header{
    display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;
    padding:26px 28px;cursor:pointer;
  }
  .job-left{display:flex;align-items:center;gap:20px;}
  .job-dept{
    width:44px;height:44px;background:rgba(212,57,31,.08);border:1px solid rgba(212,57,31,.2);
    border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:20px;
    flex-shrink:0;
  }
  .job-item:hover .job-dept{background:var(--brick);border-color:var(--brick);}
  .job-title-wrap .job-title{font-family:'Oswald';font-size:18px;color:var(--navy);font-weight:600;text-transform:uppercase;letter-spacing:.02em;}
  .job-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
  .jtag{
    font-size:12px;padding:3px 10px;border-radius:30px;font-weight:600;
    letter-spacing:.03em;
  }
  .jtag.dept{background:rgba(36,53,88,.08);color:var(--navy);}
  .jtag.loc{background:rgba(212,57,31,.08);color:var(--brick);}
  .jtag.type{background:rgba(92,107,122,.1);color:var(--steel);}
  .job-salary{
    font-family:'Oswald';font-size:16px;font-weight:600;color:var(--brick);
    text-align:right;white-space:nowrap;
  }
  .job-salary small{display:block;font-size:11px;color:var(--steel);font-family:'Source Sans 3';font-weight:400;text-align:right;margin-top:2px;text-transform:uppercase;letter-spacing:.04em;}
  .job-apply-btn{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;
    font-size:13px;text-transform:uppercase;letter-spacing:.05em;
    padding:11px 22px;border-radius:2px;transition:.2s;white-space:nowrap;flex-shrink:0;
  }
  .job-apply-btn:hover{background:var(--brick-dark);}

  /* expandable detail */
  .job-detail{
    max-height:0;overflow:hidden;transition:max-height .35s ease;
    background:var(--stone);
  }
  .job-detail.open{max-height:600px;}
  .job-detail-inner{
    display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;
    border-top:1px solid var(--line);
  }
  .jd-col{padding:26px 28px;border-right:1px solid var(--line);}
  .jd-col:last-child{border-right:none;}
  .jd-label{font-family:'Oswald';font-size:11.5px;color:var(--brick);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;}
  .jd-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
  .jd-col ul li{font-size:14px;color:var(--ink);display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
  .jd-col ul li::before{content:"–";color:var(--brick);flex-shrink:0;}

  /* ── S3: QUY TRÌNH ── */
  .process{background:var(--navy);}
  .process .section-tag{color:#FF8A5C;}
  .process .section-tag::before{background:#FF8A5C;}
  .process .section-title{color:#fff;}
  .process .section-desc{color:#c7cedd;}
  .process-steps{
    display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
    background:rgba(255,255,255,.1);margin-top:0;
  }
  .ps-item{background:var(--navy);padding:40px 32px;position:relative;}
  .ps-item::after{
    content:"→";
    position:absolute;right:-14px;top:50%;transform:translateY(-50%);
    font-size:20px;color:rgba(255,255,255,.2);z-index:1;
  }
  .ps-item:last-child::after{display:none;}
  .ps-num{
    font-family:'Oswald';font-size:44px;font-weight:700;
    color:rgba(255,255,255,.07);margin-bottom:4px;line-height:1;
  }
  .ps-ico{
    width:52px;height:52px;border-radius:50%;
    border:2px solid rgba(212,57,31,.5);background:rgba(212,57,31,.1);
    display:flex;align-items:center;justify-content:center;font-size:22px;
    margin-bottom:20px;
  }
  .ps-title{font-family:'Oswald';font-size:17px;color:#fff;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.02em;}
  .ps-desc{font-size:14px;color:#9aaec8;line-height:1.6;}
  .ps-step-label{
    font-family:'Oswald';font-size:11px;color:var(--brick);text-transform:uppercase;
    letter-spacing:.1em;margin-bottom:14px;display:block;
  }

  /* ── S4: MÔI TRƯỜNG LÀM VIỆC ── */
  .environment{background:var(--stone);}
  .env-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .env-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:12px;}
  .env-photo{overflow:hidden;}
  .env-photo:first-child{grid-row:span 2;}
  .env-photo img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .env-photo:hover img{transform:scale(1.05);}
  .env-values{display:flex;flex-direction:column;gap:22px;margin-top:36px;}
  .ev-item{display:flex;gap:16px;align-items:flex-start;}
  .ev-ico{
    width:42px;height:42px;flex-shrink:0;
    border-left:3px solid var(--brick);background:rgba(212,57,31,.06);
    display:flex;align-items:center;justify-content:center;font-size:18px;
  }
  .ev-body h4{font-size:15px;color:var(--navy);margin-bottom:4px;}
  .ev-body p{font-size:14px;color:var(--steel);line-height:1.6;}

  /* ── S5: FORM ỨNG TUYỂN ── */
  .apply-form-section{background:var(--paper);}
  .apply-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}

  /* info trái */
  .apply-info .contact-chips{display:flex;flex-direction:column;gap:14px;margin-top:32px;}
  .contact-chip{
    display:flex;align-items:center;gap:16px;
    padding:16px 20px;background:var(--stone);border-left:3px solid var(--brick);
  }
  .cc-ico{font-size:20px;flex-shrink:0;}
  .cc-label{font-size:12px;color:var(--brick);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:2px;font-family:'Oswald';}
  .cc-val{font-size:15px;color:var(--ink);font-weight:600;}

  /* form phải */
  .apply-form{background:var(--stone);padding:40px 38px;}
  .apply-form h3{font-size:22px;color:var(--navy);margin-bottom:8px;}
  .apply-form .form-sub{font-size:14.5px;color:var(--steel);margin-bottom:30px;}
  .form-row{margin-bottom:18px;}
  .form-row label{display:block;font-size:12.5px;color:var(--navy);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;}
  .form-row label .req{color:var(--brick);}
  .form-row input,
  .form-row select,
  .form-row textarea{
    width:100%;padding:13px 16px;border:1.5px solid var(--line);
    background:var(--paper);font-family:'Source Sans 3';font-size:15px;color:var(--ink);
    outline:none;transition:.2s;border-radius:0;appearance:none;
  }
  .form-row input:focus,
  .form-row select:focus,
  .form-row textarea:focus{border-color:var(--brick);}
  .form-row textarea{resize:vertical;min-height:100px;}
  .form-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C6B7A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;}
  .form-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

  /* upload CV */
  .upload-zone{
    border:2px dashed var(--line);padding:24px;text-align:center;
    cursor:pointer;transition:.2s;background:var(--paper);
  }
  .upload-zone:hover{border-color:var(--brick);background:rgba(212,57,31,.03);}
  .upload-zone .uz-ico{font-size:28px;margin-bottom:8px;}
  .upload-zone .uz-text{font-size:14px;color:var(--steel);}
  .upload-zone .uz-text b{color:var(--brick);}
  .upload-zone input[type=file]{display:none;}

  .form-submit{
    width:100%;background:var(--brick);color:#fff;font-family:'Oswald';font-weight:700;
    font-size:15px;text-transform:uppercase;letter-spacing:.06em;padding:17px;
    border:none;cursor:pointer;transition:.2s;margin-top:8px;
  }
  .form-submit:hover{background:var(--brick-dark);}
  .form-note{font-size:12.5px;color:var(--steel);margin-top:12px;text-align:center;}

  /* ── CTA BANNER ── */
  .cta-banner{background:var(--brick);color:#fff;padding:60px 0;}
  .cta-banner .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
  .cta-banner h2{color:#fff;font-size:28px;margin-bottom:8px;}
  .cta-banner p{color:rgba(255,255,255,.85);font-size:15.5px;}
  .btn-white{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 30px;transition:.2s;}
  .btn-white:hover{background:#fff;color:var(--brick);}

  /* ── FOOTER ── */
  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-contact-item{display:flex;gap:10px;font-size:14px;margin-bottom:12px;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  /* ── RESPONSIVE ── */
  @media(max-width:1024px){
    nav{display:none;}
    .page-hero .wrap{grid-template-columns:1fr;}
    .hero-badge{display:none;}
    .benefits-grid{grid-template-columns:1fr;}
    .process-steps{grid-template-columns:1fr 1fr;}
    .ps-item::after{display:none;}
    .env-layout{grid-template-columns:1fr;}
    .apply-layout{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .job-detail-inner{grid-template-columns:1fr;}
    .jd-col{border-right:none;border-bottom:1px solid var(--line);}
    .jd-col:last-child{border-bottom:none;}
    .form-2col{grid-template-columns:1fr;}
  }
  @media(max-width:640px){
    .process-steps{grid-template-columns:1fr;}
    .env-gallery{grid-template-columns:1fr;grid-template-rows:auto;}
    .env-photo:first-child{grid-row:auto;}
    .benefit-card{grid-template-columns:1fr;gap:14px;}
  }

/* === Tin tức === */
:root{--brick:#D4391F;--brick-dark:#A82B14;--navy:#243558;--navy-2:#2e4470;--steel:#5C6B7A;--stone:#F3F1ED;--paper:#FFFFFF;--line:#E2DED7;--ink:#22262B;}
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;} img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}
  .section-tag{color:var(--brick);font-family:'Oswald';font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
  .section-tag::before{content:"";width:28px;height:2px;background:var(--brick);}
  .loi-ico{display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0;}
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover,nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;}
  .page-hero{position:relative;background:var(--navy);min-height:320px;display:flex;align-items:center;overflow:hidden;}
  .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(20,40,90,.97) 0%,rgba(36,53,88,.88) 55%,rgba(212,57,31,.18) 100%);z-index:1;}
  .page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;}
  .page-hero .wrap{position:relative;z-index:2;padding:60px 28px;}
  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;color:#8a9fc0;flex-wrap:wrap;}
  .breadcrumb a{color:#8a9fc0;}.breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{color:#4a5e80;}.breadcrumb .current{color:#c8d4e8;}
  .page-hero h1{font-size:40px;color:#fff;font-weight:700;margin-bottom:12px;}
  .page-hero h1 em{font-style:normal;color:var(--brick);}
  .page-hero p{font-size:16px;color:#c7cedd;max-width:560px;}
  .hero-accent{height:5px;background:linear-gradient(90deg,var(--brick) 0%,#f5a623 100%);}

  .blog-cat-nav{background:var(--stone);border-bottom:1px solid var(--line);}
  .blog-cat-nav .wrap{display:flex;gap:0;overflow-x:auto;}
  .bc-tab{padding:18px 24px;font-family:'Oswald';font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--steel);border-bottom:3px solid transparent;white-space:nowrap;transition:.2s;display:flex;align-items:center;gap:8px;}
  .bc-tab:hover{color:var(--navy);}
  .bc-tab.active{color:var(--brick);border-bottom-color:var(--brick);background:rgba(212,57,31,.04);}
  .bc-tab .loi-ico{width:18px;height:18px;opacity:.8;}

  .blog-body{padding:56px 0 80px;}
  .blog-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin-bottom:48px;border:1px solid var(--line);overflow:hidden;transition:.25s;}
  .blog-featured:hover{box-shadow:0 16px 40px rgba(36,53,88,.12);}
  .bf-img{position:relative;min-height:340px;overflow:hidden;}
  .bf-img img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .blog-featured:hover .bf-img img{transform:scale(1.04);}
  .bf-badge{position:absolute;top:16px;left:16px;background:var(--brick);color:#fff;font-family:'Oswald';font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;display:flex;align-items:center;gap:6px;}
  .bf-content{padding:40px 36px;background:var(--paper);display:flex;flex-direction:column;justify-content:center;}
  .bf-meta{display:flex;align-items:center;gap:16px;margin-bottom:14px;font-size:13px;color:var(--steel);flex-wrap:wrap;}
  .bf-meta span{display:inline-flex;align-items:center;gap:6px;}
  .bf-cat{color:var(--brick);font-family:'Oswald';font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;}
  .bf-content h2{font-size:26px;margin-bottom:14px;line-height:1.2;}
  .bf-content h2 a{color:var(--navy);transition:.2s;}
  .bf-content h2 a:hover{color:var(--brick);}
  .bf-excerpt{font-size:15px;color:var(--steel);margin-bottom:22px;line-height:1.7;}
  .bf-link{font-family:'Oswald';font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--brick);font-weight:600;display:inline-flex;align-items:center;gap:8px;}

  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px;}
  .blog-card{border:1px solid var(--line);overflow:hidden;transition:.25s;background:#fff;}
  .blog-card:hover{box-shadow:0 12px 32px rgba(36,53,88,.1);transform:translateY(-4px);}
  .bc-img{position:relative;height:200px;overflow:hidden;}
  .bc-img img{width:100%;height:100%;object-fit:cover;transition:.35s;}
  .blog-card:hover .bc-img img{transform:scale(1.05);}
  .bc-cat{position:absolute;bottom:12px;left:12px;background:var(--navy);color:#fff;font-family:'Oswald';font-size:11px;text-transform:uppercase;padding:5px 10px;letter-spacing:.06em;}
  .bc-body{padding:22px 20px;}
  .bc-meta{font-size:12px;color:var(--steel);margin-bottom:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
  .bc-meta span{display:inline-flex;align-items:center;gap:5px;}
  .bc-body h3{font-size:16.5px;margin-bottom:10px;line-height:1.3;text-transform:none;letter-spacing:0;}
  .bc-body h3 a{color:var(--navy);transition:.2s;}
  .bc-body h3 a:hover{color:var(--brick);}
  .bc-excerpt{font-size:13.5px;color:var(--steel);line-height:1.65;margin-bottom:14px;}
  .bc-read{font-family:'Oswald';font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--brick);font-weight:600;display:inline-flex;align-items:center;gap:6px;}

  .blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;}
  .pg-btn{width:40px;height:40px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'Oswald';font-size:14px;color:var(--steel);transition:.2s;}
  .pg-btn:hover,.pg-btn.active{background:var(--brick);border-color:var(--brick);color:#fff;}
  .pg-btn.disabled{opacity:.4;pointer-events:none;}

  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer h4{color:#fff;font-size:14px;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;}

  @media(max-width:1024px){nav{display:none;}.blog-featured{grid-template-columns:1fr;}.blog-grid{grid-template-columns:1fr 1fr;}.foot-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:640px){.blog-grid{grid-template-columns:1fr;}.page-hero h1{font-size:32px;}}

/* === Liên hệ === */
:root{
    --brick:#D4391F;--brick-dark:#A82B14;
    --navy:#243558;--navy-2:#2e4470;
    --steel:#5C6B7A;--stone:#F3F1ED;
    --paper:#FFFFFF;--line:#E2DED7;--ink:#22262B;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}
  .section-tag{color:var(--brick);font-family:'Oswald';font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
  .section-tag::before{content:"";width:28px;height:2px;background:var(--brick);}
  .loi-ico{display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0;}

  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover,nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  .page-hero{position:relative;background:var(--navy);min-height:320px;display:flex;align-items:center;overflow:hidden;}
  .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(20,40,90,.97) 0%,rgba(36,53,88,.88) 55%,rgba(212,57,31,.18) 100%);z-index:1;}
  .page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;}
  .page-hero .wrap{position:relative;z-index:2;padding:60px 28px;}
  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;color:#8a9fc0;flex-wrap:wrap;}
  .breadcrumb a{color:#8a9fc0;transition:.2s;}
  .breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{color:#4a5e80;}
  .breadcrumb .current{color:#c8d4e8;}
  .page-hero h1{font-size:40px;color:#fff;font-weight:700;margin-bottom:12px;}
  .page-hero h1 em{font-style:normal;color:var(--brick);}
  .page-hero p{font-size:16px;color:#c7cedd;max-width:560px;}
  .hero-accent{height:5px;background:linear-gradient(90deg,var(--brick) 0%,#f5a623 100%);}

  .contact-body{padding:64px 0 80px;}
  .contact-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px;}
  .cq-card{background:var(--stone);border:1px solid var(--line);padding:28px 22px;text-align:center;transition:.25s;}
  .cq-card:hover{border-color:var(--brick);box-shadow:0 10px 28px rgba(36,53,88,.1);transform:translateY(-3px);}
  .cq-ico{width:52px;height:52px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:rgba(212,57,31,.08);border-radius:50%;}
  .cq-ico .loi-ico{width:26px;height:26px;}
  .cq-label{font-family:'Oswald';font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--steel);margin-bottom:6px;}
  .cq-val{font-size:15px;font-weight:700;color:var(--navy);line-height:1.4;}
  .cq-val a{color:var(--navy);}
  .cq-val a:hover{color:var(--brick);}

  .contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start;}
  .contact-info h2{font-size:28px;margin-bottom:14px;}
  .contact-info>p{font-size:15px;color:var(--steel);margin-bottom:28px;line-height:1.75;}
  .ci-row{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);}
  .ci-row:last-child{border-bottom:none;}
  .ci-ico-wrap{width:44px;height:44px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .ci-ico-wrap .loi-ico{width:22px;height:22px;filter:brightness(0) invert(1);}
  .ci-text h4{font-family:'Oswald';font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);margin-bottom:4px;}
  .ci-text p{font-size:14.5px;color:var(--steel);line-height:1.6;}

  .factory-list{margin-top:36px;}
  .factory-list h3{font-size:18px;margin-bottom:16px;}
  .fl-item{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);}
  .fl-item:last-child{border-bottom:none;}
  .fl-thumb{background:var(--stone);min-height:64px;display:flex;align-items:center;justify-content:center;}
  .fl-thumb .loi-ico{width:32px;height:32px;opacity:.7;}
  .fl-name{font-family:'Oswald';font-size:15px;color:var(--navy);margin-bottom:4px;}
  .fl-addr{font-size:13.5px;color:var(--steel);}

  .contact-form-wrap{background:var(--stone);border:1px solid var(--line);padding:36px 32px;}
  .contact-form-wrap h3{font-size:22px;margin-bottom:8px;}
  .contact-form-wrap>p{font-size:14px;color:var(--steel);margin-bottom:24px;}
  .form-row{margin-bottom:16px;}
  .form-row label{display:block;font-family:'Oswald';font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);margin-bottom:7px;}
  .form-row input,.form-row select,.form-row textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);font-family:'Source Sans 3';font-size:14.5px;background:#fff;outline:none;transition:.2s;}
  .form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--brick);}
  .form-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .form-submit{width:100%;background:var(--brick);color:#fff;font-family:'Oswald';font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;padding:16px;border:none;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:10px;}
  .form-submit:hover{background:var(--brick-dark);}
  .form-note{font-size:12.5px;color:var(--steel);margin-top:12px;text-align:center;}

  .map-section{background:var(--navy);padding:0;}
  .map-section .wrap{padding:0;}
  .map-placeholder{min-height:360px;background:var(--navy-2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#a8bcd4;}
  .map-placeholder .loi-ico{width:40px;height:40px;opacity:.6;}

  .cta-banner{background:var(--brick);color:#fff;padding:60px 0;}
  .cta-banner .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
  .cta-banner h2{color:#fff;font-size:28px;margin-bottom:8px;}
  .cta-banner p{color:rgba(255,255,255,.85);font-size:15.5px;}
  .btn-white{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-family:'Oswald';font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.04em;padding:14px 30px;transition:.2s;display:inline-flex;align-items:center;gap:10px;}
  .btn-white:hover{background:#fff;color:var(--brick);}

  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-contact{display:flex;gap:10px;font-size:14px;margin-bottom:12px;color:#9aa6bc;align-items:flex-start;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  @media(max-width:1024px){
    nav{display:none;}
    .contact-quick{grid-template-columns:repeat(2,1fr);}
    .contact-layout{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:640px){
    .contact-quick{grid-template-columns:1fr;}
    .form-2col{grid-template-columns:1fr;}
    .page-hero h1{font-size:32px;}
  }

/* === Nhân Viên Kinh Doanh VLXD === */
:root{
    --brick:#D4391F; --brick-dark:#A82B14;
    --navy:#243558;  --navy-2:#2e4470;
    --steel:#5C6B7A; --stone:#F3F1ED;
    --paper:#FFFFFF; --line:#E2DED7; --ink:#22262B;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Source Sans 3',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;}
  h1,h2,h3,h4,h5{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--navy);line-height:1.15;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px;}

  /* ── TOPBAR ── */
  .topbar{background:var(--navy);color:#c8d4e8;font-size:13.5px;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 28px;flex-wrap:wrap;gap:8px;}
  .topbar .info{display:flex;gap:28px;flex-wrap:wrap;}
  .topbar .info span{display:inline-flex;align-items:center;gap:7px;}
  .topbar .worktime{color:#a8b8d0;}
  .topbar .hotline{color:#fff;font-weight:700;font-size:14px;}
  .topbar .hotline b{color:#FF8A5C;font-size:15px;}

  /* ── HEADER ── */
  header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo-img{width:54px;height:54px;object-fit:contain;}
  .logo-text{font-family:'Oswald';font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.03em;}
  .logo-text span{color:var(--brick);}
  .logo-sub{font-size:11px;color:var(--steel);letter-spacing:.07em;text-transform:uppercase;margin-top:1px;}
  nav ul{display:flex;gap:28px;list-style:none;}
  nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;transition:.2s;}
  nav a:hover{color:var(--brick);border-bottom-color:var(--brick);}
  nav a.active{color:var(--brick);border-bottom-color:var(--brick);}
  .cta-btn{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:600;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:12px 26px;border-radius:2px;transition:.2s;white-space:nowrap;}
  .cta-btn:hover{background:var(--brick-dark);}

  /* ── HERO — JOB ── */
  .job-hero{
    background:var(--navy);padding:52px 0 0;
    position:relative;overflow:hidden;
  }
  .job-hero::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(130deg,rgba(20,40,90,.98) 0%,rgba(36,53,88,.92) 60%,rgba(212,57,31,.18) 100%);
  }
  .job-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;}
  .job-hero .wrap{position:relative;z-index:1;}

  /* breadcrumb */
  .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:28px;font-size:13px;color:#8a9fc0;flex-wrap:wrap;}
  .breadcrumb a{color:#8a9fc0;transition:.2s;}
  .breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{color:#4a5e80;}
  .breadcrumb .current{color:#c8d4e8;}

  /* job hero top: tag + title + meta */
  .job-hero-dept{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'Oswald';font-size:12px;letter-spacing:.13em;text-transform:uppercase;
    color:var(--brick);background:rgba(212,57,31,.12);border:1px solid rgba(212,57,31,.35);
    padding:6px 14px;margin-bottom:18px;
  }
  .job-hero h1{
    font-size:40px;color:#fff;font-weight:700;
    max-width:700px;margin-bottom:24px;
  }
  .job-hero h1 em{font-style:normal;color:var(--brick);}

  /* meta chips */
  .job-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px;}
  .jm-chip{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);
    padding:9px 16px;font-size:13.5px;color:#c8d4e8;
  }
  .jm-chip .jm-ico{font-size:16px;}
  .jm-chip strong{color:#fff;font-weight:600;}

  /* deadline banner */
  .job-deadline{
    display:inline-flex;align-items:center;gap:10px;
    background:rgba(212,57,31,.15);border:1px solid rgba(212,57,31,.4);
    padding:10px 18px;font-size:13.5px;color:#FF8A5C;margin-bottom:32px;
  }
  .job-deadline strong{color:#fff;}

  /* bottom accent line */
  .job-hero-accent{height:4px;background:linear-gradient(90deg,var(--brick) 0%,#f5a623 50%,transparent 100%);margin-top:40px;}

  /* ── MAIN LAYOUT: 2 cột ── */
  .job-body{padding:60px 0 80px;}
  .job-layout{
    display:grid;
    grid-template-columns:1fr 360px;
    gap:48px;
    align-items:start;
  }

  /* ── CỘT TRÁI — NỘI DUNG ── */
  .job-content{}

  /* progress bar đọc */
  .read-progress{
    height:3px;background:var(--line);margin-bottom:40px;border-radius:2px;overflow:hidden;
  }
  .read-progress-bar{
    height:100%;width:0;background:linear-gradient(90deg,var(--brick),#f5a623);
    transition:width .2s;
  }

  /* section block trong nội dung */
  .jc-block{margin-bottom:44px;padding-bottom:44px;border-bottom:1px solid var(--line);}
  .jc-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}

  .jc-block h2{
    font-size:20px;color:var(--navy);margin-bottom:20px;
    display:flex;align-items:center;gap:12px;
    padding-bottom:14px;border-bottom:2px solid var(--stone);
  }
  .jc-block h2 .h2-ico{
    width:36px;height:36px;background:rgba(212,57,31,.08);border:1px solid rgba(212,57,31,.2);
    display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  }

  /* danh sách bullet */
  .jc-list{list-style:none;display:flex;flex-direction:column;gap:11px;}
  .jc-list li{
    display:flex;align-items:flex-start;gap:12px;
    font-size:15.5px;color:var(--ink);line-height:1.6;
    padding:12px 16px;background:var(--stone);
    border-left:3px solid transparent;transition:.15s;
  }
  .jc-list li:hover{border-left-color:var(--brick);background:#ede9e2;}
  .jc-list li .li-dot{
    width:7px;height:7px;border-radius:50%;background:var(--brick);
    flex-shrink:0;margin-top:8px;
  }

  /* danh sách "ưu tiên" — style khác */
  .jc-list.soft li{background:transparent;padding:8px 0;border-left:none;}
  .jc-list.soft li:hover{background:transparent;}
  .jc-list.soft li .li-dot{background:var(--steel);}
  .jc-list.soft li{color:var(--steel);}

  /* quyền lợi cards */
  .benefit-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .bm-card{
    background:var(--stone);padding:18px 20px;
    border-left:3px solid var(--brick);
    display:flex;align-items:flex-start;gap:12px;
    transition:.15s;
  }
  .bm-card:hover{background:#ede9e2;}
  .bm-ico{font-size:22px;flex-shrink:0;margin-top:1px;}
  .bm-text h4{font-size:14px;color:var(--navy);margin-bottom:3px;text-transform:none;letter-spacing:0;}
  .bm-text p{font-size:13px;color:var(--steel);line-height:1.5;}

  /* lộ trình thăng tiến — timeline ngang nhỏ */
  .career-path{display:flex;gap:0;position:relative;margin-top:8px;}
  .career-path::before{
    content:"";position:absolute;top:22px;left:22px;right:22px;
    height:2px;background:var(--line);z-index:0;
  }
  .cp-step{flex:1;text-align:center;position:relative;z-index:1;padding:0 8px;}
  .cp-dot{
    width:44px;height:44px;border-radius:50%;border:2.5px solid var(--line);
    background:var(--paper);display:flex;align-items:center;justify-content:center;
    margin:0 auto 10px;font-size:18px;position:relative;z-index:1;transition:.2s;
  }
  .cp-step.active .cp-dot{border-color:var(--brick);background:rgba(212,57,31,.08);}
  .cp-step.highlight .cp-dot{border-color:var(--brick);background:var(--brick);}
  .cp-label{font-family:'Oswald';font-size:12px;color:var(--navy);margin-bottom:3px;text-transform:uppercase;letter-spacing:.03em;}
  .cp-sub{font-size:11.5px;color:var(--steel);}

  /* tag kỹ năng */
  .skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
  .skill-tag{
    font-size:13px;padding:6px 14px;background:var(--stone);
    border:1px solid var(--line);color:var(--steel);
    transition:.15s;
  }
  .skill-tag.hard{border-color:rgba(212,57,31,.3);color:var(--brick);background:rgba(212,57,31,.06);}
  .skill-tag:hover{border-color:var(--brick);color:var(--brick);}

  /* lưu ý đặc biệt */
  .jc-note{
    background:rgba(212,57,31,.05);border:1px solid rgba(212,57,31,.25);
    padding:18px 22px;display:flex;gap:14px;align-items:flex-start;margin-top:20px;
  }
  .jc-note .note-ico{font-size:20px;flex-shrink:0;margin-top:1px;}
  .jc-note p{font-size:14px;color:var(--ink);line-height:1.65;}
  .jc-note strong{color:var(--brick);}

  /* ── CỘT PHẢI — SIDEBAR STICKY ── */
  .job-sidebar{
    position:sticky;top:88px; /* header height + gap */
    display:flex;flex-direction:column;gap:20px;
  }

  /* card tóm tắt vị trí */
  .sidebar-card{
    border:1px solid var(--line);background:var(--paper);
  }
  .sc-head{
    background:var(--navy);padding:20px 24px;
    display:flex;align-items:center;gap:12px;
  }
  .sc-head .sc-ico{
    width:40px;height:40px;background:rgba(212,57,31,.2);
    display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;
  }
  .sc-head h3{font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:.02em;font-weight:600;}
  .sc-head p{font-size:12px;color:#8a9fc0;margin-top:2px;text-transform:none;letter-spacing:0;}
  .sc-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px;}
  .sc-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line);}
  .sc-row:last-child{padding-bottom:0;border-bottom:none;}
  .sc-lbl{font-size:12px;color:var(--steel);text-transform:uppercase;letter-spacing:.06em;font-family:'Oswald';flex-shrink:0;}
  .sc-val{font-size:14px;color:var(--ink);font-weight:600;text-align:right;}
  .sc-val.salary{color:var(--brick);font-family:'Oswald';font-size:16px;}

  /* nút ứng tuyển chính */
  .apply-main-btn{
    display:block;text-align:center;
    background:var(--brick);color:#fff;
    font-family:'Oswald';font-weight:700;font-size:15px;
    text-transform:uppercase;letter-spacing:.06em;
    padding:18px 24px;transition:.2s;
  }
  .apply-main-btn:hover{background:var(--brick-dark);}
  .apply-secondary-btn{
    display:block;text-align:center;
    border:1.5px solid var(--navy);color:var(--navy);
    font-family:'Oswald';font-weight:600;font-size:14px;
    text-transform:uppercase;letter-spacing:.05em;
    padding:13px 24px;transition:.2s;margin-top:10px;
  }
  .apply-secondary-btn:hover{background:var(--navy);color:#fff;}

  /* mini form trong sidebar */
  .sidebar-form{border:1px solid var(--line);background:var(--stone);}
  .sf-head{background:var(--brick);padding:18px 22px;}
  .sf-head h3{font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:.02em;}
  .sf-head p{font-size:12.5px;color:rgba(255,255,255,.75);margin-top:3px;text-transform:none;letter-spacing:0;}
  .sf-body{padding:22px;}
  .sf-row{margin-bottom:14px;}
  .sf-row label{display:block;font-size:11.5px;color:var(--navy);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
  .sf-row label .req{color:var(--brick);}
  .sf-row input,
  .sf-row select{
    width:100%;padding:11px 14px;border:1.5px solid var(--line);
    background:var(--paper);font-family:'Source Sans 3';font-size:14.5px;color:var(--ink);
    outline:none;transition:.2s;border-radius:0;appearance:none;
  }
  .sf-row input:focus,.sf-row select:focus{border-color:var(--brick);}
  .sf-row select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C6B7A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;
  }
  .sf-upload{
    border:2px dashed var(--line);padding:16px;text-align:center;cursor:pointer;
    transition:.2s;background:var(--paper);
  }
  .sf-upload:hover{border-color:var(--brick);}
  .sf-upload input{display:none;}
  .sf-upload-text{font-size:13px;color:var(--steel);}
  .sf-upload-text b{color:var(--brick);}
  .sf-submit{
    width:100%;background:var(--navy);color:#fff;font-family:'Oswald';font-weight:700;
    font-size:14px;text-transform:uppercase;letter-spacing:.05em;padding:15px;
    border:none;cursor:pointer;transition:.2s;margin-top:6px;
  }
  .sf-submit:hover{background:var(--brick);}
  .sf-note{font-size:11.5px;color:var(--steel);text-align:center;margin-top:10px;}

  /* share + save */
  .sidebar-actions{display:flex;gap:10px;}
  .sa-btn{
    flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
    padding:12px;border:1.5px solid var(--line);font-size:13px;color:var(--steel);
    cursor:pointer;transition:.2s;font-family:'Oswald';text-transform:uppercase;letter-spacing:.04em;
  }
  .sa-btn:hover{border-color:var(--brick);color:var(--brick);}

  /* vị trí liên quan */
  .related-jobs{border:1px solid var(--line);}
  .rj-head{padding:16px 20px;border-bottom:1px solid var(--line);background:var(--stone);}
  .rj-head h4{font-size:14px;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;}
  .rj-item{
    padding:16px 20px;border-bottom:1px solid var(--line);
    display:flex;justify-content:space-between;align-items:start;gap:12px;
    transition:.15s;cursor:pointer;
  }
  .rj-item:last-child{border-bottom:none;}
  .rj-item:hover{background:var(--stone);}
  .rj-title{font-family:'Oswald';font-size:14px;color:var(--navy);margin-bottom:4px;font-weight:600;}
  .rj-meta{font-size:12px;color:var(--steel);}
  .rj-sal{font-family:'Oswald';font-size:13px;color:var(--brick);font-weight:600;white-space:nowrap;flex-shrink:0;}

  /* ── CTA BOTTOM BANNER ── */
  .cta-bottom{
    background:var(--navy);padding:56px 0;
    position:relative;overflow:hidden;
  }
  .cta-bottom::after{
    content:"";position:absolute;right:-60px;top:-60px;
    width:300px;height:300px;border-radius:50%;
    background:rgba(212,57,31,.06);pointer-events:none;
  }
  .cta-bottom .wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:28px;}
  .cta-bottom h2{color:#fff;font-size:26px;margin-bottom:8px;}
  .cta-bottom p{color:#a8bcd4;font-size:15.5px;}
  .btn-brick{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;padding:15px 32px;transition:.2s;white-space:nowrap;}
  .btn-brick:hover{background:var(--brick-dark);}

  /* ── FOOTER ── */
  footer{background:#0e1829;color:#9aa6bc;padding:64px 0 0;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
  .foot-logo img{width:40px;height:40px;object-fit:contain;}
  .foot-logo-text{font-family:'Oswald';font-size:19px;font-weight:700;color:#fff;}
  .foot-logo-text span{color:var(--brick);}
  footer p{font-size:14px;line-height:1.7;}
  footer h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:11px;}
  footer ul a{font-size:14px;transition:.2s;color:#9aa6bc;}
  footer ul a:hover{color:var(--brick);}
  .foot-ci{display:flex;gap:10px;font-size:14px;margin-bottom:12px;color:#9aa6bc;}
  .foot-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;flex-wrap:wrap;gap:10px;}
  .foot-bottom a{color:var(--brick);}

  /* ── RESPONSIVE ── */
  @media(max-width:1024px){
    nav{display:none;}
    .job-layout{grid-template-columns:1fr;}
    .job-sidebar{position:static;top:auto;}
    .benefit-mini-grid{grid-template-columns:1fr;}
    .career-path{flex-wrap:wrap;gap:20px;}
    .career-path::before{display:none;}
    .cp-step{min-width:140px;flex:none;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:640px){
    .job-hero h1{font-size:30px;}
    .job-meta{gap:8px;}
  }

/* === WordPress theme utilities === */
.loiloc-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.loiloc-nav-toggle span{display:block;width:24px;height:2px;background:var(--navy);}
.loiloc-nav ul,.loiloc-nav .menu{display:flex;gap:28px;list-style:none;margin:0;padding:0;}
.loiloc-nav a{font-family:'Oswald';font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);padding:8px 0;border-bottom:2px solid transparent;}
.loiloc-nav .current-menu-item>a,.loiloc-nav a:hover{color:var(--brick);border-bottom-color:var(--brick);}
.loi-ico{display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0;}
.loi-ico--white{filter:brightness(0) invert(1);}
.loi-ico--flip{transform:rotate(180deg);}
.wpcf7 input,.wpcf7 select,.wpcf7 textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);font-family:'Source Sans 3';font-size:14.5px;}
.wpcf7 input[type=submit]{background:var(--brick);color:#fff;font-family:'Oswald';font-weight:700;text-transform:uppercase;border:none;cursor:pointer;padding:16px;}
@media(max-width:900px){
  .loiloc-nav-toggle{display:flex;}
  .loiloc-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 28px 24px;z-index:200;}
  .loiloc-nav.is-open{display:block;}
  .loiloc-nav ul,.loiloc-nav .menu{flex-direction:column;gap:0;}
  header{position:relative;}
}