/* Shared store and desktop-preview layouts. */
.wao-promo-modern [hidden]{display:none!important}
.wao-promo-modern .wao-promo-eyebrow{font-size:var(--wao-pb-size-heading,13px)!important}
.wao-promo-modern .wao-promo-text h2{font-size:var(--wao-pb-size-main,18px)!important}
.wao-promo-modern .wao-promo-text p{font-size:var(--wao-pb-size-sub,14px)!important}
.wao-promo-modern[data-show-icon="0"] .wao-promo-text{border-left:0;padding-left:0}
:is(.wao-promo-modern,#wao-preview)[data-layout]:where(:not([data-layout=current])){display:grid;justify-content:normal;align-items:center;gap:10px 14px;min-height:180px;padding:18px 14px}
:is(.wao-promo-modern,#wao-preview)[data-layout]:where(:not([data-layout=current])) .wao-promo-copy{display:contents}
:is(.wao-promo-modern,#wao-preview)[data-layout]:where(:not([data-layout=current])) .wao-promo-icon{grid-area:icon;align-self:center;width:100px;height:100px}
:is(.wao-promo-modern,#wao-preview)[data-layout]:where(:not([data-layout=current])) .wao-promo-text{grid-area:copy;min-width:0}
:is(.wao-promo-modern,#wao-preview)[data-layout]:where(:not([data-layout=current])) .content{grid-area:timer;min-width:0;width:auto;max-width:100%}
:is(.wao-promo-modern,#wao-preview)[data-layout]:where(:not([data-layout=current])) .clok{width:216px;max-width:100%;margin:0}
:is(.wao-promo-modern,#wao-preview)[data-layout=sketch]{grid-template-columns:100px 1px minmax(0,1fr) 24%;grid-template-areas:'icon divider copy art' 'icon divider timer art';background-position:right center!important}
:is(.wao-promo-modern,#wao-preview)[data-layout=sketch] .content{margin-left:0}
:is(.wao-promo-modern,#wao-preview)[data-layout=right]{grid-template-columns:24% minmax(0,1fr) 1px 100px;grid-template-areas:'art copy divider icon' 'art timer divider icon';text-align:right;background-position:left center!important}
:is(.wao-promo-modern,#wao-preview)[data-layout=right] .wao-promo-text{border:0;padding:0}
:is(.wao-promo-modern,#wao-preview)[data-layout=right] .content{justify-self:end;margin-right:0}
:is(.wao-promo-modern,#wao-preview)[data-layout=left]{grid-template-columns:64px minmax(0,1fr) 30%;grid-template-areas:'icon copy art' 'timer timer art';background-position:right center!important}
:is(.wao-promo-modern,#wao-preview)[data-layout=left] .wao-promo-icon{width:64px;height:64px}
:is(.wao-promo-modern,#wao-preview)[data-layout=left] .wao-promo-icon svg{width:34px;height:34px}
:is(.wao-promo-modern,#wao-preview)[data-layout=center]{grid-template-columns:minmax(0,1fr);grid-template-areas:'icon' 'copy' 'timer';justify-items:center;text-align:center;gap:10px;min-height:200px}
:is(.wao-promo-modern,#wao-preview)[data-layout=center] .wao-promo-icon{width:48px;height:48px}
:is(.wao-promo-modern,#wao-preview)[data-layout=center] .wao-promo-icon svg{width:28px;height:28px}
:is(.wao-promo-modern,#wao-preview)[data-layout=center] .wao-promo-text{border:0;padding:0;max-width:90%}
:is(.wao-promo-modern,#wao-preview)[data-layout=sketch][data-show-icon="0"],:is(.wao-promo-modern,#wao-preview)[data-layout=left][data-show-icon="0"]{grid-template-columns:minmax(0,1fr) 30%;grid-template-areas:'copy art' 'timer art'}
:is(.wao-promo-modern,#wao-preview)[data-layout=right][data-show-icon="0"]{grid-template-columns:30% minmax(0,1fr);grid-template-areas:'art copy' 'art timer'}
:is(.wao-promo-modern,#wao-preview)[data-layout=right][data-show-icon="0"] .wao-promo-text{border:0;padding:0}
:is(.wao-promo-modern,#wao-preview)[data-layout=sketch][data-show-icon="0"] .content{margin-left:0}
:is(.wao-promo-modern,#wao-preview)[data-layout=right][data-show-icon="0"] .content{margin-right:0}
:is(.wao-promo-modern,#wao-preview)[data-layout=center][data-show-icon="0"]{grid-template-areas:'copy' 'timer'}
/* Reflow storefront cards only; the admin preview keeps its desktop width. */
@media(max-width:767px){
.wao-promo-modern:not(#wao-preview)[data-layout=sketch]{grid-template-columns:50px 1px minmax(0,1fr);gap:10px;grid-template-areas:'icon divider copy' 'icon divider timer'}
.wao-promo-modern:not(#wao-preview)[data-layout=right]{grid-template-columns:minmax(0,1fr) 1px 50px;gap:10px;grid-template-areas:'copy divider icon' 'timer divider icon'}
.wao-promo-modern:not(#wao-preview)[data-layout=left]{grid-template-columns:50px minmax(0,1fr) 10%;gap:10px}
.wao-promo-modern:not(#wao-preview)[data-layout]:where(:not([data-layout=current])):not([data-layout=center]) .wao-promo-icon{width:50px;height:50px}
.wao-promo-modern:not(#wao-preview)[data-layout=sketch] .content{margin-left:0}
.wao-promo-modern:not(#wao-preview)[data-layout=right] .content{margin-right:0}
.wao-promo-modern:not(#wao-preview)[data-layout=sketch][data-show-icon="0"],.wao-promo-modern:not(#wao-preview)[data-layout=left][data-show-icon="0"]{grid-template-columns:minmax(0,1fr) 15%;grid-template-areas:'copy art' 'timer art'}
.wao-promo-modern:not(#wao-preview)[data-layout=right][data-show-icon="0"]{grid-template-columns:15% minmax(0,1fr);grid-template-areas:'art copy' 'art timer'}
}
:is(.wao-promo-modern,#wao-preview)[data-layout][data-show-icon="0"] .wao-promo-text{border-left:0;padding-left:0}

/* One uninterrupted separator, shared by the text and countdown rows. */
:is(.wao-promo-modern,#wao-preview)[data-layout=sketch]::before,
:is(.wao-promo-modern,#wao-preview)[data-layout=right]::before{content:"";grid-area:divider;display:block;width:1px;align-self:stretch;background:#dcdde1;min-height:100%;pointer-events:none}
:is(.wao-promo-modern,#wao-preview)[data-layout=sketch] .wao-promo-text{border:0;padding:0}
:is(.wao-promo-modern,#wao-preview)[data-layout][data-show-icon="0"]::before{display:none}
/* Explicit sizing prevents inherited icon dimensions from invading the text. */
:is(.wao-promo-modern,#wao-preview)[data-layout=left] .wao-promo-icon{width:64px;height:64px;min-width:0;flex-basis:64px;overflow:hidden}
:is(.wao-promo-modern,#wao-preview)[data-layout=left] .wao-promo-icon img{width:64px;height:64px;max-width:100%;object-fit:contain}
:is(.wao-promo-modern,#wao-preview)[data-layout=left] .wao-promo-text{border-left:1px solid #dcdde1;padding-left:14px}
:is(.wao-promo-modern,#wao-preview)[data-layout=left][data-show-icon="0"] .wao-promo-text{border:0;padding:0}
@media(max-width:767px){
.wao-promo-modern:not(#wao-preview)[data-layout=left] .wao-promo-icon,.wao-promo-modern:not(#wao-preview)[data-layout=left] .wao-promo-icon img{width:50px;height:50px;flex-basis:50px}
}