.offer-flash,.flash-reopen{--flash-bg:#fff;--flash-text:#0b1830;--flash-muted:#455774;--flash-blue:#174c89;box-sizing:border-box;font-family:inherit;color:var(--flash-text)}
[data-theme=dark] .offer-flash,[data-theme=dark] .flash-reopen{--flash-bg:#10253f;--flash-text:#f0f3fa;--flash-muted:#b7c9e2;--flash-blue:#a9c2e3}
.offer-flash[hidden],.flash-reopen[hidden],.flash-card[hidden],.flash-controls[hidden]{display:none!important}
.offer-flash{position:fixed;z-index:140;right:24px;bottom:24px;width:360px;max-height:calc(100dvh - 48px);overflow:auto;padding:18px;border:1px solid #6f98cc55;border-radius:24px;background:var(--flash-bg);box-shadow:0 18px 70px #06152d40;animation:flash-enter .38s ease-out}
.flash-close{position:absolute;right:4px;top:3px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--flash-text);font:28px/1 inherit;cursor:pointer}
.flash-body{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding-top:15px}.flash-art{position:relative;min-width:0}.flash-art>img{display:block;width:100%;height:124px;object-fit:contain;animation:flash-product .5s ease-out}.flash-defect-photo{position:absolute;bottom:-2px;right:-5px;width:48px;height:48px;border:3px solid #c91f35;border-radius:50%;overflow:hidden;background:white}.flash-defect-photo img{display:block;width:100%;height:100%;object-fit:cover}
.flash-badge{display:block;max-width:calc(100% - 10px);font-size:10px;line-height:1.35;font-weight:800;letter-spacing:.04em;color:#aa1930;animation:flash-pulse 2.8s ease-in-out 3}[data-theme=dark] .flash-badge{color:#ffa7b3}.flash-copy h2{font-size:20px;line-height:1.12;margin:7px 0;color:var(--flash-text)}.flash-spec{font-size:12px;line-height:1.45;color:var(--flash-muted);margin:0}.flash-price{position:relative;display:inline-block;overflow:hidden;font-size:29px;line-height:1.2;margin-top:7px;color:#b51a30}.flash-price:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff80 50%,transparent 70%);transform:translateX(-120%);animation:flash-shine 3s ease 2}[data-theme=dark] .flash-price{color:#ffa7b3}.flash-stock{font-size:10px;line-height:1.4;color:var(--flash-muted);margin:13px 0 9px}.flash-defect{font-size:11px;line-height:1.45;padding:9px 10px;background:#f7e9ec;color:#5f1827;border-radius:10px;margin:12px 0 0}.flash-defect b{display:block;margin-top:3px}[data-theme=dark] .flash-defect{background:#351e2c;color:#ffe2e7}.flash-actions{display:flex;gap:7px}.flash-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px;border-radius:12px;font-size:12px;line-height:1.25;text-decoration:none;font-weight:750;background:#174c89;color:#fff}.flash-actions a:last-child{flex:1;background:#146d3b;color:#fff}.flash-controls{display:flex;justify-content:center;align-items:center;margin-top:4px}.flash-controls button{width:36px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--flash-text);cursor:pointer}.flash-controls button span{width:6px;height:6px;background:#8c9db5;border-radius:100%}.flash-controls [aria-pressed=true] span{width:20px;border-radius:6px;background:#c91f35}.flash-reopen{position:fixed;z-index:139;left:16px;bottom:100px;min-height:44px;padding:10px 16px;border:1px solid #6f98cc66;border-radius:30px;background:var(--flash-bg);box-shadow:0 6px 22px #06152d22;font-weight:750;font-size:14px;cursor:pointer}
.offer-flash :focus-visible,.flash-reopen:focus-visible{outline:3px solid #6f98cc;outline-offset:3px}
@keyframes flash-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes flash-product{from{opacity:.3;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes flash-shine{to{transform:translateX(120%)}}@keyframes flash-pulse{50%{opacity:.72}}
@media(max-width:767px){.offer-flash{right:8px;left:8px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:auto;max-height:45dvh;border-radius:22px;padding:12px 14px}.flash-body{grid-template-columns:92px 1fr;gap:10px;padding-top:8px}.flash-art>img{height:98px}.flash-copy h2{font-size:18px;margin:4px 0}.flash-spec{font-size:11px}.flash-price{font-size:26px;margin-top:3px}.flash-defect{font-size:11px;line-height:1.3;margin-top:7px;padding:7px 9px}.flash-stock{margin:7px 0;font-size:10px}.flash-controls{margin-top:0}.flash-controls button{height:26px}.flash-reopen{bottom:calc(94px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.offer-flash,.flash-art>img,.flash-badge,.flash-price:after{animation:none!important}}
/* Desktop inspiration: diagonal stage and oversized product silhouette. */
.flash-laptop .flash-art{position:relative;isolation:isolate;border-radius:16px;background:linear-gradient(145deg,#f6f7fa 55%,#dce7f4 55%)}
.flash-laptop .flash-art:before{content:'16';position:absolute;right:5px;top:4px;font:90px/1 'Bebas Neue',sans-serif;color:#174c8918;z-index:-1}
.flash-laptop .flash-art>img{position:relative;z-index:1;object-fit:contain}
[data-theme=dark] .flash-laptop .flash-art{background:linear-gradient(145deg,#14253f 55%,#174c89 55%)}
[data-theme=dark] .flash-laptop .flash-art:before{color:#ffffff22}
/* Floating advertisements share the dock's frosted glass surface. */
.offer-flash,.flash-reopen{--flash-muted:#283b55;background:linear-gradient(145deg,#ffffff24,#ffffff05),rgba(246,247,250,.74);border-color:#ffffffa6;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff70,0 16px 48px #06152d26}
[data-theme=dark] .offer-flash,[data-theme=dark] .flash-reopen{--flash-muted:#d4dfef;background:linear-gradient(145deg,#ffffff0d,#ffffff02),rgba(11,24,48,.80);border-color:#c7dbfa40;box-shadow:inset 0 1px 0 #ffffff1f,0 16px 48px #00000040}
.flash-laptop .flash-art{background:linear-gradient(145deg,#ffffff1f 55%,#174c8914 55%)}
[data-theme=dark] .flash-laptop .flash-art{background:linear-gradient(145deg,#ffffff05 55%,#6f98cc21 55%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.offer-flash,.flash-reopen{background:#f6f7fa}[data-theme=dark] .offer-flash,[data-theme=dark] .flash-reopen{background:#0b1830}}
@media(prefers-reduced-transparency:reduce){.offer-flash,.flash-reopen{background:#f6f7fa;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .offer-flash,[data-theme=dark] .flash-reopen{background:#0b1830}}
/* ASAPH reminder flyers: a generous product, diagonal stage and a quiet model wordmark. */
.flash-reminder .flash-body{grid-template-columns:minmax(118px,.95fr) minmax(0,1.2fr);gap:14px;align-items:center;padding-top:12px}
.flash-reminder .flash-art,.flash-laptop.flash-reminder .flash-art{position:relative;isolation:isolate;min-height:148px;border-radius:18px;background:linear-gradient(145deg,#ffffff24 48%,#174c8926 48%);overflow:visible}
.flash-reminder .flash-art:after{content:'';position:absolute;inset:24% 3%;border:1px solid #6f98cc70;border-radius:50%;transform:rotate(-22deg);z-index:-1}
.flash-laptop.flash-reminder .flash-art:before{content:none}
.flash-wordmark{position:absolute;inset:12px -3px auto;font:400 60px/1 'Bebas Neue',sans-serif;letter-spacing:-.03em;color:#174c8924;z-index:-1;overflow:hidden;text-align:center;pointer-events:none}
[data-theme=dark] .flash-wordmark{color:#a9c2e32e}
.flash-reminder .flash-art>img{position:relative;width:112%;max-width:none;height:148px;margin-left:-6%;object-fit:contain;filter:drop-shadow(0 9px 9px #0b183022)}
.flash-headline{font-size:12px;line-height:1.35;font-weight:650;margin:0 0 8px;color:var(--flash-text)}
.flash-reminder .flash-badge{font-size:9px;letter-spacing:.06em}
.flash-reminder .flash-copy h2{font-size:25px;line-height:1.05;margin:6px 0}
.flash-reminder .flash-spec{font-size:11px;line-height:1.4}
.flash-reminder .flash-defect-photo{z-index:2;width:44px;height:44px;right:0;bottom:0}
@media(max-width:767px){.flash-reminder .flash-body{grid-template-columns:minmax(106px,.9fr) minmax(0,1.2fr);gap:12px;padding-top:8px}.flash-reminder .flash-art{min-height:128px}.flash-reminder .flash-art>img{height:128px}.flash-reminder .flash-headline{font-size:11px;margin-bottom:6px}.flash-reminder .flash-copy h2{font-size:23px}.flash-wordmark{font-size:54px}}
@media(prefers-reduced-motion:reduce){.flash-reminder .flash-art>img{animation:none}}
@media(max-width:767px){.offer-flash:has(.flash-reminder:not([hidden]) .flash-defect){max-height:50dvh}}
