/* Site-wide special offer bar, injected at the top of every page by
   /assets/js/promo.js. Colours are local so the bar looks the same whichever
   page stylesheet sits underneath it. */
.promo{position:relative;background:#84B59F;color:#0A3628;font-family:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.promo *{box-sizing:border-box}
.promo-in{max-width:1660px;margin:0 auto;padding:12px clamp(56px,5vw,88px);
          min-height:52px;display:flex;align-items:center;justify-content:center;
          gap:8px 16px;flex-wrap:wrap}
.promo-tag{height:22px;padding:0 10px;border-radius:7px;background:rgba(10,54,40,.15);
           font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
           display:flex;align-items:center;flex:0 0 auto}
.promo-txt{margin:0;font-size:14.5px;font-weight:500;line-height:1.4;color:#0A3628}
.promo-txt b{font-weight:600}
.promo-btn{height:34px;padding:0 16px;border-radius:9px;background:#0E4A38;color:#fff;
           font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:8px;
           flex:0 0 auto;text-decoration:none;transition:background .15s}
.promo-btn:hover{background:#0A3B2C;color:#fff;text-decoration:none}
.promo-btn svg{display:block;width:14px;height:14px}
.promo-x{position:absolute;top:50%;right:clamp(14px,2vw,28px);transform:translateY(-50%);
         width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#0A3628;
         display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;
         transition:opacity .15s,background .15s}
.promo-x:hover{opacity:1;background:rgba(10,54,40,.12)}
.promo-x svg{display:block;width:16px;height:16px}
@media (max-width:620px){
  .promo-in{padding:11px 46px;gap:7px 12px}
  .promo-txt{font-size:13.5px}
}