/* WAO PromoBox 1.13 — responsive modern promotion card. */
.container-card.wao-promo-modern{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:none;margin:12px 0 20px;padding:18px;background:#fff!important;background-image:none!important;border:1px solid #e2ddd7;border-radius:16px;box-shadow:0 2px 6px rgba(25,30,40,.035);color:#202329;text-align:left;min-width:0;container-type:inline-size}
.wao-promo-modern *{box-sizing:border-box}
.wao-promo-modern .wao-promo-copy{display:flex;align-items:center;gap:12px;flex:1 1 210px;min-width:0}
.wao-promo-modern .wao-promo-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#faedef;color:#bd2430}
.wao-promo-modern .wao-promo-icon svg{display:block;width:21px;height:21px}
.wao-promo-modern .wao-promo-text{min-width:0}
.wao-promo-modern .wao-promo-eyebrow{display:block;margin:0 0 4px;color:#bd2430;font-size:10px;font-weight:750;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
.wao-promo-modern h2{margin:0!important;padding:0!important;font-family:inherit;font-size:15px!important;font-weight:750!important;line-height:1.35!important;color:#202329!important;text-transform:none!important;overflow-wrap:anywhere}
.wao-promo-modern p{margin:5px 0 0!important;padding:0;font-size:12px;line-height:1.45;color:#686e78;overflow-wrap:anywhere}
.wao-promo-modern .content{display:block;flex:0 0 auto;margin:0;padding:0;min-width:0}
.wao-promo-modern .clok{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;width:248px;max-width:100%}
.wao-promo-modern .clok--item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:10px 3px;border:0;border-radius:10px;background:#f2f2f4;text-align:center}
.wao-promo-modern .clok--item span:first-child{font-family:inherit;font-size:26px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#202329}
.wao-promo-modern .clok--item span:last-child{max-width:100%;font-family:inherit;font-size:9px;font-weight:500;line-height:1.2;color:#626873;overflow-wrap:anywhere}
.wao-promo-modern .clok--item:last-child span:first-child{color:#bd2430}
@container (max-width:440px){.wao-promo-modern .wao-promo-copy{flex-basis:auto}.wao-promo-modern .content{width:100%}.wao-promo-modern .clok{width:100%}.wao-promo-modern .clok--item span:last-child{font-size:11px}}
@media(max-width:767px){.container-card.wao-promo-modern{flex-direction:column;align-items:stretch;gap:14px;padding:16px;border-radius:14px}.wao-promo-modern .wao-promo-copy{flex:0 0 auto}.wao-promo-modern .content{width:100%;flex:0 0 auto}.wao-promo-modern .clok{width:100%;gap:7px}.wao-promo-modern h2{font-size:15px!important}.wao-promo-modern .clok--item{padding:11px 4px}.wao-promo-modern .clok--item span:first-child{font-size:27px}.wao-promo-modern .clok--item span:last-child{font-size:11px}}
/* Narrow desktop columns wrap without overflowing into the sidebar. */
@media(min-width:768px){.container-card.wao-promo-modern{flex-wrap:wrap}.wao-promo-modern .content{flex-grow:1}.wao-promo-modern .clok{margin-left:auto}}
/* 1.13.1: match the approved reference, independent of inherited theme type. */
.container-card.wao-promo-modern{display:flex;flex-wrap:nowrap;gap:16px;padding:22px 14px;min-height:120px;font-family:Arial,Helvetica,sans-serif}
.wao-promo-modern .wao-promo-copy{flex:1 1 auto;gap:14px;align-items:center}
.wao-promo-modern .wao-promo-icon{width:56px;height:56px;flex-basis:56px;background:#f8e7e9}
.wao-promo-modern .wao-promo-icon svg{width:34px;height:34px}
.wao-promo-modern .wao-promo-icon img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border:0;border-radius:0;margin:0;padding:0;box-shadow:none}
.wao-promo-modern .wao-promo-text{border-left:1px solid #dcdde1;padding-left:14px}
.wao-promo-modern .wao-promo-eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:13px!important;line-height:1.2;font-weight:700;letter-spacing:0;margin:0 0 5px}
.wao-promo-modern h2{font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;line-height:1.18!important;font-weight:700!important;letter-spacing:-.55px!important;text-transform:none!important}
.wao-promo-modern p{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.3!important;font-weight:400!important;margin-top:5px!important;color:#626572}
.wao-promo-modern .content{flex:0 0 216px;width:216px}
.wao-promo-modern .clok{width:216px;gap:5px}
.wao-promo-modern .clok--item{border-radius:10px;padding:7px 2px;gap:4px;min-height:56px}
.wao-promo-modern .clok--item span:first-child{font-size:25px!important;line-height:1!important;font-weight:800!important}
.wao-promo-modern .clok--item span:last-child{font-size:10px!important;line-height:1.1!important}
@media(max-width:767px){.container-card.wao-promo-modern{flex-direction:column;gap:16px;padding:18px 14px;min-height:0}.wao-promo-modern .wao-promo-copy{flex:0 0 auto}.wao-promo-modern .content,.wao-promo-modern .clok{width:100%;flex:0 0 auto}.wao-promo-modern h2{font-size:18px!important}.wao-promo-modern .clok--item{padding:10px 3px}.wao-promo-modern .clok--item span:last-child{font-size:11px!important}}
@container(max-width:480px){.wao-promo-modern .wao-promo-icon{flex-basis:42px;width:42px;height:42px}.wao-promo-modern .wao-promo-copy{gap:10px}.wao-promo-modern .wao-promo-text{padding-left:10px}}

/* Campaign icon size, shared by desktop, mobile and admin preview. */
.wao-promo-modern .wao-promo-icon{width:100px;height:100px;flex-basis:100px;background:#f8e7e9}