/* ============================================
   AGIRAPOP! — Products + Marketplace Hubs
   ============================================ */

/* ====== GRID DE PRODUTOS (caixas Funko) ====== */
.products-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2rem;
    max-width:1200px;margin:0 auto;
}

.product-box{
    position:relative;width:100%;aspect-ratio:340/520;
    background:var(--black);border:4px solid var(--cream);border-radius:6px;
    box-shadow:8px 8px 0 var(--red),16px 16px 0 var(--bronze);
    transition:.35s var(--easing);cursor:pointer;transform:rotate(-1deg);
}
.product-box:nth-child(2n){transform:rotate(1deg)}
.product-box:nth-child(3n){transform:rotate(-2deg)}
.product-box:hover{
    transform:rotate(0) scale(1.04) translateY(-6px);
    box-shadow:12px 12px 0 var(--red),22px 22px 0 var(--bronze);
}
.product-box::before{
    content:'';position:absolute;inset:6px;
    background-image:radial-gradient(circle,rgba(160,120,64,.1) 1.5px,transparent 1.5px);
    background-size:12px 12px;pointer-events:none;border-radius:2px;
}
.pb-top{
    position:absolute;top:10px;left:10px;right:10px;
    display:flex;justify-content:space-between;align-items:flex-start;z-index:3;
}
.pb-logo{
    background:var(--cream);color:var(--logo-red);
    font-family:var(--font-display);font-size:1rem;padding:.25rem .6rem;
    border:2px solid var(--black);border-radius:3px;
    box-shadow:2px 2px 0 var(--black);transform:rotate(-3deg);line-height:1;
}
.pb-num{
    background:var(--bronze);color:var(--cream);
    font-family:var(--font-display);font-size:.85rem;padding:.3rem .55rem;
    border:2px solid var(--black);border-radius:3px;box-shadow:2px 2px 0 var(--black);line-height:1;
}
.pb-window{
    position:absolute;top:60px;left:18px;right:18px;bottom:160px;
    background:radial-gradient(circle at 50% 65%,#3a3a3a 0%,#0f0f0f 85%);
    border:2px solid var(--bronze);border-radius:3px;overflow:hidden;
    box-shadow:inset 0 0 24px rgba(0,0,0,.9);z-index:2;
}
.pb-window::before{
    content:'';position:absolute;top:0;left:0;width:60%;height:35%;
    background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 80%);pointer-events:none;
}
.pb-window::after{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(160,120,64,.06) 1px,transparent 1px);
    background-size:9px 9px;pointer-events:none;
}
.pb-character{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-size:8rem;line-height:1;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.6));transition:.35s var(--easing);
}
.product-box:hover .pb-character{transform:scale(1.08)}

.pb-stamp{
    position:absolute;top:75px;right:-18px;background:var(--red);color:var(--cream);
    font-family:var(--font-display);font-size:.65rem;padding:.3rem .7rem;
    border:2px solid var(--cream);border-radius:3px;transform:rotate(8deg);
    box-shadow:2px 2px 0 var(--black);z-index:4;line-height:1;
}
.pb-stamp.novo{background:var(--bronze);color:var(--cream);border-color:var(--cream)}
.pb-stamp.esgota{background:var(--cream);color:var(--red);border-color:var(--red)}
.pb-stamp.em-breve{background:var(--navy);color:var(--cream);border-color:var(--bronze)}

.pb-name{
    position:absolute;bottom:88px;left:14px;right:14px;text-align:center;z-index:3;
}
.pb-name-tag{
    font-family:var(--font-body);font-size:.55rem;color:var(--bronze-bright);
    letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:.3rem;
}
.pb-name h3{
    font-family:var(--font-display);font-size:1.5rem;line-height:.85;
    color:var(--cream);text-shadow:2px 2px 0 var(--red);letter-spacing:.02em;
}
.pb-name h3 small{
    display:block;font-size:.7rem;color:var(--bronze-bright);
    margin-top:.2rem;text-shadow:1.5px 1.5px 0 var(--black);
}

/* ====== HUB DE MARKETPLACES (rodapé do produto) ====== */
.pb-marketplaces{
    position:absolute;bottom:10px;left:10px;right:10px;
    background:linear-gradient(180deg,var(--navy-bright) 0%,var(--navy) 50%,var(--navy-deep) 100%);
    border:2px solid var(--bronze);border-radius:3px;padding:.6rem;z-index:3;
    box-shadow:inset 0 0 6px rgba(0,0,0,.5);
}
.pb-mp-label{
    font-family:var(--font-body);font-size:.55rem;color:var(--bronze-bright);
    letter-spacing:.15em;text-transform:uppercase;font-weight:700;
    text-align:center;margin-bottom:.4rem;
}
.pb-mp-icons{
    display:flex;justify-content:center;gap:.4rem;
}
.pb-mp-icon{
    width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;
    font-size:1.1rem;background:var(--cream);border:2px solid var(--black);
    box-shadow:1.5px 1.5px 0 var(--black);transition:.2s;
    text-decoration:none;color:var(--black);
}
.pb-mp-icon:hover{transform:scale(1.15) translate(-1px,-1px);box-shadow:3px 3px 0 var(--black)}
.pb-mp-icon.disabled{opacity:.3;cursor:not-allowed}
.pb-mp-icon.tiktok{background:var(--black);color:var(--cream)}
.pb-mp-icon.shopee{background:#EE4D2D;color:var(--cream)}
.pb-mp-icon.ml{background:#FFE600;color:var(--black)}
.pb-mp-min-price{
    text-align:center;font-family:var(--font-display);font-size:.95rem;
    color:var(--bronze-bright);margin-top:.3rem;letter-spacing:.02em;
}
.pb-mp-min-price span{font-size:.6rem;color:var(--cream);opacity:.7;font-family:var(--font-body)}

/* ====== MODAL "ONDE COMPRAR" ====== */
.mp-modal-bg{
    position:fixed;inset:0;background:rgba(11,11,11,.85);backdrop-filter:blur(8px);
    display:flex;align-items:center;justify-content:center;z-index:9000;
    opacity:0;pointer-events:none;transition:.4s var(--easing);padding:2rem;
}
.mp-modal-bg.show{opacity:1;pointer-events:auto}
.mp-modal{
    background:var(--cream-warm);border:4px solid var(--black);border-radius:8px;
    max-width:560px;width:100%;padding:2.5rem 2rem;position:relative;
    box-shadow:10px 10px 0 var(--red),20px 20px 0 var(--bronze);
    transform:scale(.85) rotate(-3deg);transition:.5s var(--easing-bounce);
    max-height:90vh;overflow-y:auto;
}
.mp-modal-bg.show .mp-modal{transform:scale(1) rotate(0deg)}
.mp-modal-close{
    position:absolute;top:-15px;right:-15px;width:42px;height:42px;
    background:var(--red);color:var(--cream);border:3px solid var(--black);
    border-radius:50%;font-size:1.4rem;display:flex;align-items:center;justify-content:center;
    box-shadow:3px 3px 0 var(--black);transition:.2s;cursor:pointer;
}
.mp-modal-close:hover{transform:rotate(90deg)}
.mp-modal-head{text-align:center;margin-bottom:1.5rem}
.mp-modal-emoji{font-size:4rem;line-height:1;margin-bottom:.5rem}
.mp-modal-num-tag{
    display:inline-block;background:var(--bronze);color:var(--cream);
    font-family:var(--font-display);font-size:.85rem;padding:.3rem 1rem;
    border:2px solid var(--black);border-radius:100px;
    box-shadow:2px 2px 0 var(--black);letter-spacing:.05em;margin-bottom:.8rem;
}
.mp-modal-title{
    font-family:var(--font-display);font-size:2.2rem;line-height:.9;
    color:var(--black);text-shadow:3px 3px 0 var(--red);letter-spacing:.02em;
}
.mp-modal-title small{
    display:block;font-size:1.1rem;color:var(--red);text-shadow:2px 2px 0 var(--bronze);margin-top:.3rem;
}
.mp-modal-line{
    text-align:center;font-family:var(--font-body);font-size:.7rem;
    color:var(--gray-500);text-transform:uppercase;letter-spacing:.15em;
    font-weight:700;margin-top:.5rem;
}
.mp-modal-desc{
    font-size:.9rem;color:var(--gray-700);text-align:center;line-height:1.5;
    margin:1.2rem 0;font-style:italic;padding:0 1rem;
}
.mp-modal-hashtag{
    text-align:center;font-family:var(--font-display);font-size:1.1rem;
    color:var(--red);letter-spacing:.05em;margin:.5rem 0 1.5rem;
}
.mp-modal-divider{
    text-align:center;font-family:var(--font-display);font-size:.85rem;
    color:var(--gray-500);letter-spacing:.15em;margin:1rem 0;
    display:flex;align-items:center;gap:1rem;
}
.mp-modal-divider::before,.mp-modal-divider::after{
    content:'';flex:1;height:2px;background:var(--gray-300);
}

.mp-list{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}
.mp-item{
    display:flex;align-items:center;gap:1rem;
    background:var(--cream);border:3px solid var(--black);border-radius:8px;
    padding:1rem 1.2rem;text-decoration:none;color:var(--black);
    transition:.25s var(--easing);box-shadow:4px 4px 0 var(--red);
}
.mp-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--red)}
.mp-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.mp-item.disabled:hover{transform:none;box-shadow:4px 4px 0 var(--red)}
.mp-item-icon{
    width:54px;height:54px;border-radius:8px;display:flex;align-items:center;justify-content:center;
    font-size:1.5rem;flex-shrink:0;border:3px solid var(--black);
    box-shadow:2px 2px 0 var(--black);
}
.mp-item-icon.tiktok{background:var(--black);color:var(--cream)}
.mp-item-icon.shopee{background:#EE4D2D;color:var(--cream)}
.mp-item-icon.ml{background:#FFE600;color:var(--black)}
.mp-item-info{flex:1;min-width:0}
.mp-item-name{
    font-family:var(--font-display);font-size:1.2rem;line-height:1;
    color:var(--black);letter-spacing:.02em;
}
.mp-item-status{
    font-size:.7rem;color:var(--gray-500);text-transform:uppercase;
    letter-spacing:.1em;font-weight:700;margin-top:.3rem;
}
.mp-item-status.disponivel{color:#10B981}
.mp-item-status.esgotado{color:var(--red)}
.mp-item-status.em_breve{color:var(--bronze)}
.mp-item-price{
    text-align:right;font-family:var(--font-display);font-size:1.4rem;
    color:var(--red);line-height:1;
}
.mp-item-price small{
    display:block;font-size:.6rem;color:var(--gray-500);
    text-transform:uppercase;letter-spacing:.1em;font-weight:700;
    margin-bottom:.2rem;font-family:var(--font-body);
}

/* ====== MANIFESTO ====== */
.manifesto{
    background:var(--red);color:var(--cream);padding:8rem 1.5rem;
    position:relative;overflow:hidden;
    border-top:5px solid var(--black);border-bottom:5px solid var(--black);
}
.manifesto::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(0,0,0,.1) 2px,transparent 2px);
    background-size:24px 24px;
}
.manifesto-content{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:2}
.manifesto-flag{
    display:inline-block;background:var(--navy);color:var(--cream);
    font-family:var(--font-display);font-size:1rem;padding:.5rem 1.2rem;
    border:3px solid var(--bronze);border-radius:100px;
    box-shadow:3px 3px 0 var(--cream);margin-bottom:1.5rem;
    letter-spacing:.08em;transform:rotate(-2deg);
}
.manifesto-h{
    font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);
    line-height:.9;color:var(--cream);text-shadow:6px 6px 0 var(--black);
    margin-bottom:2rem;letter-spacing:.01em;
}
.manifesto-h em{
    font-style:normal;color:var(--bronze-bright);text-shadow:6px 6px 0 var(--black);
    display:block;margin-top:.3rem;
}
.manifesto-text{font-size:1.2rem;line-height:1.7;color:var(--cream);margin-bottom:2rem;max-width:680px;margin-left:auto;margin-right:auto}
.manifesto-text p{margin-bottom:1.2rem}
.manifesto-text strong{color:var(--bronze-bright);font-weight:800}
.manifesto-quote{
    font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);
    line-height:1;color:var(--cream);margin:3rem 0 1.5rem;
    text-shadow:4px 4px 0 var(--black);letter-spacing:.02em;
}
.manifesto-quote em{font-style:normal;color:var(--bronze-bright);display:block;text-shadow:4px 4px 0 var(--black)}
.manifesto-sign{font-family:var(--font-display);font-size:1rem;color:var(--bronze-bright);letter-spacing:.15em}

/* ====== TIMELINE / HISTÓRIA ====== */
.historia-section{
    background:linear-gradient(180deg,var(--cream-warm) 0%,var(--cream-soft) 100%);
    padding:7rem 1.5rem;position:relative;overflow:hidden;
}
.historia-container{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.timeline{position:relative;margin-top:4rem}
.timeline::before{
    content:'';position:absolute;left:50%;top:0;bottom:0;width:6px;
    background:linear-gradient(180deg,var(--red) 0%,var(--bronze) 50%,var(--red) 100%);
    transform:translateX(-50%);border-radius:100px;box-shadow:0 0 0 2px var(--black);
}
.timeline-item{
    display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;
    align-items:center;margin-bottom:3rem;position:relative;
}
.timeline-item:nth-child(even) .timeline-card{grid-column:3}
.timeline-item:nth-child(even) .timeline-empty{grid-column:1}
.timeline-card{
    background:var(--cream);border:3px solid var(--black);border-radius:8px;
    padding:1.5rem 1.8rem;box-shadow:5px 5px 0 var(--red);
    position:relative;transition:.3s var(--easing);grid-column:1;
}
.timeline-item:nth-child(even) .timeline-card{box-shadow:-5px 5px 0 var(--red)}
.timeline-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--red)}
.timeline-item:nth-child(even) .timeline-card:hover{transform:translate(3px,-3px);box-shadow:-8px 8px 0 var(--red)}
.timeline-year{
    display:inline-block;background:var(--red);color:var(--cream);
    font-family:var(--font-display);font-size:1.1rem;padding:.3rem .9rem;
    border:2px solid var(--black);border-radius:100px;margin-bottom:.8rem;
    letter-spacing:.05em;box-shadow:2px 2px 0 var(--black);
}
.timeline-card h4{font-family:var(--font-display);font-size:1.5rem;color:var(--black);line-height:1;margin-bottom:.6rem;letter-spacing:.02em}
.timeline-card p{font-size:.9rem;color:var(--gray-700);line-height:1.5}
.timeline-dot{
    width:30px;height:30px;background:var(--bronze);
    border:4px solid var(--black);border-radius:50%;grid-column:2;z-index:2;
    box-shadow:0 0 0 4px var(--cream-warm),3px 3px 0 4px var(--red);
}
.timeline-empty{display:none}

/* ====== RITUAL ====== */
.ritual{background:var(--cream-warm);padding:7rem 1.5rem;text-align:center;position:relative;overflow:hidden}
.ritual::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(107,15,26,.1) 2px,transparent 2px);
    background-size:24px 24px;
}
.ritual-content{max-width:740px;margin:0 auto;position:relative;z-index:2}
.ritual-icon{
    width:90px;height:90px;background:var(--red);border:4px solid var(--black);
    border-radius:50%;margin:0 auto 1.5rem;
    display:flex;align-items:center;justify-content:center;
    color:var(--bronze-bright);font-family:var(--font-display);font-size:2.8rem;
    box-shadow:6px 6px 0 var(--bronze);transform:rotate(-3deg);
}
.ritual-tag{
    display:inline-block;background:var(--navy);color:var(--cream);
    font-family:var(--font-display);font-size:1rem;padding:.4rem 1.2rem;
    border:3px solid var(--black);border-radius:100px;margin-bottom:1.5rem;
    box-shadow:3px 3px 0 var(--bronze);letter-spacing:.08em;transform:rotate(2deg);
}
.ritual-h{
    font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);
    line-height:.9;color:var(--black);text-shadow:5px 5px 0 var(--red);
    margin-bottom:1rem;letter-spacing:.01em;
}
.ritual-h em{font-style:normal;color:var(--red);text-shadow:5px 5px 0 var(--bronze);display:block}
.ritual-desc{font-size:1.1rem;color:var(--gray-700);margin-bottom:2rem}

/* ====== PATENTES ====== */
.patente-grid{
    display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;
    max-width:var(--container);margin:0 auto;
}
.patente-card{
    background:var(--cream);border:4px solid var(--black);border-radius:8px;
    padding:2rem 1.2rem;text-align:center;box-shadow:6px 6px 0 var(--red);
    transition:.3s var(--easing);cursor:pointer;position:relative;
}
.patente-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--red)}
.patente-card.featured{background:var(--navy);color:var(--cream);box-shadow:6px 6px 0 var(--bronze)}
.patente-card.featured:hover{box-shadow:9px 9px 0 var(--bronze)}
.patente-num{
    display:inline-flex;align-items:center;justify-content:center;
    width:48px;height:48px;background:var(--bronze);color:var(--cream);
    border:3px solid var(--black);border-radius:50%;
    font-family:var(--font-display);font-size:1.3rem;margin-bottom:1.2rem;
    box-shadow:3px 3px 0 var(--red);
}
.patente-card.featured .patente-num{
    background:var(--red);color:var(--cream);border-color:var(--cream);box-shadow:3px 3px 0 var(--bronze);
}
.patente-name{
    font-family:var(--font-display);font-size:1.5rem;line-height:1;
    color:var(--black);margin-bottom:.4rem;letter-spacing:.02em;
}
.patente-card.featured .patente-name{color:var(--cream)}
.patente-req{
    font-family:var(--font-body);font-size:.65rem;color:var(--red);
    text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin-bottom:1rem;
}
.patente-card.featured .patente-req{color:var(--bronze-bright)}
.patente-benef{font-size:.85rem;color:var(--gray-700);line-height:1.4}
.patente-card.featured .patente-benef{color:var(--gray-300)}

/* ====== FINAL CTA ====== */
.final-cta{
    background:var(--black);padding:7rem 1.5rem;text-align:center;color:var(--cream);
    position:relative;overflow:hidden;border-top:5px solid var(--red);
}
.final-cta::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(160,120,64,.08) 2px,transparent 2px);
    background-size:24px 24px;
}
.final-cta-content{max-width:780px;margin:0 auto;position:relative;z-index:2}
.final-cta-tag{
    display:inline-block;background:var(--red);color:var(--cream);
    font-family:var(--font-display);font-size:1rem;padding:.5rem 1.3rem;
    border:3px solid var(--cream);border-radius:100px;margin-bottom:1.5rem;
    box-shadow:3px 3px 0 var(--bronze);letter-spacing:.08em;transform:rotate(-2deg);
}
.final-cta-h{
    font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);
    line-height:.9;color:var(--cream);
    text-shadow:5px 5px 0 var(--red),10px 10px 0 var(--bronze);
    margin-bottom:1.5rem;letter-spacing:.01em;
}
.final-cta-h em{font-style:normal;color:var(--bronze-bright);text-shadow:5px 5px 0 var(--red)}
.final-cta-desc{color:var(--gray-300);font-size:1.1rem;margin-bottom:2rem;max-width:520px;margin-left:auto;margin-right:auto}

/* ====== FOOTER ====== */
.footer{
    background:var(--black-deep);padding:5rem 1.5rem 2rem;color:var(--cream);
    border-top:4px solid var(--bronze);
}
.footer-container{max-width:var(--container);margin:0 auto}
.footer-top{
    display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3rem;
}
.footer-brand-svg{height:60px;width:auto;margin-bottom:1.5rem}
.footer-tag{color:var(--gray-300);font-size:.9rem;line-height:1.6;max-width:340px;margin-bottom:1.2rem}
.footer-quote{
    font-family:var(--font-display);font-size:1.2rem;color:var(--bronze-bright);
    line-height:1.2;border-left:3px solid var(--red);padding-left:1rem;
    max-width:280px;letter-spacing:.02em;
}
.footer-col h4{
    font-family:var(--font-display);font-size:1.1rem;color:var(--bronze-bright);
    margin-bottom:1.2rem;letter-spacing:.05em;
}
.footer-col a,.footer-col p{
    display:block;color:var(--gray-300);font-size:.85rem;
    margin-bottom:.7rem;transition:.25s;
}
.footer-col a:hover{color:var(--red)}
.footer-bottom{
    display:flex;justify-content:space-between;align-items:center;
    padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);
    font-size:.75rem;color:var(--gray-500);
}
.footer-hashtag{color:var(--bronze-bright);font-family:var(--font-display);font-size:.95rem;letter-spacing:.05em}

/* ====== BOTÕES FLUTUANTES ====== */
.float-buttons{
    position:fixed;bottom:1.5rem;right:1.5rem;z-index:300;
    display:flex;flex-direction:column;gap:1rem;align-items:flex-end;
}
.float-btn{
    width:64px;height:64px;border-radius:50%;border:3px solid var(--cream);
    display:flex;align-items:center;justify-content:center;cursor:pointer;
    transition:.3s var(--easing);position:relative;box-shadow:5px 5px 0 var(--black);
}
.float-btn svg{width:32px;height:32px;fill:var(--cream)}
.float-btn:hover{transform:scale(1.1) translate(-2px,-2px);box-shadow:7px 7px 0 var(--black)}
.float-insta{
    background:linear-gradient(135deg,#833AB4 0%,#FD1D1D 50%,#FCAF45 100%);
    animation:floatInsta 3s ease-in-out infinite;
}
@keyframes floatInsta{
    0%,100%{transform:translateY(0) rotate(-3deg)}
    50%{transform:translateY(-6px) rotate(3deg)}
}
.float-insta:hover{animation:none;transform:scale(1.1) translate(-2px,-2px)}
.float-wpp{background:#25D366;animation:floatWpp 2.5s ease-in-out infinite}
@keyframes floatWpp{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-6px) scale(1.05)}
}
.float-wpp:hover{animation:none;transform:scale(1.1) translate(-2px,-2px)}
.float-wpp .notif-dot{
    position:absolute;top:-2px;right:-2px;width:18px;height:18px;
    background:var(--red);border:3px solid var(--cream);border-radius:50%;
    animation:notifPulse 1.5s ease-in-out infinite;
}
@keyframes notifPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.float-top{
    background:var(--bronze);opacity:0;pointer-events:none;
    transition:.4s var(--easing);
}
.float-top.visible{opacity:1;pointer-events:auto}
.float-top:hover{background:var(--bronze-bright)}
.float-top svg{transform:rotate(-90deg)}

/* ====== TOAST ====== */
.toast{
    position:fixed;bottom:6rem;left:50%;transform:translateX(-50%) translateY(150%);
    background:var(--black);color:var(--cream);border:3px solid var(--cream);
    padding:1rem 1.8rem;border-radius:100px;font-family:var(--font-display);
    font-size:1rem;z-index:1000;transition:.4s var(--easing-bounce);
    box-shadow:5px 5px 0 var(--red),5px 5px 0 1px var(--bronze);
    display:flex;align-items:center;gap:.6rem;letter-spacing:.05em;
}
.toast::before{content:'★';color:var(--bronze-bright);font-size:1.3rem}
.toast.show{transform:translateX(-50%) translateY(0)}