.shop-cards { grid-template-columns:repeat(3,1fr); }
.shop-card { height:440px; }
.shop-card.allegro { color:#fff; background:#28140c; }
.bg-allegro { background:radial-gradient(circle at 70% 41%,#ffb233 0 5%,transparent 23%),linear-gradient(140deg,#47200c 0%,#1d0e08 58%,#8f3207 100%); }
.allegro .card-number,.allegro .card-content,.allegro .card-foot,.allegro .card-content h3,.allegro .card-content h3 em,.allegro .card-arrow { color:#fff; }
.platform-browser.allegro-preview { background:#ff9d1e; }
.platform-browser.allegro-preview > img { object-position:74% 31%; }
.allegro:hover .platform-browser.allegro-preview > img { transform:scale(1.25) translate(-3%,-2%); }
.allegro-brand { position:absolute; z-index:5; left:11px; top:39px; color:#fff; font:800 clamp(20px,2.1vw,33px)/1 Manrope,Arial,sans-serif; letter-spacing:-1.9px; text-shadow:0 2px 12px rgba(45,16,0,.58); }
.allegro-focus { position:absolute; z-index:2; right:15%; top:24%; width:25%; aspect-ratio:1; border:2px solid #fff7e6; border-radius:50%; box-shadow:0 0 0 6px rgba(255,255,255,.32),0 0 26px rgba(88,36,0,.3); animation:allegroFocus 4.6s ease-in-out infinite; }
.allegro-chip { position:absolute; z-index:3; right:10%; top:43%; padding:7px 8px; background:#19110d; color:#fff; font:8px "DM Mono",monospace; letter-spacing:.5px; animation:allegroChip 4.6s ease-in-out infinite; }
@keyframes allegroFocus { 0%,15%{opacity:0;transform:scale(.7)} 25%,57%{opacity:1;transform:scale(1)} 70%,100%{opacity:0;transform:scale(1.16)} }
@keyframes allegroChip { 0%,52%{opacity:0;transform:translateY(9px)} 64%,83%{opacity:1;transform:translateY(0)} 100%{opacity:0;transform:translateY(-4px)} }
@media(max-width:1050px){.shop-cards{grid-template-columns:1fr 1fr}.shop-card.allegro{grid-column:span 2}.platform-browser.allegro-preview > img{object-position:74% 36%}}
@media(max-width:720px){.shop-cards{grid-template-columns:1fr}.shop-card,.shop-card.allegro{grid-column:auto;height:370px}.allegro .card-content{max-width:78%}}

body.light .shop-card.allegro { color:#111112; background:#f9f6f1; }
body.light .shop-card.allegro .card-number,body.light .shop-card.allegro .card-content,body.light .shop-card.allegro .card-foot,body.light .shop-card.allegro .card-content h3,body.light .shop-card.allegro .card-content h3 em { color:#111112; }
body.light .shop-card.allegro .card-content h3 em,body.light .shop-card.allegro .card-arrow { color:#c92d2b; }