.promo-panel { background-color: var(--promo-background-color, transparent); text-align: var(--promo-text-position); }
.promo-panel .promo-content { text-align: var(--promo-text-position) !important; }
.promo-panel .promo-title { color: var(--promo-title-color) !important; }
.promo-panel .promo-subtitle { color: var(--promo-subtitle-color) !important; }
.promo-panel .promo-text { color: var(--promo-text-color) !important; }
.promo-panel .promo-highlight { color: var(--promo-highlight-color) !important; }
.promo-panel .promo-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    background: var(--promo-button-color) !important; color: var(--promo-button-text-color) !important;
    border-color: var(--promo-button-color) !important;
}
.promo-panel .promo-button::before { background: var(--promo-button-hover-color) !important; }
.promo-panel .promo-button:hover, .promo-panel .promo-button:focus-visible {
    background: var(--promo-button-hover-color) !important; color: var(--promo-button-hover-text-color) !important;
    border-color: var(--promo-button-hover-color) !important;
}
.promo-panel .promo-button :is(span, i) { color: inherit !important; }
.promo-panel .promo-icon { background: var(--promo-icon-background-color) !important; color: var(--promo-icon-color) !important; }
.promo-panel .promo-badge { background: var(--promo-badge-color) !important; color: var(--promo-badge-text-color) !important; }
.promo-hero .hero-slide-overlay { justify-content: var(--promo-justify) !important; text-align: var(--promo-text-position) !important; }
.small-banner .promo-banner .banner-content {
    left: 0; right: 0; width: 100%; padding: 20px; text-align: var(--promo-text-position);
}
.small-banner .promo-banner h3 { max-width: none; }
.small-banner .promo-banner p { background: var(--promo-badge-color); }
.small-banner .promo-banner .promo-button { margin-top: 10px; padding: 8px 14px; border-radius: 24px; font-size: 13px; }
.promo-bigbanner .banner-content { text-align: var(--promo-text-position); }
.promo-bigbanner .banner-info { text-align: inherit; }
.promo-bigbanner[data-promo-position="left"] .promo-column { margin-left: 0 !important; }
.promo-bigbanner[data-promo-position="right"] .promo-column { margin-right: 0 !important; }
.promo-bigbanner .banner-wrap { background-color: var(--promo-background-color); }
.promo-deal { padding: 24px 0; }
.promo-deal-area > .container-fluid { width: 100%; max-width: none; padding-right: 0; padding-left: 0; }
.promo-deal-area .deal-wrap, .promo-deal-area .deal-slider, .promo-deal-area .deal-slider .owl-stage-outer { width: 100%; }
.promo-deal .row { width: 100%; margin-right: 0; margin-left: 0; }
.promo-deal .row > [class*="col-"] { padding-right: clamp(16px, 4vw, 72px); padding-left: clamp(16px, 4vw, 72px); }
.promo-deal .deal-content { width: 100%; max-width: 650px; margin-right: 0; padding: 0; }
.promo-deal .deal-img { width: 100%; max-width: 680px; margin-left: auto; margin-right: auto; }
.promo-deal .deal-img > img, .promo-deal .deal-img picture, .promo-deal .deal-img picture img { display: block; width: 100%; height: auto; }
.promo-deal .deal-info h1 { max-width: 100%; }
.promo-deal[data-promo-position="right"] > .row { flex-direction: row-reverse; }
.promo-deal[data-promo-position="center"] > .row { align-items: center; }
.promo-deal[data-promo-position="center"] .deal-content { margin-left: auto; margin-right: auto; }
.promo-deal[data-promo-position="center"] .deal-img { max-width: min(100%, 560px); }
.promo-deal .deal-countdown .row { justify-content: var(--promo-justify); }
.promo-deal .countdown-item { background: var(--promo-countdown-background-color) !important; }
.promo-deal .countdown-item h2 { color: var(--promo-countdown-color) !important; }
.promo-deal .countdown-item h5 { color: var(--promo-countdown-text-color) !important; }
.deal-area.promo-deal-area { background-color: var(--promo-background-color, var(--theme-color-light)); }
.promo-deal-area::before { background: var(--promo-decoration-color, var(--theme-color)); }
.promo-deal-area .deal-text-shape { color: var(--promo-decoration-color, var(--theme-color)); }
.promo-choose { background-color: var(--promo-background-color) !important; }
.promo-chooseitem { background-color: var(--promo-background-color) !important; text-align: var(--promo-text-position); }
.promo-chooseitem .choose-icon { background: var(--promo-icon-background-color) !important; }
.promo-chooseitem .choose-info { text-align: var(--promo-text-position); }
.promo-gallery .gallery-title, .promo-instagramitem .promo-title { text-align: var(--promo-text-position); }
.promo-gallery .gallery-img::before, .promo-gallery .gallery-img::after, .promo-instagramitem::after { background: var(--promo-overlay-color) !important; }
.promo-instagramitem::after { opacity: 0; pointer-events: none; }
.promo-instagramitem:hover::after { opacity: .35; }
.promo-instagramitem .promo-title { position: relative; z-index: 1; padding: 12px; }
.promo-gallery[data-promo-position="left"] .gallery-link, .promo-instagramitem[data-promo-position="left"] .promo-icon { left: 15%; }
.promo-gallery[data-promo-position="right"] .gallery-link, .promo-instagramitem[data-promo-position="right"] .promo-icon { left: 85%; }
.promo-instagram > .container .site-heading, .promo-gallerysection > .container .site-heading { text-align: var(--promo-text-position) !important; }
.promo-instagram > .container > .row > div, .promo-gallerysection > .container > .row > div { width: 100%; }
.promo-banner.shop-widget-banner .banner-content { text-align: var(--promo-text-position); width: 100%; left: 0; padding: 20px; }
.promo-image-banner { position: relative; }
.promo-image-banner .promo-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: var(--promo-justify); padding: 20px; }
.promo-image-banner .promo-content .promo-button { margin-top: 12px; }
@media (max-width: 575px) {
    .small-banner .promo-banner .banner-content { padding: 14px; }
    .promo-deal .countdown-item h2 { font-size: 30px; }
    .promo-deal .countdown-item h5 { font-size: 11px; }
    .promo-deal .deal-info h1 { font-size: 28px; }
    .promo-deal .deal-info > span { font-size: 16px; letter-spacing: 3px; }
    .promo-deal { padding: 16px 0; }
    .promo-deal .row > [class*="col-"] { padding-right: 20px; padding-left: 20px; }
    .promo-deal .deal-content { max-width: none; }
    .promo-deal .deal-img { max-width: 400px; }
}