.listicle-banner{position:relative;overflow:hidden;background:var(--hbbg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1}.listicle-banner__deco{position:absolute;top:0;height:100%;width:auto;pointer-events:none}.listicle-banner__deco--left{left:0;object-fit:cover;object-position:left}.listicle-banner__deco--right{right:0;object-fit:cover;object-position:right}.listicle-banner__inner{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;min-height:65px;padding:5px 70px;box-sizing:border-box;z-index:1}.listicle-banner__name{position:relative;font-weight:900;text-transform:uppercase;color:var(--hbnc);text-align:center;font-size:30px;white-space:nowrap}.listicle-banner__name span{position:relative;z-index:1}.listicle-banner__pills{display:flex;flex-direction:column;gap:4px}.listicle-banner__discount{display:flex;align-items:center;gap:5px;height:55px;box-sizing:border-box;background:var(--hbdpb);color:var(--hbdpt);border-radius:10px;padding:3px 10px;font-weight:900;text-transform:uppercase}.listicle-banner__discount-label{font-size:18px;line-height:.95;text-align:left}.listicle-banner__discount-number{font-size:50px;line-height:.9}.listicle-banner__gift{display:flex;align-items:center;justify-content:center;gap:6px;height:28px;box-sizing:border-box;background:var(--hbgpb);color:var(--hbgpt);border-radius:10px;padding:5px 10px;font-weight:900;font-size:14px;text-transform:uppercase}.listicle-banner__timer{display:flex;gap:3px;align-items:stretch;height:45px;box-sizing:border-box;background:#fff;color:#231f20;border-radius:5px;padding:5px 10px}.listicle-banner__unit{display:flex;flex-direction:column;align-items:center;gap:1px}.listicle-banner__timer b{font-weight:900;font-size:22px;line-height:1}.listicle-banner__timer i{font-style:normal;font-weight:500;font-size:12px;line-height:1;text-transform:uppercase}.listicle-banner__timer em{font-style:normal;font-weight:900;font-size:14px;line-height:22px}@media(max-width:767px){.listicle-banner__inner{flex-wrap:nowrap;gap:clamp(5px,1.5vw,9px);padding:0 clamp(5px,1.8vw,9px);min-height:clamp(62px,17.4vw,78px)}.listicle-banner__name{font-size:clamp(13px,4.1vw,18px);line-height:1.05;white-space:normal;max-width:31vw}.listicle-banner__pills{width:clamp(94px,27vw,128px);flex-shrink:0}.listicle-banner__discount{width:100%;height:clamp(30px,8.7vw,40px);justify-content:space-between;gap:0;padding:0 clamp(6px,2vw,10px);border-radius:8px}.listicle-banner__discount-label{font-size:clamp(10px,2.82vw,13px)}.listicle-banner__discount-number{font-size:clamp(21px,6.4vw,29px)}.listicle-banner__gift{width:100%;height:clamp(16px,4.7vw,22px);font-size:clamp(10px,2.82vw,13px);border-radius:8px;padding:0}.listicle-banner__timer{height:auto;align-self:center;padding:clamp(3px,1vw,5px) clamp(4px,1.5vw,7px);gap:clamp(2px,.8vw,4px);flex-shrink:0}.listicle-banner__unit{min-width:clamp(23px,6.6vw,31px)}.listicle-banner__timer b{font-size:clamp(15px,4.36vw,20px)}.listicle-banner__timer i{font-size:clamp(9px,2.6vw,12px)}.listicle-banner__timer em{font-size:clamp(13px,3.72vw,17px);line-height:1.5;align-self:center}.listicle-banner__deco{height:52%;top:auto;bottom:0;max-width:16vw}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/listicle-banner.css.map */