/* v792 - desktop footer "A · Navy" (approved design). Loaded only at >900px from the footer fragment.
   Every rule is scoped to .footer.ysf so the old .footer rules in style.css / home CSS cannot leak in. */
.footer.ysf{background:#061D3B;color:#C9D6E6;margin-top:60px;padding:0;overflow:visible;font-family:Inter,'Noto Sans Devanagari',system-ui,sans-serif}
.footer.ysf::before{display:none}
.footer.ysf .ysf-wrap{max-width:1280px;margin:0 auto;padding:0 48px;box-sizing:border-box}
.footer.ysf a{display:inline;margin:0;color:#C9D6E6;text-decoration:none;font-size:14px}
.footer.ysf a:hover{color:#FFA26B}
.footer.ysf a:focus-visible{outline:2px solid #FFA26B;outline-offset:3px;border-radius:4px}
.footer.ysf svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

.footer.ysf .ysf-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:44px 0 32px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer.ysf .ysf-brand{display:flex;flex-direction:column;gap:10px;max-width:540px}
.footer.ysf .ysf-logo{font-family:Fraunces,Georgia,'Times New Roman',serif;font-size:32px;font-weight:600;color:#fff;letter-spacing:-.5px;line-height:1.1}
.footer.ysf .ysf-logo span{color:#FFA26B}
.footer.ysf .ysf-logo:hover{color:#fff}
.footer.ysf .ysf-brand p{margin:0;font-size:15px;line-height:1.55;color:#C9D6E6}
.footer.ysf .ysf-contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.footer.ysf .ysf-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid rgba(255,255,255,.22);font-weight:600;color:#fff}
.footer.ysf .ysf-pill:hover{border-color:#FFA26B;color:#fff}
.footer.ysf .ysf-wa{width:44px;min-height:44px;height:44px;padding:0;justify-content:center;border-radius:22px;background:#1F8A4C;border-color:#1F8A4C}
.footer.ysf .ysf-wa:hover{background:#18733F;border-color:#18733F}
.footer.ysf .ysf-wa svg{width:22px;height:22px}

.footer.ysf .ysf-owner{display:flex;align-items:center;gap:18px;padding:18px 20px 18px 24px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff}
.footer.ysf .ysf-owner:hover{background:rgba(255,255,255,.1);color:#fff}
.footer.ysf .ysf-owner-txt{display:flex;flex-direction:column;gap:2px}
.footer.ysf .ysf-owner-txt b{font-size:16px;color:#fff}
.footer.ysf .ysf-owner-txt span{font-size:14px;color:#C9D6E6}
.footer.ysf .ysf-owner-btn{min-height:44px;padding:0 18px;border-radius:10px;background:#F56A00;color:#061D3B;font-weight:700;font-size:15px;display:flex;align-items:center;white-space:nowrap}

.footer.ysf .ysf-cols{display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr;gap:40px;padding:34px 0 30px}
.footer.ysf .ysf-cols .ysf-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.footer.ysf h4{margin:0 0 4px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.footer.ysf .ysf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}

.footer.ysf .ysf-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#A8B9CE}
.footer.ysf .ysf-app{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:16px;background:rgba(255,255,255,.08);color:#fff;font-weight:600}
.footer.ysf .ysf-app svg{width:16px;height:16px}

@media (max-width:1100px){
  .footer.ysf .ysf-top{flex-direction:column;align-items:flex-start}
  .footer.ysf .ysf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}