/* Trang Bàn chân bẹt ở trẻ */
.bt-badges{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;max-width:470px}
.bt-badges li{display:flex;align-items:center;gap:10px;font-size:14.5px;line-height:1.25;color:#34495c}
.bt-badges li b{display:block;font-weight:600;color:#123a5a;font-size:15px}
.bt-badges i{width:42px;height:42px;border-radius:50%;border:1.5px solid #1d5e96;display:grid;place-items:center;color:#1d5e96;flex-shrink:0}
.bt-badges i svg{width:22px;height:22px}

.bt-sec{padding:64px 0}
.bt-h{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.bt-h h2{font-size:34px;font-weight:600;margin:0}
.bt-h .lt{width:40px;height:22px;color:var(--bronze);margin:0;flex-shrink:0}

.gi-in{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.gi-txt p{font-size:17.5px;color:#34433a;margin:0 0 14px;line-height:1.7}
.gi-txt p:last-child{margin:0}
.gi-cmp{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.gi-cmp figure{margin:0;padding:22px 16px 20px;text-align:center}
.gi-cmp figure+figure{border-left:1px solid var(--line)}
.gi-cmp h3{font-size:16.5px;font-weight:600;color:var(--green-dd);margin:0 0 12px}
.gi-cmp svg{width:140px;height:120px;display:block;margin:0 auto 12px;color:var(--green)}
.gi-cmp figcaption{font-size:14.5px;color:#34433a;line-height:1.45}

.bt-sage{background:var(--sage)}
.dh6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.dh6 li{background:#fff;border:1.5px solid var(--green);border-radius:10px;padding:22px 12px 20px;text-align:center;font-weight:500;font-size:15.5px;line-height:1.35;color:#1e2b22}
.dh6 svg{width:60px;height:60px;display:block;margin:0 auto 12px;color:var(--green)}

.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}
.tl:before{content:"";position:absolute;left:12%;right:12%;top:8px;height:1px;background:var(--bronze);opacity:.6}
.tl li{position:relative;padding-top:30px}
.tl li:before{content:"";position:absolute;top:3px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--green);border:2px solid var(--ivory)}
.tl .tl-c{display:flex;align-items:center;gap:14px;background:var(--sage);padding:18px 18px 18px 22px;min-height:96px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,14px 50%)}
.tl li:first-child .tl-c{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);padding-left:18px}
.tl .tl-c svg{width:46px;height:46px;flex-shrink:0;color:var(--green)}
.tl b{display:block;font:600 21px/1.2 var(--serif);color:var(--green-dd);margin-bottom:4px}
.tl span{font-size:14.5px;color:#34433a;line-height:1.4}
.tl li.gold:before{background:var(--bronze)}
.tl li.gold .tl-c{background:var(--bronze);color:#fff}
.tl li.gold .tl-c svg,.tl li.gold b,.tl li.gold span{color:#fff}

.qt-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.qt-steps{list-style:none;margin:0;padding:0}
.qt-steps li{display:grid;grid-template-columns:44px 52px 1fr;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.qt-steps li:last-child{border-bottom:0}
.qt-steps .n{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;font:600 20px/44px var(--serif);text-align:center}
.qt-steps .st-ic{width:52px;height:52px;border-radius:50%;background:var(--sage);display:grid;place-items:center;color:var(--green)}
.qt-steps .st-ic svg{width:30px;height:30px}
.qt-steps b{display:block;font-size:17.5px;font-weight:600;color:var(--green-dd);margin-bottom:3px}
.qt-steps span{font-size:15px;color:#34433a}
.qt-img img{width:100%;aspect-ratio:1000/580;object-fit:cover;border-radius:12px;display:block}

.ht-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ht-card{display:grid;grid-template-columns:120px 1fr;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ht-card img{width:120px;height:100%;min-height:120px;object-fit:cover}
.ht-card div{padding:18px 16px 16px}
.ht-card b{display:block;font:600 19px/1.25 var(--serif);color:var(--green-dd);margin-bottom:6px}
.ht-card p{margin:0;font-size:14.5px;color:#34433a;line-height:1.5}

.faq2{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.faq2 .faq{margin:0}

.bt-cta{background:var(--green-dd) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 100 100'%3E%3Cpath d='M20 80 C 30 40, 60 20, 85 15 C 80 45, 55 70, 20 80 Z M20 80 L 70 30' fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.2'/%3E%3C/svg%3E");color:#fff;padding:56px 0}
.cta-in{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.cta-in h2{font-size:34px;font-weight:600;color:#fff;margin:0 0 8px}
.cta-in p{margin:0;font-size:17px;color:rgba(255,255,255,.85)}
.cta-r{text-align:right}
.cta-r .btn{font-size:17px;padding:16px 34px}
.cta-r small{display:block;margin-top:14px;font-size:15px;color:rgba(255,255,255,.85)}

@media (max-width:1080px){
  .dh6{grid-template-columns:repeat(3,1fr)}
  .ht-grid{grid-template-columns:1fr}
  .ht-card{grid-template-columns:140px 1fr}.ht-card img{width:140px}
}
@media (max-width:900px){
  .bt-sec{padding:48px 0}
  .gi-in,.qt-in{grid-template-columns:1fr;gap:28px}
  .qt-img{order:-1}
  .tl{grid-template-columns:1fr 1fr;gap:20px 14px}.tl:before{display:none}.tl li{padding-top:0}.tl li:before{display:none}
  .tl .tl-c,.tl li:first-child .tl-c{clip-path:none;border-radius:10px;padding:16px}
  .faq2{grid-template-columns:1fr}
  .cta-in{grid-template-columns:1fr}.cta-r{text-align:left}
}
@media (max-width:560px){
  .bt-h h2{font-size:26px}
  .bt-badges{gap:12px 18px}.bt-badges li{font-size:13px}.bt-badges li b{font-size:13.5px}
  .gi-cmp{grid-template-columns:1fr}.gi-cmp figure+figure{border-left:0;border-top:1px solid var(--line)}
  .dh6{grid-template-columns:1fr 1fr;gap:10px}.dh6 li{font-size:14px;padding:16px 8px}.dh6 svg{width:46px;height:46px}
  .tl{grid-template-columns:1fr}
  .ht-card{grid-template-columns:110px 1fr}.ht-card img{width:110px}
  .cta-in h2{font-size:27px}
}
