.bianca-mega { display: none; }
@media (min-width: 768px) {
  .bianca-mega-ready .upyour-menu > li:has(> [data-bianca-mega]) > .sub-menu { display: none; }
  .bianca-mega { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr); gap: 38px; position: absolute; top: 100%; left: 50vw; transform: translate(-50%, 8px); width: calc(100vw - 40px); max-width: 1500px; padding: 32px 40px 38px; background: #fff; border-radius: 0 0 20px 20px; box-shadow: 0 18px 45px rgba(11,59,111,.10); color: #0B3B6F; z-index: 60; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 200ms ease, transform 200ms ease, visibility 200ms; max-height: calc(100dvh - var(--main-header-height,106px) - var(--main-header-top,44px) - 20px); overflow-y: auto; }
  .bianca-mega.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,0); }
  .bianca-mega__eyebrow { margin: 0 0 20px; font: 700 12px/1.5 var(--bianca-font); letter-spacing: .08em; }
  .bianca-mega__links ul { list-style: none; padding: 0; margin: 0; }
  .bianca-mega__links li + li { margin-top: 12px; }
  .bianca-mega a { text-decoration: none; color: #0B3B6F; font-family: var(--bianca-font); }
  .bianca-mega__links li a { display: inline-flex; gap: 16px; align-items: center; font-size: 16px; font-weight: 500; padding: 4px 0; }
  .bianca-mega__links li a span { opacity: 0; transform: translateX(-4px); transition: opacity 200ms,transform 200ms; }
  .bianca-mega__links li a:hover span,.bianca-mega__links li a:focus-visible span { opacity: 1; transform: translateX(0); }
  .bianca-mega a:hover { color: #00BFA6; }
  .bianca-mega a:focus-visible { outline: 2px solid #00BFA6; outline-offset: 5px; border-radius: 4px; }
  .bianca-mega__all { display: inline-flex; gap: 14px; margin-top: 26px; padding-bottom: 5px; border-bottom: 1px solid #E8F4F6; font-size: 13px; font-weight: 600; }
  .bianca-mega__cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-content: start; }
  .bianca-mega__image { aspect-ratio: 4/5; padding: 6px; overflow: hidden; border-radius: 16px; background: #F8FAFC; }
  .bianca-mega__image img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; transition: transform 300ms ease; }
  .bianca-mega__card:hover img { transform: scale(1.02); }
}
@media (min-width:768px) and (max-width:1100px) {
  .bianca-mega { padding: 24px; gap: 24px; grid-template-columns: minmax(170px,.8fr) minmax(0,2fr); }
  .bianca-mega__cards { gap: 20px 14px; }
}
@media (prefers-reduced-motion: reduce) { .bianca-mega,.bianca-mega * { transition: none !important; } }
