/* BuyAll — one consistent footer keyword navigation across public templates. */
.ba-keyword-block,.ba-keyword-block *{box-sizing:border-box}
.ba-keyword-block{position:relative;isolation:isolate;width:100%;margin:0;padding:clamp(34px,4.5vw,62px) 20px 40px;color:#e8f2ff;background:radial-gradient(ellipse at 92% 0%,rgba(55,121,202,.22),transparent 45%),linear-gradient(145deg,#102a4c 0%,#0b203c 60%,#102a46 100%);font-family:'Noto Sans Thai','IBM Plex Sans Thai','Leelawadee UI',Tahoma,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.ba-keyword-block::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#c7a46c,#f0d5a1 23%,#65a5e9 64%,transparent 100%)}
.ba-keyword-wrap{width:100%;max-width:1232px;margin:0 auto;min-width:0}
.ba-keyword-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}
.ba-keyword-heading>div:first-child{min-width:0}
.ba-keyword-overline{display:block;margin-bottom:8px;color:#e5c995;font-size:clamp(.63rem,.72vw,.73rem);font-weight:850;letter-spacing:.13em}
.ba-keyword-overline span{padding-left:3px;color:#a3c7f6}
.ba-keyword-heading h2{margin:0 0 7px!important;color:#fff!important;line-height:1.3!important;font-size:clamp(1.5rem,2.15vw,2.2rem)!important;font-weight:850!important;letter-spacing:-.025em!important}
.ba-keyword-heading h2 span{color:#b8d8f6}
.ba-keyword-heading p{max-width:780px;margin:0!important;color:#b7c9df!important;line-height:1.8;font-size:clamp(.83rem,1vw,.94rem)}
.ba-keyword-count{min-width:106px;padding:13px 16px;border:1px solid rgba(196,219,244,.22);border-radius:18px;background:rgba(255,255,255,.065);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.ba-keyword-count strong{display:block;color:#fff;font-size:2rem;letter-spacing:-.05em;font-weight:850;line-height:1.1}
.ba-keyword-count span{display:block;margin-top:4px;color:#b9cde4;font-size:.72rem;font-weight:700}
.ba-keyword-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.ba-keyword-group{min-width:0;padding:20px 19px 19px;border:1px solid rgba(182,208,241,.2);border-radius:19px;background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:0 15px 28px rgba(0,0,0,.08)}
.ba-keyword-group>header{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(223,232,243,.14)}
.ba-keyword-group-num{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:1px solid rgba(236,207,161,.28);border-radius:12px;background:rgba(202,163,100,.12);color:#efcd96;font-size:.83rem;font-weight:850}
.ba-keyword-group>header>div{min-width:0}
.ba-keyword-group h3{margin:0!important;color:#fff!important;font-size:clamp(.95rem,1.1vw,1.05rem)!important;font-weight:820;line-height:1.45!important}
.ba-keyword-group>header p{margin:2px 0 0!important;color:#a9bfd9!important;font-size:.72rem;line-height:1.6}
.ba-keyword-group nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}
.ba-keyword-group nav a{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:49px;padding:10px 10px 10px 11px;border:1px solid rgba(184,211,241,.14);border-radius:11px;background:rgba(255,255,255,.055);color:#ebf3fc!important;font-size:clamp(.72rem,.82vw,.81rem);font-weight:680;line-height:1.45;text-decoration:none!important;overflow-wrap:anywhere;transition:background .17s ease,border-color .17s ease,transform .17s ease}
.ba-keyword-group nav a:hover{background:rgba(91,157,226,.17);border-color:rgba(156,199,246,.42);transform:translateY(-1px);color:#fff!important}
.ba-keyword-group nav a:focus-visible{outline:3px solid #b8d9ff;outline-offset:2px}
.ba-keyword-group nav a span:first-child{min-width:0}
.ba-keyword-arrow{flex:0 0 auto;display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:rgba(153,191,231,.12);color:#d4e7fa;font-family:system-ui,sans-serif;font-size:.79rem;font-weight:700}
.ba-keyword-base{display:flex;align-items:center;gap:10px;margin-top:17px;padding:12px 16px;border:1px solid rgba(173,202,236,.13);border-radius:12px;background:rgba(255,255,255,.035);color:#adc3dd;font-size:.76rem;line-height:1.75}
.ba-keyword-base span{font-size:1rem;color:#d1b47c}
@media(max-width:1080px){.ba-keyword-block{padding-left:18px;padding-right:18px}.ba-keyword-groups{gap:11px}.ba-keyword-group{padding:16px 13px}.ba-keyword-group nav{grid-template-columns:1fr;gap:6px}.ba-keyword-group nav a{min-height:39px;padding:8px 11px}}
@media(max-width:720px){.ba-keyword-block{padding:34px 15px}.ba-keyword-heading{gap:12px}.ba-keyword-heading h2{font-size:1.62rem!important}.ba-keyword-heading p{font-size:.82rem}.ba-keyword-count{min-width:77px;padding:12px 10px}.ba-keyword-count strong{font-size:1.7rem}.ba-keyword-count span{font-size:.66rem}.ba-keyword-groups{grid-template-columns:1fr;gap:11px}.ba-keyword-group{padding:17px}.ba-keyword-group nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ba-keyword-group nav a{font-size:.79rem;min-height:44px}.ba-keyword-base{font-size:.74rem;align-items:flex-start}}
@media(max-width:400px){.ba-keyword-heading{align-items:flex-start}.ba-keyword-heading h2{font-size:1.42rem!important}.ba-keyword-count{min-width:65px;padding:9px 7px}.ba-keyword-count strong{font-size:1.38rem}.ba-keyword-group{padding:14px 12px}.ba-keyword-group nav a{font-size:.73rem;min-height:45px;padding:7px 8px}.ba-keyword-arrow{width:18px;height:18px;font-size:.69rem}}
@media(prefers-reduced-motion:reduce){.ba-keyword-group nav a{transition:none}.ba-keyword-group nav a:hover{transform:none}}

/* Footer-bottom premium refinement: service links live AFTER the company/footer
   content and BEFORE the attribution bar. Styling stays scoped to this widget. */
footer .ba-keyword-block {
  clear:both;
  margin:clamp(22px,3vw,36px) 0 0;
  padding:clamp(31px,3.4vw,48px) 18px clamp(26px,3vw,37px);
  border-top:1px solid rgba(224,237,255,.16);
  border-bottom:1px solid rgba(224,237,255,.12);
  background:
    radial-gradient(ellipse at 8% 0%,rgba(199,164,108,.10),transparent 46%),
    radial-gradient(ellipse at 97% 5%,rgba(66,132,211,.16),transparent 44%),
    linear-gradient(145deg,#091c35 0%,#112d50 56%,#0a203b 100%);
}
footer .ba-keyword-block .ba-keyword-wrap{max-width:1220px}
footer .ba-keyword-block .ba-keyword-heading{margin-bottom:20px}
footer .ba-keyword-block .ba-keyword-group{
  background:linear-gradient(157deg,rgba(250,253,255,.085),rgba(248,251,255,.025));
  border-color:rgba(203,221,247,.16);
  box-shadow:0 14px 34px rgba(3,15,32,.11);
}
footer .ba-keyword-block .ba-keyword-group nav a{
  background:rgba(247,250,255,.06);
  border-color:rgba(200,221,245,.12);
}
footer .ba-keyword-block .ba-keyword-group nav a:hover{
  border-color:rgba(233,200,146,.53);
  background:rgba(207,179,126,.10);
}
footer .ba-keyword-block a[data-link-type="external"] .ba-keyword-arrow{
  color:#f0cf96;
  background:rgba(224,188,128,.15);
}
footer .ba-keyword-block .ba-keyword-base{border-color:rgba(214,229,246,.13)}
@media(max-width:720px){
  footer .ba-keyword-block{padding:30px 14px 28px;margin-top:22px}
  footer .ba-keyword-block .ba-keyword-heading{margin-bottom:17px}
}