/* Kolkala 1.15.1 — Banner System 2.0. Loaded last; intentionally overrides all legacy banner CSS. */
.home-page .hero{padding:16px 0 4px!important}
.home-page .hero-grid{display:grid!important;grid-template-columns:minmax(0,2.28fr) minmax(340px,1fr)!important;gap:12px!important;align-items:stretch!important;direction:rtl!important}
.home-page .hero-grid.hero-grid-full{grid-template-columns:1fr!important}
.home-page .hero-main{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1600/620!important;border-radius:20px!important;overflow:hidden!important;background:#f3f4f6!important;box-shadow:0 12px 34px rgba(31,35,68,.10)!important}
.home-page .hero-slide{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;opacity:0!important;visibility:hidden!important;transition:opacity .32s ease!important;background:#f3f4f6!important;overflow:hidden!important}
.home-page .hero-slide.active{opacity:1!important;visibility:visible!important;z-index:2!important}
.home-page .kk-banner-card{position:relative!important;overflow:hidden!important;background:#f3f4f6!important}
.home-page .hero-slide.kk-banner-card{position:absolute!important}
.home-page .kk-banner-media{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;z-index:1!important;background:#f3f4f6!important}
.home-page .kk-banner-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 50%!important;background:#f3f4f6!important;padding:0!important;margin:0!important;border:0!important}
.home-page .hero-dots{position:absolute!important;z-index:5!important;bottom:14px!important;right:18px!important;left:auto!important;display:flex!important;gap:6px!important}
.home-page .hero-dot{width:8px!important;height:8px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.62)!important;padding:0!important;transition:.2s!important}
.home-page .hero-dot.active{width:26px!important;background:#fff!important}
.home-page .hero-empty{height:100%!important;display:grid!important;place-items:center!important;text-align:center!important;background:#f6f7fb!important;color:#666!important}
.home-page .kk-banner-underlay,.home-page .kk-banner-art,.home-page .kk-banner-copy,.home-page .kk-banner-load-label{display:none!important}

.home-page .hero-side{display:grid!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0!important;background:transparent!important;box-shadow:none!important}
.home-page .hero-side.hero-side-single{grid-template-rows:1fr!important}
.home-page .hero-side>.kk-banner-card{display:block!important;position:relative!important;height:100%!important;min-height:0!important;overflow:hidden!important;border-radius:18px!important;background:#f3f4f6!important;box-shadow:0 12px 30px rgba(31,35,68,.08)!important}

.home-page .promo-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
.home-page .promo-grid>.kk-banner-card{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:900/320!important;overflow:hidden!important;border-radius:16px!important;background:#f3f4f6!important;box-shadow:0 10px 26px rgba(31,35,68,.07)!important}

@media(max-width:1100px){
  .home-page .hero-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr)!important}
  .home-page .promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .home-page .hero-grid{display:block!important}
  .home-page .hero-main{aspect-ratio:750/420!important;border-radius:18px!important}
  .home-page .hero-side{display:none!important}
  .home-page .promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .home-page .promo-grid>.kk-banner-card{aspect-ratio:750/267!important;border-radius:14px!important}
}
@media(max-width:480px){.home-page .promo-grid{grid-template-columns:1fr!important}}

/* Kolkala 1.15.24 — image + video storefront media */
.home-page .kk-banner-media img,.home-page .kk-banner-media video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:var(--banner-fit-desktop,cover)!important;object-position:var(--banner-position-desktop,50% 50%)!important;background:#f3f4f6!important;padding:0!important;margin:0!important;border:0!important}
.home-page .kk-banner-media video{pointer-events:none}
.home-page .kk-banner-media-responsive .kk-banner-mobile-media{display:none!important}
@media(max-width:820px){
  .home-page .kk-banner-media img,.home-page .kk-banner-media video{object-fit:var(--banner-fit-mobile,cover)!important;object-position:var(--banner-position-mobile,50% 50%)!important}
  .home-page .kk-banner-media-responsive .kk-banner-desktop-media{display:none!important}
  .home-page .kk-banner-media-responsive .kk-banner-mobile-media{display:block!important}
}

/* Kolkala 1.15.66 — if no dedicated mobile artwork exists, preserve the entire desktop banner instead of cropping text. */
@media(max-width:820px){
  .home-page .kk-banner-media-single-source img,
  .home-page .kk-banner-media-single-source video{
    object-fit:contain!important;
    object-position:center!important;
    background:#f5f6f8!important;
  }
}