/* =========================================================
   AN THINH PHAT - TRANG CHU
   File: trang-chu.css
   Dat tai: wp-content/themes/flatsome-child/asset/trang-chu.css
   Moi class deu bat dau bang "atp-" va nam trong #atp-home
   de khong dung CSS cua Flatsome.
   ========================================================= */

/* ---------- 0. Font (phai nam dau file) ---------- */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

/* ---------- 1. Bien mau, font, kich thuoc ---------- */
#atp-home{
  --atp-ink:#1C1713;
  --atp-dark:#211B17;
  --atp-paper:#FAF9F7;
  --atp-white:#FFFFFF;
  --atp-sand:#F1EBE3;
  --atp-line:#E6E0D8;
  --atp-mute:#5F5750;
  --atp-or:#F8752B;
  --atp-or-text:#F8752B;
  --atp-or-hover:#D95616;
  --atp-serif:'Noto Serif',Georgia,'Times New Roman',serif;
  --atp-sans:'Be Vietnam Pro',Arial,Helvetica,sans-serif;
  --atp-r:6px;
  --atp-hd:90px;                          /* chieu cao header Flatsome (chinh cho dung) */
  --atp-screen:calc(100svh - var(--atp-hd));
  --atp-pad:clamp(28px,5.5svh,64px);      /* khoang dem tren/duoi moi phan */

  /* Tran full chieu ngang, ke ca khi nam trong Row cua Flatsome */
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;

  background:var(--atp-paper);
  color:var(--atp-ink);
  font-family:var(--atp-sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body:has(#atp-home){overflow-x:clip}
/* Bo khoang dem cua Section / Row / Col Flatsome bao quanh #atp-home */
.section:has(#atp-home){padding-top:0!important;padding-bottom:0!important;min-height:0!important}
.section:has(#atp-home)>.section-bg{display:none!important}
.row:has(>.col #atp-home){margin-left:0!important;margin-right:0!important;max-width:none!important;width:100%!important}
.col:has(#atp-home),.col-inner:has(#atp-home){padding:0!important;margin:0!important}

/* ---------- 2. Reset style mac dinh cua Flatsome ben trong khoi ---------- */
#atp-home,#atp-home *,#atp-home *::before,#atp-home *::after{box-sizing:border-box}
#atp-home h1,#atp-home h2,#atp-home h3,#atp-home h4,#atp-home p,#atp-home blockquote,#atp-home dl,#atp-home dd,#atp-home figure{margin:0;padding:0;color:inherit;text-transform:none;letter-spacing:normal}
#atp-home h1,#atp-home h2,#atp-home h3,#atp-home h4,#atp-home h5,#atp-home h6{width:auto;max-width:none}
#atp-home blockquote{border:0;font-style:normal}
#atp-home p:empty,#atp-home br{display:none}
#atp-home ul,#atp-home ol{list-style:none;margin:0;padding:0}
#atp-home li{margin:0}
#atp-home a{color:inherit;text-decoration:none}
#atp-home img{display:block;max-width:100%;border:0}
#atp-home svg{display:block}
#atp-home section{margin:0;scroll-margin-top:var(--atp-hd)}
#atp-home :focus-visible{outline:3px solid #FFB887;outline-offset:3px}

/* ---------- 3. Thanh phan dung chung ---------- */
#atp-home .atp-wrap{
  max-width:1240px;
  margin:0 auto;
  padding-left:max(20px,env(safe-area-inset-left,0px));
  padding-right:max(20px,env(safe-area-inset-right,0px));
}
#atp-home .atp-sec{padding-block:var(--atp-pad)}
#atp-home .atp-sec>.atp-wrap{display:flex;flex-direction:column;gap:clamp(18px,3svh,32px)}
#atp-home .atp-sec--white{background:var(--atp-white)}
#atp-home .atp-sec--dark{background:var(--atp-dark);color:#fff}

#atp-home .atp-label{
  display:flex;align-items:center;gap:10px;
  font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--atp-or-text);
}
#atp-home .atp-label::before{content:"";flex:none;width:4px;height:15px;background:var(--atp-or)}
#atp-home .atp-sec--dark .atp-label{color:var(--atp-or)}

#atp-home .atp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap}
#atp-home .atp-head__t{display:flex;flex-direction:column;gap:10px}
#atp-home .atp-h2{
  font-family:var(--atp-serif);font-weight:700;
  font-size:clamp(26px,min(3vw,5.2svh),40px);line-height:1.2;letter-spacing:-.01em;text-wrap:balance;
}
#atp-home .atp-h2 em{font-style:italic;font-weight:600;color:var(--atp-or-text)}
#atp-home .atp-sec--dark .atp-h2 em{color:var(--atp-or)}
#atp-home .atp-lede{color:var(--atp-mute);max-width:46ch;font-size:15.5px}
#atp-home .atp-sec--dark .atp-lede{color:rgba(255,255,255,.72)}

#atp-home .atp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:50px;margin:0;padding:0 24px;
  border:2px solid var(--atp-or);border-radius:5px;
  background:var(--atp-or);color:#fff;
  font:600 15px/1 var(--atp-sans);letter-spacing:0;text-transform:none;
  box-shadow:none;cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s;
}
#atp-home .atp-btn:hover{background:var(--atp-or-hover);border-color:var(--atp-or-hover);color:#fff}
#atp-home .atp-btn--ghost{background:transparent;color:var(--atp-ink);border-color:var(--atp-ink)}
#atp-home .atp-btn--ghost:hover{background:var(--atp-ink);border-color:var(--atp-ink);color:#fff}
#atp-home .atp-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap}
#atp-home .atp-link:hover{color:var(--atp-or-text)}
#atp-home .atp-icon{width:18px;height:18px;flex:none}

#atp-home .atp-photo{position:relative;overflow:hidden;border-radius:var(--atp-r);background:var(--atp-sand)}
#atp-home .atp-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
#atp-home a:hover .atp-photo img{transform:scale(1.035)}

/* ---------- 4. HERO ---------- */
#atp-home .atp-hero{
  display:flex;
  height:var(--atp-screen);
  min-height:540px;max-height:860px;
  padding-block:clamp(20px,3.5svh,40px);
}
#atp-home .atp-hero__in{
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  grid-template-rows:minmax(0,1fr) auto;
  gap:clamp(16px,2.6svh,28px) clamp(28px,4vw,56px);
  width:100%;height:100%;
}
#atp-home .atp-hero__text{display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2.6svh,26px)}
#atp-home .atp-hero__title{
  font-family:var(--atp-serif);font-weight:700;
  font-size:clamp(36px,min(4.6vw,7.4svh),68px);
  line-height:1.08;letter-spacing:-.02em;text-wrap:balance;
  color:var(--atp-ink);
}
#atp-home .atp-hero__title em{font-style:italic;font-weight:600;color:var(--atp-or-text)}
#atp-home .atp-hero__lead{font-size:clamp(15px,2.1svh,17.5px);color:var(--atp-mute);max-width:44ch}
#atp-home .atp-hero__cta{display:flex;flex-wrap:wrap;gap:12px}
#atp-home .atp-hero__media{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  grid-template-rows:minmax(0,1.35fr) minmax(0,1fr);
  gap:12px;min-height:0;
}
#atp-home .atp-hero__media .atp-photo--main{grid-column:1/3}
#atp-home .atp-hero__note{
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;gap:12px;
  padding:clamp(16px,2.8svh,28px);
  border-radius:var(--atp-r);background:var(--atp-or-text);color:#fff;
}
#atp-home .atp-hero__note::before{content:"“";position:absolute;top:-.18em;right:.08em;font-family:var(--atp-serif);font-size:clamp(110px,16svh,170px);line-height:1;color:rgba(255,255,255,.16);pointer-events:none}
#atp-home .atp-hero__note p{position:relative;font-family:var(--atp-serif);font-style:italic;font-weight:600;font-size:clamp(19px,min(1.9vw,3.1svh),27px);line-height:1.3;color:#fff}
#atp-home .atp-hero__note small{position:relative;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff}
#atp-home .atp-hero__note small::before{content:"";width:22px;height:2px;background:#fff}
#atp-home .atp-hero__fields{
  grid-column:1/3;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;
  padding-top:clamp(12px,2svh,18px);border-top:1px solid var(--atp-line);
  font-family:var(--atp-serif);font-size:clamp(15px,1.4vw,18px);font-weight:600;
}
#atp-home .atp-hero__fields span{display:flex;align-items:center;gap:20px}
#atp-home .atp-hero__fields span:not(:last-child)::after{content:"";width:6px;height:6px;background:var(--atp-or);transform:rotate(45deg)}

/* ---------- 5. HAI LINH VUC ---------- */
#atp-home .atp-worlds{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:minmax(0,1fr) auto auto auto auto;  /* khoang trong + 4 hang chu dung chung cho 2 the */
  column-gap:16px;row-gap:0;
  height:clamp(300px,calc(var(--atp-screen) - 2*var(--atp-pad) - 120px),460px);
}
#atp-home .atp-world{position:relative;display:grid;grid-row:1/6;grid-template-rows:subgrid;overflow:hidden;border-radius:var(--atp-r);background:var(--atp-dark);color:#fff;--atp-in:clamp(20px,3svh,32px)}
#atp-home .atp-world img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
#atp-home .atp-world:hover img{transform:scale(1.04)}
#atp-home .atp-world::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,12,0) 0%,rgba(20,15,12,.15) 25%,rgba(20,15,12,.72) 52%,rgba(20,15,12,.94) 100%)}
#atp-home .atp-world__in{display:contents;text-shadow:0 1px 14px rgba(0,0,0,.45)}
#atp-home .atp-world__in>*{position:relative;z-index:2;grid-column:1;margin-inline:var(--atp-in)}
#atp-home .atp-world__in>.atp-world__k{grid-row:2;justify-self:start;align-self:end;margin-bottom:12px}
#atp-home .atp-world__in>h3{grid-row:3;margin-bottom:10px}
#atp-home .atp-world__in>p{grid-row:4;margin-bottom:12px}
#atp-home .atp-world__in>ul{grid-row:5;align-self:start;align-items:flex-start;align-content:flex-start;margin-top:0;margin-bottom:var(--atp-in)}
#atp-home .atp-world__k{align-self:flex-start;padding:6px 12px;border-radius:4px;background:var(--atp-or);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:none}
#atp-home .atp-world h3{font-family:var(--atp-serif);font-weight:700;font-size:clamp(22px,min(2.4vw,4svh),32px);line-height:1.2;color:#fff}
#atp-home .atp-world p{max-width:44ch;font-size:15px;color:rgba(255,255,255,.9)}
#atp-home .atp-world ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
#atp-home .atp-world li{padding:5px 12px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(0,0,0,.35);font-size:13px;font-weight:500;color:#fff;text-shadow:none}
#atp-home .atp-world li.is-hot{background:var(--atp-or);border-color:var(--atp-or)}
#atp-home .atp-world,#atp-home .atp-world:hover,#atp-home .atp-world:hover h3,#atp-home .atp-world:hover p,#atp-home .atp-feat,#atp-home .atp-feat:hover,#atp-home .atp-feat:hover h3,#atp-home .atp-feat:hover dd{color:#fff}
#atp-home .atp-world:hover p{color:rgba(255,255,255,.9)}

/* ---------- 6. DICH VU (2 cot x 3 dong) ---------- */
#atp-home .atp-svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px);border-top:1px solid var(--atp-ink)}
#atp-home .atp-srow{
  display:grid;grid-template-columns:clamp(96px,10vw,140px) minmax(0,1fr) 40px;gap:20px;align-items:center;
  padding-block:clamp(12px,2.2svh,20px);border-bottom:1px solid var(--atp-line);
}
#atp-home .atp-srow .atp-photo{aspect-ratio:4/3}
#atp-home .atp-srow h3{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-family:var(--atp-serif);font-weight:700;font-size:clamp(18px,min(1.7vw,3svh),23px);line-height:1.25}
#atp-home .atp-srow p{margin-top:4px;font-size:14.5px;line-height:1.55;color:var(--atp-mute)}
#atp-home .atp-tag{padding:5px 8px;border-radius:4px;background:var(--atp-or);color:#fff;font:700 11px/1 var(--atp-sans);letter-spacing:.1em;text-transform:uppercase}
#atp-home .atp-tag--dark{background:var(--atp-dark)}
#atp-home .atp-go{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--atp-line);border-radius:50%;color:var(--atp-or-text);transition:background-color .2s,color .2s,border-color .2s}
#atp-home .atp-srow:hover .atp-go{background:var(--atp-or);border-color:var(--atp-or);color:#fff}

/* ---------- 7. DU AN ---------- */
#atp-home .atp-prj{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);
  height:clamp(340px,calc(var(--atp-screen) - 2*var(--atp-pad) - 110px),480px);
}
#atp-home .atp-feat{position:relative;display:block;overflow:hidden;border-radius:var(--atp-r);color:#fff}
#atp-home .atp-feat img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
#atp-home .atp-feat:hover img{transform:scale(1.035)}
#atp-home .atp-feat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,12,0) 35%,rgba(20,15,12,.7) 68%,rgba(20,15,12,.94) 100%)}
#atp-home .atp-feat__in{position:absolute;left:0;right:0;bottom:0;z-index:2;text-shadow:0 1px 14px rgba(0,0,0,.45);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:clamp(18px,3svh,28px)}
#atp-home .atp-feat__k{display:inline-block;padding:5px 10px;border-radius:4px;background:var(--atp-or);color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:none}
#atp-home .atp-feat h3{margin-top:10px;font-family:var(--atp-serif);font-weight:700;font-size:clamp(24px,min(2.6vw,4.4svh),34px);color:#fff}
#atp-home .atp-feat dl{display:flex;gap:20px}
#atp-home .atp-feat dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
#atp-home .atp-feat dd{font-size:15px;font-weight:600}
#atp-home .atp-plist{display:flex;flex-direction:column;min-height:0}
#atp-home .atp-pi{flex:1;display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:16px;align-items:center;min-height:0;padding-block:7px;border-top:1px solid var(--atp-line)}
#atp-home .atp-pi:first-child{border-top:0;padding-top:0}
#atp-home .atp-pi .atp-photo{height:100%;min-height:56px;max-height:120px}
#atp-home .atp-pi__cat{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--atp-or-text)}
#atp-home .atp-pi h4{font-family:var(--atp-serif);font-weight:700;font-size:clamp(16px,1.35vw,18px);line-height:1.3}
#atp-home .atp-pi p{margin-top:2px;font-size:13.5px;color:var(--atp-mute)}

/* ---------- 8. NANG LUC ---------- */
#atp-home .atp-cap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto;column-gap:clamp(16px,2.4vw,28px);row-gap:12px}
#atp-home .atp-pil{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start}
#atp-home .atp-pil ul{align-self:start}
#atp-home .atp-pil .atp-photo{height:clamp(130px,calc((var(--atp-screen) - 2*var(--atp-pad)) * .3),240px);background:#2B231D}
#atp-home .atp-pil h3{font-family:var(--atp-serif);font-weight:700;font-size:clamp(20px,min(2vw,3.6svh),26px);color:#fff}
#atp-home .atp-pil p{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.72)}
#atp-home .atp-pil ul{display:grid;gap:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
#atp-home .atp-pil li{display:flex;gap:10px;font-size:14px;color:rgba(255,255,255,.88)}
#atp-home .atp-pil li::before{content:"";flex:none;width:6px;height:6px;margin-top:9px;background:var(--atp-or);transform:rotate(45deg)}

/* ---------- 9. QUY TRINH ---------- */
#atp-home .atp-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--atp-line)}
#atp-home .atp-step{position:relative;padding:20px 16px 0 0}
#atp-home .atp-step::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--atp-or);transform:rotate(45deg)}
#atp-home .atp-step b{display:block;font-family:var(--atp-serif);font-style:italic;font-weight:600;font-size:28px;line-height:1;color:var(--atp-or-text)}
#atp-home .atp-step h4{margin:10px 0 4px;font-family:var(--atp-sans);font-size:16px;font-weight:700}
#atp-home .atp-step p{font-size:14px;line-height:1.5;color:var(--atp-mute)}
#atp-home .atp-price{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 22px;border:1px solid var(--atp-line);border-radius:var(--atp-r);background:var(--atp-white)}
#atp-home .atp-price p{font-size:16px}
#atp-home .atp-price b{color:var(--atp-or-text)}

/* ---------- 10. PHONG CACH ---------- */
#atp-home .atp-mos{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;
  height:clamp(320px,calc(var(--atp-screen) - 2*var(--atp-pad) - 110px),520px);
}
#atp-home .atp-mos a{grid-column:span 2}
#atp-home .atp-mos a{position:relative;display:block;overflow:hidden;border-radius:var(--atp-r);background:var(--atp-sand)}
#atp-home .atp-mos a.is-wide{grid-column:span 3}
#atp-home .atp-mos img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
#atp-home .atp-mos a:hover img{transform:scale(1.04)}
#atp-home .atp-mos span{position:absolute;left:10px;bottom:10px;padding:6px 12px;border-radius:4px;background:var(--atp-paper);color:var(--atp-ink);font-size:13.5px;font-weight:600}

/* ---------- 11. KHACH HANG + BAO CHI ---------- */
#atp-home .atp-voice{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
#atp-home .atp-voice>.atp-photo{aspect-ratio:4/3;max-height:calc(var(--atp-screen) - 2*var(--atp-pad) - 150px)}
#atp-home .atp-quote{display:flex;flex-direction:column;justify-content:center;gap:14px}
#atp-home .atp-stars{font-size:15px;letter-spacing:3px;color:#E8A317}
#atp-home .atp-quote blockquote{font-family:var(--atp-serif);font-weight:500;font-size:clamp(20px,min(2.2vw,3.7svh),30px);line-height:1.45}
#atp-home .atp-who{display:flex;align-items:center;gap:12px;font-size:15px}
#atp-home .atp-who i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--atp-sand);font-style:normal;font-weight:700;color:var(--atp-or-text)}
#atp-home .atp-who small{display:block;font-size:13px;color:var(--atp-mute)}
#atp-home .atp-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:14px;border-top:1px solid var(--atp-line)}
#atp-home .atp-mini p{font-size:14.5px}
#atp-home .atp-mini small{display:block;margin-top:6px;font-size:13px;color:var(--atp-mute)}
#atp-home .atp-press{display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
#atp-home .atp-press .atp-label{align-self:center;white-space:nowrap}
#atp-home .atp-press a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--atp-line);border-radius:var(--atp-r);background:var(--atp-white);transition:border-color .2s}
#atp-home .atp-press a:hover{border-color:var(--atp-or)}
#atp-home .atp-press small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--atp-or-text)}
#atp-home .atp-press b{display:block;margin-top:2px;font-family:var(--atp-serif);font-size:17px;line-height:1.35}
#atp-home .atp-press .atp-icon{color:var(--atp-or-text)}

/* ---------- 12. LIEN HE (3 nut) ---------- */
#atp-home .atp-ct{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,72px);align-items:center}
#atp-home .atp-ct__l{display:flex;flex-direction:column;gap:clamp(12px,2.2svh,20px)}
#atp-home .atp-ct .atp-h2{color:#fff}
#atp-home .atp-offices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
#atp-home .atp-offices b{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--atp-or)}
#atp-home .atp-offices p{font-size:14.5px;color:rgba(255,255,255,.82)}
#atp-home .atp-offices .atp-mail{grid-column:1/3;user-select:all}
#atp-home .atp-contact{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,3svh,30px);border-radius:var(--atp-r);background:var(--atp-white);color:var(--atp-ink)}
#atp-home .atp-contact h3{font-family:var(--atp-serif);font-weight:700;font-size:22px}
#atp-home .atp-contact>p{margin-top:-4px;font-size:14.5px;color:var(--atp-mute)}
#atp-home .atp-cbtn{
  display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:14px;
  min-height:72px;padding:12px 16px;
  border:1px solid var(--atp-line);border-radius:var(--atp-r);background:var(--atp-white);
  transition:border-color .2s,background-color .2s,transform .2s;
}
#atp-home .atp-cbtn:hover{border-color:var(--atp-or);background:#FFF7F1}
#atp-home .atp-cbtn__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff}
#atp-home .atp-cbtn__ic svg{width:24px;height:24px}
#atp-home .atp-cbtn--zalo .atp-cbtn__ic{background:#0068FF}
#atp-home .atp-cbtn--mess .atp-cbtn__ic{background:linear-gradient(135deg,#0099FF,#A033FF 60%,#FF5280)}
#atp-home .atp-cbtn--call .atp-cbtn__ic{background:var(--atp-or)}
#atp-home .atp-cbtn b{display:block;font-size:16px;font-weight:700;line-height:1.3}
#atp-home .atp-cbtn small{display:block;font-size:13.5px;color:var(--atp-mute)}
#atp-home .atp-cbtn .atp-icon{color:var(--atp-or-text)}
#atp-home .atp-contact__note{font-size:13px;color:var(--atp-mute)}

/* ---------- 13. Tablet ---------- */
#atp-home .atp-gmaps{align-self:flex-start;justify-self:start;margin-top:4px}
@media (max-width:1080px){
  #atp-home .atp-hero{height:auto;max-height:none}
  #atp-home .atp-hero__in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  #atp-home .atp-hero__media{height:clamp(260px,40svh,420px)}
  #atp-home .atp-hero__fields{grid-column:auto}
  #atp-home .atp-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
  #atp-home .atp-voice{grid-template-columns:minmax(0,1fr)}
  #atp-home .atp-voice>.atp-photo{display:none}
  #atp-home .atp-press{grid-template-columns:repeat(2,minmax(0,1fr))}
  #atp-home .atp-press .atp-label{grid-column:1/3}
}

/* ---------- 14. Dien thoai: nhom nhieu the chuyen thanh bang vuot ngang ---------- */
@media (max-width:680px){
  #atp-home{--atp-hd:70px;--atp-pad:26px;font-size:15px}
  #atp-home .atp-hero{min-height:0}
  #atp-home .atp-hero__title{font-size:clamp(30px,8.4vw,38px)}
  #atp-home .atp-hero__media{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto}
  #atp-home .atp-hero__media .atp-photo--main{grid-column:auto;height:24svh}
  #atp-home .atp-hero__media .atp-photo--side,#atp-home .atp-hero__fields{display:none}
  #atp-home .atp-hero__note{padding:16px 18px;gap:8px}
  #atp-home .atp-hero__note p{font-size:19px}
  #atp-home .atp-hero__note::before{font-size:96px}

  #atp-home .atp-rail{
    display:flex!important;flex-direction:row!important;height:auto!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;
    margin-inline:calc(-1 * max(20px,env(safe-area-inset-left,0px)));
    padding-inline:max(20px,env(safe-area-inset-left,0px));padding-bottom:6px;
    border-top:0;scrollbar-width:none;
  }
  #atp-home .atp-rail::-webkit-scrollbar{display:none}
  #atp-home .atp-rail>*{flex:0 0 82%;scroll-snap-align:start}

  #atp-home .atp-worlds>.atp-world{height:auto;min-height:46svh;padding-top:150px;display:flex;flex-direction:column;justify-content:flex-end}
  #atp-home .atp-svc .atp-srow{grid-template-columns:minmax(0,1fr);align-content:start;padding:12px;border:1px solid var(--atp-line);border-radius:var(--atp-r);background:var(--atp-white)}
  #atp-home .atp-svc .atp-srow .atp-photo{aspect-ratio:16/10}
  #atp-home .atp-svc .atp-go{display:none}
  #atp-home .atp-prj{grid-template-columns:minmax(0,1fr);height:auto}
  #atp-home .atp-feat{height:46svh}
  #atp-home .atp-plist .atp-pi{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;padding:0;border-top:0}
  #atp-home .atp-plist .atp-pi .atp-photo{height:auto;max-height:none;aspect-ratio:4/3}
  #atp-home .atp-plist.atp-rail>*{flex:0 0 62%}
  #atp-home .atp-cap .atp-pil{display:flex;flex-direction:column;gap:12px}
  #atp-home .atp-cap .atp-pil .atp-photo{height:19svh}
  #atp-home .atp-steps.atp-rail{border-top:1px solid var(--atp-line)}
  #atp-home .atp-steps.atp-rail>*{flex:0 0 46%}
  #atp-home .atp-mos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));height:50svh}
  #atp-home .atp-mos a,#atp-home .atp-mos a.is-wide{grid-column:auto}
  #atp-home .atp-mos a:last-child{grid-column:span 2}
  #atp-home .atp-mini{grid-template-columns:minmax(0,1fr)}
  #atp-home .atp-mini>div:nth-child(2){display:none}
  #atp-home .atp-press{grid-template-columns:minmax(0,1fr)}
  #atp-home .atp-press .atp-label{grid-column:auto}
  #atp-home .atp-ct{grid-template-columns:minmax(0,1fr);gap:20px}
  #atp-home .atp-ct .atp-lede,#atp-home .atp-offices{display:none}
  #atp-home .atp-cbtn{min-height:64px}
}
/* ===== Ve chung toi ===== */
#atp-home .atp-about-sec{border-top:1px solid var(--atp-line)}
#atp-home .atp-about{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}
#atp-home .atp-about__text{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
#atp-home .atp-about__text p{max-width:58ch;font-size:15.5px;line-height:1.7;color:var(--atp-mute)}
#atp-home .atp-values{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0;padding:0;list-style:none}
#atp-home .atp-values li{margin:0;padding:6px 14px;border:1px solid var(--atp-line);border-radius:999px;background:var(--atp-white);font-size:13.5px;font-weight:600;color:var(--atp-ink)}
#atp-home .atp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--atp-line);border-left:1px solid var(--atp-line)}
#atp-home .atp-stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding:clamp(18px,3.5svh,32px) clamp(16px,2vw,28px);border-right:1px solid var(--atp-line);border-bottom:1px solid var(--atp-line)}
#atp-home .atp-stats dd{margin:0;font-family:var(--atp-serif);font-weight:600;font-size:clamp(40px,6svh,60px);line-height:1;color:var(--atp-ink)}
#atp-home .atp-stats sup{top:-.55em;margin-left:2px;font-size:.5em;color:var(--atp-or)}
#atp-home .atp-stats dt{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--atp-mute)}
@media (max-width:1080px){#atp-home .atp-about{gap:32px}#atp-home .atp-stats dd{font-size:44px}}
@media (max-width:680px){#atp-home .atp-about{grid-template-columns:minmax(0,1fr);gap:24px}#atp-home .atp-about__text{gap:12px}#atp-home .atp-about__text p{font-size:14.5px;line-height:1.6}#atp-home .atp-about__text p+p{display:none}#atp-home .atp-stats>div{padding:14px}#atp-home .atp-stats dd{font-size:34px}#atp-home .atp-stats dt{font-size:10.5px;letter-spacing:.06em}}
/* ===== Khach hang da hop tac ===== */
#atp-home .atp-brands-sec{border-top:1px solid var(--atp-line)}
#atp-home .atp-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#atp-home .atp-brand{display:flex;align-items:center;gap:16px;min-width:0;padding:14px;border:1px solid var(--atp-line);border-radius:var(--atp-r);background:var(--atp-white);color:var(--atp-ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
#atp-home .atp-brand:hover{border-color:var(--atp-or);box-shadow:0 10px 24px rgba(28,23,19,.08);transform:translateY(-2px)}
#atp-home .atp-brand__logo{flex:0 0 auto;width:clamp(68px,8.5svh,92px);aspect-ratio:1;border-radius:8px;background:#fff center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(28,23,19,.08)}
#atp-home .atp-brand__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
#atp-home .atp-brand__txt b{font-family:var(--atp-serif);font-weight:600;font-size:clamp(15px,1.25vw,18px);line-height:1.25}
#atp-home .atp-brand__txt small{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--atp-mute)}
#atp-home .atp-brand:hover .atp-brand__txt b{color:var(--atp-or-text)}
#atp-home .atp-logo--moc-1992{background-image:url(https://noithatanthinhphat.vn/wp-content/uploads/2026/11/logo-Moc-1992.webp)}
#atp-home .atp-logo--the-1995{background-image:url(https://noithatanthinhphat.vn/wp-content/uploads/2026/11/logo-quan-cafe-the-1995-kafe.webp)}
#atp-home .atp-logo--lululala{background-image:url(https://noithatanthinhphat.vn/wp-content/uploads/2026/11/logo-quan-cafe-lululala.webp);background-size:161%}
#atp-home .atp-logo--chacee{background-image:url(https://noithatanthinhphat.vn/wp-content/uploads/2026/11/logo-tra-sua-chacee.webp)}
#atp-home .atp-logo--an-moc{background-image:url(https://noithatanthinhphat.vn/wp-content/uploads/2026/11/logo-nha-hang-an-moc.webp)}
#atp-home .atp-logo--trang-nemo{background-image:url(https://noithatanthinhphat.vn/wp-content/uploads/2026/11/logo-trang-nemo-shop_11zon.webp);background-size:116%}
#atp-home .atp-logo--lien-a{background-image:url(https://noithatanthinhphat.vn/wp-content/uploads/2026/11/logo-nem-lien-a.webp)}
#atp-home .atp-logo--jeonpo{background-image:url(https://noithatanthinhphat.vn/wp-content/uploads/2026/11/logo-Nha-Hang-Jeonpo-Meat.webp);background-size:116%}
@media (max-width:1080px){#atp-home .atp-brands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){#atp-home .atp-brands{gap:8px}#atp-home .atp-brand{gap:10px;padding:8px}#atp-home .atp-brand__logo{width:52px;border-radius:6px}#atp-home .atp-brand__txt b{font-size:14px}#atp-home .atp-brand__txt small{font-size:10px;letter-spacing:.02em;line-height:1.35}}
@media (prefers-reduced-motion:reduce){#atp-home *{transition:none!important}}