/* ===== TRANG CHI TIẾT ĐƠN HÀNG ===== */
.detail{padding:64px 0 0}
.detail .wrap{display:grid;grid-template-columns:563px 1fr;gap:112px;align-items:start}
.gallery__main{position:relative;height:550px;border-radius:var(--r-xl);overflow:hidden;background:#e6dfd4}
.gallery__main img{width:100%;height:100%;object-fit:cover}
.gallery__main .job__badge{left:24px;top:27px}
.cap-chip{position:absolute;right:30px;bottom:38px;background:rgba(255,255,255,.92);border-radius:var(--r-sm);
  padding:9px 23px;font-size:16px;color:var(--ink)}
.dots{display:flex;gap:6px;justify-content:center;margin:18px 0 0}
.dots i{width:10px;height:10px;border-radius:50%;background:#d9d9d9;display:block}
.dots i:first-child{background:var(--navy)}
.gallery__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:22px}
.thumb{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:#e6dfd4}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb span{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);border-radius:6px;
  padding:4px 12px;font-size:14px}
.detail h1{font-size:40px;font-weight:800;color:var(--navy);margin:14px 0 0;line-height:1.35}
.pay-box{background:#fff;border:1px solid var(--orange);border-radius:var(--r-md);padding:28px 33px;margin-top:38px}
.pay-box dt{font-size:18px;color:var(--body);margin:0}
.pay-box dd{font-size:28px;font-weight:700;color:var(--orange);margin:8px 0 0}
.pay-box hr{border:0;border-top:1px solid #e6dfd4;margin:26px 0}
.pay-box dd.sub{font-size:24px;color:var(--navy)}
.spec{background:#fff;border-radius:var(--r-md);padding:12px 30px;margin-top:33px}
.spec div{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #e6dfd4}
.spec div:last-child{border-bottom:0}
.spec dt{font-size:18px;color:var(--body);margin:0}
.spec dd{font-size:18px;font-weight:600;margin:0;text-align:right}
.apply{margin-top:33px;display:grid;gap:16px}
.apply .btn{width:100%;justify-content:center;height:60px;font-size:20px}
.apply__row{display:grid;grid-template-columns:1fr 1fr;gap:29px}
.panels{padding:76px 0 0}
.panels .wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.panel{background:#fff;border-radius:var(--r-xl);padding:46px 36px}
.panel h2{font-size:32px;font-weight:800;color:var(--navy);margin:0 0 42px}
.panel li{display:flex;gap:20px;align-items:flex-start;margin-bottom:16px;font-size:18px;color:var(--body)}
.panel li svg{width:30px;height:30px;flex:none;margin-top:1px}
.panel p{font-size:18px;color:var(--body);margin:0}
.pdf-box{margin-top:32px;background:rgba(1,84,149,.06);border-radius:var(--r-md);padding:20px 24px;
  display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pdf-box span{font-size:18px;color:var(--body)}
.pdf-box a{color:var(--orange);font-weight:600;font-size:18px}
.perks{padding:95px 0 0}
.perks__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}
.perk{background:#fff;border-radius:var(--r-xl);padding:29px 36px 36px}
.perk svg{width:40px;height:40px}
.perk h3{font-size:24px;font-weight:700;color:var(--navy);margin:28px 0 0}
.perk p{font-size:16px;color:var(--body);margin:14px 0 0}
.after{padding:84px 0 0}
.after .eyebrow{display:block;margin-bottom:54px}
.after .steps__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-top:0}
.after .step{background:#fff;border-radius:var(--r-md);overflow:hidden;min-height:306px;
  box-shadow:0 4px 18px rgba(0,0,0,.05);display:flex;flex-direction:column}
.after .step__no{height:62px;flex:none;background:rgba(248,148,30,.2);color:#c25d00;font-size:28px;
  font-weight:700;display:flex;align-items:center;justify-content:center}
.after .step:first-child .step__no{background:var(--orange);color:#fff}
.after .step__body{padding:16px 24px 24px}
.after .step__body h3{font-size:18px;font-weight:500;margin:0;text-align:center;line-height:25px}
.after .step__body p{font-size:16px;line-height:23px;color:var(--muted);margin:12px 0 0}
@media (max-width:1280px){ .after .steps__grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:980px){ .after .steps__grid{grid-template-columns:1fr 1fr;gap:20px} }
.suggest{padding:95px 0 100px}
.suggest__head{position:relative;margin-bottom:50px}
.suggest__all{position:absolute;right:0;bottom:6px}
.stickybar{position:sticky;bottom:0;z-index:40;background:#fff;border-top:1px solid #e6dfd4;
  box-shadow:0 -8px 24px rgba(1,84,149,.08)}
.stickybar .wrap{display:flex;align-items:center;gap:40px;padding-top:20px;padding-bottom:20px;flex-wrap:wrap}
.stickybar dl{margin:0}
.stickybar dt{font-size:16px;color:var(--muted)}
.stickybar dd{font-size:20px;font-weight:600;margin:6px 0 0}
.stickybar .acts{margin-left:auto;display:flex;gap:40px;flex-wrap:wrap}
.stickybar .btn{height:60px;font-size:18px}
@media (max-width:1280px){
  .detail .wrap,.after .wrap{grid-template-columns:1fr 1fr;gap:48px}
  .perks__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .detail .wrap,.panels .wrap,.after .wrap{grid-template-columns:1fr}
  .perks__grid{grid-template-columns:1fr}
  .detail h1,.after h2{font-size:28px}
  .panel h2{font-size:24px}
  .gallery__main{height:300px}
  .apply__row{grid-template-columns:1fr}
  .stickybar{position:static}
  .stickybar .acts{margin-left:0;width:100%}
  .stickybar .btn{width:100%}
}