/* One canvas for paid homepage ads, including the HTML and video slides. */
.homepage-billboard{position:relative;isolation:isolate;overflow:hidden;border-radius:1rem;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;}
.homepage-billboard.slick-dotted.slick-slider{margin-bottom:0;}
.homepage-billboard .mainBanner{position:relative;width:100%;height:auto;min-height:0;padding:0;overflow:hidden;aspect-ratio:var(--banner-desktop-ratio,1536/280);}
.homepage-billboard .slick-slide{height:auto;}
.homepage-billboard .billboard-media > a{position:absolute;inset:0;display:block;width:100%;height:100%;line-height:0;}
.homepage-billboard .billboard-media picture{display:block;width:100%;height:100%;}
.homepage-billboard .billboard-media img,.homepage-billboard .billboard-media video{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;}
.homepage-billboard .billboard-event{color:#fff;background:linear-gradient(90deg,var(--banner-color-start,#573a1e) 0%,var(--banner-color-middle,#684828) 40%,var(--banner-color-end,#73512d) 100%);}
/* Keep all padding inside the slide: Slick calculates the outer slide width. */
.homepage-billboard .billboard-event-content{--banner-font-scale:1;position:absolute;inset:0;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,32px);width:100%;height:100%;min-height:0;padding:clamp(10px,2vw,32px) clamp(16px,3.125vw,48px);box-sizing:border-box;}
.homepage-billboard .billboard-event-details{display:flex;align-items:center;gap:clamp(10px,1.5vw,24px);min-width:0;flex:1;}
.homepage-billboard .ege-event-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:clamp(36px,4.2vw,64px);height:clamp(36px,4.2vw,64px);margin:0;padding:0;border-radius:12px;}
.homepage-billboard .ege-event-title{font-size:clamp(13px,1.4vw,22px);font-weight:900;line-height:1.25;}
.homepage-billboard .ege-event-sub{font-size:clamp(6px,.6vw,9px);letter-spacing:.1em;}
.homepage-billboard .billboard-event-copy{min-width:0;}
.homepage-billboard .billboard-event-labels{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:clamp(3px,.5vw,8px);}
.homepage-billboard .billboard-tag{padding:2px 8px;font-size:calc(clamp(9px,.8vw,12px) * var(--banner-font-scale));font-weight:600;line-height:1.4;overflow-wrap:anywhere;}
.homepage-billboard .billboard-sub-tag{font-size:calc(clamp(9px,.85vw,13px) * var(--banner-font-scale));opacity:.65;overflow-wrap:anywhere;}
.homepage-billboard .billboard-title{white-space:pre-line;margin:0;font-size:calc(clamp(18px,2.85vw,44px) * var(--banner-font-scale));font-weight:800;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere;}
.homepage-billboard .billboard-meta{display:flex;align-items:flex-start;gap:6px;margin:clamp(3px,.5vw,8px) 0 0;font-size:calc(clamp(10px,1vw,15px) * var(--banner-font-scale));line-height:1.4;overflow-wrap:anywhere;}
.homepage-billboard .billboard-meta i{flex-shrink:0;margin-top:2px;}
.homepage-billboard .ege-event-badge .ege-event-title,.homepage-billboard .billboard-tag,.homepage-billboard .billboard-sub-tag,.homepage-billboard .billboard-meta,.homepage-billboard .billboard-meta i{color:var(--banner-color-text,#fde68a);}
.homepage-billboard .billboard-watermark.watermark-amber{color:var(--banner-color-text,#fde68a) !important;}
.homepage-billboard .billboard-event-action{display:flex;justify-content:center;flex:0 0 auto;max-width:29%;width:auto;}
.homepage-billboard .billboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:100%;padding:clamp(7px,.8vw,12px) clamp(10px,1.5vw,24px);border-radius:12px;font-size:calc(clamp(10px,1vw,15px) * var(--banner-font-scale));font-weight:700;line-height:1.35;white-space:normal;text-align:center;overflow-wrap:anywhere;transition:filter .25s ease-in-out;}
.homepage-billboard .billboard-btn span{min-width:0;}
.homepage-billboard .billboard-btn-biomasa{background:var(--banner-color-button,#fbbf24);color:var(--banner-button-ink,#172033);}
.homepage-billboard .billboard-btn-biomasa:hover{background:var(--banner-color-button,#fbbf24);color:var(--banner-button-ink,#172033);filter:brightness(1.08);}
.homepage-billboard .billboard-btn:focus-visible{outline:2px solid white !important;outline-offset:3px;}
.homepage-billboard .billboard-watermark{z-index:1;right:3%;top:50%;opacity:.15;pointer-events:none;}
.homepage-billboard .billboard-watermark i{font-size:clamp(64px,11vw,170px);}
.homepage-billboard .slick-dots{position:absolute;z-index:5;display:flex;align-items:center;gap:6px;top:auto;right:16px;bottom:6px;left:auto;width:auto;margin:0;padding:4px 10px;border:1px solid #ffffff33;border-radius:50px;background:#00000059;backdrop-filter:blur(4px);line-height:1;}
.homepage-billboard .slick-dots > li{display:block;width:auto;height:auto;margin:0;padding:0;}
.homepage-billboard .slick-dots > li > button{display:block;width:6px;height:6px;margin:0;padding:0;border:0;border-radius:50px;background:#ffffff66;font-size:0;color:transparent;transition:width .3s,background-color .3s;}
.homepage-billboard .slick-dots > li > button:before{content:none;}
.homepage-billboard .slick-dots > li.slick-active > button{width:20px;background:#fff;}
.homepage-billboard .slick-dots > li > button:hover{background:#ffffffbf;}
.homepage-billboard .slick-dots > li > button:focus-visible{outline:2px solid #fff !important;outline-offset:3px;}
@media (max-width:639.98px){
    .homepage-billboard .mainBanner{aspect-ratio:var(--banner-mobile-ratio,615/280);}
    .homepage-billboard .billboard-event-content{flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(6px,1.5vw,12px);padding:clamp(10px,3vw,20px);}
    .homepage-billboard .billboard-event-details{flex:0 1 auto;gap:10px;align-items:center;}
    .homepage-billboard .billboard-title{font-size:calc(clamp(18px,4.5vw,28px) * var(--banner-font-scale));}
    .homepage-billboard .billboard-sub-tag{display:none;}
    .homepage-billboard .billboard-meta{font-size:calc(clamp(10px,2.6vw,13px) * var(--banner-font-scale));margin-top:4px;}
    .homepage-billboard .billboard-event-action{max-width:100%;align-self:center;}
    .homepage-billboard .billboard-btn{font-size:calc(clamp(11px,2.8vw,14px) * var(--banner-font-scale));padding:7px 14px;}
    .homepage-billboard .billboard-watermark i{font-size:clamp(64px,20vw,120px);}
    .homepage-billboard .slick-dots{right:6px;bottom:4px;padding:3px 6px;gap:4px;}
    .homepage-billboard .slick-dots > li > button{width:4px;height:4px;}
    .homepage-billboard .slick-dots > li.slick-active > button{width:12px;}
}
@media (prefers-reduced-motion:reduce){
    .homepage-billboard .slick-slide{transition-duration:0ms !important;}
    .homepage-billboard .billboard-btn,.homepage-billboard .slick-dots button{transition:none;}
}
