/* XY Footer: base styles. Colors/sizes are overridden by the widget's Style tab. */
.xyft{width:100%;box-sizing:border-box;background:#003066;color:#fff;padding-top:56px;line-height:1.5}
.xyft *,.xyft *::before,.xyft *::after{box-sizing:border-box}
.xyft-inner,.xyft-bottom-inner{width:100%;max-width:1320px;margin:0 auto;padding-left:24px;padding-right:24px}

/* Grid: desktop / laptop up to 8 slots, tablet / mobile max 2 */
.xyft-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:40px;row-gap:32px;padding-bottom:48px}
.xyft-col{min-width:0}
@media (max-width:1024px){
  .xyft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xyft .xyft-grid>.xyft-col{grid-column:span 1}   /* safety: never wider than 1 slot unless the widget says "Full row" */
}
@media (max-width:767px){
  .xyft{padding-top:32px}
  .xyft-inner,.xyft-bottom-inner{padding-left:16px;padding-right:16px}
  .xyft-grid{column-gap:16px;padding-bottom:28px}
}

/* Headings, text, links */
.xyft-title{margin:0 0 18px;font-size:20px;font-weight:700;line-height:1.2;color:#fff}
.xyft a{color:#fff;text-decoration:none;transition:color .2s,background-color .2s,opacity .2s}
.xyft-links,.xyft-contacts{list-style:none;margin:0;padding:0}
.xyft-links{display:grid;row-gap:12px}
.xyft-links li{margin:0}
.xyft-links a{font-size:15px;display:inline-block}
.xyft-links a:hover{color:#ffd24d}
.xyft-text,.xyft-desc{font-size:15px}
.xyft-text p,.xyft-desc{margin:0 0 .8em}
.xyft-text>*:last-child{margin-bottom:0}

/* Brand column */
.xyft-logo{display:inline-block;margin-bottom:18px}
.xyft-logo img{display:block;width:150px;max-width:100%;height:auto}
.xyft-company{margin:0 0 18px;font-size:19px;font-weight:600;line-height:1.35}
.xyft-contacts{display:grid;row-gap:14px;margin-bottom:20px}
.xyft-contacts li{margin:0}
.xyft-contacts a,.xyft-crow{display:flex;align-items:center;gap:14px;color:#fff}
.xyft-ctext{font-size:15px;min-width:0;overflow-wrap:anywhere}
.xyft-ico,.xyft-soc{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#fff;color:#003066}
.xyft .xyft-ico,.xyft .xyft-soc{color:#003066}
.xyft-ico svg,.xyft-soc svg{width:50%;height:50%;display:block}
.xyft-social{display:flex;flex-wrap:wrap;gap:12px}
.xyft-soc:hover{background:#ffd24d}

/* App badges */
.xyft-badges{display:flex;flex-wrap:wrap;gap:12px}
.xyft-badge{display:inline-flex;align-items:center;gap:10px;min-width:170px;padding:8px 14px;border:1px solid #fff;border-radius:6px;color:#fff;line-height:1.1}
.xyft-badge:hover{opacity:.85}
.xyft-badge>svg,.xyft-badge>img{width:30px;height:30px;flex:0 0 auto;object-fit:contain}
.xyft-badge-t{display:flex;flex-direction:column}
.xyft-badge small{font-size:11px;font-weight:400}
.xyft-badge strong{font-size:20px;font-weight:500;margin-top:2px}

/* Bottom bar */
.xyft-bottom{border-top:1px solid rgba(255,255,255,.18)}
.xyft-bottom-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding-top:18px;padding-bottom:18px}
.xyft-copy{font-size:15px}
.xyft-copy a{text-decoration:underline}
.xyft-pay{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;min-width:0}
.xyft-pay-label{font-size:15px}
.xyft-pay-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:10px 24px;background:#fff;border-radius:6px;max-width:100%}
.xyft-pay-box img{display:block;height:28px;width:auto;max-width:100%}
@media (max-width:767px){
  .xyft-bottom-inner{flex-direction:column;align-items:flex-start}
  .xyft-pay{width:100%}
  .xyft-pay-box{padding:8px 14px;gap:8px 16px}
  .xyft-pay-box img{height:22px}
}