/* Välkpakkumine (Boost) on chilli.ee, ported from mock https://claude.ai/artifact/N9JKFpi5jLijxM7b5aYQ3e v4 */
.flash-gold{background:linear-gradient(100deg,#b77a00 0%,#e9a800 30%,#ffd84d 45%,#e9a800 60%,#b77a00 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent !important;animation:flash-shine 3s linear infinite;font-weight:800}
.flash-gold--light{background-image:linear-gradient(100deg,#ffc93c 0%,#fff1a8 40%,#ffd24d 55%,#ffb300 100%)}
@keyframes flash-shine{from{background-position:120% 0}to{background-position:-100% 0}}

.flash-zap-btn{border:0;background:transparent;padding:0;margin-left:2px;width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;cursor:pointer;vertical-align:middle}
.flash-zap{width:16px;height:16px;display:block;filter:drop-shadow(0 0 3px rgba(255,170,0,.9)) drop-shadow(0 0 7px rgba(255,110,0,.55));animation:flash-zap 2.2s ease-in-out infinite;transform-origin:50% 60%}
.flash-zap-btn:hover .flash-zap{transform:scale(1.2)}
@keyframes flash-zap{0%,62%,100%{transform:scale(1) rotate(0)}66%{transform:scale(1.25) rotate(-8deg);filter:brightness(1.6) drop-shadow(0 0 6px #fff3b0) drop-shadow(0 0 12px rgba(255,140,0,.9))}70%{transform:scale(.92) rotate(4deg)}74%{transform:scale(1.18) rotate(-4deg);filter:brightness(1.4) drop-shadow(0 0 8px #ffe07a)}80%{transform:scale(1) rotate(0)}}

.flash-badge{border:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffd24d,#ff9d00);color:#3a2600;font-weight:800;border-radius:10px;padding:5px 11px;font-size:14px;line-height:1.2;box-shadow:0 0 14px rgba(255,160,0,.7)}
.flash-badge__i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(58,38,0,.18);font-size:11px}
.flash-badge__bolt{width:15px;height:15px;fill:currentColor;flex:none}
/* on a photo (homepage hero): black glass and gold, the bolt shows */
.flash-badge--dark{background:rgba(18,12,0,.55);color:#ffd24d;border:1px solid rgba(255,210,77,.55);box-shadow:0 4px 18px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em}
.flash-badge--dark .flash-badge__i{background:rgba(255,210,77,.18);color:#ffd24d}

.flash-burn{position:relative;height:8px;border-radius:999px;background:rgba(58,38,0,.22);margin:4px 0}
.flash-burn--dark{background:rgba(255,255,255,.2)}
.flash-burn__fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width 1.2s cubic-bezier(.3,.7,.2,1);overflow:visible;background:linear-gradient(90deg,#9a6b00,#d4a017 35%,#f6dc7a 60%,#d4a017 85%,#9a6b00);background-size:200% 100%;animation:flash-flow 4s linear infinite;box-shadow:0 0 8px rgba(212,160,23,.5)}
.flash-burn__fill::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 0 40%,rgba(255,255,255,.6) 50%,transparent 60% 100%);background-size:250% 100%;animation:flash-sheen 2.8s ease-in-out infinite}
.flash-burn__fill::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 32%,#ffe9a3 58%,rgba(255,215,90,0) 74%);box-shadow:0 0 10px 3px rgba(255,220,120,.7);animation:flash-gleam 2.4s ease-in-out infinite}
@keyframes flash-flow{from{background-position:0 0}to{background-position:-200% 0}}
@keyframes flash-sheen{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes flash-gleam{0%,100%{opacity:.8;transform:translateY(-50%) scale(.9)}50%{opacity:1;transform:translateY(-50%) scale(1.15)}}
.flash-tick{animation:flash-tick .6s ease}
@keyframes flash-tick{0%{transform:scale(1.35)}100%{transform:scale(1)}}

.flash-bar{display:grid;gap:6px;background:linear-gradient(135deg,#fff1c7,#ffe08a);border-radius:16px;padding:12px 14px;margin:0 0 14px;color:#5a3a00}
.flash-bar__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.flash-bar__time{font-variant-numeric:tabular-nums;background:#3a2600;color:#ffd24d;border-radius:8px;padding:2px 8px;font-size:14px;font-weight:800}
.flash-bar__tag{font-weight:700;font-size:13px}
.flash-bar__left{font-size:12.5px;color:#6b4c00}
.flash-bar.is-over{filter:grayscale(1);opacity:.7}

/* burning showcase frame (homepage hero) */
.flash-fireframe{position:relative;isolation:isolate}
.flash-fireframe::before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#ff4d00,#ffb300,#fff1a8,#ff8a00,#ff3d00,#ffc93c,#ff4d00);background-size:300% 100%;animation:flash-flow 3s linear infinite}
.flash-fireframe::after{content:"";position:absolute;inset:-8px;z-index:-2;border-radius:inherit;filter:blur(14px);opacity:.85;background:linear-gradient(90deg,#ff4d00,#ffb300,#ff8a00,#ff3d00,#ffc93c,#ff4d00);background-size:300% 100%;animation:flash-flow 3s linear infinite,flash-breathe 1.1s ease-in-out infinite alternate}
@keyframes flash-breathe{from{opacity:.55}to{opacity:1}}
.flash-card-glow{box-shadow:0 0 12px rgba(255,160,0,.9),0 0 26px rgba(255,80,0,.5) !important;outline:2px solid #ffb300;outline-offset:-2px;animation:flash-breathe 1.1s ease-in-out infinite alternate}

/* explainer */
.flash-modal-back{position:fixed;inset:0;z-index:1060;background:rgba(10,8,2,.55);display:grid;place-items:center;padding:16px}
.flash-modal-back[hidden]{display:none}
.flash-modal{width:min(420px,100%);border-radius:24px;overflow:hidden;background:#fffaf0;color:#2b1d00;box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:center;font-family:var(--chilli-font)}
.flash-modal__top{padding:24px 22px 14px;background:radial-gradient(circle at 50% 110%,#ff8a00 0,#ffb300 35%,#ffe28a 70%,#fff4d1 100%)}
.flash-modal__bolt{width:52px;height:52px;margin:0 auto}
.flash-modal h3{margin:10px 0 0;font-size:22px;line-height:1.2;color:#2b1d00}
.flash-modal__bd{padding:18px 22px 22px;display:grid;gap:12px;font-size:15px;line-height:1.5}
.flash-modal__bd p{margin:0}
.flash-modal__kv{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.flash-modal__kv div{border-radius:14px;background:#fff1c7;padding:8px;display:grid}
.flash-modal__kv small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7a5a10}
.flash-modal__kv b{font-size:22px;font-variant-numeric:tabular-nums}
.flash-modal__note{font-size:13.5px;color:#7a5a10}
.flash-modal__cta{border:0;border-radius:12px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#18ae00,#4cd964)}

/* cart */
.cart-flash-label{font-size:13px;font-weight:700;margin:4px 0}
.cart-flash-ended{font-size:13px;font-weight:700;color:#8a5a00;background:#fff4d1;border-radius:8px;padding:4px 8px;margin:4px 0;display:inline-block}

.listing-flash-badge{position:absolute;left:10px;top:10px;z-index:3;font-size:12.5px;padding:4px 9px}

@media (prefers-reduced-motion:reduce){.flash-gold,.flash-zap,.flash-burn__fill,.flash-burn__fill::after,.flash-burn__fill::before,.flash-fireframe::before,.flash-fireframe::after,.flash-card-glow{animation:none}}

/* homepage hero flash slide */
.home-hero__flash{display:grid;gap:8px;max-width:440px;margin-bottom:4px;justify-items:start}
.home-hero__flash .flash-burn{width:100%}
.home-hero__flash-line{font-weight:800;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5);font-size:14.5px}
.home-hero__card.flash-card-glow{border-radius:12px}
.home-hero__disc--flash{background:linear-gradient(135deg,#c98a00 0%,#f2c230 55%,#ffe07a 100%);color:#2b1d00}
.home-hero__flash-timer{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:22px;font-variant-numeric:tabular-nums;color:#ffd24d;text-shadow:0 1px 10px rgba(0,0,0,.55);white-space:nowrap}
.home-hero__flash-timer svg{width:22px;height:22px;flex:none}
.home-hero .home-hero__view.btn-flash{box-shadow:0 8px 24px rgba(201,138,0,.35)}
@media (max-width:767.98px){
  .home-hero__flash-timer{font-size:16px;gap:5px}.home-hero__flash-timer svg{width:16px;height:16px}
  .home-hero .home-hero__view.btn-flash{min-width:0;padding:0 14px;font-size:15px}
  .home-hero__flash,.home-hero__flash-line{max-width:100%;min-width:0}
  /* phones: the flash block needs the room of the description, both discount tags fit one row */
  .home-hero--flash .home-hero__slide[data-index="0"] .home-hero__desc{display:none}
  .home-hero--flash .home-hero__slide[data-index="0"] .home-hero__disc{font-size:18px;padding:6px 10px}
}
/* offer page option rows while the boost runs: gold total discount, gold life line = flash vouchers left of this option */
.offer-step.is-flash .offer-step__pct{background:linear-gradient(135deg,#c98a00 0%,#f2c230 55%,#ffe07a 100%);color:#2b1d00}
.offer-step .offer-step__life--flash,[data-bs-theme="dark"] .offer-step .offer-step__life--flash{background:rgba(212,160,23,.18)}
.offer-step .offer-step__flash-left{grid-column:1/-1;justify-self:start;font-weight:800;font-size:14px;line-height:1.3;margin:-4px 0 2px}
.offer-step .offer-step__life--flash i{background:linear-gradient(90deg,#b37a00,#f2c230 60%,#ffe07a)}
.reel-card--flash{position:relative}
.reel-card__flash{position:absolute;right:8px;top:8px;z-index:3;background:linear-gradient(135deg,#ffd24d,#ff9d00);border-radius:8px;padding:1px 6px;font-size:13px;box-shadow:0 0 10px rgba(255,160,0,.8)}
/* offer page head above the option rows (Marti 15.10): badge where «Valik:» was, the limit note in the middle, the countdown on gold on the right */
.flash-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 12px}
.flash-head__badge{justify-self:start}
.flash-head__note{margin:0;font-size:12.5px;line-height:1.35;text-align:center;color:#7a5a10}
/* the countdown is the same gold tag as the badge (.flash-badge), Marti 15.10 */
.flash-head__time{justify-self:end;cursor:default;font-variant-numeric:tabular-nums}
.flash-head__time svg{width:15px;height:15px;flex:none}
.flash-head.is-over{filter:grayscale(1);opacity:.7}
[data-bs-theme="dark"] .flash-head__note{color:#e9c46a}
@media (max-width:575.98px){.flash-head{grid-template-columns:1fr auto;grid-template-areas:"badge time" "note note";row-gap:8px}.flash-head__badge{grid-area:badge}.flash-head__time{grid-area:time}.flash-head__note{grid-area:note;text-align:left}}
/* flash option row: full price struck, the sale price before the boost struck, the boost price big */
.offer-step.is-flash .offer-step__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.offer-step.is-flash .offer-step__price s{padding-left:0}
.offer-step.is-flash .offer-step__price .flash-zap-btn{margin-left:0}
.offer-step__boost{font-size:20px !important}
/* buy card: the flash units on their own gold line */
.offer-steps-summary__ln--flash{background:linear-gradient(90deg,rgba(255,210,77,.22),rgba(255,210,77,0));border-radius:8px}