/* Topbar toàn site: thanh thông báo khuyến mại / chương trình, ghim trên cùng.
   Nằm trên cùng mọi trang, cuộn đi cùng trang; khi cuộn chỉ menu được ghim.
   Nội dung sửa ở partials/topbar.html. Để tắt: xoá phần tử .ladi-topbar trong partial. */
.ladi-topbar{position:relative;z-index:51;height:40px;overflow:hidden;background:linear-gradient(100deg,#1C00C2 0%,#365DFF 55%,#1C00C2 100%);color:#fff}
.ladi-topbar:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.22) 48%,transparent 60%);transform:translateX(-100%);animation:ladiTbShine 4.5s ease-in-out infinite;pointer-events:none}
@keyframes ladiTbShine{55%,100%{transform:translateX(100%)}}
.ladi-topbar a.ladi-tb-in{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:100%;padding:0 16px;color:#fff;text-decoration:none;font-size:14.5px;line-height:22px;white-space:nowrap}
.ladi-tb-t,.ladi-tb-s{line-height:22px;padding:2px 0}
.ladi-tb-ic{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#FFD43B;animation:ladiTbPop 4.5s ease-in-out infinite}
.ladi-tb-ic svg{width:16px;height:16px;fill:none;stroke:#1C00C2;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
@keyframes ladiTbPop{0%,70%,100%{transform:none}78%{transform:scale(1.15) rotate(-8deg)}86%{transform:rotate(6deg)}}
.ladi-tb-k{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#E6ECFF}
.ladi-tb-t{overflow:hidden;text-overflow:ellipsis;color:#E6ECFF}
.ladi-tb-t b{color:#FFD43B;font-weight:800}
.ladi-tb-s{display:none}
.ladi-tb-cta{position:relative;overflow:hidden;flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:linear-gradient(90deg,#FFE27A 0%,#FFD43B 100%);color:#1A1060;font-size:13px;font-weight:800;line-height:18px;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 3px rgba(255,212,59,.22),0 6px 14px -6px rgba(255,190,40,.8);transition:transform .2s,box-shadow .2s}
.ladi-tb-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.65) 48%,transparent 62%);transform:translateX(-120%);animation:ladiTbShine 2.8s ease-in-out infinite;pointer-events:none}
.ladi-tb-cta svg{position:relative}
.ladi-topbar a.ladi-tb-in:hover .ladi-tb-cta{box-shadow:0 0 0 4px rgba(255,212,59,.38),0 8px 18px -6px rgba(255,190,40,.95)}
.ladi-topbar a.ladi-tb-in:hover .ladi-tb-cta{transform:translateX(3px)}
@media (max-width:1080px){.ladi-tb-k{display:none}}
@media (max-width:900px){.ladi-tb-t{display:none}.ladi-tb-s{display:block;overflow:hidden;text-overflow:ellipsis;color:#E6ECFF}.ladi-tb-s b{color:#FFD43B;font-weight:800}}
@media (max-width:760px){.ladi-topbar{height:38px}.ladi-topbar a.ladi-tb-in{gap:8px;font-size:13px;padding:0 12px}.ladi-tb-k,.ladi-tb-t{display:none}.ladi-tb-s{display:block;overflow:hidden;text-overflow:ellipsis;color:#E6ECFF}.ladi-tb-s b{color:#FFD43B;font-weight:800}.ladi-tb-cta{padding:5px 10px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.ladi-topbar:before,.ladi-tb-cta:after{display:none}.ladi-tb-ic{animation:none}}