:root{--bg:#050505;--panel:#0e0e0e;--green:#39ff14;--text:#f7f7f7;--muted:#9b9b9b;--line:#222}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(5,5,5,.95);z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px}.brand img{width:58px;height:58px;object-fit:contain}.top nav{display:flex;gap:22px;align-items:center}.top nav a:hover{color:var(--green)}.hero{min-height:72vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:60px max(7vw,24px);background:radial-gradient(circle at 75% 45%,#173b12 0,transparent 35%)}.hero h1{font-size:clamp(48px,8vw,112px);line-height:.86;margin:10px 0}.hero h1 span,.section-title small,.hero small{color:var(--green)}.hero p{max-width:560px;color:#cfcfcf;font-size:18px}.hero img{width:min(520px,90%);justify-self:center;filter:drop-shadow(0 0 24px rgba(57,255,20,.2))}.btn{display:inline-block;background:var(--green);color:#041003;font-weight:900;padding:16px 22px;border:0;border-radius:7px;cursor:pointer;margin-top:14px}.wide{width:100%;text-align:center}.trust{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;padding:22px;border-block:1px solid var(--line);color:#ddd}.section{padding:70px max(6vw,24px)}.narrow{max-width:900px;margin:auto}.section-title h1,.section-title h2{font-size:clamp(36px,5vw,64px);margin:4px 0 32px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#3b6}.photo{aspect-ratio:1/1;background:#0a0a0a;display:grid;place-items:center}.photo img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px}.card-body small{color:var(--muted)}.card-body h3{margin:8px 0}.card-body strong{display:block;font-size:24px;margin-top:4px}.card-body del{color:#777}.buy{display:inline-block;color:var(--green);font-weight:900;margin-top:14px}.product{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:70px max(7vw,24px)}.product-img{background:#0a0a0a;border-radius:16px;overflow:hidden}.product-img img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-info h1{font-size:clamp(36px,5vw,70px);margin:10px 0}.price{font-size:32px;font-weight:900;color:var(--green);margin:12px 0}.sizes{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 24px}.size{padding:12px 15px;border:1px solid #333;border-radius:8px;cursor:pointer}.size input{margin-right:7px}.size em{display:block;font-size:10px;color:#888}.size.sold{opacity:.35}.cart-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-row img{width:90px;height:90px;object-fit:cover;border-radius:10px}.link-danger{background:none;color:#ff6969;border:0;cursor:pointer}.summary{margin-top:25px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.summary>span,.summary>strong{display:block}.summary>strong{font-size:32px;margin:6px 0}.empty,.order-card,.pix-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:30px}.checkout h3{margin-top:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea,select{width:100%;background:#0d0d0d;border:1px solid #333;color:#fff;padding:15px;border-radius:8px;margin:6px 0}textarea{min-height:120px}.alert{background:#3b1212;color:#ffb9b9;padding:14px;border-radius:8px}.success{background:#123b17;color:#bfffbd;padding:14px;border-radius:8px}.track{display:flex;gap:10px}.track .btn{margin:6px 0}.status{display:inline-block;padding:9px 12px;border-radius:999px;background:#173b12;color:var(--green);font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats>div{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:12px}.stats strong{display:block;font-size:32px;color:var(--green);margin-top:8px}.table-wrap{overflow:auto;margin-top:24px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:15px;border-bottom:1px solid var(--line);text-align:left}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{width:min(430px,100%);padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.login-box img{display:block;width:150px;margin:auto}footer{padding:45px max(6vw,24px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#aaa}footer strong{color:#fff}@media(max-width:800px){.top{height:auto;padding:12px 18px;align-items:flex-start}.top nav{gap:10px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.brand span{display:none}.hero,.product{grid-template-columns:1fr}.hero{padding-top:40px}.hero img{max-width:320px}.form-grid,.stats{grid-template-columns:1fr}.track{display:block}footer{display:block}footer span{display:block;margin-top:8px}}

/* ===== JAMANTA LOADING SCREEN ===== */
.jamanta-loader{
    position:fixed;
    inset:0;
    z-index:999999;
    background:
        radial-gradient(circle at center, rgba(57,255,20,.10), transparent 35%),
        #050505;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:opacity .65s ease, visibility .65s ease;
}

.jamanta-loader.hide{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.jamanta-loader-inner{
    width:min(88vw,380px);
    text-align:center;
}

.jamanta-loader-ring{
    width:170px;
    height:170px;
    margin:0 auto 22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    filter:drop-shadow(0 0 22px rgba(57,255,20,.45));
}

.jamanta-loader-ring::before{
    content:"";
    position:absolute;
    inset:-9px;
    border-radius:50%;
    border:3px solid rgba(57,255,20,.15);
    border-top-color:#39ff14;
    border-right-color:#39ff14;
    animation:jamantaSpin 1.2s linear infinite;
}

.jamanta-loader-ring::after{
    content:"";
    position:absolute;
    inset:5px;
    border-radius:50%;
    border:1px solid rgba(57,255,20,.35);
    animation:jamantaPulse 1.4s ease-in-out infinite;
}

.jamanta-loader-ring img{
    width:135px;
    height:135px;
    object-fit:contain;
    border-radius:50%;
    animation:jamantaLogoPulse 1.5s ease-in-out infinite;
}

.jamanta-loader-name{
    color:#fff;
    font-size:32px;
    font-weight:900;
    letter-spacing:7px;
    line-height:1;
}

.jamanta-loader-sub{
    color:#39ff14;
    font-size:13px;
    font-weight:700;
    letter-spacing:7px;
    margin-top:8px;
}

.jamanta-loader-bar{
    width:100%;
    height:3px;
    background:#171717;
    overflow:hidden;
    border-radius:20px;
    margin-top:30px;
}

.jamanta-loader-bar span{
    display:block;
    width:35%;
    height:100%;
    background:linear-gradient(90deg,transparent,#39ff14,#b7ff9f);
    box-shadow:0 0 15px #39ff14;
    animation:jamantaLoading 1.1s ease-in-out infinite;
}

.jamanta-loader-text{
    color:#666;
    font-size:9px;
    letter-spacing:4px;
    margin-top:14px;
}

@keyframes jamantaSpin{
    to{transform:rotate(360deg);}
}

@keyframes jamantaPulse{
    0%,100%{transform:scale(1);opacity:.4;}
    50%{transform:scale(1.08);opacity:1;}
}

@keyframes jamantaLogoPulse{
    0%,100%{transform:scale(.96);}
    50%{transform:scale(1.03);}
}

@keyframes jamantaLoading{
    0%{transform:translateX(-130%);}
    100%{transform:translateX(390%);}
}

@media(max-width:600px){
    .jamanta-loader-ring{
        width:145px;
        height:145px;
    }

    .jamanta-loader-ring img{
        width:112px;
        height:112px;
    }

    .jamanta-loader-name{
        font-size:26px;
        letter-spacing:5px;
    }

    .jamanta-loader-sub{
        letter-spacing:5px;
    }
}

/* =====================================================
   JAMANTA CINEMATIC INTRO
===================================================== */

.jamanta-cinema-loader{
    position:fixed;
    inset:0;
    z-index:9999999;
    overflow:hidden;
    background:#020402;
    display:flex;
    align-items:center;
    justify-content:center;
    perspective:1000px;
}

.jamanta-grid{
    position:absolute;
    inset:-30%;
    background:
        linear-gradient(rgba(57,255,20,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,255,20,.04) 1px, transparent 1px);
    background-size:55px 55px;
    transform:rotateX(65deg) scale(1.6);
    transform-origin:center bottom;
    opacity:.35;
    animation:jamantaGridMove 2s linear forwards;
}

.jamanta-center{
    position:relative;
    z-index:20;
    text-align:center;
    transform:scale(.55);
    opacity:0;
    animation:jamantaCenterIn .9s cubic-bezier(.2,.8,.2,1) .25s forwards;
}

.jamanta-logo-wrap{
    width:180px;
    height:180px;
    margin:0 auto 20px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.jamanta-cinema-logo{
    width:165px;
    height:165px;
    object-fit:contain;
    position:relative;
    z-index:3;
    filter:
        drop-shadow(0 0 8px rgba(57,255,20,.8))
        drop-shadow(0 0 25px rgba(57,255,20,.35));
    animation:jamantaLogoBreath 1.2s ease-in-out infinite alternate;
}

.jamanta-logo-wrap::before{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    border-radius:50%;
    border:1px solid rgba(57,255,20,.4);
    box-shadow:
        0 0 20px rgba(57,255,20,.3),
        inset 0 0 20px rgba(57,255,20,.15);
    animation:jamantaRingIn 1.1s ease-out .15s both;
}

.jamanta-logo-wrap::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    border:1px solid rgba(57,255,20,.12);
    animation:jamantaPulseRing 1.3s ease-in-out infinite;
}

.jamanta-flash{
    position:absolute;
    top:0;
    left:-90%;
    width:45%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.8),
        rgba(57,255,20,.8),
        transparent
    );
    transform:skewX(-22deg);
    filter:blur(5px);
    z-index:6;
    animation:jamantaFlash 1.1s ease .65s forwards;
}

.jamanta-brand-title{
    display:flex;
    justify-content:center;
    gap:8px;
    color:#fff;
    font-size:34px;
    font-weight:900;
    letter-spacing:2px;
}

.jamanta-brand-title span{
    display:inline-block;
    opacity:0;
    transform:translateY(22px) scale(.75);
    text-shadow:0 0 18px rgba(57,255,20,.45);
}

.jamanta-brand-title span:nth-child(1){animation:jamantaLetter .35s ease .65s forwards;}
.jamanta-brand-title span:nth-child(2){animation:jamantaLetter .35s ease .73s forwards;}
.jamanta-brand-title span:nth-child(3){animation:jamantaLetter .35s ease .81s forwards;}
.jamanta-brand-title span:nth-child(4){animation:jamantaLetter .35s ease .89s forwards;}
.jamanta-brand-title span:nth-child(5){animation:jamantaLetter .35s ease .97s forwards;}
.jamanta-brand-title span:nth-child(6){animation:jamantaLetter .35s ease 1.05s forwards;}
.jamanta-brand-title span:nth-child(7){animation:jamantaLetter .35s ease 1.13s forwards;}

.jamanta-brand-sub{
    color:#39ff14;
    font-size:12px;
    font-weight:700;
    letter-spacing:8px;
    margin-top:10px;
    opacity:0;
    animation:jamantaSubIn .5s ease 1.25s forwards;
}

.jamanta-loading-line{
    width:240px;
    height:2px;
    margin:24px auto 0;
    background:rgba(255,255,255,.08);
    overflow:hidden;
    border-radius:20px;
}

.jamanta-loading-line span{
    display:block;
    width:0%;
    height:100%;
    background:linear-gradient(
        90deg,
        #39ff14,
        #aaff96
    );
    box-shadow:0 0 18px #39ff14;
    animation:jamantaLoadLine 1.25s ease .6s forwards;
}

.jamanta-line{
    position:absolute;
    background:#39ff14;
    box-shadow:0 0 20px #39ff14;
    opacity:0;
    z-index:10;
}

.line-top{
    top:0;
    left:50%;
    width:2px;
    height:50%;
    transform:translateX(-50%);
    animation:lineTop .75s ease .1s forwards;
}

.line-bottom{
    bottom:0;
    left:50%;
    width:2px;
    height:50%;
    transform:translateX(-50%);
    animation:lineBottom .75s ease .1s forwards;
}

.line-left{
    left:0;
    top:50%;
    height:2px;
    width:50%;
    transform:translateY(-50%);
    animation:lineLeft .75s ease .1s forwards;
}

.line-right{
    right:0;
    top:50%;
    height:2px;
    width:50%;
    transform:translateY(-50%);
    animation:lineRight .75s ease .1s forwards;
}

.jamanta-particle{
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#39ff14;
    box-shadow:0 0 12px #39ff14;
    z-index:5;
}

.p1{left:5%;top:18%;animation:p1 1s ease .15s forwards;}
.p2{right:7%;top:25%;animation:p2 1s ease .2s forwards;}
.p3{left:13%;bottom:14%;animation:p3 1s ease .25s forwards;}
.p4{right:15%;bottom:20%;animation:p4 1s ease .3s forwards;}
.p5{left:50%;top:5%;animation:p5 1s ease .18s forwards;}
.p6{left:48%;bottom:4%;animation:p6 1s ease .22s forwards;}

.jamanta-door{
    position:absolute;
    top:0;
    width:51%;
    height:100%;
    background:#020402;
    z-index:50;
    pointer-events:none;
}

.door-left{
    left:0;
    transform:translateX(-100%);
}

.door-right{
    right:0;
    transform:translateX(100%);
}

.jamanta-cinema-loader.exit .door-left{
    animation:doorLeftCloseOpen .7s cubic-bezier(.8,0,.2,1) forwards;
}

.jamanta-cinema-loader.exit .door-right{
    animation:doorRightCloseOpen .7s cubic-bezier(.8,0,.2,1) forwards;
}

.jamanta-cinema-loader.exit .jamanta-center{
    animation:jamantaCenterExit .45s ease forwards;
}

@keyframes jamantaCenterIn{
    to{
        transform:scale(1);
        opacity:1;
    }
}

@keyframes jamantaCenterExit{
    to{
        transform:scale(1.15);
        opacity:0;
        filter:blur(8px);
    }
}

@keyframes jamantaLetter{
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes jamantaSubIn{
    to{opacity:1;}
}

@keyframes jamantaLoadLine{
    to{width:100%;}
}

@keyframes jamantaRingIn{
    from{transform:scale(.45) rotate(-180deg);opacity:0;}
    to{transform:scale(1) rotate(0);opacity:1;}
}

@keyframes jamantaPulseRing{
    0%,100%{transform:scale(.96);opacity:.2;}
    50%{transform:scale(1.08);opacity:.75;}
}

@keyframes jamantaLogoBreath{
    from{transform:scale(.98);}
    to{transform:scale(1.025);}
}

@keyframes jamantaFlash{
    from{left:-90%;}
    to{left:150%;}
}

@keyframes jamantaGridMove{
    from{
        transform:rotateX(65deg) scale(1.6) translateY(8%);
    }
    to{
        transform:rotateX(65deg) scale(1.6) translateY(-8%);
    }
}

@keyframes lineTop{
    from{transform:translateX(-50%) translateY(-100%);opacity:0;}
    to{transform:translateX(-50%) translateY(0);opacity:.8;}
}

@keyframes lineBottom{
    from{transform:translateX(-50%) translateY(100%);opacity:0;}
    to{transform:translateX(-50%) translateY(0);opacity:.8;}
}

@keyframes lineLeft{
    from{transform:translateY(-50%) translateX(-100%);opacity:0;}
    to{transform:translateY(-50%) translateX(0);opacity:.8;}
}

@keyframes lineRight{
    from{transform:translateY(-50%) translateX(100%);opacity:0;}
    to{transform:translateY(-50%) translateX(0);opacity:.8;}
}

@keyframes p1{
    to{left:48%;top:48%;opacity:0;}
}

@keyframes p2{
    to{right:48%;top:48%;opacity:0;}
}

@keyframes p3{
    to{left:48%;bottom:48%;opacity:0;}
}

@keyframes p4{
    to{right:48%;bottom:48%;opacity:0;}
}

@keyframes p5{
    to{left:50%;top:48%;opacity:0;}
}

@keyframes p6{
    to{left:50%;bottom:48%;opacity:0;}
}

@keyframes doorLeftCloseOpen{
    0%{transform:translateX(-100%);}
    45%{transform:translateX(0);}
    100%{transform:translateX(-105%);}
}

@keyframes doorRightCloseOpen{
    0%{transform:translateX(100%);}
    45%{transform:translateX(0);}
    100%{transform:translateX(105%);}
}

@media(max-width:600px){

    .jamanta-logo-wrap{
        width:145px;
        height:145px;
    }

    .jamanta-cinema-logo{
        width:132px;
        height:132px;
    }

    .jamanta-logo-wrap::before{
        width:155px;
        height:155px;
    }

    .jamanta-logo-wrap::after{
        width:180px;
        height:180px;
    }

    .jamanta-brand-title{
        font-size:27px;
        gap:5px;
    }

    .jamanta-brand-sub{
        font-size:10px;
        letter-spacing:6px;
    }

    .jamanta-loading-line{
        width:200px;
    }
}

/* =====================================================
   JAMANTA - MOBILE FIRST FIX V3
===================================================== */

@media (max-width: 700px){

    html,
    body{
        width:100%;
        max-width:100%;
        overflow-x:hidden !important;
    }

    body{
        background:#050505;
    }

    /* HERO */
    .home-hero{
        min-height:auto !important;
        display:flex !important;
        flex-direction:column !important;
        padding:28px 16px 35px !important;
        text-align:center;
    }

    .home-hero-content{
        width:100%;
        max-width:100%;
        order:1;
    }

    .hero-tag{
        font-size:8px !important;
        letter-spacing:1px !important;
        padding:7px 10px !important;
        margin-bottom:17px !important;
        white-space:normal;
    }

    .home-hero h1{
        font-size:44px !important;
        line-height:.92 !important;
        letter-spacing:-2px !important;
        margin:0 !important;
    }

    .home-hero h1 span{
        margin-top:3px;
    }

    .home-hero p{
        font-size:14px !important;
        line-height:1.55 !important;
        margin:20px auto !important;
        max-width:330px;
    }

    .hero-actions{
        display:flex !important;
        flex-direction:column !important;
        gap:9px !important;
        width:100%;
    }

    .hero-btn,
    .hero-btn-outline{
        width:100% !important;
        min-height:48px !important;
        font-size:12px !important;
        border-radius:7px !important;
    }

    /* LOGO HOME */
    .home-hero-logo{
        order:2;
        min-height:230px !important;
        width:100%;
        margin-top:15px;
    }

    .home-hero-logo img{
        width:185px !important;
        max-width:60% !important;
    }

    .logo-circle{
        width:205px !important;
        height:205px !important;
    }

    .hero-floating-text{
        bottom:2px !important;
        font-size:8px !important;
        letter-spacing:5px !important;
    }

    /* INFORMAÇÕES */
    .hero-info{
        order:3;
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:5px !important;
        margin-top:25px !important;
        width:100%;
    }

    .hero-info div{
        background:#0b0b0b;
        border:1px solid #191919;
        border-radius:8px;
        padding:11px 5px;
    }

    .hero-info strong{
        font-size:13px !important;
        color:#39ff14 !important;
    }

    .hero-info span{
        font-size:8px !important;
        line-height:1.25;
    }

    /* FAIXA */
    .home-strip{
        min-height:47px !important;
        padding:0 14px !important;
        gap:24px !important;
        justify-content:flex-start !important;
        overflow-x:auto !important;
        font-size:9px !important;
        scrollbar-width:none;
    }

    .home-strip::-webkit-scrollbar{
        display:none;
    }

    /* SEÇÕES */
    .home-section{
        padding:48px 12px !important;
    }

    .home-section-head{
        margin-bottom:20px !important;
        align-items:flex-end !important;
    }

    .home-section-head small{
        font-size:8px !important;
    }

    .home-section-head h2{
        font-size:30px !important;
        line-height:1 !important;
        letter-spacing:-1px !important;
    }

    .home-section-head>a,
    .collection-count{
        font-size:9px !important;
    }

    /* PRODUTOS */
    .featured-grid,
    .store-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:9px !important;
        width:100%;
    }

    .featured-product,
    .store-card{
        min-width:0 !important;
        width:100% !important;
    }

    .featured-photo,
    .store-photo{
        aspect-ratio:4 / 5 !important;
        border-radius:8px !important;
        overflow:hidden;
    }

    .featured-photo img,
    .store-photo img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }

    .featured-info{
        padding:10px 2px !important;
    }

    .store-card-body{
        padding:10px !important;
    }

    .featured-info small,
    .store-card-body small{
        font-size:7px !important;
        letter-spacing:.7px !important;
    }

    .featured-info h3,
    .store-card-body h3{
        font-size:12px !important;
        line-height:1.25 !important;
        margin:5px 0 6px !important;
        min-height:30px;
    }

    .featured-price strong,
    .store-card-body strong{
        font-size:16px !important;
    }

    .featured-price del,
    .old-price{
        font-size:10px !important;
    }

    .store-buy{
        font-size:8px !important;
        margin-top:10px !important;
        padding-top:10px !important;
    }

    .discount-badge,
    .new-badge{
        top:7px !important;
        left:7px !important;
        font-size:7px !important;
        padding:5px 6px !important;
    }

    .product-overlay{
        display:none !important;
    }

    /* BANNER DA MARCA */
    .brand-banner{
        margin:8px 10px !important;
        padding:35px 20px !important;
        min-height:auto !important;
        border-radius:14px !important;
        display:flex !important;
        flex-direction:column !important;
        text-align:center;
    }

    .brand-banner-content{
        width:100%;
    }

    .brand-banner h2{
        font-size:37px !important;
        line-height:.93 !important;
        letter-spacing:-2px !important;
        margin:12px 0 16px !important;
    }

    .brand-banner p{
        font-size:13px !important;
        line-height:1.55 !important;
        margin:0 auto 20px !important;
    }

    .brand-banner-logo{
        margin-top:25px !important;
    }

    .brand-banner-logo img{
        width:165px !important;
    }

    /* BENEFÍCIOS */
    .benefits{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        padding:0 !important;
    }

    .benefit-item{
        min-height:88px !important;
        padding:12px 9px !important;
        gap:8px !important;
    }

    .benefit-icon{
        width:31px !important;
        height:31px !important;
        font-size:13px !important;
    }

    .benefit-item strong{
        font-size:9px !important;
    }

    .benefit-item span{
        font-size:8px !important;
        line-height:1.25 !important;
    }

    /* NEWSLETTER */
    .newsletter{
        margin:10px 10px 35px !important;
        padding:30px 18px !important;
        border-radius:13px !important;
        text-align:center;
        display:block !important;
    }

    .newsletter h2{
        font-size:28px !important;
    }

    .newsletter p{
        font-size:12px !important;
        line-height:1.5 !important;
    }

    .newsletter .hero-btn{
        margin-top:20px !important;
    }

}

@media (max-width: 370px){

    .home-hero h1{
        font-size:38px !important;
    }

    .featured-grid,
    .store-grid{
        gap:7px !important;
    }

    .store-card-body{
        padding:8px !important;
    }
}

/* ==========================================
   JAMANTA - BOTÕES MOBILE PREMIUM
========================================== */

button,
a,
input,
select {
    -webkit-tap-highlight-color: transparent;
}

/* Botão principal */
.jh-main-btn{
    min-height:54px !important;
    padding:0 25px !important;
    border-radius:14px !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.8px;
    box-shadow:0 8px 25px rgba(57,255,20,.20);
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        opacity .15s ease;
}

.jh-main-btn:active{
    transform:scale(.95);
    box-shadow:0 3px 12px rgba(57,255,20,.18);
}


/* CATEGORIAS */
.jh-categories-scroll{
    gap:10px !important;
    padding:3px 3px 10px !important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
}

.jh-category{
    min-height:46px !important;
    padding:0 20px !important;
    border-radius:14px !important;
    font-size:11px !important;
    border:1px solid #292929 !important;
    background:#101010 !important;
    scroll-snap-align:start;
    transition:.15s ease;
}

.jh-category:active{
    transform:scale(.94);
    background:#39ff14 !important;
    color:#050505 !important;
    border-color:#39ff14 !important;
}


/* PRODUTOS MAIS FÁCEIS DE CLICAR */
.jh-product{
    border-radius:14px;
    transition:transform .15s ease;
}

.jh-product:active{
    transform:scale(.97);
}

.jh-photo{
    border-radius:14px !important;
}


/* ÁREA DO PRODUTO */
.jh-info{
    padding:11px 4px 19px !important;
}

.jh-info h3{
    font-size:13px !important;
}

.jh-price{
    font-size:17px !important;
}


/* CELULAR */
@media(max-width:699px){

    .jh-main-btn{
        width:100%;
        max-width:290px;
    }

    .jh-categories{
        padding-left:10px !important;
        padding-right:0 !important;
    }

    .jh-grid{
        gap:12px !important;
    }

    /* evita links pequenos demais */
    .jh-product{
        min-height:44px;
    }

}

/* MOUSE / DESKTOP */
@media(hover:hover){

    .jh-main-btn:hover{
        transform:translateY(-2px);
        box-shadow:0 10px 30px rgba(57,255,20,.28);
    }

    .jh-category:hover{
        border-color:#39ff14 !important;
        color:#39ff14 !important;
    }

    .jh-product:hover{
        transform:translateY(-3px);
    }

}

/* =====================================================
   JAMANTA MOBILE NAVIGATION
===================================================== */

.jamanta-mobile-top,
.jm-bottom-nav,
.jm-side-menu{
    display:none;
}

@media(max-width:700px){

    body{
        padding-bottom:72px;
    }

    /* TOP BAR */
    .jamanta-mobile-top{
        position:sticky;
        top:0;
        z-index:9000;
        height:62px;
        display:grid;
        grid-template-columns:60px 1fr 60px;
        align-items:center;
        background:rgba(5,5,5,.94);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        border-bottom:1px solid #171717;
        padding:0 8px;
    }

    .jm-menu-btn,
    .jm-cart-btn{
        width:46px;
        height:46px;
        border:0;
        border-radius:13px;
        background:#101010;
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:auto;
        cursor:pointer;
    }

    .jm-menu-btn{
        flex-direction:column;
        gap:4px;
    }

    .jm-menu-btn span{
        display:block;
        width:18px;
        height:2px;
        border-radius:10px;
        background:#fff;
    }

    .jm-menu-btn:active,
    .jm-cart-btn:active{
        transform:scale(.92);
        background:#181818;
    }

    .jm-mobile-logo{
        display:flex;
        align-items:center;
        justify-content:center;
        height:54px;
    }

    .jm-mobile-logo img{
        width:52px;
        height:52px;
        object-fit:contain;
        filter:drop-shadow(0 0 8px rgba(57,255,20,.25));
    }

    .jm-cart-btn{
        text-decoration:none;
        font-size:19px;
    }

    /* SIDE MENU */
    .jm-side-menu{
        position:fixed;
        inset:0;
        z-index:999999;
        pointer-events:none;
        display:block;
        visibility:hidden;
    }

    .jm-side-menu.open{
        pointer-events:auto;
        visibility:visible;
    }

    .jm-side-overlay{
        position:absolute;
        inset:0;
        background:rgba(0,0,0,.72);
        opacity:0;
        transition:.25s;
        backdrop-filter:blur(4px);
    }

    .jm-side-menu.open .jm-side-overlay{
        opacity:1;
    }

    .jm-side-panel{
        position:absolute;
        left:0;
        top:0;
        bottom:0;
        width:min(84vw,330px);
        background:#080808;
        border-right:1px solid #222;
        padding:17px;
        transform:translateX(-105%);
        transition:.28s cubic-bezier(.2,.8,.2,1);
        display:flex;
        flex-direction:column;
    }

    .jm-side-menu.open .jm-side-panel{
        transform:translateX(0);
    }

    .jm-side-head{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .jm-side-head img{
        width:58px;
        height:58px;
        object-fit:contain;
    }

    .jm-side-head button{
        width:44px;
        height:44px;
        border:0;
        border-radius:50%;
        background:#151515;
        color:#fff;
        font-size:28px;
        line-height:1;
    }

    .jm-side-brand{
        margin:14px 0 25px;
    }

    .jm-side-brand strong{
        display:block;
        font-size:24px;
        letter-spacing:2px;
    }

    .jm-side-brand span{
        color:#39ff14;
        font-size:10px;
        font-weight:800;
        letter-spacing:5px;
    }

    .jm-side-links{
        display:flex;
        flex-direction:column;
        gap:8px;
    }

    .jm-side-links a{
        min-height:54px;
        display:flex;
        align-items:center;
        gap:14px;
        padding:0 15px;
        border-radius:13px;
        background:#0e0e0e;
        border:1px solid #181818;
        color:#eee;
        text-decoration:none;
        font-size:14px;
        font-weight:750;
    }

    .jm-side-links a span{
        width:28px;
        font-size:18px;
        text-align:center;
    }

    .jm-side-links a:active{
        background:#39ff14;
        color:#051005;
        transform:scale(.98);
    }

    .jm-side-footer{
        margin-top:auto;
        padding:20px 5px;
        color:#444;
        font-size:8px;
        letter-spacing:4px;
    }

    /* BOTTOM NAV */
    .jm-bottom-nav{
        position:fixed;
        left:8px;
        right:8px;
        bottom:8px;
        z-index:8000;

        height:62px;

        display:grid;
        grid-template-columns:repeat(4,1fr);

        background:rgba(10,10,10,.96);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);

        border:1px solid #222;
        border-radius:18px;

        box-shadow:
            0 8px 35px rgba(0,0,0,.6),
            0 0 20px rgba(57,255,20,.03);

        padding:4px;
    }

    .jm-bottom-nav a{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:2px;
        color:#777;
        text-decoration:none;
        border-radius:13px;
        min-width:0;
        transition:.15s;
    }

    .jm-bottom-nav a span{
        font-size:19px;
        line-height:1;
    }

    .jm-bottom-nav a small{
        font-size:8px;
        font-weight:800;
    }

    .jm-bottom-nav a:active{
        background:#171717;
        color:#39ff14;
        transform:scale(.92);
    }

    .jm-bottom-cart{
        color:#39ff14 !important;
    }

}

html,
body{
    overflow-y:auto !important;
}

#jamantaIntro,
#jamanta-loader{
    display:none !important;
}

@media(max-width:700px){

    .jamanta-mobile-top{
        height:64px !important;
        padding:0 10px !important;
        box-shadow:0 4px 20px rgba(0,0,0,.35);
    }

    .jm-menu-btn,
    .jm-cart-btn{
        position:relative;
        width:46px !important;
        height:46px !important;
        border-radius:14px !important;
        background:#0e0e0e !important;
        border:1px solid #202020 !important;
        transition:.15s ease;
    }

    .jm-menu-btn:active,
    .jm-cart-btn:active{
        transform:scale(.92);
        border-color:#39ff14 !important;
    }

    .jm-mobile-logo img{
        width:50px !important;
        height:50px !important;
    }

    .jm-cart-count{
        position:absolute;
        top:-3px;
        right:-3px;
        min-width:18px;
        height:18px;
        padding:0 5px;
        border-radius:20px;
        background:#39ff14;
        color:#041004;
        font-size:9px;
        font-weight:900;
        display:flex;
        align-items:center;
        justify-content:center;
        border:2px solid #050505;
    }

    .jm-bottom-nav{
        height:64px !important;
        bottom:8px !important;
        left:8px !important;
        right:8px !important;
        border-radius:20px !important;
        border:1px solid #242424 !important;
        background:rgba(8,8,8,.97) !important;
    }

    .jm-bottom-nav a{
        min-height:54px !important;
        border-radius:14px !important;
    }

    .jm-bottom-nav a span{
        font-size:20px !important;
    }

    .jm-bottom-nav a small{
        font-size:8px !important;
        margin-top:2px;
    }

    .jm-bottom-nav a:active{
        background:#141414 !important;
        color:#39ff14 !important;
        transform:scale(.93);
    }

    .jm-bottom-cart{
        color:#39ff14 !important;
    }

}

/* =====================================================
   JAMANTA - CORREÇÃO MOBILE V2
   ===================================================== */

@media (max-width: 768px) {

    /* Evita estouro lateral */
    html, body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    /* HEADER */
    header {
        min-height: 82px !important;
        padding: 10px 16px !important;
    }

    /* Remove menu desktop/antigo no celular */
    header nav,
    .desktop-nav,
    .main-nav,
    .nav-desktop {
        display: none !important;
    }

    /* Logo central */
    header .logo img,
    .site-logo img,
    .brand img {
        width: 72px !important;
        height: 72px !important;
        object-fit: contain !important;
    }

    /* Botões do topo */
    .menu-toggle,
    .mobile-menu-btn,
    .cart-btn,
    .header-cart {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        border-radius: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        background: #0b0b0b !important;
    }

    /* HERO */
    .hero {
        margin: 12px 16px 0 !important;
        width: calc(100% - 32px) !important;
        min-height: 520px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
    }

    .hero h1 {
        font-size: clamp(42px, 12vw, 60px) !important;
        line-height: .96 !important;
        letter-spacing: -2px !important;
    }

    .hero p {
        font-size: 18px !important;
        line-height: 1.45 !important;
        max-width: 95% !important;
    }

    /* Botão principal */
    .hero .btn,
    .hero a.btn,
    .btn-primary {
        min-height: 62px !important;
        width: 100% !important;
        border-radius: 18px !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        touch-action: manipulation;
    }

    /* Categorias */
    .categories,
    .categorias {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        padding: 12px 16px !important;
        scrollbar-width: none;
    }

    .categories::-webkit-scrollbar,
    .categorias::-webkit-scrollbar {
        display: none;
    }

    .categories a,
    .categorias a {
        flex: 0 0 auto !important;
        min-height: 48px !important;
        padding: 0 20px !important;
        border-radius: 999px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Produtos em duas colunas */
    .products-grid,
    .produtos-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding: 0 16px !important;
    }

    .product-card,
    .produto-card {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    .product-card img,
    .produto-card img {
        width: 100% !important;
        aspect-ratio: 1 / 1.25 !important;
        object-fit: cover !important;
    }

    /* Espaço para menu inferior */
    body {
        padding-bottom: 100px !important;
    }

    /* Menu inferior */
    .bottom-nav,
    .mobile-bottom-nav {
        position: fixed !important;
        left: 14px !important;
        right: 14px !important;
        bottom: 14px !important;
        width: auto !important;
        min-height: 76px !important;
        border-radius: 24px !important;
        background: rgba(5,5,5,.96) !important;
        border: 1px solid rgba(255,255,255,.15) !important;
        z-index: 99990 !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .bottom-nav a,
    .mobile-bottom-nav a {
        min-height: 64px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        font-size: 12px !important;
        touch-action: manipulation;
    }
}

/* telas muito pequenas */
@media (max-width: 380px) {
    .hero {
        margin-left: 10px !important;
        margin-right: 10px !important;
        width: calc(100% - 20px) !important;
    }

    .hero h1 {
        font-size: 40px !important;
    }
}