/* Shared storefront footer. Brand/contact/badge content stays CMS-owned. */
.uk-footer{--footer-ink:#15335b;--footer-muted:#4b596c;--footer-line:#e2e7ee;background:#fcfdff;border-top:1px solid var(--footer-line);color:var(--footer-ink)}
.uk-footer-grid{grid-template-columns:minmax(260px,1.35fr) repeat(4,minmax(0,1fr));gap:0;padding-top:48px;padding-bottom:32px}
.uk-footer-grid>*{min-width:0}
.storeFooterBrand{padding-right:28px}
.storeFooterBrand .brand{display:inline-flex;margin-bottom:16px;max-width:100%}
.storeFooterBrand .brand img{width:260px;height:88px;max-width:100%;object-fit:contain;object-position:left center}
.footerAbout{font-size:14px;line-height:1.7;color:var(--footer-muted);margin-bottom:20px;max-width:34ch}
.storeFooterGroup{padding-left:24px;padding-right:20px;border-left:1px solid var(--footer-line)}
.storeFooterGroup:last-child{padding-right:0}
.storeFooterGroup summary{font-size:14px;line-height:1.5;font-weight:800;text-transform:uppercase;letter-spacing:.015em;color:var(--footer-ink);min-height:44px;margin-bottom:12px;align-items:flex-start;padding-top:8px}
.storeFooterLinks{gap:0}
.storeFooterLinks a,.storeFooterLinks button{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 0;font-family:inherit;font-size:13px;line-height:1.6;color:var(--footer-muted);overflow-wrap:anywhere}
.storeFooterLinks a::before,.storeFooterLinks button::before{content:"";flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#eef1f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m8 6 4 4-4 4' fill='none' stroke='%2353637a' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.storeFooterLinks a:hover,.storeFooterLinks button:hover{color:#0759cb;text-decoration:none}
.storeFooterLinks a:hover::before,.storeFooterLinks button:hover::before{background-color:#e2edff}
.footerContact{max-width:100%;white-space:normal}
.footerSupportRow{gap:12px;margin:10px 0;min-height:48px}
.footerSupportIcon{width:40px;height:40px;flex:0 0 40px;background:#1647a5}
.footerSupportCopy{display:flex;flex-direction:column;min-width:0}
.footerSupportCopy strong{order:-1;font-size:15px;color:var(--footer-ink);overflow-wrap:anywhere}
.footerSupportCopy small,.footerSupportHours{font-size:12px;line-height:1.6;color:var(--footer-muted)}
.footerSupportHours{margin:8px 0 0 52px}
.footerChannels{gap:5px;margin-top:16px}
.footerChannel{width:44px;min-height:44px;border:0;border-radius:10px}
.footerChannelMark{width:34px;height:34px;box-shadow:none}
.footerChannel--zalo .footerChannelMark,.footerChannel--youtube .footerChannelMark{border-radius:9px}
.footerSocialIcon{width:22px;height:22px}
.footerChannel.isUnavailable{opacity:.6;filter:none}
.footerChannel:hover{background:#edf2fa}
.footerChannel.isUnavailable:hover{background:transparent}
.footerServiceStrip{grid-template-columns:180px minmax(0,1fr) minmax(165px,.35fr) minmax(165px,.35fr);gap:24px;align-items:center;padding-top:24px;padding-bottom:24px;border-color:var(--footer-line)}
.footerBadge{min-width:0;border-right:1px solid var(--footer-line);padding-right:20px}
.footerBadge a{display:flex;align-items:center;min-height:64px}
.footerBadge img{width:160px;max-width:100%;height:64px;object-fit:contain}
.footerStripLabel{display:block;font-size:11px;letter-spacing:.035em;font-weight:800;text-transform:uppercase;color:var(--footer-ink);margin-bottom:8px}
.footerPayment{min-width:0}
.footerPayment>.footerPaymentLogos{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.footerPaymentLogo{display:flex;align-items:center;justify-content:center;min-height:44px;padding:4px 10px;background:#fff;border:1px solid var(--footer-line);border-radius:6px}
.footerPaymentLogo img{object-fit:contain;max-width:100%;height:28px;width:62px}
.footerPaymentLogo--vnpt{white-space:nowrap}
.footerPaymentLogo--vnpt img{width:125px;height:48px}
.footerPaymentLogo:nth-child(3) img{width:45px;height:30px}
.footerPaymentLogo:nth-child(4) img{width:74px}
.footerBankTransfer{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 6px;font-size:11px;color:var(--footer-ink);text-decoration:none}
.footerBankTransfer svg{width:28px;height:28px;flex:none}
.footerPaymentNote{display:block;font-size:11px;line-height:1.6;color:var(--footer-muted);margin-top:8px}
.footerService{gap:12px;padding-left:20px;border-color:var(--footer-line);min-height:72px;color:var(--footer-ink);text-decoration:none}
.footerService svg{width:38px;height:38px;flex:0 0 38px;color:#194da5}
.footerService strong{font-size:12px;line-height:1.6;color:var(--footer-ink)}
.footerService small{font-size:11px;line-height:1.6;color:var(--footer-muted)}
.uk-footer-bottom{background:#102f55;border:0;padding:0;max-width:none}
.footerBottomInner{grid-template-columns:1.15fr 1fr 44px;padding:28px var(--store-gutter);gap:32px;align-items:center;width:100%}
.footerLegal{max-width:60ch;margin:0;font-size:12px;line-height:1.85;color:#d8e3f0;overflow-wrap:anywhere}
.footerLegal strong{font-size:13px;color:#fff;margin-bottom:6px}
.footerCopyright{border-color:#466080;color:#d8e3f0;line-height:1.8;padding-left:32px;font-size:11px}
.footerBottomLinks{gap:16px;flex-wrap:wrap;margin-top:8px}
.footerBottomLinks a{color:#edf3ff;font-size:11px;min-height:32px;display:inline-flex;align-items:center}
.footerTop{width:44px;height:44px;background:#1762cf;border:1px solid #4387e7;box-shadow:none;border-radius:50%}
.uk-footer :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #3480ed;outline-offset:3px;border-radius:4px}
@media(min-width:701px) and (max-width:900px){.footerBottomInner{grid-template-columns:minmax(0,1fr) 44px}.footerBottomInner .footerLegal{grid-column:1/-1}.footerCopyright{grid-column:1;padding-left:0;border-left:0}.footerTop{grid-column:2;grid-row:2;align-self:start}}
@media(min-width:1600px){.storeFooterGroup{padding-left:28px;padding-right:24px}.storeFooterLinks a,.storeFooterLinks button{font-size:14px}.storeFooterGroup summary{font-size:15px}}
@media(max-width:1199px){.uk-footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}.storeFooterBrand{grid-column:1/-1;padding:0 0 24px;border-bottom:1px solid var(--footer-line);display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.storeFooterBrand .brand,.footerAbout{grid-column:1}.footerContact{grid-column:2;grid-row:1/3;align-self:center}.footerSupportHours{grid-column:2;margin-left:52px}.footerChannels{grid-column:1;grid-row:3;margin-top:0}.storeFooterGroup:nth-child(2){border-left:0;padding-left:0}.footerServiceStrip{grid-template-columns:160px minmax(0,1fr)}.footerService{border-left:0;padding:12px 0 0;border-top:1px solid var(--footer-line);min-height:60px}.footerServiceStrip>.footerService:last-child{border-left:1px solid var(--footer-line);padding-left:24px}.footerPaymentLogos{gap:8px}}
@media(max-width:700px){.uk-footer-grid{display:block;padding-top:28px;padding-bottom:8px}.storeFooterBrand{display:block;border:0;padding:0 0 24px}.storeFooterBrand .brand img{width:240px;height:80px}.footerAbout{max-width:42ch}.footerChannels{margin-top:14px}.storeFooterGroup,.storeFooterGroup:nth-child(2){padding:0;border-left:0;border-top:1px solid var(--footer-line)}.storeFooterGroup summary{margin:0;min-height:60px;align-items:center;padding:12px 0;font-size:13px;cursor:pointer}.storeFooterGroup summary svg{display:block;width:18px;height:18px;flex:none}.storeFooterGroup[open] summary svg{transform:rotate(180deg)}.storeFooterLinks{padding:0 0 16px}.storeFooterLinks a,.storeFooterLinks button{font-size:14px;gap:12px;min-height:44px}.footerServiceStrip{grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;padding-bottom:24px}.footerBadge{grid-column:1/-1;border-right:0;padding:0}.footerBadge a{justify-content:flex-start}.footerPayment{grid-column:1/-1}.footerPaymentLogo{padding:4px 10px}.footerServiceStrip>.footerService,.footerServiceStrip>.footerService:last-child{padding:16px 0 0;border-left:0;display:flex;align-items:flex-start;gap:8px}.footerService svg{width:30px;height:30px;flex-basis:30px}.footerService strong{font-size:11px}.footerService small{font-size:10px}.footerBottomInner{grid-template-columns:minmax(0,1fr) 44px;gap:20px;padding-top:24px;padding-bottom:24px}.footerLegal{grid-column:1/-1}.footerCopyright{grid-column:1;padding:0;border:0;min-width:0}.footerTop{grid-column:2;grid-row:2;align-self:start}.footerBottomLinks{gap:8px 16px}}
