.oct-sticky{top:0;position:sticky;z-index:999}.oct-bottom{position:fixed;bottom:0;left:0;width:100%;z-index:999;top:unset}.oct-notification-bar-admin{padding:10px;text-align:center;display:flex;margin:10px 0 30px;flex-direction:row;justify-content:center;align-items:center;gap:64px}.oct-notification-bar-admin.oct-small{min-height:60px}.oct-notification-bar-admin.oct-medium{min-height:70px}.oct-notification-bar-admin.oct-large{min-height:80px}.oct-notification-bar{padding:10px;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:64px;position:sticky;top:0;z-index:1000;background-color:inherit}.oct-notification-bar.oct-small{min-height:60px}.oct-notification-bar.oct-medium{min-height:70px}.oct-notification-bar.oct-large{min-height:80px}.oct-timer-item{display:flex;font-weight:700;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;padding:10px;width:60px;min-height:50px;box-shadow:0 4px 6px #0006}.oct-message{display:flex;margin:0;padding:5px 0 0;align-items:center}.oct-message p{margin:0}.oct-button{border-radius:16px;border:none;box-shadow:0 4px 6px #0006;font-weight:700;cursor:pointer}.oct-button.oct-small{padding:5px 10px}.oct-button.oct-medium{padding:8px 16px}.oct-button.oct-large{padding:12px 24px}.oct-close-button{cursor:pointer;color:#fff;border:2px solid #fff;border-radius:50%;width:24px;min-height:24px;margin-left:24px;display:flex;align-items:center;justify-content:center;background-color:transparent}@media (max-width: 480px){.oct-notification-bar{flex-direction:column;gap:2px;padding:6px;min-height:60px}.oct-notification-bar.oct-large{min-height:60px}.oct-timer-item{width:40px;min-height:30px;padding:6px}.oct-timer-item span{font-size:14px}.oct-timer-item-label{font-size:8px}.oct-hide-timer{display:none;pointer-events:none}.oct-button.oct-small,.oct-button.oct-medium,.oct-button.oct-large{padding:4px 8px}}.oct-popup-base{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center}.oct-popup-container{position:relative;display:flex;overflow:hidden}.oct-popup-large{max-width:600px;max-height:400px}.oct-popup-medium{max-width:500px;max-height:350px}.oct-popup-small{max-width:400px;max-height:300px}.oct-popup-rounded{border-radius:8px}.oct-popup-rounded-lg{border-radius:16px}.oct-popup-shadow{box-shadow:0 4px 6px #0000001a}.oct-popup-shadow-lg{box-shadow:0 10px 25px #0003}.oct-theme-dark{background-color:#333;color:#fff}.oct-theme-light{background-color:#fff;color:#333}.oct-theme-primary{background-color:#007bff;color:#fff}.oct-timer{display:flex;gap:8px;font-size:12px}.oct-timer-item{text-align:center;padding:4px 8px;border-radius:4px}.oct-timer-item-label{font-size:10px;opacity:.8}.oct-btn-primary{background-color:#007bff;color:#fff}.oct-btn-secondary{background-color:#6c757d;color:#fff}.oct-btn-success{background-color:#28a745;color:#fff}.oct-btn-sm{padding:6px 12px;font-size:14px}.oct-btn-md{padding:8px 16px;font-size:16px}.oct-btn-lg{padding:12px 24px;font-size:18px}.oct-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;opacity:.7}.oct-close-button:hover{opacity:1}.oct-notification-bar-container{width:100%;z-index:9999}.oct-notification-bar-container.oct-sticky{position:sticky;top:0}.oct-notification-bar-container.oct-bottom{position:fixed;bottom:0;left:0;right:0}.oct-notification-bar{display:flex;align-items:center;padding:12px 20px;text-align:center}.oct-notification-bar.oct-small{padding:8px 16px;font-size:14px}.oct-notification-bar.oct-medium{padding:12px 20px;font-size:16px}.oct-notification-bar.oct-large{padding:16px 24px;font-size:18px}.oct-page-width{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}@media (max-width: 768px){.oct-popup-large,.oct-popup-medium{max-width:90vw;max-height:80vh}.oct-page-width{flex-direction:column;gap:8px}.oct-timer{font-size:10px}}.oct-flex{display:flex}.oct-flex-col{flex-direction:column}.oct-items-center{align-items:center}.oct-justify-between{justify-content:space-between}.oct-text-center{text-align:center}.oct-hidden{display:none}.oct-fade-in{animation:octFadeIn .3s ease-in}@keyframes octFadeIn{0%{opacity:0}to{opacity:1}}.oct-header{width:100%;height:10vh;background-color:#fff;display:flex;justify-content:space-between;padding:24px;align-items:center;z-index:9999;border:#000000}.oct-offer-card-container{position:relative;background-color:#adb5bd;width:100%;height:80vh;overflow:hidden}.oct-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;z-index:9999}.oct-popup-container .oct-show-text{justify-content:space-evenly}.oct-popup-container p,.oct-popup-container h3,.oct-popup-container small{margin:0}.oct-close-button{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff}.oct-offer-button{width:100%;background-color:#00f;color:#fff;padding:16px 28px;border:none;border-radius:4px;margin-top:30px;cursor:pointer;font-size:16px;font-weight:700}.oct-horizontal-card{width:auto;max-height:auto;display:flex;flex-direction:row;justify-content:space-between;padding:8px;position:relative}.oct-image-container{display:flex;align-items:center;justify-content:center}.oct-offer-popup-small .oct-horizontal-card{padding:0}.oct-horizontal-card img{width:100px;height:100px;border-radius:50%;max-width:100%;object-fit:cover}.oct-horizontal-card .oct-close-button{position:absolute;top:0;right:0;background:#000;border:none;font-size:24px;cursor:pointer;color:#fff;border-radius:0;padding:0}.oct-horizontal-card .oct-details{display:flex;flex-direction:column;margin:0 16px;flex:3;gap:1px;align-items:flex-start;text-align:left}.oct-offer-popup-small{height:70px;width:70px;border-radius:50%;cursor:pointer}.oct-offer-popup-large{width:auto;height:auto}.oct-common{position:fixed;display:flex;flex-direction:row;align-items:center;padding:0;margin:0;overflow:hidden;text-align:center;transform:translate(-50%);z-index: 9999}.oct-admin-top-left{top:2%;left:2%;transform:translate(0)}.oct-admin-top-right{top:2%;right:-60%;transform:translate(0)}.oct-admin-bottom-left{bottom:-80%;left:2%;transform:translate(0)}.oct-admin-bottom-right{bottom:-80%;right:-60%;transform:translate(0)}.oct-top-left{top:15%;left:2%;transform:translate(0)}.oct-top-right{top:15%;right:2%;transform:translate(0)}.oct-bottom-left{bottom:2%;left:2%;transform:translate(0)}.oct-bottom-right{bottom:2%;right:2%;transform:translate(0)}.oct-details p,.oct-details h3,.oct-details small{margin:0}.oct-popup-container{min-width:400px;min-height:400px;overflow:hidden;position:relative;margin:20px auto}.oct-popup-content{display:flex;flex-direction:column;align-items:center}.oct-image-section{width:100%;text-align:center;display:contents}.oct-image-section img{max-width:100%;max-height:250px;width:100%;height:100%}.oct-content-section{text-align:center;padding:32px;width:100%;line-height:1.3}.oct-horizontal-layout .oct-popup-content{flex-direction:row;align-items:center}.oct-horizontal-layout .oct-popup-content div{padding-top:0;padding-bottom:0}.oct-horizontal-layout .oct-image-section{display:flex;flex:2;align-items:center;justify-content:center;max-height:100%}.oct-horizontal-layout .oct-image-section img{min-height:400px}.oct-horizontal-layout .oct-content-section{display:flex;flex-direction:column;flex:3;justify-content:center;min-height:400px;line-height:1.3}.oct-hide-img .oct-content-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:400px}.oct-timer{display:flex;gap:10px;margin-top:10px;justify-content:center}.oct-timer-item{display:flex;font-weight:700;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;padding:10px;width:60px;height:50px;box-shadow:0 4px 6px #0006}.oct-timer-item span{font-size:20px;font-weight:700}.oct-timer-item-label{font-size:12px}
.oct-timer-countdown {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 4px 8px;
  font-size: 16px;
  color: white;
  background: black;
  border: none;
  display: block;
  text-align: left;
  z-index: 10;
}