.promotion-timer-bar-section{background-color:#2275d3;color:white;display:flex;justify-content:center;align-items:center;box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1)}
.hide-timerbar{display:none !important}
.promotion-timer-bar-section__content{display:flex;align-items:center;justify-content:space-between;width:1080px;margin:0 auto;gap:16px;padding:12px 0}
.promotion-timer-bar-section__message{font-family:proxima-nova-semibold,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4em;text-align:left;color:#fff;flex:1}
.promotion-timer-bar-section__timer{display:flex;align-items:center;gap:4px;justify-content:flex-end}
.timer-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.timer-box{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#3681d6;border-radius:4px;padding:4px 8px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.06);width:40px;box-sizing:border-box}
.timer-box .timer-value{font-family:proxima-nova-semibold,Arial,sans-serif;color:white;font-size:18px;font-weight:600;line-height:1.2em;letter-spacing:8.33%;text-align:center;margin:0}
.timer-label{font-family:proxima-nova-semibold,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.218em;color:white;text-align:center;margin:0}
.promotion-timer-bar-section__label{font-family:proxima-nova-semibold,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4em;color:#fff;text-align:right}
.timer-separator{font-family:proxima-nova-semibold,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.218em;color:white;height:26px;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:0}
.timer-separator-days{font-family:proxima-nova-semibold,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.218em;color:white;height:26px;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:0}
.promotion-timer-bar-section__close{cursor:pointer;position:relative;width:16px;height:16px;flex-shrink:0;background:transparent;border:0;display:flex;align-items:center;justify-content:center}
.promotion-timer-bar-section__content:not(:has(.promotion-timer-bar-section__close)){justify-content:space-between}
.promotion-timer-bar-section__content{min-height:40px}
.promotion-timer-bar-section__close::before{content:'';position:absolute;top:50%;left:50%;width:12px;height:1px;background-color:white;transform:translate(-50%,-50%) rotate(45deg)}
.promotion-timer-bar-section__close::after{content:'';position:absolute;top:50%;left:50%;width:12px;height:1px;background-color:white;transform:translate(-50%,-50%) rotate(-45deg)}
@media(max-width:767px){.promotion-timer-bar-section__close{margin-left:0;margin-right:0;order:3}
}
@media(max-width:1024px){.promotion-timer-bar-section__content{width:100%;max-width:1080px;padding:12px 30px;gap:12px}
}
@media(max-width:767px){.promotion-timer-bar-fixed{height:76px !important}
.promotion-timer-bar-section{background-color:#2275d3;box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1)}
.promotion-timer-bar-section__content{justify-content:center;align-items:center;padding:8px 16px;gap:7%;min-height:unset}
.promotion-timer-bar-section__message{display:none}
.promotion-timer-bar-section__message-mobile{display:block !important;width:104px;margin:0;order:1;font-family:proxima-nova-semibold,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4285714285714286em;color:#fff;text-align:left;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.promotion-timer-bar-section__timer{display:flex;align-items:center;justify-content:center;gap:4px;order:2;width:auto;flex-shrink:0}
.promotion-timer-bar-section__label{display:none}
.timer-item,.timer-item-days,.timer-item-hours,.timer-item-minutes,.timer-item-seconds{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.timer-box,.timer-box-days,.timer-box-seconds,.promotion-timer-bar-section__timer>.timer-item>.timer-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:auto;box-sizing:border-box;border-radius:4px;background-color:#3681d6;box-shadow:0 2px 4px 0 rgba(0,0,0,0.06);padding:4px 8px}
.timer-box .timer-value{font-family:proxima-nova-semibold,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.2em;letter-spacing:8.33%;color:#fff;text-align:center;width:100%;margin:0}
.timer-label{font-family:proxima-nova-semibold,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.218em;color:#fff;text-align:center;width:100%;margin:0}
.timer-separator,.timer-separator-days{font-family:proxima-nova-semibold,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.218em;color:#fff;height:26px;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:0}
.promotion-timer-bar-section.hide-mobile-timer-bar{display:none !important}
}
@media(min-width:768px) and (max-width:1024px){.promotion-timer-bar-section__content{padding:12px 18px}
.promotion-timer-bar-section.hide-tablet-timer-bar{display:none !important}
}
@media(min-width:1025px){.promotion-timer-bar-section__content{width:1080px;max-width:1080px;margin:0 auto;padding:12px 0}
.promotion-timer-bar-section.hide-tablet-timer-bar{display:none !important}
}
.promotion-timer-bar-section__message-mobile{display:none}
.promotion-timer-bar-fixed{position:absolute;top:0;left:0;height:73px;width:100%;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:1000}
body.has-timer-bar-fixed{padding-top:73px}
@media(max-width:767px){body.has-timer-bar-fixed{padding-top:76px}
}