/* ============================================
   AGIRAPOP! v4 — Funil de Vendas (Reordenação)
   Hook Strip + Edição Limitada + Sticky Bar
   ============================================ */

/* ====== HOOK STRIP — abaixo da tagline ====== */
.hook-strip{
    background:var(--bronze);
    border-top:4px solid var(--black);
    border-bottom:4px solid var(--black);
    padding:1rem 1rem;
    position:relative;z-index:5;
}
.hook-strip::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(0,0,0,.08) 1.5px,transparent 1.5px);
    background-size:14px 14px;pointer-events:none;
}
.hook-strip-container{
    max-width:var(--container);margin:0 auto;
    display:flex;align-items:center;justify-content:center;gap:1.2rem;
    flex-wrap:wrap;position:relative;z-index:2;
}
.hook-label{
    font-family:var(--font-display);font-size:1.1rem;color:var(--black);
    letter-spacing:.05em;
}
.hook-mp{
    display:inline-flex;align-items:center;gap:.5rem;
    background:var(--cream);color:var(--black);
    padding:.55rem 1.1rem;border:3px solid var(--black);border-radius:100px;
    font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;
    text-decoration:none;box-shadow:3px 3px 0 var(--red);
    transition:.2s var(--easing);
}
.hook-mp:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--red)}
.hook-mp span{font-size:1.1rem}
.hook-mp.tiktok{background:var(--black);color:var(--cream);border-color:var(--cream);box-shadow:3px 3px 0 var(--red),3px 3px 0 1px var(--cream)}
.hook-mp.tiktok:hover{box-shadow:5px 5px 0 var(--red),5px 5px 0 1px var(--cream)}
.hook-mp.shopee{background:#EE4D2D;color:var(--cream);border-color:var(--cream);box-shadow:3px 3px 0 var(--black),3px 3px 0 1px var(--cream)}
.hook-mp.shopee:hover{box-shadow:5px 5px 0 var(--black),5px 5px 0 1px var(--cream)}
.hook-mp.ml{background:#FFE600;color:var(--black);border-color:var(--black);box-shadow:3px 3px 0 var(--red)}
.hook-trust{
    font-family:var(--font-display);font-size:.9rem;color:var(--black);
    letter-spacing:.05em;border-left:3px solid var(--black);padding-left:1rem;
}

/* ====== EDIÇÃO LIMITADA — abaixo dos PRODUTOS ====== */
.edicao-limitada-section{
    background:linear-gradient(135deg,var(--red) 0%,var(--red-deep) 100%);
    color:var(--cream);
    padding:5rem 1.5rem;
    text-align:center;
    border-top:5px solid var(--black);border-bottom:5px solid var(--black);
    position:relative;overflow:hidden;
}
.edicao-limitada-section::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(196,149,96,.1) 2px,transparent 2px);
    background-size:30px 30px;pointer-events:none;
}
.edicao-container{max-width:900px;margin:0 auto;position:relative;z-index:2}
.edicao-flag{
    display:inline-block;background:var(--black);color:var(--bronze-bright);
    font-family:var(--font-display);font-size:1rem;padding:.5rem 1.4rem;
    border:3px solid var(--bronze-bright);border-radius:100px;
    box-shadow:4px 4px 0 var(--cream);letter-spacing:.1em;
    margin-bottom:1.5rem;transform:rotate(-2deg);animation:edicaoFlagPulse 3s ease-in-out infinite;
}
@keyframes edicaoFlagPulse{
    0%,100%{transform:rotate(-2deg) scale(1)}
    50%{transform:rotate(-2deg) scale(1.05)}
}
.edicao-title{
    font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);
    line-height:.9;color:var(--cream);
    text-shadow:5px 5px 0 var(--black),10px 10px 0 var(--bronze);
    margin-bottom:1.2rem;letter-spacing:.01em;
}
.edicao-title em{
    font-style:normal;color:var(--bronze-bright);
    text-shadow:5px 5px 0 var(--black);display:inline-block;
}
.edicao-desc{
    font-size:1.1rem;line-height:1.6;color:var(--cream);
    max-width:700px;margin:0 auto 2.5rem;
}
.edicao-desc strong{color:var(--bronze-bright);font-weight:800}
.edicao-stats{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;
    max-width:700px;margin:0 auto 2.5rem;
}
.edicao-stat{
    background:var(--black);border:3px solid var(--cream);border-radius:8px;
    padding:1.5rem 1rem;
    box-shadow:5px 5px 0 var(--bronze);
}
.edicao-stat.featured{
    background:var(--bronze);color:var(--black);
    box-shadow:5px 5px 0 var(--cream);
    transform:scale(1.05);
}
.edicao-stat-num{
    font-family:var(--font-display);font-size:3rem;line-height:1;
    color:var(--bronze-bright);text-shadow:3px 3px 0 var(--red);
}
.edicao-stat.featured .edicao-stat-num{
    color:var(--red);text-shadow:3px 3px 0 var(--cream);
}
.edicao-stat-lbl{
    font-family:var(--font-display);font-size:.75rem;color:var(--cream);
    letter-spacing:.05em;margin-top:.5rem;line-height:1.2;
}
.edicao-stat.featured .edicao-stat-lbl{color:var(--black)}
.edicao-btn{
    background:var(--bronze) !important;color:var(--black) !important;
    box-shadow:5px 5px 0 var(--cream),5px 5px 0 1px var(--black) !important;
}
.edicao-btn:hover{box-shadow:7px 7px 0 var(--cream),7px 7px 0 1px var(--black) !important}

/* ====== STICKY BAR MOBILE ====== */
.sticky-mobile-bar{
    display:none;
    position:fixed;bottom:0;left:0;right:0;z-index:200;
    background:var(--black);border-top:3px solid var(--red);
    padding:.7rem 1rem;
    align-items:center;justify-content:space-between;gap:.8rem;
    box-shadow:0 -8px 24px rgba(0,0,0,.4);
    transform:translateY(100%);
    transition:.4s var(--easing);
}
.sticky-mobile-bar.visible{transform:translateY(0)}
.sticky-brand{
    font-family:var(--font-display);font-size:.95rem;color:var(--cream);
    letter-spacing:.04em;flex-shrink:0;
}
.sticky-cta{
    background:var(--red);color:var(--cream);
    padding:.6rem 1.2rem;border-radius:100px;border:2px solid var(--cream);
    font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;
    text-decoration:none;box-shadow:3px 3px 0 var(--bronze);
    transition:.2s var(--easing);white-space:nowrap;
}
.sticky-cta:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--bronze)}
.sticky-cta:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--bronze)}

/* ====== RESPONSIVE ====== */
@media (max-width:1024px){
    .hook-strip-container{gap:.7rem}
    .hook-label{font-size:1rem;width:100%;text-align:center;margin-bottom:.3rem}
    .hook-trust{display:none}
    .edicao-stats{gap:.8rem}
    .edicao-stat{padding:1.2rem .8rem}
    .edicao-stat-num{font-size:2.4rem}
}

@media (max-width:768px){
    /* Mostra a sticky bar só em mobile */
    .sticky-mobile-bar{display:flex}
    /* Empurra o conteúdo pra cima pra não ficar atrás da sticky bar */
    body{padding-bottom:62px}
    /* Float buttons sobem pra ficarem acima da sticky bar */
    .float-buttons{bottom:78px !important}

    /* Hook strip mobile */
    .hook-strip{padding:.8rem .5rem}
    .hook-strip-container{gap:.5rem}
    .hook-label{font-size:.85rem;margin-bottom:.2rem}
    .hook-mp{font-size:.8rem;padding:.4rem .8rem;border-width:2px;box-shadow:2px 2px 0 var(--red)}
    .hook-mp:hover{box-shadow:3px 3px 0 var(--red)}
    .hook-mp.tiktok{box-shadow:2px 2px 0 var(--red),2px 2px 0 1px var(--cream)}
    .hook-mp.shopee{box-shadow:2px 2px 0 var(--black),2px 2px 0 1px var(--cream)}
    .hook-mp span{font-size:.95rem}

    /* Edição limitada mobile */
    .edicao-limitada-section{padding:4rem 1rem}
    .edicao-flag{font-size:.85rem;padding:.4rem 1rem}
    .edicao-title{font-size:clamp(2.2rem,9vw,3.8rem) !important}
    .edicao-desc{font-size:.95rem}
    .edicao-stats{grid-template-columns:1fr 1fr 1fr;gap:.6rem}
    .edicao-stat{padding:1rem .5rem}
    .edicao-stat-num{font-size:1.8rem}
    .edicao-stat-lbl{font-size:.6rem}
    .edicao-stat.featured{transform:scale(1.02)}
    .edicao-btn{width:100%;justify-content:center;font-size:1rem}

    /* Sticky bar */
    .sticky-brand{font-size:.85rem}
    .sticky-cta{font-size:.8rem;padding:.5rem 1rem}
}

@media (max-width:480px){
    .hook-strip-container{flex-direction:column}
    .hook-mp{width:100%;max-width:240px;justify-content:center}
}