/* Genokjc Bottom Banners FINAL CSS */
.gk-bb-overlay{position:fixed;left:50%;bottom:0;transform:translateX(-50%) translateY(100%);opacity:0;z-index:2147483000;background:transparent;pointer-events:none;width:70vw;max-width:1000px;transition:opacity .6s ease,transform .6s ease}
.gk-bb-overlay.is-show{opacity:1;transform:translateX(-50%) translateY(0)}
.gk-bb-container{margin:0 auto;position:relative;padding:6px 8px}
.gk-bb-grid{display:grid;grid-template-columns:repeat(var(--gkbb-cols,2),1fr);gap:6px;pointer-events:auto}
.gk-bb-banner{display:block;width:100%;height:var(--gkbb-hd,62px);overflow:hidden;border-radius:6px}
.gk-bb-banner img{width:100%;height:100%;object-position:center}
.img-mode-cover .gk-bb-banner img{object-fit:cover}
.img-mode-contain .gk-bb-banner img{object-fit:contain}
.gk-bb-grid.gk-bb-odd.gk-bb-span-last .gk-bb-banner:last-child,
.gk-bb-grid.gk-bb-odd.gk-bb-span-first .gk-bb-banner:first-child{grid-column:1/-1;height:auto}
.gk-bb-grid.gk-bb-odd .gk-bb-banner img{width:100%;height:auto}
.gk-bb-close{position:absolute;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#d53b37;color:#fff;border:2px solid #fff;border-radius:999px;font-size:16px;cursor:pointer;pointer-events:auto;transition:transform .18s ease}
.close-pos-1 .gk-bb-close{left:-28px;top:50%;transform:translateY(-50%)}
.close-pos-1 .gk-bb-close:hover{transform:translateY(-50%) rotate(180deg)}
.close-pos-2 .gk-bb-close{right:10px;top:-10px}
.close-pos-2 .gk-bb-close:hover{transform:rotate(180deg)}
@media(max-width:768px){
.gk-bb-overlay{width:100vw;max-width:100vw}
.gk-bb-container{padding:2px 4px}
.gk-bb-grid{grid-template-columns:repeat(var(--gkbb-mobile-cols,2),1fr)}
.gk-bb-banner{height:var(--gkbb-hm,54px)}
.close-pos-2 .gk-bb-close{top:-6px;right:8px}
.close-pos-2 .gk-bb-close{animation:gkbbSpin 1.2s linear infinite}
.close-pos-1 .gk-bb-close{animation:gkbbSpinY 1.2s linear infinite}
}
@keyframes gkbbSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes gkbbSpinY{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}