/* AYITI INFO+ V33 — image + bank fix */
.ai2026-rates-card{padding:16px!important;overflow:hidden!important}
.ai32-bank-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important;min-width:0!important}
.ai32-bank-card{display:block!important;width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #dfe7f1!important;border-radius:20px!important;box-shadow:0 7px 22px rgba(8,24,54,.035)!important}
.ai32-bank-header{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:17px 18px 14px!important;border-bottom:1px solid #e7edf5!important;background:#fff!important}
.ai32-bank-name{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;color:#071b45!important;font-size:clamp(19px,1.6vw,24px)!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.03em!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;text-transform:none!important}
.ai32-bank-meta{display:block!important;width:100%!important;margin:7px 0 0!important;color:#72829a!important;font-size:10.5px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:.045em!important;text-transform:uppercase!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.ai32-bank-meta b{font-weight:900!important}
.ai32-bank-values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0!important;padding:14px 16px 16px!important}
.ai32-rate-box{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;min-height:86px!important;padding:12px 13px!important;overflow:hidden!important;background:#f7faff!important;border:1px solid #e5ecf4!important;border-radius:15px!important}
.ai32-rate-label{display:block!important;margin:0 0 7px!important;color:#77879d!important;font-size:9.5px!important;line-height:1!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.ai32-rate-number{display:block!important;width:100%!important;margin:0!important;color:#061b46!important;font-size:clamp(20px,1.8vw,27px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.04em!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.ai32-rate-currency{display:block!important;margin-top:7px!important;color:#7d8da3!important;font-size:10px!important;line-height:1!important;font-weight:850!important}

/* Preserve each section's original card height when it already exists.
   Only fallback to a ratio when the source block had no meaningful height. */
.ai32-media-frame{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    width:100%!important;
    height:var(--ai32-fixed-h, auto)!important;
    min-height:var(--ai32-min-h, 0)!important;
    aspect-ratio:var(--ai32-fixed-ar, 16/10)!important;
    background:#eaf0f6!important;
    border-radius:16px!important;
}
.ai32-media-frame::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:-12%;
    background-image:var(--ai32-bg,none);
    background-size:cover;
    background-position:center;
    filter:blur(14px) saturate(1.06);
    transform:scale(1.10);
    opacity:.42;
    pointer-events:none;
}
.ai32-media-frame::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(7,27,69,.035));
    pointer-events:none;
}
.ai32-media-frame > img.ai32-media-img,
.ai32-media-frame img.ai32-media-img{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    object-position:50% 50%!important;
    transform:none!important;
    image-rendering:auto!important;
    background:transparent!important;
}
.ai32-media-frame.ai32-fit-cover img.ai32-media-img{object-fit:cover!important}
.ai32-media-frame.ai32-fit-contain img.ai32-media-img{object-fit:contain!important}

/* More pleasing contain mode: slightly smaller safe inset only for extreme posters. */
.ai32-media-frame.ai32-fit-contain.ai32-soft-pad img.ai32-media-img{padding:4px!important}

.ai2026-hero-static .ai2026-hero-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;margin:0!important;padding:0!important;transform:none!important}
.ai2026-headline-item img.ai32-media-img,
.ai2026-ticker-item img.ai32-media-img,
.ai2026-popular-item img.ai32-media-img{object-fit:cover!important}

@media(max-width:760px){
    .ai32-media-frame{border-radius:14px!important}
}
@media(max-width:520px){
    .ai2026-rates-card{padding:13px!important}
    .ai32-bank-header{padding:15px 15px 12px!important}
    .ai32-bank-name{font-size:20px!important}
    .ai32-bank-meta{font-size:9.5px!important}
    .ai32-bank-values{padding:12px 14px 14px!important;gap:9px!important}
    .ai32-rate-box{min-height:80px!important;padding:11px!important}
    .ai32-rate-number{font-size:21px!important}
}