body.bw-client-page{
    background:#020912;
    color:#eaf7ff;
}

.bw-client-main{
    min-height:100vh;
}

.bw-client-hero{
    min-height:540px;

    padding:100px 24px 70px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    background:
        linear-gradient(
            180deg,
            rgba(0,8,15,.30),
            rgba(0,8,15,.72) 70%,
            #020912 100%
        ),
        url("assets/hero-frostbound-v2.png")
        center 8% / cover
        no-repeat;
}

.bw-client-hero-inner{
    max-width:900px;
}

.bw-client-kicker{
    display:inline-block;

    padding:8px 17px;

    color:#66d8ff;

    border:1px solid rgba(91,205,255,.38);

    background:rgba(4,29,46,.72);

    border-radius:6px;

    text-transform:uppercase;

    letter-spacing:.15em;

    font-size:11px;
    font-weight:850;
}

.bw-client-hero h1{
    margin:22px 0 0;

    font-family:Georgia,serif;

    font-size:clamp(52px,6vw,88px);

    line-height:.92;

    text-shadow:
        0 4px 0 #123c53,
        0 0 24px rgba(65,199,255,.25);
}

.bw-client-hero h1 span{
    color:#57d0ff;
}

.bw-client-hero p{
    max-width:720px;

    margin:25px auto 0;

    color:#b5cbd9;

    font-size:17px;
    line-height:1.65;
}

.bw-client-build{
    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-top:25px;

    padding:11px 17px;

    border:1px solid rgba(87,194,242,.25);

    border-radius:7px;

    background:rgba(1,16,27,.72);

    color:#94afc1;

    font-size:13px;
}

.bw-client-build strong{
    color:#d8f5ff;
}


/* ============================================================
   SECÇÕES
   ============================================================ */

.bw-client-section{
    padding:85px 24px;

    background:
        linear-gradient(
            180deg,
            #04111d,
            #020a12
        );
}

.bw-client-section.bw-client-dark{
    background:#01070d;
}

.bw-client-heading{
    width:min(1160px,100%);

    margin:0 auto 40px;

    display:flex;

    align-items:flex-start;

    gap:18px;
}

.bw-client-heading > span{
    color:#40c8ff;

    font-size:13px;
    font-weight:900;

    border:
        1px solid rgba(67,199,255,.36);

    background:
        rgba(4,39,60,.62);

    padding:
        8px 10px;

    border-radius:5px;
}

.bw-client-heading h2{
    margin:0;

    font-size:32px;

    letter-spacing:-.035em;
}

.bw-client-heading p{
    margin:8px 0 0;

    color:#8ea7b8;
}


/* ============================================================
   COMPARAÇÃO
   ============================================================ */

.bw-client-compare{
    width:min(1160px,100%);

    margin:auto;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:25px;
}

.bw-client-option{
    padding:30px;

    display:flex;

    flex-direction:column;

    border:
        1px solid rgba(79,179,229,.30);

    border-radius:13px;

    background:
        linear-gradient(
            150deg,
            rgba(8,29,47,.95),
            rgba(3,14,25,.97)
        );

    box-shadow:
        0 20px 55px rgba(0,0,0,.30);
}

.bw-client-option.recommended{
    border-color:
        rgba(89,211,255,.58);

    box-shadow:
        0 20px 55px rgba(0,0,0,.32),
        0 0 30px rgba(43,180,239,.08);
}

.bw-option-top{
    display:flex;
    gap:17px;
    align-items:center;
}

.bw-option-icon{
    width:58px;
    height:58px;

    flex:none;

    border-radius:11px;

    border:
        1px solid rgba(92,206,255,.35);

    background:
        rgba(13,75,109,.30);

    position:relative;
}

.bw-option-icon.classic::before{
    content:"";

    position:absolute;

    width:23px;
    height:30px;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%);

    border:
        3px solid #68d8ff;

    border-radius:
        45% 45% 55% 55%;

    box-shadow:
        0 0 13px rgba(80,205,255,.28);
}

.bw-option-icon.hd::before{
    content:"HD";

    position:absolute;

    inset:0;

    display:grid;

    place-items:center;

    color:#6edcff;

    font-size:17px;

    font-weight:950;

    text-shadow:
        0 0 10px rgba(83,204,255,.40);
}

.bw-option-tag{
    display:inline-block;

    padding:4px 8px;

    margin-bottom:6px;

    color:#72e99a;

    background:rgba(41,154,82,.16);

    border:
        1px solid rgba(74,219,121,.27);

    border-radius:4px;

    font-size:9px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:.10em;
}

.bw-option-tag.hd{
    color:#68d8ff;

    background:
        rgba(37,138,189,.14);

    border-color:
        rgba(79,190,238,.28);
}

.bw-option-top h3{
    margin:0;

    font-size:24px;
}

.bw-option-top strong{
    display:block;

    margin-top:4px;

    color:#88a8bb;

    font-size:12px;
}

.bw-option-description{
    min-height:78px;

    margin:25px 0;

    color:#a9bfcd;

    line-height:1.65;
}

.bw-pros,
.bw-cons,
.bw-choice{
    margin-top:15px;

    padding:18px;

    border-radius:8px;

    background:
        rgba(0,8,15,.44);

    border:
        1px solid rgba(69,155,197,.16);
}

.bw-pros h4,
.bw-cons h4{
    margin:0 0 12px;

    font-size:13px;
}

.bw-pros h4{
    color:#83ec9f;
}

.bw-cons h4{
    color:#e9bb73;
}

.bw-cons.warning h4{
    color:#ffb073;
}

.bw-pros ul,
.bw-cons ul{
    margin:0;
    padding-left:20px;

    color:#9fb5c4;

    font-size:13px;

    line-height:1.8;
}

.bw-choice{
    margin-bottom:24px;
}

.bw-choice strong{
    color:#bdefff;

    font-size:12px;
}

.bw-choice p{
    margin:7px 0 0;

    color:#8fa8b9;

    font-size:13px;

    line-height:1.55;
}

.bw-client-button{
    min-height:45px;

    margin-top:auto;

    padding:11px 20px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    border-radius:7px;

    border:
        1px solid rgba(89,200,250,.47);

    background:
        rgba(6,48,73,.74);

    color:#bcecff;

    font-weight:800;

    text-decoration:none;

    transition:.18s ease;
}

.bw-client-button.primary{
    color:#02111a;

    background:
        linear-gradient(
            #87e7ff,
            #45c5f4
        );

    border-color:#a9efff;
}

.bw-client-button:hover{
    transform:translateY(-2px);

    filter:brightness(1.09);
}


/* ============================================================
   VERDICT
   ============================================================ */

.bw-client-verdict{
    width:min(1160px,100%);

    margin:28px auto 0;

    padding:20px 22px;

    display:flex;

    gap:16px;

    background:
        rgba(7,38,58,.66);

    border:
        1px solid rgba(78,181,229,.25);

    border-radius:9px;
}

.bw-verdict-icon{
    width:34px;
    height:34px;

    flex:none;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#0a638c;

    color:#d8f7ff;

    font-weight:900;
}

.bw-client-verdict strong{
    color:#d8f4ff;
}

.bw-client-verdict p{
    margin:5px 0 0;

    color:#9db3c1;

    line-height:1.55;

    font-size:13px;
}


/* ============================================================
   INSTALAÇÃO
   ============================================================ */

.bw-install-steps{
    width:min(1000px,100%);

    margin:auto;

    display:grid;

    gap:13px;
}

.bw-install-step{
    padding:21px 23px;

    display:flex;

    gap:18px;

    border:
        1px solid rgba(73,170,217,.20);

    border-radius:9px;

    background:
        rgba(5,23,37,.80);
}

.bw-install-step .number{
    width:37px;
    height:37px;

    flex:none;

    display:grid;

    place-items:center;

    background:
        linear-gradient(
            #16aee9,
            #0871a2
        );

    border-radius:6px;

    font-weight:900;
}

.bw-install-step h3{
    margin:2px 0 7px;

    font-size:17px;
}

.bw-install-step p{
    margin:0 0 10px;

    color:#9fb5c4;

    line-height:1.55;

    font-size:13px;
}

.bw-install-step code{
    display:inline-block;

    padding:9px 12px;

    color:#64d8ff;

    background:#020b12;

    border:
        1px solid rgba(62,168,218,.24);

    border-radius:5px;
}

.bw-note{
    margin-top:10px !important;

    color:#6f899a !important;

    font-size:11px !important;
}

.bw-client-realmlist{
    display:flex;

    gap:9px;
}

.bw-client-realmlist code{
    flex:1;
}

.bw-client-realmlist button{
    padding:8px 17px;

    border:
        1px solid rgba(80,194,244,.44);

    border-radius:5px;

    background:#073750;

    color:#aeeaff;

    cursor:pointer;
}

.bw-client-realmlist button.copied{
    color:#8affaa;

    border-color:
        rgba(91,231,128,.46);

    background:#0b4024;
}

.bw-login-warning{
    display:inline-block;

    padding:9px 12px;

    color:#ffc27d;

    background:
        rgba(143,76,18,.13);

    border:
        1px solid rgba(227,143,61,.23);

    border-radius:5px;

    font-size:12px;
}


/* ============================================================
   HD GUIDE
   ============================================================ */

.bw-hd-guide{
    width:min(1000px,100%);

    margin:auto;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:15px;
}

.bw-hd-point{
    padding:20px;

    display:flex;

    gap:14px;

    border:
        1px solid rgba(76,171,218,.19);

    border-radius:8px;

    background:
        rgba(4,19,31,.80);
}

.bw-hd-point > span{
    color:#45ccff;

    font-size:11px;

    font-weight:900;
}

.bw-hd-point strong{
    color:#d9f2fc;
}

.bw-hd-point p{
    margin:7px 0 0;

    color:#8fa6b6;

    font-size:13px;

    line-height:1.55;
}


/* ============================================================
   FAQ
   ============================================================ */

.bw-client-faq{
    width:min(900px,100%);

    margin:auto;

    display:grid;

    gap:10px;
}

.bw-client-faq details{
    padding:18px 20px;

    border:
        1px solid rgba(77,174,220,.20);

    border-radius:8px;

    background:
        rgba(5,22,35,.80);
}

.bw-client-faq summary{
    color:#c8eaf8;

    font-weight:750;

    cursor:pointer;
}

.bw-client-faq p{
    margin:13px 0 0;

    color:#91a8b7;

    line-height:1.6;

    font-size:13px;
}


/* ============================================================
   CTA FINAL
   ============================================================ */

.bw-client-final{
    padding:85px 24px;

    text-align:center;

    background:
        radial-gradient(
            ellipse at 50% 30%,
            rgba(37,153,208,.13),
            transparent 45%
        ),
        #020a12;
}

.bw-client-final h2{
    margin:0;

    font-size:33px;
}

.bw-client-final p{
    margin:12px 0 27px;

    color:#91a9ba;
}

.bw-client-final > div{
    display:flex;

    justify-content:center;

    gap:12px;

    flex-wrap:wrap;
}

.bw-client-final .bw-client-button{
    min-width:190px;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:750px){

    .bw-client-hero{
        min-height:500px;

        padding:
            220px 18px
            55px;

        background-size:
            auto 500px;

        background-position:
            center top;
    }

    .bw-client-hero h1{
        font-size:48px;
    }

    .bw-client-section{
        padding:
            65px 17px;
    }

    .bw-client-compare,
    .bw-hd-guide{
        grid-template-columns:
            1fr;
    }

    .bw-client-option{
        padding:23px 20px;
    }

    .bw-client-heading h2{
        font-size:27px;
    }

    .bw-install-step{
        padding:18px 15px;
    }

    .bw-client-realmlist{
        flex-direction:column;
    }

    .bw-client-realmlist button{
        min-height:40px;
    }

}

/* ============================================================
   AJUSTE HERO CLIENTE - BAIXAR CONTEÚDO
   ============================================================ */

@media(min-width:901px){

    .bw-client-hero{
        align-items:flex-start !important;
    }

    .bw-client-hero-inner{
        padding-top:270px !important;
    }

}

@media(min-width:651px) and (max-width:900px){

    .bw-client-hero-inner{
        padding-top:235px !important;
    }

}

@media(max-width:650px){

    .bw-client-hero-inner{
        padding-top:185px !important;
    }

}


/* Ajuste fino - Hero Cliente mais abaixo */
@media(min-width:901px){
    .bw-client-hero-inner{
        padding-top:320px !important;
    }
}

/* Ajuste fino final - Hero Cliente */
@media(min-width:901px){
    .bw-client-hero-inner{
        padding-top:360px !important;
    }
}

/* ============================================================
   AJUSTE - ESPAÇAMENTO ÁREA DE DOWNLOADS
   ============================================================ */

.bw-download-area{
    margin-top:34px !important;
    padding-top:24px !important;

    border-top:
        1px solid rgba(87,194,242,.18) !important;
}


/* título dos downloads */
.bw-download-title{
    margin-bottom:18px !important;
}


/* aviso HD mais separado */
.bw-download-notice{
    margin-top:4px !important;
    margin-bottom:20px !important;

    padding:14px 16px !important;
}


/* mais espaço antes dos botões */
.bw-download-buttons{
    margin-top:6px !important;
}


/* no HD, afastar melhor aviso dos botões */
.bw-download-buttons-hd{
    margin-top:10px !important;
}


/* cartões com um pouco mais de respiro inferior */
.bw-client-option{
    padding-bottom:34px !important;
}


/* mobile */
@media(max-width:650px){

    .bw-download-area{
        margin-top:28px !important;
        padding-top:20px !important;
    }

    .bw-download-title{
        margin-bottom:14px !important;
    }

    .bw-download-notice{
        margin-bottom:16px !important;
    }

}


/* ============================================================
   DOWNLOADS - POLIMENTO FINAL
   ============================================================ */

/* Título e subtítulo realmente separados */
.bw-download-title{
    display:block !important;
    margin:0 0 20px !important;
}

.bw-download-title strong{
    display:block !important;

    margin:0 0 6px !important;

    color:#f1f9ff !important;

    font-size:17px !important;
    font-weight:850 !important;

    line-height:1.25 !important;
}

.bw-download-title span{
    display:block !important;

    color:#7897aa !important;

    font-size:13px !important;
    line-height:1.4 !important;
}


/* Mais separação entre o título e botões */
.bw-download-buttons{
    margin-top:18px !important;
    gap:10px !important;
}


/* Conteúdo dos botões */
.bw-download-buttons .bw-client-button{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    padding:11px 14px !important;

    line-height:1 !important;
}


/* Ícone realmente separado do texto */
.bw-download-symbol{
    display:inline-grid !important;
    place-items:center !important;

    width:24px !important;
    height:24px !important;

    margin:0 !important;

    flex:0 0 24px !important;

    border-radius:5px !important;
}


/* Aviso HD como caixa própria */
.bw-download-notice{
    display:block !important;

    margin:
        4px 0
        20px !important;

    padding:
        14px 16px !important;

    color:#aebfca !important;

    background:
        rgba(151,91,25,.12) !important;

    border:
        1px solid rgba(241,161,73,.28) !important;

    border-radius:
        7px !important;

    line-height:
        1.55 !important;
}

.bw-download-notice strong{
    color:#ffbd67 !important;
}


/* HD: espaço coerente antes dos botões */
.bw-download-buttons-hd{
    margin-top:18px !important;
}


/* mobile */
@media(max-width:650px){

    .bw-download-title strong{
        font-size:16px !important;
    }

    .bw-download-buttons{
        grid-template-columns:1fr !important;
    }

}


/* ============================================================
   FIX - ESPAÇAMENTO ENTRE BOTÕES DE DOWNLOAD
   ============================================================ */

.bw-download-buttons{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;

    gap:14px !important;

    margin-top:18px !important;
}


/* Clássico: 3 botões */
.bw-download-buttons:not(.bw-download-buttons-hd) .bw-client-button{
    flex:1 1 120px !important;
    width:auto !important;
    margin:0 !important;
}


/* HD: 2 botões */
.bw-download-buttons-hd .bw-client-button{
    flex:1 1 160px !important;
    width:auto !important;
    margin:0 !important;
}


/* Telemóvel */
@media(max-width:650px){

    .bw-download-buttons{
        flex-direction:column !important;
        gap:12px !important;
    }

    .bw-download-buttons .bw-client-button{
        width:100% !important;
        flex:none !important;
    }

}


/* =========================================================
   HERO CLIENTE - MESMA FONTE VISUAL DO BUNKERWOW
   ========================================================= */

.bw-client-hero h1,
.bw-client-hero h1 span {
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em;
}


/* ============================================================
   HERO CLIENTE - BACKGROUND RESPONSIVO MOBILE
   ============================================================ */

@media(max-width:650px){

    .bw-client-hero{
        min-height:620px !important;

        padding:
            0 18px
            45px !important;

        /*
         * Em mobile mostramos mais largura da arte em vez
         * de usar cover, que fazia zoom excessivo.
         */
        background-size:
            auto,
            auto,
            auto 430px !important;

        background-position:
            center,
            center,
            center 20px !important;

        background-repeat:
            no-repeat !important;
    }


    /* Reposicionar conteúdo abaixo do logo Frostbound */
    .bw-client-hero-inner{
        width:100% !important;

        padding-top:310px !important;

        margin:0 auto !important;
    }


    .bw-client-hero h1{
        margin:
            8px 0
            14px !important;

        font-size:
            clamp(38px, 12vw, 54px) !important;

        line-height:
            .95 !important;

        letter-spacing:
            -.045em !important;
    }


    .bw-client-hero p{
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        font-size:14px !important;
        line-height:1.6 !important;
    }


    .bw-client-build{
        margin-top:18px !important;
    }

}


/* Telemóveis muito estreitos */
@media(max-width:420px){

    .bw-client-hero{
        min-height:590px !important;

        background-size:
            auto,
            auto,
            auto 390px !important;

        background-position:
            center,
            center,
            center 25px !important;
    }

    .bw-client-hero-inner{
        padding-top:285px !important;
    }

    .bw-client-hero h1{
        font-size:
            clamp(34px, 11vw, 46px) !important;
    }

}


/* ============================================================
   HERO CLIENTE MOBILE - IMAGEM MAIS PEQUENA
   ============================================================ */

@media(max-width:650px){

    .bw-client-hero{
        min-height:560px !important;

        background-size:
            auto,
            auto,
            auto 330px !important;

        background-position:
            center,
            center,
            center 25px !important;
    }

    .bw-client-hero-inner{
        padding-top:245px !important;
    }

}


/* Telemóveis pequenos */
@media(max-width:420px){

    .bw-client-hero{
        min-height:540px !important;

        background-size:
            auto,
            auto,
            auto 300px !important;

        background-position:
            center,
            center,
            center 30px !important;
    }

    .bw-client-hero-inner{
        padding-top:225px !important;
    }

}


/* ============================================================
   HERO CLIENTE MOBILE V3 - BACKGROUND BEM MAIS PEQUENO
   ============================================================ */

@media(max-width:650px){

    .bw-client-hero{
        min-height:500px !important;

        background-size:
            auto,
            auto,
            auto 240px !important;

        background-position:
            center,
            center,
            center 35px !important;
    }

    .bw-client-hero-inner{
        padding-top:190px !important;
    }

}


/* Smartphones pequenos */
@media(max-width:420px){

    .bw-client-hero{
        min-height:480px !important;

        background-size:
            auto,
            auto,
            auto 215px !important;

        background-position:
            center,
            center,
            center 35px !important;
    }

    .bw-client-hero-inner{
        padding-top:170px !important;
    }

}


/* ============================================================
   HERO CLIENTE MOBILE V4
   IMAGEM DIMENSIONADA PELA LARGURA DO ECRÃ
   ============================================================ */

@media(max-width:650px){

    .bw-client-hero{
        min-height:480px !important;

        background-size:
            auto,
            auto,
            100% auto !important;

        background-position:
            center,
            center,
            center top !important;

        background-repeat:
            no-repeat,
            no-repeat,
            no-repeat !important;
    }

    .bw-client-hero-inner{
        padding-top:170px !important;
    }

}


/* Telemóveis pequenos */
@media(max-width:420px){

    .bw-client-hero{
        min-height:460px !important;

        background-size:
            auto,
            auto,
            100% auto !important;

        background-position:
            center,
            center,
            center top !important;
    }

    .bw-client-hero-inner{
        padding-top:155px !important;
    }

}


/* ============================================================
   HERO CLIENTE MOBILE - FIX CORRETO DAS 2 CAMADAS
   ============================================================ */

@media(max-width:650px){

    .bw-client-hero{
        min-height:470px !important;

        background-size:
            auto,
            72% auto !important;

        background-position:
            center,
            center top !important;

        background-repeat:
            no-repeat,
            no-repeat !important;
    }

    .bw-client-hero-inner{
        padding-top:150px !important;
    }

}


/* Telemóveis pequenos */
@media(max-width:420px){

    .bw-client-hero{
        min-height:450px !important;

        background-size:
            auto,
            65% auto !important;

        background-position:
            center,
            center 10px !important;
    }

    .bw-client-hero-inner{
        padding-top:135px !important;
    }

}


/* ============================================================
   HERO CLIENTE MOBILE - TAMANHO FINAL AJUSTADO
   ============================================================ */

@media(max-width:650px){

    .bw-client-hero{
        background-size:
            auto,
            85% auto !important;

        background-position:
            center,
            center 10px !important;
    }

    .bw-client-hero-inner{
        padding-top:165px !important;
    }

}

@media(max-width:420px){

    .bw-client-hero{
        background-size:
            auto,
            82% auto !important;

        background-position:
            center,
            center 12px !important;
    }

    .bw-client-hero-inner{
        padding-top:155px !important;
    }

}


/* HERO CLIENTE MOBILE - AJUSTE FINO */
@media(max-width:650px){
    .bw-client-hero{
        background-size:
            auto,
            90% auto !important;
    }
}

@media(max-width:420px){
    .bw-client-hero{
        background-size:
            auto,
            88% auto !important;
    }
}


/* HERO CLIENTE MOBILE - AJUSTE FINO + */
@media(max-width:650px){
    .bw-client-hero{
        background-size:
            auto,
            95% auto !important;
    }
}

@media(max-width:420px){
    .bw-client-hero{
        background-size:
            auto,
            93% auto !important;
    }
}


/* HERO CLIENTE MOBILE - AJUSTE FINO ++ */
@media(max-width:650px){
    .bw-client-hero{
        background-size:
            auto,
            100% auto !important;
    }
}

@media(max-width:420px){
    .bw-client-hero{
        background-size:
            auto,
            98% auto !important;
    }
}


/* HERO CLIENTE MOBILE - AJUSTE FINO +++ */
@media(max-width:650px){
    .bw-client-hero{
        background-size:
            auto,
            105% auto !important;
    }
}

@media(max-width:420px){
    .bw-client-hero{
        background-size:
            auto,
            103% auto !important;
    }
}


/* ============================================================
   DOWNLOADS MOBILE - BOTÕES MAIS COMPACTOS
   ============================================================ */

@media(max-width:650px){

    .bw-download-buttons{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;

        gap:12px !important;
    }

    .bw-download-buttons .bw-client-button{
        width:82% !important;
        max-width:290px !important;

        flex:none !important;

        min-height:44px !important;

        margin:0 auto !important;

        padding:10px 16px !important;
    }

}


/* Telemóveis mais pequenos */
@media(max-width:420px){

    .bw-download-buttons .bw-client-button{
        width:86% !important;
        max-width:270px !important;
    }

}


/* ============================================================
   DOWNLOADS MOBILE - BOTÕES MAIS BAIXOS
   ============================================================ */

@media(max-width:650px){

    .bw-download-buttons .bw-client-button{
        min-height:36px !important;
        height:36px !important;

        padding:6px 14px !important;

        font-size:11px !important;

        line-height:1 !important;

        border-radius:6px !important;
    }

    .bw-download-symbol{
        width:18px !important;
        height:18px !important;

        flex:0 0 18px !important;

        font-size:9px !important;

        border-radius:4px !important;
    }

    .bw-download-buttons{
        gap:9px !important;
    }

}


/* ============================================================
   DOWNLOADS MOBILE - BOTÕES MAIS BAIXOS
   ============================================================ */

@media(max-width:650px){

    .bw-download-buttons .bw-client-button{
        min-height:36px !important;
        height:36px !important;

        padding:6px 14px !important;

        font-size:11px !important;

        line-height:1 !important;

        border-radius:6px !important;
    }

    .bw-download-symbol{
        width:18px !important;
        height:18px !important;

        flex:0 0 18px !important;

        font-size:9px !important;

        border-radius:4px !important;
    }

    .bw-download-buttons{
        gap:9px !important;
    }

}


/* ============================================================
   BUNKERWOW - DOWNLOAD BUTTONS MOBILE FINAL
   ============================================================ */

@media (max-width:650px){

    .bw-download-buttons{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:8px !important;
    }

    .bw-download-buttons .bw-client-button{
        box-sizing:border-box !important;

        width:auto !important;
        min-width:190px !important;
        max-width:230px !important;

        height:auto !important;
        min-height:0 !important;

        flex:0 0 auto !important;

        margin:0 auto !important;
        padding:7px 14px !important;

        font-size:11px !important;
        line-height:14px !important;

        border-radius:6px !important;
    }

    .bw-download-buttons .bw-download-symbol{
        width:18px !important;
        height:18px !important;
        min-width:18px !important;
        min-height:18px !important;

        flex:0 0 18px !important;

        font-size:9px !important;
        line-height:18px !important;
    }

}


/* ============================================================
   BUNKERWOW - DOWNLOAD MOBILE COMPACTO DEFINITIVO
   ============================================================ */

@media (max-width:650px){

    .bw-download-buttons{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:10px !important;
    }

    .bw-download-buttons .bw-client-button{
        box-sizing:border-box !important;

        width:210px !important;
        min-width:210px !important;
        max-width:210px !important;

        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;

        flex:0 0 42px !important;

        margin:0 auto !important;
        padding:0 14px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:8px !important;

        font-size:12px !important;
        line-height:1 !important;

        border-radius:6px !important;
    }

    .bw-download-buttons .bw-download-symbol{
        width:18px !important;
        height:18px !important;

        min-width:18px !important;
        min-height:18px !important;
        max-width:18px !important;
        max-height:18px !important;

        flex:0 0 18px !important;

        display:grid !important;
        place-items:center !important;

        margin:0 !important;
        padding:0 !important;

        font-size:9px !important;
        line-height:18px !important;
    }
}


/* ============================================================
   NOTA DOWNLOAD DIRETO
   ============================================================ */

.bw-download-help{
    margin-top:12px !important;
    padding:10px 12px !important;

    color:#8fa9b9 !important;

    background:
        rgba(3,20,31,.65) !important;

    border:
        1px solid rgba(78,170,214,.16) !important;

    border-radius:6px !important;

    font-size:11px !important;
    line-height:1.5 !important;
}

.bw-download-help strong{
    color:#bfeeff !important;
}


/* ============================================================
   DOWNLOADS - LAYOUT APÓS REMOÇÃO DOS LINKS DIRETOS
   ============================================================ */

.bw-download-buttons{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
}

.bw-download-buttons:not(.bw-download-buttons-hd) .bw-client-button{
    flex:1 1 180px !important;
}

.bw-download-buttons-hd .bw-client-button{
    flex:0 1 240px !important;
}

@media(max-width:650px){

    .bw-download-buttons{
        flex-direction:column !important;
        align-items:center !important;
    }

    .bw-download-buttons .bw-client-button{
        width:210px !important;
        min-width:210px !important;
        max-width:210px !important;
        flex:0 0 42px !important;
    }

}


/* ============================================================
   DOWNLOAD HD - BOTÃO TORRENT LARGURA TOTAL
   ============================================================ */

.bw-download-buttons-hd{
    width:100% !important;
}

.bw-download-buttons-hd .bw-client-button{
    width:100% !important;
    max-width:none !important;
    flex:1 1 100% !important;
}


/* Mobile mantém o tamanho compacto que já definimos */
@media(max-width:650px){

    .bw-download-buttons-hd .bw-client-button{
        width:210px !important;
        min-width:210px !important;
        max-width:210px !important;

        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;

        flex:0 0 42px !important;
    }

}


/* ============================================================
   INSTALAÇÃO - DETALHES ADICIONAIS
   ============================================================ */

.bw-install-step > div{
    flex:1;
    min-width:0;
}

.bw-install-warning{
    margin-top:12px;

    padding:11px 13px;

    color:#ffc27a;

    background:
        rgba(151,88,23,.12);

    border:
        1px solid rgba(230,149,61,.23);

    border-radius:6px;

    font-size:12px;
    line-height:1.55;
}

.bw-install-checklist{
    margin:12px 0 0;

    padding-left:20px;

    color:#9fb6c5;

    font-size:13px;

    line-height:1.8;
}

.bw-install-checklist li::marker{
    color:#59d4ff;
}

@media(max-width:650px){

    .bw-install-step{
        gap:13px;
    }

    .bw-install-step .number{
        width:32px;
        height:32px;

        flex:0 0 32px;
    }

    .bw-install-step code{
        max-width:100%;

        white-space:normal;
        overflow-wrap:anywhere;
    }

}


/* ============================================================
   HD - DETALHES E RECUPERAÇÃO
   ============================================================ */

.bw-hd-point code{
    display:inline-block;

    margin-top:10px;
    padding:8px 11px;

    color:#67d9ff;

    background:#020b12;

    border:
        1px solid rgba(69,170,218,.24);

    border-radius:5px;

    font-size:12px;
}

.bw-hd-recovery{
    width:min(1000px,100%);

    margin:20px auto 0;

    padding:18px 20px;

    display:flex;
    gap:15px;
    align-items:flex-start;

    background:
        rgba(126,79,25,.10);

    border:
        1px solid rgba(233,155,70,.24);

    border-radius:9px;
}

.bw-hd-recovery-icon{
    width:34px;
    height:34px;

    flex:0 0 34px;

    display:grid;
    place-items:center;

    border-radius:50%;

    color:#ffca82;

    background:
        rgba(172,102,31,.18);

    border:
        1px solid rgba(238,161,77,.28);

    font-weight:900;
}

.bw-hd-recovery strong{
    color:#ffd095;
}

.bw-hd-recovery p{
    margin:6px 0 0;

    color:#9eb3c0;

    font-size:13px;
    line-height:1.55;
}

@media(max-width:650px){

    .bw-hd-recovery{
        padding:16px;
        gap:12px;
    }

}


/* ============================================================
   FAQ - CÓDIGO / REALMLIST
   ============================================================ */

.bw-client-faq code{
    display:inline-block;

    margin:10px 0 5px;
    padding:8px 11px;

    color:#66d8ff;

    background:#020b12;

    border:
        1px solid rgba(70,170,220,.24);

    border-radius:5px;

    font-size:12px;
}