/* Borðarönd milli forsíðu og Bekkja: 4 borðar, 4 sek. hver (16 sek. hringur). Stoppar þegar músin er yfir.
   Seinna koma stillur (myndir) í stað texta: setja <img class="promo-img"> inn í <a class="promo-slide">. */
.promo-strip{display:grid;position:relative;overflow:hidden}
.promo-slide{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.4vw,34px);min-height:clamp(120px,11vw,160px);padding:22px 6%;text-align:left;text-decoration:none;color:#fff;background:#FC14F4;animation:promo-snuningur 16s infinite}
.promo-slide.gulur{background:#FCDC44;color:#211C23}
.promo-slide:nth-child(2){animation-delay:-12s}
.promo-slide:nth-child(3){animation-delay:-8s}
.promo-slide:nth-child(4){animation-delay:-4s}
@keyframes promo-snuningur{0%,22%{opacity:1;visibility:visible}25%,97%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
.promo-strip:hover>.promo-slide,.promo-strip:focus-within>.promo-slide{animation-play-state:paused}
.promo-kicker{font-size:.75rem;font-weight:800;letter-spacing:.2em;white-space:nowrap;padding-right:clamp(14px,2.4vw,34px);border-right:2px solid currentColor}
.promo-text{font-size:clamp(1.35rem,2.6vw,2.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.promo-cta{font-size:.875rem;font-weight:700;white-space:nowrap;padding:10px 18px;border-radius:999px;background:#211C23;color:#fff}
.promo-slide.gulur .promo-cta{background:#BA009D}
.promo-slide:hover .promo-cta{text-decoration:underline;text-underline-offset:3px}
.promo-img{display:block;width:100%;height:auto}
.promo-slide:has(.promo-img){padding:0;min-height:0}
@media(max-width:760px){.promo-slide{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 6%}.promo-kicker{border-right:0;padding-right:0}.promo-cta{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.promo-slide{animation:none;opacity:0;visibility:hidden}.promo-slide:first-child{opacity:1;visibility:visible}}
/* Myndaborðar (nýja útlitið): 6 borðar, 4 sek. hver (24 sek. hringur) */
.promo-strip.myndir>.promo-slide{animation-name:promo-myndir;animation-duration:24s;padding:0;min-height:0;background:#ff15f4}
.promo-strip.myndir>.promo-slide:nth-child(2){animation-delay:-20s}
.promo-strip.myndir>.promo-slide:nth-child(3){animation-delay:-16s}
.promo-strip.myndir>.promo-slide:nth-child(4){animation-delay:-12s}
.promo-strip.myndir>.promo-slide:nth-child(5){animation-delay:-8s}
.promo-strip.myndir>.promo-slide:nth-child(6){animation-delay:-4s}
@keyframes promo-myndir{0%,15%{opacity:1;visibility:visible}16.7%,98.3%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
.promo-strip.myndir picture,.promo-strip.myndir .promo-img{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:reduce){.promo-strip.myndir>.promo-slide{animation:none;opacity:0;visibility:hidden}.promo-strip.myndir>.promo-slide:first-child{opacity:1;visibility:visible}}