/* Footer – phong cách "Setup quán" */
.tlh.tlf{
  --tlh-red:#D7182A; --tlh-navy:#0F2A44; --tlh-yellow:#FFC20E; --tlh-zalo:#0068FF;
  --tlf-bg:#0B2135; --tlf-line:rgba(255,255,255,.1); --tlf-mute:#8FA6BF;
  color:#D4DEE9; font-size:14px; line-height:1.55;
}
#footer.footer-wrapper{background:var(--tlf-bg,#0B2135)}
.tlf *{box-sizing:border-box}
.tlf a{text-decoration:none}
.tlf ul{list-style:none;margin:0;padding:0}
.tlf li{margin:0}

/* Dải hotline */
.tlf-top{background:var(--tlh-navy);border-bottom:1px solid var(--tlf-line)}
.tlf-top__wrap{display:flex;align-items:center;gap:24px;padding-top:22px;padding-bottom:22px}
.tlf-top__text{flex:1;min-width:0}
.tlf-top__text b{display:block;color:#fff;font-size:18px}
.tlf-top__text span{color:var(--tlf-mute);font-size:12.5px}
.tlf-top__lines{display:flex;gap:10px;flex-wrap:wrap}
.tlf-top__lines a{display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.06);border:1px solid var(--tlf-line);border-radius:12px;padding:8px 16px;min-width:150px;transition:background .15s,border-color .15s}
.tlf-top__lines a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.tlf-top__lines small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tlf-mute)}
.tlf-top__lines b{color:var(--tlh-yellow);font-size:17px;white-space:nowrap}
.tlf-top__lines a.is-zalo{background:var(--tlh-zalo);border-color:var(--tlh-zalo);min-width:0}
.tlf-top__lines a.is-zalo small{color:#CFE0FF}
.tlf-top__lines a.is-zalo b{color:#fff;display:flex;align-items:center;gap:6px}
.tlf-top__lines a.is-zalo i{font-style:normal;background:#fff;color:var(--tlh-zalo);width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px}

/* Khu chính */
.tlf-main{padding:40px 0 30px}
.tlf-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px}
.tlf-logo{display:inline-flex;align-items:center;gap:10px;color:#fff!important;font-size:18px;font-weight:700;line-height:1.2}
.tlf-logo span{width:40px;height:40px;border-radius:10px;background:var(--tlh-red);color:#fff;display:grid;place-items:center;font-size:15px;flex:none}
.tlf-brand p{margin:14px 0 0!important;color:var(--tlf-mute);font-size:14px}
.tlf-facts{display:flex;gap:18px;margin-top:16px!important}
.tlf-facts li{color:var(--tlf-mute);font-size:13px}
.tlf-facts b{display:block;color:#fff;font-size:22px;line-height:1.1}
.tlf-social{display:flex;gap:8px;margin-top:18px}
.tlf-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff!important;display:grid;place-items:center;transition:background .15s}
.tlf-social a:hover{background:var(--tlh-red)}
.tlf-social svg{width:20px;height:20px}
.tlf-social a.is-zalo{width:auto;padding:0 12px;font-weight:700;font-size:13px;background:var(--tlh-zalo)}

.tlf-col summary{list-style:none;color:#fff;font-weight:700;font-size:15px;margin-bottom:12px;cursor:default;pointer-events:none}
.tlf-col summary::-webkit-details-marker{display:none}
.tlf-col ul{display:flex;flex-direction:column;gap:9px}
.tlf-col a{color:#B8C7D8!important;font-size:14px;transition:color .15s}
.tlf-col a:hover{color:var(--tlh-yellow)!important}

/* Cơ sở */
.tlf-stores{margin-top:34px;padding-top:28px;border-top:1px solid var(--tlf-line)}
.tlf-stores h3{color:#fff!important;font-size:16px!important;font-weight:700;margin:0 0 14px!important;letter-spacing:0}
.tlf-stores__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tlf-st{background:rgba(255,255,255,.04);border:1px solid var(--tlf-line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.tlf-st b{color:var(--tlh-yellow);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.tlf-st > span{color:#D4DEE9;line-height:1.45}
.tlf-st__act{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:auto;padding-top:6px}
.tlf-st__act a{color:#fff!important;font-weight:700;font-size:13px}
.tlf-st__act a:hover{color:var(--tlh-yellow)!important}
.tlf-st__act a.is-map{color:#FF8A95!important}

/* Dòng cuối */
.tlf-bottom{border-top:1px solid var(--tlf-line);background:#081A2B}
.tlf-bottom__wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;font-size:13px;color:var(--tlf-mute)}
.tlf-bottom b{color:#D4DEE9}

/* Tablet */
@media (max-width:1100px){
  .tlf-grid{grid-template-columns:1fr 1fr 1fr}
  .tlf-brand{grid-column:1/-1}
  .tlf-stores__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:849px){
  .tlf-top__wrap{flex-direction:column;align-items:stretch;gap:14px}
  .tlf-top__lines{display:grid;grid-template-columns:repeat(2,1fr)}
  .tlf-top__lines a{min-width:0}
}

/* Mobile */
@media (max-width:549px){
  .tlf-top__wrap{padding-top:18px;padding-bottom:18px}
  .tlf-top__text b{font-size:16px}
  .tlf-top__lines{gap:8px}
  .tlf-top__lines a{padding:8px 12px}
  .tlf-top__lines b{font-size:15px}
  .tlf-main{padding:24px 0 12px}
  .tlf-grid{grid-template-columns:1fr;gap:0}
  .tlf-brand{padding-bottom:18px;border-bottom:1px solid var(--tlf-line)}
  .tlf-facts b{font-size:19px}
  /* Cột liên kết thành dạng bấm để mở */
  .tlf-col{border-bottom:1px solid var(--tlf-line)}
  .tlf-col summary{pointer-events:auto;cursor:pointer;margin:0;padding:14px 0;display:flex;justify-content:space-between;align-items:center}
  .tlf-col summary:after{content:"+";font-size:20px;line-height:1;color:var(--tlf-mute)}
  .tlf-col[open] summary:after{content:"–"}
  .tlf-col ul{padding-bottom:14px;gap:10px}
  /* Cơ sở: vuốt ngang */
  .tlf-stores{margin-top:20px;padding-top:0;border-top:0}
  .tlf-stores h3{font-size:15px!important}
  .tlf-stores__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -15px;padding:0 15px}
  .tlf-stores__grid::-webkit-scrollbar{display:none}
  .tlf-st{flex:0 0 78%;scroll-snap-align:start}
  .tlf-bottom__wrap{flex-direction:column;gap:4px;text-align:center;align-items:center}
}