/* Chân trang Shop AV – đồng bộ navy / gold với toàn bộ giao diện. Scope: .shopav-footer (không ảnh hưởng Flatsome nơi khác). */
.shopav-footer{
	--sv-navy:#0b2a6b;--sv-navy2:#16409a;--sv-gold:#d9a521;--sv-gold2:#f6d674;--sv-gradg:linear-gradient(135deg,#f6d674,#d9a521 55%,#b9830f);
	position:relative;width:100%;color:#cfe0ff;font-size:15px;line-height:1.6;text-align:left;
	background:radial-gradient(900px 360px at 100% 0,rgba(246,214,116,.16),transparent 70%),radial-gradient(700px 400px at 0 100%,rgba(31,111,209,.4),transparent 70%),linear-gradient(160deg,#061a45,#0b2a6b 55%,#12358a);
	border-top:4px solid var(--sv-gold);
}
.shopav-footer,.shopav-footer *,.shopav-footer *::before,.shopav-footer *::after{box-sizing:border-box}
.shopav-footer h3,.shopav-footer h4,.shopav-footer p,.shopav-footer ul,.shopav-footer li{margin:0;padding:0;text-transform:none;letter-spacing:normal;list-style:none}
.shopav-footer a{color:#cfe0ff;text-decoration:none;box-shadow:none;transition:color .2s}
.shopav-footer a:hover{color:var(--sv-gold2)}
.shopav-footer svg{display:inline-block;vertical-align:middle;flex:none}
.shopav-footer .svf-wrap{width:100%;max-width:90%;margin:0 auto}

/* CTA */
.shopav-footer .svf-cta{padding:34px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.shopav-footer .svf-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;border-radius:20px;background:linear-gradient(135deg,rgba(246,214,116,.18),rgba(255,255,255,.06));border:1.5px solid rgba(246,214,116,.55)}
.shopav-footer .svf-cta h3{margin-bottom:4px;color:#fff;font-size:clamp(18px,2.2vw,26px);font-weight:900;line-height:1.25}
.shopav-footer .svf-cta p{margin:0;color:#dbe7ff}
.shopav-footer .svf-cta-btns{display:flex;flex-wrap:wrap;gap:12px}
.shopav-footer .svf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 26px;border-radius:12px;background:var(--sv-gradg);color:#2b1c00;font-size:15px;font-weight:800;line-height:1.2;box-shadow:0 6px 16px rgba(217,165,33,.4)}
.shopav-footer .svf-btn:hover{color:#2b1c00;filter:brightness(1.06)}
.shopav-footer .svf-btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.65);box-shadow:none}
.shopav-footer .svf-btn.ghost:hover{color:var(--sv-gold2);border-color:var(--sv-gold2)}
.shopav-footer .svf-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Lưới chính */
.shopav-footer .svf-main{padding:46px 0 34px}
.shopav-footer .svf-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:34px}
.shopav-footer h4{position:relative;margin:0 0 18px;padding-bottom:12px;color:#fff;font-size:16px;font-weight:800;text-transform:uppercase}
.shopav-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:3px;background:var(--sv-gradg)}
.shopav-footer .svf-brand h4.svf-company{margin-bottom:10px;padding-bottom:0;font-size:15px;line-height:1.45}
.shopav-footer .svf-brand h4.svf-company::after{display:none}
.shopav-footer .svf-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;padding:8px 14px;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.shopav-footer .svf-logo img{display:block;width:auto;max-width:170px;max-height:54px;margin:0}
.shopav-footer .svf-logo-ic{width:54px;height:54px;padding:0;border-radius:50%;color:#c8102e}
.shopav-footer .svf-logo-ic svg{width:30px;height:30px;fill:currentColor}
.shopav-footer .svf-slogan{margin:0 0 10px;color:var(--sv-gold2);font-weight:700;font-style:italic}
.shopav-footer .svf-about{margin:0 0 14px;color:#b7cdf5;font-size:14px}
.shopav-footer .svf-social{display:flex;flex-wrap:wrap;gap:8px}
.shopav-footer .svf-social a{padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:700;color:#fff}
.shopav-footer .svf-social a:hover{background:var(--sv-gradg);border-color:transparent;color:#2b1c00}

.shopav-footer .svf-links li{margin:0 0 10px}
.shopav-footer .svf-links a{position:relative;display:inline-block;padding-left:16px}
.shopav-footer .svf-links a::before{content:"›";position:absolute;left:0;top:-1px;color:var(--sv-gold);font-weight:900}
.shopav-footer .svf-links a:hover{transform:translateX(3px)}

.shopav-footer .svf-ci li{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px}
.shopav-footer .svf-ci svg{width:34px;height:34px;padding:8px;border-radius:50%;background:rgba(246,214,116,.16);color:var(--sv-gold2);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shopav-footer .svf-ci span{padding-top:5px;word-break:break-word}
.shopav-footer .svf-ci a{font-weight:700;color:#fff}
.shopav-footer .svf-ci a:hover{color:var(--sv-gold2)}

/* Thanh dưới */
.shopav-footer .svf-bottom{padding:16px 0;background:rgba(3,14,40,.55);border-top:1px solid rgba(255,255,255,.1)}
.shopav-footer .svf-bottom-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;font-size:13.5px;color:#9fb8ea}
.shopav-footer .svf-pay{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}
.shopav-footer .svf-pay em{font-style:normal;color:#9fb8ea}
.shopav-footer .svf-pay b{padding:3px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12.5px;font-weight:700}

/* Flatsome: nút lên đầu trang không bị chân trang che */
.footer-wrapper .shopav-footer+.back-to-top,.shopav-footer~.back-to-top{z-index:9998}

@media (max-width:1100px){
	.shopav-footer .svf-grid{grid-template-columns:1fr 1fr;gap:30px}
}
@media (max-width:640px){
	.shopav-footer .svf-wrap{max-width:92%}
	.shopav-footer .svf-main{padding:34px 0 22px}
	.shopav-footer .svf-grid{grid-template-columns:1fr;gap:26px}
	.shopav-footer .svf-cta-in{padding:20px;text-align:center;justify-content:center}
	.shopav-footer .svf-cta-btns{width:100%}
	.shopav-footer .svf-btn{width:100%}
	.shopav-footer .svf-bottom-in{flex-direction:column;align-items:flex-start}
}