/* A small, shared footer with real payment/help links and the configured brand. */
#app.sivan-storefront .storefront-footer { padding-top:0; padding-bottom:76px; font-family:'Sivan Inter','PingFang SC','Microsoft YaHei',system-ui,sans-serif; }
#app.sivan-storefront .storefront-footer-shell { border-top:0; }
#app.sivan-storefront .storefront-footer-payments { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; min-height:42px; padding:8px 0 10px; border-bottom:1px solid var(--ui-border); color:var(--ui-text-secondary); font-size:11px; }
#app.sivan-storefront .storefront-footer-alipay { display:inline-flex; align-items:center; gap:5px; min-height:28px; color:var(--ui-text-primary); font-size:12px; }
#app.sivan-storefront .storefront-footer-alipay svg { width:18px; height:18px; }
#app.sivan-storefront .storefront-footer-payment-note { padding-left:12px; border-left:1px solid var(--ui-border); color:var(--ui-text-muted); font-size:11px; }
#app.sivan-storefront .storefront-footer-main { gap:10px 16px; padding:16px 0 12px; }
#app.sivan-storefront .storefront-footer-brand { gap:9px; flex:1 1 auto; margin-right:auto; }
#app.sivan-storefront .storefront-footer-logo,
#app.sivan-storefront .storefront-footer-monogram { width:25px; height:25px; font-size:12px; }
#app.sivan-storefront .storefront-footer-brand-copy { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 14px; }
#app.sivan-storefront .storefront-footer-brand h3 { flex-shrink:0; font-size:14px; font-weight:650; line-height:1.5; letter-spacing:-.025em; }
#app.sivan-storefront .storefront-footer-brand p { max-width:420px; margin:0; font-size:12px; line-height:1.7; }
#app.sivan-storefront .storefront-footer-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
#app.sivan-storefront .storefront-footer-chip { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:28px; padding:3px 9px; border:1px solid transparent; border-radius:999px; background:var(--ui-bg-muted); color:var(--ui-text-primary); font-size:11px; line-height:1.5; white-space:nowrap; }
#app.sivan-storefront .storefront-footer-chip>svg { flex-shrink:0; color:var(--ui-text-secondary); }
#app.sivan-storefront .storefront-footer-chip:hover { color:var(--ui-accent); border-color:var(--ui-border-strong); }
#app.sivan-storefront .storefront-footer-status-bars { display:flex; align-items:center; gap:2px; height:12px; color:var(--ui-accent); }
#app.sivan-storefront .storefront-footer-status-bars i { display:block; width:2px; height:8px; border-radius:2px; background:currentColor; opacity:calc(.3 + var(--bar)*.1); }
#app.sivan-storefront .storefront-footer-status-bars i:nth-child(3n) { height:11px; }
#app.sivan-storefront .storefront-footer-status-bars i:nth-child(3n + 1) { height:5px; }
#app.sivan-storefront .storefront-footer-contact { gap:5px 10px; margin:0; }
#app.sivan-storefront .storefront-footer .storefront-footer-contact .qq-group-contact { gap:6px; min-height:28px; padding:3px 9px; border:1px solid transparent; border-radius:999px; background:var(--ui-bg-muted); font-family:inherit; }
#app.sivan-storefront .storefront-footer-contact .qq-group-details { gap:6px; }
#app.sivan-storefront .storefront-footer-contact .qq-group-icon { width:13px; height:13px; }
#app.sivan-storefront .storefront-footer-contact .qq-group-label { font-size:11px; }
#app.sivan-storefront .storefront-footer-contact .qq-group-details strong { font-size:11px; font-weight:600; letter-spacing:.015em; }
#app.sivan-storefront .storefront-footer-contact .qq-group-copy { width:11px; height:11px; }
#app.sivan-storefront .storefront-footer .storefront-footer-contact .qq-group-contact:hover { border-color:var(--ui-border-strong); background:var(--ui-bg-soft); }
#app.sivan-storefront .storefront-footer-social { gap:5px; min-height:28px; font-size:11px; }
#app.sivan-storefront .storefront-footer-social svg { width:13px; height:13px; }
#app.sivan-storefront .storefront-footer-legal { align-items:center; gap:8px 20px; padding-top:8px; border-top:0; font-size:11px; line-height:1.7; }
#app.sivan-storefront .storefront-footer-copyright { margin-right:auto; }
#app.sivan-storefront .storefront-footer-meta { align-items:center; gap:6px 18px; }
#app.sivan-storefront .storefront-footer-links { gap:5px 14px; }
#app.sivan-storefront .storefront-footer-links a { gap:5px; min-height:28px; font-size:11px; }
#app.sivan-storefront .storefront-footer-links svg { width:12px; height:12px; }
#app.sivan-storefront .storefront-footer-policies,
#app.sivan-storefront .storefront-footer-support { align-items:center; gap:5px 14px; }
#app.sivan-storefront .storefront-footer-meta a { display:inline-flex; align-items:center; min-height:28px; }
#app.sivan-storefront .storefront-footer-info { position:relative; }
#app.sivan-storefront .storefront-footer-info>summary { list-style:none; cursor:pointer; user-select:none; }
#app.sivan-storefront .storefront-footer-info>summary::-webkit-details-marker { display:none; }
#app.sivan-storefront .storefront-footer-info>summary>svg { transition:transform .18s; }
#app.sivan-storefront .storefront-footer-info[open]>summary>svg { transform:rotate(180deg); }
#app.sivan-storefront .storefront-footer-info>summary:focus-visible { outline:2px solid var(--ui-accent); outline-offset:3px; }
#app.sivan-storefront .storefront-footer-info-panel { position:absolute; right:0; bottom:calc(100% + 9px); z-index:70; width:min(238px,calc(100vw - 36px)); padding:7px; border:1px solid var(--ui-border); border-radius:12px; background:var(--ui-bg-elevated); color:var(--ui-text-primary); box-shadow:0 8px 26px rgb(15 35 55 / 12%); }
#app.sivan-storefront .storefront-footer-info-panel>a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:36px; padding:8px 10px; border-radius:7px; font-size:12px; }
#app.sivan-storefront .storefront-footer-info-panel>a:hover { background:var(--ui-bg-soft); color:var(--ui-accent); }
#app.sivan-storefront .storefront-footer-info-panel>p { margin:5px 4px 0; padding:10px 6px 5px; border-top:1px solid var(--ui-border); color:var(--ui-text-muted); font-size:10px; line-height:1.7; }
@media(prefers-reduced-motion:reduce) { #app.sivan-storefront .storefront-footer-info>summary>svg { transition:none; } }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  #app.sivan-storefront .storefront-footer-chip:hover .storefront-footer-status-bars i { animation:sivan-footer-tick 1.3s ease-in-out infinite alternate; animation-delay:calc(var(--bar)*-.13s); }
}
@keyframes sivan-footer-tick { from { opacity:.3; transform:scaleY(.65); } to { opacity:1; transform:scaleY(1); } }
/* Keep the fixed back-to-top control clear of the footer's final links. */
@media(min-width:641px) {
  #app.sivan-storefront .storefront-footer-main,
  #app.sivan-storefront .storefront-footer-legal { padding-right:48px; }
}
@media(max-width:1023px) {
  #app.sivan-storefront .storefront-footer-brand { flex-basis:100%; }
  #app.sivan-storefront .storefront-footer-main { gap:10px 12px; }
  #app.sivan-storefront .storefront-footer-legal { align-items:flex-start; gap:4px; }
  #app.sivan-storefront .storefront-footer-meta { justify-content:flex-start; }
}
@media(max-width:640px) {
  #app.sivan-storefront .storefront-footer { padding-bottom:132px; }
  #app.sivan-storefront .storefront-footer-payments { gap:6px 10px; padding-bottom:10px; }
  #app.sivan-storefront .storefront-footer-payment-note { padding-left:10px; }
  #app.sivan-storefront .storefront-footer-main { padding:15px 0 10px; gap:12px 8px; }
  #app.sivan-storefront .storefront-footer-brand { margin:0; }
  #app.sivan-storefront .storefront-footer-brand-copy { gap:3px 11px; }
  #app.sivan-storefront .storefront-footer-brand p { font-size:11px; }
  #app.sivan-storefront .storefront-footer-contact { flex:0 1 auto; margin:0; }
  #app.sivan-storefront .storefront-footer-chip,
  #app.sivan-storefront .storefront-footer .storefront-footer-contact .qq-group-contact { min-height:32px; }
  #app.sivan-storefront .storefront-footer-meta { flex-direction:row; gap:4px 16px; }
  #app.sivan-storefront .storefront-footer-links { gap:5px 15px; }
  #app.sivan-storefront .storefront-footer-links a,
  #app.sivan-storefront .storefront-footer-meta a { min-height:30px; }
}
