/* Unified advertising banners */
.mc-banner,
.mc-banner__link,
.mc-banner__image{
  box-sizing:border-box;
}

.mc-banner__link{
  display:block;
  color:inherit;
  text-decoration:none;
}

.mc-banner__image{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
  border-radius:12px;
  object-fit:cover;
}

.mc-banner-top{
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
  background:var(--surface);
}

.mc-banner-top > .container{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

.mc-banner-top .mc-banner__image{
  width:100%;
  max-height:120px;
  border-radius:0;
}

.mc-banner-top .mc-banner__link:focus-visible{
  border-radius:0;
}

.mc-banner-top--mobile{
  display:none;
}

.mc-banner-search{
  margin-top:18px;
}

.mc-banner-search .mc-banner__image{
  aspect-ratio:3.5 / 1;
  max-height:190px;
  border-radius:10px;
}

.mc-home-banners{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:28px 0 34px;
}

.mc-home-banners .mc-banner__image{
  width:100%;
  height:250px;
  aspect-ratio:auto;
  min-height:0;
  object-fit:cover;
}

.mc-banner__link:focus-visible{
  outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);
  outline-offset:3px;
  border-radius:12px;
}

.mc-mobile-bottom-ad{
  display:none;
}

@media (max-width:768px){
  .mc-banner-top{padding:0}
  .mc-banner-top--desktop{display:none}
  .mc-banner-top--mobile{display:block}
  .mc-banner-top .mc-banner__image{max-height:90px;border-radius:0}
  .mc-banner-top--mobile .mc-banner__image{height:auto;max-height:none;object-fit:contain}
  .mc-banner-search{margin-top:14px}
  .mc-banner-search .mc-banner__image{aspect-ratio:2.7 / 1}
  .mc-home-banners{grid-template-columns:1fr;gap:12px;margin:22px 0 28px}
  .mc-home-banners .mc-banner__image{height:auto;aspect-ratio:2.36 / 1;border-radius:10px}

  .mc-mobile-bottom-ad{
    position:fixed;
    right:12px;
    left:12px;
    bottom:calc(76px + env(safe-area-inset-bottom, 0px));
    z-index:99998;
    display:block;
    max-width:640px;
    margin-inline:auto;
    filter:drop-shadow(0 7px 18px var(--shadow-10));
  }

  .mc-mobile-bottom-ad[hidden]{display:none !important}
  .mc-mobile-bottom-ad .mc-banner__image{
    width:100%;
    max-height:100px;
    border:1px solid var(--line-soft);
    border-radius:11px;
    background:var(--white);
    object-fit:cover;
  }

  .mc-mobile-bottom-ad__close{
    position:absolute;
    top:-12px;
    right:-7px;
    z-index:2;
    display:grid;
    width:34px;
    height:34px;
    padding:0;
    place-items:center;
    border:1px solid var(--line-soft);
    border-radius:50%;
    background:var(--white);
    color:var(--ink);
    box-shadow:0 3px 10px var(--shadow-10);
    font:700 24px/1 Arial,sans-serif;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
}