:root{
    --kdc-season-accent:#d92f2f;
}

.kdc-seasonal-ribbon{
    position:relative;
    z-index:20;
    overflow:hidden;
    border-bottom:1px solid rgba(0,0,0,.08);
    background:#f7f7f7;
    color:#333;
}
.kdc-seasonal-ribbon-inner{
    width:min(970px,calc(100% - 32px));
    min-height:38px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:3px 0;
}
.kdc-seasonal-ribbon-icon{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    flex:0 0 22px;
}
.kdc-seasonal-ribbon-icon img{
    width:22px;
    height:22px;
    object-fit:contain;
    display:block;
}
.kdc-seasonal-ribbon-text{
    font:700 11px/1.1 Arial,Helvetica,sans-serif;
    letter-spacing:.05px;
}

body.kdc-season-summer .kdc-seasonal-ribbon{background:#a0c856;color:#156530;border-bottom-color:rgba(21,101,48,.14);}
body.kdc-season-spring .kdc-seasonal-ribbon{background:#f6e7ee;color:#8d536a;}
body.kdc-season-autumn .kdc-seasonal-ribbon{background:#f4e1c6;color:#915e27;}
body.kdc-season-winter .kdc-seasonal-ribbon{background:#e8f1fa;color:#47739a;}

.kdc-seasonal-season-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 12px;
    padding:7px 11px 6px;
    border-radius:999px;
    font:800 12px/1 Arial,Helvetica,sans-serif;
    letter-spacing:.15px;
    box-shadow:0 4px 13px rgba(0,0,0,.14);
}
body.kdc-season-summer .kdc-seasonal-season-tag{background:#a0c856;color:#156530;}
body.kdc-season-spring .kdc-seasonal-season-tag{background:#f0dce5;color:#884c63;}
body.kdc-season-autumn .kdc-seasonal-season-tag{background:#f0d9ba;color:#845421;}
body.kdc-season-winter .kdc-seasonal-season-tag{background:#dcebf7;color:#416985;}

.kdc-seasonal-tag-icon{
    width:16px;
    height:16px;
    display:grid;
    place-items:center;
}
.kdc-seasonal-tag-icon img{
    width:16px;
    height:16px;
    object-fit:contain;
    display:block;
}

@media(prefers-reduced-motion:reduce){
    .kdc-seasonal-hero-bg{animation:none!important;}
}
@media(max-width:700px){
    .kdc-seasonal-ribbon-inner{min-height:36px;gap:8px;}
    .kdc-seasonal-ribbon-icon,
    .kdc-seasonal-ribbon-icon img{width:20px;height:20px;}
    .kdc-seasonal-ribbon-text{font-size:10px;}
}

/* Seasonal hero: image is painted through ::before before the old <img>
   can be shown, eliminating the flash of the base photo. */
body.kdc-season-spring .kdc-home-hero-bg,
body.kdc-season-autumn .kdc-home-hero-bg,
body.kdc-season-winter .kdc-home-hero-bg{
    opacity:0 !important;
    visibility:hidden !important;
}

body.kdc-season-spring .kdc-home-hero::before,
body.kdc-season-autumn .kdc-home-hero::before,
body.kdc-season-winter .kdc-home-hero::before{
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    transform:scale(1);
    transform-origin:center center;
    animation:kdcSeasonalHeroZoom 12s ease-out forwards;
}

@keyframes kdcSeasonalHeroZoom{
    from{transform:scale(1);}
    to{transform:scale(1.06);}
}