.collection-hero-banner{position:relative;z-index:2;margin-bottom:30px;color:var(--color-white)}.collection-hero-banner--overlay:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);content:""}.collection-hero-banner>picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.collection-hero-banner__content{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;padding:24px;position:relative;z-index:2;min-height:300px}@media only screen and (min-width:992px){.collection-hero-banner__content{padding:32px}}@media only screen and (min-width:1200px){.collection-hero-banner__content{padding:48px}}.collection-hero-banner__left,.collection-hero-banner__right{-webkit-flex:1 1 100%;flex:1 1 100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:16px}@media only screen and (min-width:992px){.collection-hero-banner__left,.collection-hero-banner__right{-webkit-flex:1 1 50%;flex:1 1 50%}}.collection-hero-banner countdown-timer{display:block}.collection-hero-banner countdown-timer .countdown{display:-webkit-flex;display:flex;border-radius:8px;gap:5px}@media only screen and (max-width:575px){.collection-hero-banner countdown-timer .countdown{gap:3px}}@media only screen and (max-width:991px){.collection-hero-banner countdown-timer .countdown{margin-top:16px}}@media only screen and (min-width:992px){.collection-hero-banner countdown-timer .countdown{-webkit-justify-content:flex-end;justify-content:flex-end;margin-left:24px}}.collection-hero-banner countdown-timer .countdown>span{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;border-radius:5px;padding:8px;width:25%;min-width:70px;max-width:140px;line-height:1.2}@media only screen and (max-width:575px){.collection-hero-banner countdown-timer .countdown>span{padding:4px 4px 6px;min-width:60px}}.collection-hero-banner countdown-timer .countdown-number{font-size:24px;font-weight:700}@media only screen and (max-width:575px){.collection-hero-banner countdown-timer .countdown-number{font-size:18px}}.collection-hero-banner countdown-timer .countdown-label{font-size:14px}@media only screen and (max-width:575px){.collection-hero-banner countdown-timer .countdown-label{font-size:12px}}