*{
    box-sizing:border-box;
}

html,
body{
    margin:0;
    padding:0;
}

body{
    font-family:'Poppins',Arial,sans-serif;
    background:#ffffff;
    color:#111111;
    font-size:14px;
}

a{
    color:inherit;
}

.up-container{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
}

/* HEADER */
.up-header{
    height:70px;
    background:#ffffff;
    border-bottom:1px solid #ececec;
    position:sticky;
    top:0;
    z-index:90;
}

.up-header-inner{
    width:min(1180px,calc(100% - 32px));
    height:100%;
    margin:0 auto;
    display:grid;
    grid-template-columns:220px 1fr 260px;
    align-items:center;
    gap:28px;
    position:relative;
}

.up-logo img{
    width:183px;
    height:auto;
    max-height:41px;
    object-fit:contain;
    display:block;
}

.mobile-menu-toggle{
    display:none;
}

.up-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:34px;
    font-size:16px;
    font-weight:400;
}

.up-nav>a,
.produtos-trigger{
    border:0;
    background:transparent;
    text-decoration:none;
    cursor:pointer;
    font:inherit;
    color:#111111;
    padding:24px 0;
    display:inline-flex;
    align-items:center;
    gap:8px;
    line-height:1;
}

.up-nav>a:hover,
.produtos-menu-wrap:hover .produtos-trigger,
.produtos-menu-wrap:focus-within .produtos-trigger{
    color:#e2002c;
}

.produtos-trigger::after{
    content:'';
    width:8px;
    height:8px;
    border-right:1.7px solid currentColor;
    border-bottom:1.7px solid currentColor;
    transform:rotate(45deg) translateY(-2px);
    transition:.18s ease;
    margin-top:-3px;
}

.produtos-menu-wrap:hover .produtos-trigger::after,
.produtos-menu-wrap:focus-within .produtos-trigger::after{
    transform:rotate(225deg) translateY(-1px);
    margin-top:4px;
}

.produtos-menu-wrap{
    position:relative;
    z-index:9999;
}

/* MENU PRODUTOS */
.mega-menu{
    position:absolute;
    top:60px;
    left:-55px;
    width:270px;
    background:#f5f5f5;
    border:1px solid #dedede;
    border-radius:13px;
    box-shadow:0 18px 36px rgba(0,0,0,.16);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.18s ease;
    z-index:9999;
    overflow:visible;
}

.produtos-menu-wrap:hover .mega-menu,
.produtos-menu-wrap:focus-within .mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.mega-item{
    position:relative;
}

.mega-row{
    height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 24px;
    text-decoration:none;
    color:#111111;
    border-bottom:1px solid #d3d3d3;
    font-size:15px;
    font-weight:400;
    background:#f5f5f5;
}

.mega-item:first-child .mega-row{
    border-radius:12px 12px 0 0;
}

.mega-item:last-child .mega-row{
    border-bottom:0;
    border-radius:0 0 12px 12px;
}

.mega-row:hover{
    color:#e2002c;
    background:#ffffff;
}

.mega-row.has-children::after{
    content:'›';
    font-size:20px;
    font-weight:800;
    color:currentColor;
    line-height:1;
}

.mega-sub{
    position:absolute;
    left:100%;
    top:0;
    width:230px;
    background:#f5f5f5;
    border:1px solid #dedede;
    border-radius:13px;
    box-shadow:0 18px 36px rgba(0,0,0,.16);
    opacity:0;
    visibility:hidden;
    transform:translateX(8px);
    transition:.18s ease;
    overflow:hidden;
    z-index:10000;
}

.mega-item:hover>.mega-sub,
.mega-item:focus-within>.mega-sub{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

.mega-sub a{
    height:54px;
    display:flex;
    align-items:center;
    padding:0 26px;
    color:#222222;
    text-decoration:none;
    font-size:15px;
    border-bottom:1px solid #d3d3d3;
    background:#f5f5f5;
}

.mega-sub a:last-child{
    border-bottom:0;
}

.mega-sub a:hover{
    background:#ffffff;
    color:#e2002c;
}

/* BUSCA */
.up-search{
    display:flex;
    justify-content:flex-end;
}

.up-search input{
    width:210px;
    height:42px;
    border:0;
    background:#f1f1f1;
    border-radius:13px 0 0 13px;
    padding:0 16px;
    font-size:13px;
    font-family:inherit;
    outline:none;
}

.up-search button{
    height:42px;
    width:52px;
    border:0;
    border-radius:0 13px 13px 0;
    background:#050505;
    color:#e2002c;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.2s ease;
}

.up-search button:hover{
    background:#e2002c;
    color:#ffffff;
}

/* HERO */
.hero {
    width: 100%;
    height: 380px;
    min-height: 380px;
    max-height: 380px;
    background: #000;
    position: relative;
    overflow: hidden;
}

.hero-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .65s ease;
    will-change: transform;
}

.hero-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 380px;
    display: block;
    position: relative;
    overflow: hidden;
}

.hero-slide picture,
.hero-slide img {
    width: 100%;
    height: 380px;
    display: block;
}

.hero-slide img {
    object-fit: cover;
    object-position: center center;
}


@media (max-width: 768px) {
    .hero {
        height: calc(100vw * 1300 / 1200);
        min-height: calc(100vw * 1300 / 1200);
        max-height: 1300px;
    }

    .hero-slide,
    .hero-slide picture,
    .hero-slide img {
        height: calc(100vw * 1300 / 1200);
        max-height: 1300px;
    }

    .hero-slide img {
        object-position: center center;
    }
}

/* Bolinhas do slide */
.hero-dots {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.hero-dot {
    width: 9px;
    height: 9px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .55);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

.hero-dot.ativo,
.hero-dot.active {
    background: #e2002c;
    transform: scale(1.15);
}

.hero-dot:hover {
    background: #fff;
}

/* CARDS ABAIXO DO BANNER */
.feature-strip{
    background:#0b0b0c;
    padding:26px 0;
    overflow:visible;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
}

.feature-card{
    min-height:166px;
    display:grid;
    grid-template-columns:198px minmax(0,1fr) 18px;
    align-items:center;
    gap:10px;
    padding:18px 18px 18px 22px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(120deg,#17191e 0%,#101114 78%,#151015 100%);
    color:#ffffff;
    text-decoration:none;
    overflow:hidden;
    position:relative;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.feature-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 88% 50%,rgba(226,0,44,.34),transparent 42%);
    opacity:0;
    transition:opacity .22s ease;
    pointer-events:none;
}

.feature-card:hover{
    transform:translateY(-3px);
    border-color:rgba(226,0,44,.82);
    box-shadow:0 18px 34px rgba(0,0,0,.24);
}

.feature-card:hover::before{
    opacity:1;
}

.feature-image{
    width:198px;
    height:130px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    position:relative;
    z-index:1;
}

.feature-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 18px 24px rgba(0,0,0,.42));
}

.feature-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    position:relative;
    z-index:1;
    padding-right:0;
}

.feature-content span{
    font-size:11px;
    line-height:1;
    font-weight:700;
    color:#ff1746;
    text-transform:uppercase;
    letter-spacing:0;
    margin:0;
}

.feature-content strong{
    display:block;
    font-size:29px;
    line-height:1.02;
    font-weight:900;
    color:#ffffff;
    letter-spacing:-.4px;
    margin:0;
    max-width:100%;
    word-break:normal;
    overflow-wrap:normal;
    white-space:normal;
    hyphens:none;
}

.feature-content p{
    font-size:14px;
    line-height:1.25;
    font-weight:400;
    color:#ffffff;
    margin:0;
    max-width:210px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.feature-card em,
.feature-arrow{
    justify-self:end;
    align-self:center;
    width:18px;
    height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    color:#ffffff;
    font-style:normal;
    font-size:24px;
    font-weight:800;
    line-height:1;
    position:relative;
    z-index:1;
    opacity:.95;
}

.feature-card strong,
.feature-card span,
.feature-card p{
    word-break:normal;
    overflow-wrap:normal;
}

/* SEÇÕES */
.section-tight{
    padding:40px 0;
}

.section-head{
    margin-bottom:22px;
}

.section-head span{
    display:block;
    color:#e2002c;
    font-weight:800;
    font-size:15px;
    text-transform:uppercase;
    line-height:1;
}

.section-head h2{
    margin:8px 0 0;
    font-weight:900;
    font-size:30px;
    line-height:1.08;
    text-transform:uppercase;
    letter-spacing:0;
}

.home-products-section{
    background:#ffffff;
}

/* CARROSSÉIS */
.carousel-wrap{
    position:relative;
}

.products-viewport,
.categories-viewport{
    overflow:hidden;
    padding:12px 2px 16px;
}

.products-track,
.categories-track{
    display:flex;
    gap:20px;
    transition:transform .45s ease;
    will-change:transform;
    align-items:stretch;
}

.product-card{
    flex:0 0 calc((100% - 80px)/5);
    min-height:310px;
    border:1px solid #e6e9ef;
    border-radius:15px;
    background:#ffffff;
    text-decoration:none;
    color:#111111;
    padding:22px 18px 24px;
    text-align:center;
    transition:.2s ease;
    box-shadow:none;
}

.product-card:hover{
    transform:translateY(-2px);
    border-color:#d8dde6;
}

.product-image{
    height:172px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.product-card img{
    width:100%;
    height:165px;
    object-fit:contain;
    display:block;
}

.product-category{
    font-size:12px;
    color:#e2002c;
    line-height:1.2;
    margin:10px 0 8px;
    text-transform:uppercase;
    font-weight:500;
}

.product-name{
    font-size:13px;
    line-height:1.35;
    font-weight:500;
    color:#111111;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:54px;
}

.carousel-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:#ffffff;
    border:0;
    box-shadow:0 10px 28px rgba(0,0,0,.15);
    color:#111111;
    font-size:26px;
    font-weight:700;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    transition:.2s ease;
    line-height:1;
    padding:0;
}

.carousel-wrap:hover .carousel-arrow{
    opacity:1;
    pointer-events:auto;
}

.carousel-arrow.left{
    left:-18px;
}

.carousel-arrow.right{
    right:-18px;
}

/* SEPARADORES */
.separator-section{
    background:#ffffff;
    padding-top:24px;
    padding-bottom:40px;
}

.separator-grid{
    display:grid;
    gap:22px;
}

.separator-grid.count-1{
    grid-template-columns:1fr;
}

.separator-grid.count-2{
    grid-template-columns:repeat(2,1fr);
}

.separator-grid.count-3{
    grid-template-columns:repeat(3,1fr);
}

.separator-banner{
    display:block;
    border-radius:16px;
    overflow:hidden;
    background:#f2f2f2;
    border:1px solid #e4e7eb;
    transition:.22s ease;
}

.separator-banner:hover{
    transform:translateY(-4px);
}

.separator-banner img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

/* CATEGORIAS */
.category-section{
    background:radial-gradient(circle at 0 0,rgba(226,0,44,.26),transparent 30%),#060708;
    color:#ffffff;
    padding-top:48px;
    padding-bottom:56px;
}

.dark-head{
    margin-bottom:34px;
}

.category-card{
    flex:0 0 calc((100% - 80px)/5);
    min-height:238px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.13);
    background:linear-gradient(142deg, #00000000 0%, #00000000 65%, rgb(226 0 0 / 35%) 100%);
    text-decoration:none;
    color:#ffffff;
    padding:18px 16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    transition:.22s ease;
    overflow:hidden;
}

.category-card:hover{
    transform:translateY(-3px);
    border-color:#e2002c;
}

.category-card img{
    width:100%;
    height:126px;
    object-fit:contain;
    display:block;
}

.category-card strong{
    font-size:18px;
    line-height:1.2;
    font-weight:800;
    text-align:center;
    display:block;
    max-width:100%;
    word-break:normal;
    overflow-wrap:anywhere;
}

/* NEWSLETTER */
.newsletter{
    background:linear-gradient(90deg,#630019,#e2002c);
    color:#ffffff;
    padding:28px 0;
}

.newsletter-inner{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
    display:grid;
    grid-template-columns:1.5fr 1fr 220px;
    gap:22px;
    align-items:center;
}

.newsletter h3{
    margin:0;
    font-size:24px;
    font-weight:900;
}

.newsletter p{
    margin:5px 0 0;
    color:#ffe1e8;
    font-size:13px;
}

.newsletter input{
    height:44px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    color:#ffffff;
    padding:0 20px;
    outline:none;
}

.newsletter input::placeholder{
    color:#ffdce4;
}

.newsletter button{
    height:44px;
    border:0;
    border-radius:999px;
    background:#ffffff;
    color:#e2002c;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:.2s ease;
}

.newsletter button:hover{
    background:#230008;
    color:#ffffff;
    transform:translateY(-2px);
}

/* RODAPÉ */
.site-footer{
    background:#030303;
    color:#9d9d9d;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:72px;
    padding:64px 0 48px;
}

.footer-logo img{
    width:183px;
    height:auto;
    margin-bottom:24px;
}

.footer-logo p{
    font-size:13px;
    line-height:1.6;
    max-width:360px;
    margin:0;
}

.footer-social{
    display:flex;
    gap:16px;
    margin-top:24px;
    align-items:center;
}

.footer-social a{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#e2002c;
    transition:.2s ease;
}

.footer-social a svg{
    width:20px;
    height:20px;
    fill:currentColor;
    display:block;
}

.footer-social a:hover{
    background:transparent;
    color:#ffffff;
    transform:translateY(-2px);
}

.footer-grid h4{
    margin:0 0 18px;
    color:#ffffff;
    font-size:14px;
}

.footer-grid a{
    display:block;
    text-decoration:none;
    color:#aaaaaa;
    font-size:13px;
    margin:10px 0;
    transition:.2s ease;
}

.footer-grid a:hover{
    color:#e2002c;
    transform:translateX(3px);
}

.copy{
    border-top:1px solid rgba(255,255,255,.08);
    min-height:46px;
    background:#e2002c;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 max(16px,calc((100vw - 1180px)/2));
    font-size:12px;
}

.copy a{
    color:#ffffff;
    text-decoration:none;
    font-weight:800;
}

.copy a:hover{
    color:#111111;
}

/* PÁGINAS INTERNAS */
.page-title{
    background:#111111;
    color:#ffffff;
    padding:44px 0;
}

.page-title h1{
    margin:0;
    font-size:32px;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.product-page{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:36px;
}

.product-page img{
    width:100%;
    height:360px;
    object-fit:contain;
    background:#f7f7f7;
    border-radius:12px;
    padding:18px;
}

.btn-main{
    display:inline-flex;
    background:#e2002c;
    color:#ffffff;
    text-decoration:none;
    border-radius:999px;
    padding:12px 22px;
    font-weight:900;
}

/* RESPONSIVO */
@media(max-width:1180px){
    .feature-card{
        grid-template-columns:160px minmax(0,1fr) 18px;
        gap:12px;
    }

    .feature-image{
        width:160px;
        height:118px;
    }

    .feature-content strong{
        font-size:24px;
    }
}

@media(max-width:1100px){
    .up-header-inner{
        grid-template-columns:180px 1fr 230px;
    }

    .up-logo img{
        width:160px;
    }

    .up-nav{
        gap:22px;
    }

    .feature-grid{
        grid-template-columns:1fr;
    }

    .product-card{
        flex-basis:calc((100% - 40px)/3);
    }

    .category-card{
        flex-basis:calc((100% - 40px)/3);
    }

    .separator-grid.count-3{
        grid-template-columns:1fr 1fr;
    }

    .footer-grid{
        gap:38px;
    }

    .hero{
        height:300px;
    }
}

@media(max-width:760px){
    .up-header{
        height:auto;
        position:sticky;
    }

    .up-header-inner{
        grid-template-columns:1fr auto;
        gap:12px;
        padding:12px 0;
    }

    .up-logo{
        display:flex;
        justify-content:flex-start;
    }

    .up-logo img{
        width:150px;
    }

    .mobile-menu-toggle{
        display:inline-flex;
        width:42px;
        height:42px;
        border:0;
        background:#101010;
        border-radius:12px;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:5px;
        cursor:pointer;
        grid-column:2;
        grid-row:1;
    }

    .mobile-menu-toggle span{
        display:block;
        width:20px;
        height:2px;
        background:#ffffff;
        border-radius:99px;
    }

    .up-search{
        grid-column:1 / -1;
        justify-content:stretch;
    }

    .up-search input{
        width:100%;
    }

    .up-nav{
        position:fixed;
        top:0;
        right:0;
        width:min(320px,86vw);
        height:100vh;
        background:#ffffff;
        z-index:130;
        box-shadow:-18px 0 50px rgba(0,0,0,.2);
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:0;
        padding:82px 22px 24px;
        transform:translateX(105%);
        transition:.24s ease;
        font-size:16px;
    }

    .mobile-nav-open .up-nav{
        transform:translateX(0);
    }

    .up-nav>a,
    .produtos-trigger{
        height:48px;
        padding:0;
        justify-content:space-between;
        border-bottom:1px solid #eeeeee;
    }

    .produtos-menu-wrap{
        position:static;
    }

    .mega-menu{
        position:static;
        width:100%;
        box-shadow:none;
        border-radius:13px;
        border:1px solid #e4e4e4;
        opacity:1;
        visibility:visible;
        transform:none;
        margin-top:10px;
        display:none;
    }

    .produtos-menu-wrap:hover .mega-menu,
    .produtos-menu-wrap:focus-within .mega-menu{
        display:block;
    }

    .mega-row,
    .mega-sub a{
        height:46px;
        font-size:14px;
    }

    .mega-sub{
        position:static;
        width:100%;
        display:none;
        border-radius:0;
        border:0;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
    }

    .mega-item:hover>.mega-sub,
    .mega-item:focus-within>.mega-sub{
        display:block;
    }

    .hero{
        height:210px;
        min-height:210px;
    }

    .feature-strip{
        padding:16px 0;
    }

    .feature-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .feature-card{
        grid-template-columns:142px minmax(0,1fr) 18px;
        min-height:142px;
        padding:16px 16px 16px 18px;
    }

    .feature-image{
        width:142px;
        height:104px;
    }

    .feature-content strong{
        font-size:22px;
    }

    .feature-content p{
        font-size:13px;
        max-width:190px;
    }

    .section-tight{
        padding:34px 0;
    }

    .section-head h2{
        font-size:25px;
    }

    .product-card{
        flex-basis:calc((100% - 12px)/2);
        min-height:270px;
        padding:18px 12px;
    }

    .products-track,
    .categories-track{
        gap:12px;
    }

    .product-image{
        height:140px;
    }

    .product-card img{
        height:135px;
    }

    .category-card{
        flex-basis:calc((100% - 12px)/2);
        min-height:210px;
    }

    .category-card img{
        height:104px;
    }

    .category-card strong{
        font-size:16px;
    }

    .carousel-wrap:hover .carousel-arrow{
        display:none;
    }

    .separator-section{
        padding-top:18px;
        padding-bottom:30px;
    }

    .separator-grid,
    .separator-grid.count-1,
    .separator-grid.count-2,
    .separator-grid.count-3{
        grid-template-columns:1fr;
    }

    .separator-banner img{
        height:auto;
        min-height:130px;
    }

    .newsletter-inner{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:24px;
        padding:46px 0;
    }

    .copy{
        flex-direction:column;
        gap:6px;
        padding:10px 16px;
        text-align:center;
    }
}

@media(max-width:460px){
    .feature-card{
        grid-template-columns:120px minmax(0,1fr) 16px;
    }

    .feature-image{
        width:120px;
        height:92px;
    }

    .feature-content strong{
        font-size:20px;
    }
}
/* ===== CORREÇÃO FINAL DOS 3 CARDS ABAIXO DO BANNER ===== */

.feature-strip {
    background: #0b0b0c !important;
    padding: 26px 0 !important;
    overflow: visible !important;
}

.feature-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.feature-card {
    min-height: 166px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    padding: 20px 54px 20px 24px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: linear-gradient(120deg, #17191e 0%, #101114 100%) !important;
    color: #fff !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.feature-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(circle at 92% 72%, rgba(226,0,44,.34), transparent 42%) !important;
    opacity: 0 !important;
    transition: opacity .22s ease !important;
    pointer-events: none !important;
}

.feature-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(226,0,44,.85) !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.24) !important;
}

.feature-card:hover::before {
    opacity: 1 !important;
}

.feature-image {
    width: 46% !important;
    max-width: 190px !important;
    height: 126px !important;
    flex: 0 0 46% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 1 !important;
}

.feature-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 18px 24px rgba(0,0,0,.42)) !important;
}

.feature-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
    padding-left: 8px !important;
    padding-right: 10px !important;
}

.feature-content span {
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #ff1746 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.feature-content strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 27px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    color: #fff !important;
    letter-spacing: -0.35px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

.feature-content p {
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    color: #fff !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

.feature-card em,
.feature-arrow {
    position: absolute !important;
    right: 24px !important;
    bottom: 22px !important;
    top: auto !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: transparent !important;
    font-style: normal !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    transform: none !important;
    transition: color .2s ease, transform .2s ease !important;
}

.feature-card:hover em,
.feature-card:hover .feature-arrow {
    color: #ff1746 !important;
    transform: translateX(2px) !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .feature-grid {
        grid-template-columns: 1fr !important;
    }

    .feature-card {
        min-height: 160px !important;
    }

    .feature-image {
        flex-basis: 210px !important;
        width: 210px !important;
        max-width: 210px !important;
    }

    .feature-content strong {
        font-size: 28px !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .feature-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .feature-card {
        min-height: 136px !important;
        padding: 16px 42px 16px 14px !important;
    }

    .feature-image {
        flex-basis: 118px !important;
        width: 118px !important;
        max-width: 118px !important;
        height: 92px !important;
    }

    .feature-content {
        padding-left: 6px !important;
        gap: 4px !important;
    }

    .feature-content span {
        font-size: 10px !important;
    }

    .feature-content strong {
        font-size: 20px !important;
        white-space: normal !important;
        line-height: 1.08 !important;
    }

    .feature-content p {
        font-size: 12px !important;
        white-space: normal !important;
        line-height: 1.2 !important;
    }

    .feature-card em,
    .feature-arrow {
        right: 16px !important;
        bottom: 16px !important;
        font-size: 21px !important;
    }
}
/* ===== V20 PRODUTO, CATEGORIA, FILTROS MANUAIS E LIGHTBOX ===== */
.site-breadcrumb{background:#fff;border-bottom:1px solid #eee;color:#9aa0aa;font-size:12px;padding:12px 0}.site-breadcrumb a{color:#9aa0aa;text-decoration:none}.site-breadcrumb a:hover{color:#e2002c}.categoria-title{background:#f3f3f4;padding:58px 0;text-align:center}.categoria-title h1{margin:0;font-size:30px;line-height:1.1;font-weight:800;text-transform:uppercase;color:#202226}.categoria-content{background:#fff;padding:44px 0 70px}.categoria-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start}.categoria-filter-toggle{display:none}.categoria-sidebar{background:#fafafa;border-radius:14px;padding:20px 18px;position:sticky;top:92px}.filter-group{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #eceef2}.filter-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.filter-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;color:#e2002c;font-size:12px;font-weight:900;text-transform:uppercase}.filter-title::after{content:'−';font-size:18px;line-height:1}.filter-options{display:grid;gap:10px;max-height:240px;overflow:auto;padding-right:4px}.filter-check{display:flex;align-items:center;gap:8px;color:#5d6470;font-size:12px;line-height:1.25;cursor:pointer}.filter-check.nivel-1{padding-left:12px}.filter-check.nivel-2{padding-left:24px}.filter-check input{width:14px;height:14px;accent-color:#e2002c}.filter-actions{display:grid;gap:8px;margin-top:16px}.filter-actions button,.filter-actions a{height:38px;border-radius:999px;border:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.filter-actions button{background:#e2002c;color:#fff}.filter-actions a{background:#f0f1f4;color:#111}.categoria-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.categoria-count{font-size:13px;color:#7d838d}.categoria-grid-produtos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.categoria-produto-card{background:#fafafa;border-radius:16px;text-align:center;text-decoration:none;color:#111;padding:26px 18px 24px;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:.2s ease}.categoria-produto-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(15,23,42,.08)}.categoria-produto-card img{width:100%;height:220px;object-fit:contain;display:block;margin-bottom:20px}.categoria-produto-card strong{font-size:12.5px;line-height:1.3;font-weight:600;color:#111;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:250px}.categoria-empty{background:#fafafa;border-radius:14px;padding:34px;text-align:center;color:#707782}.categoria-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:36px}.categoria-pagination a,.categoria-pagination span{min-width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:700;color:#111}.categoria-pagination .ativo{background:#e2002c;color:#fff}.categoria-pagination a:hover{background:#f1f2f4;color:#e2002c}
.produto-hero-detalhe{padding:38px 0 70px;background:#fff}.produto-hero-grid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:58px;align-items:start}.produto-galeria-wrap{position:relative;min-width:0}.produto-galeria-box{border:1px solid #dfe3ea;border-radius:15px;background:#fff;min-height:455px;padding:34px;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.produto-galeria-box img{width:100%;height:375px;object-fit:contain;display:block}.produto-zoom-btn{position:absolute;left:16px;top:16px;z-index:2;border:0;background:transparent;color:#111;font-size:24px;line-height:1;cursor:pointer}.produto-galeria-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.produto-thumb-btn{width:90px;height:90px;border:1px solid #dfe3ea;border-radius:12px;background:#fff;padding:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.produto-thumb-btn:hover,.produto-thumb-btn.ativo{border-color:#e2002c;transform:translateY(-2px)}.produto-thumb-btn img{width:100%;height:100%;object-fit:contain}.produto-info-detalhe{padding-top:8px}.produto-label-categoria{display:inline-block;color:#e2002c;font-size:12px;line-height:1;font-weight:800;text-transform:uppercase;margin-bottom:10px}.produto-info-detalhe h1{margin:0;color:#101114;font-size:clamp(28px,3.2vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.6px;max-width:620px}.produto-texto-descricao{margin-top:24px;color:#6c7078;font-size:14px;line-height:1.75;max-width:610px}.produto-acoes-detalhe{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.produto-comprar span{font-size:18px;line-height:1;margin-left:6px}.produto-compartilhar{display:flex;align-items:center;gap:12px;margin-top:38px;color:#7d838d;font-size:13px}.produto-compartilhar a{width:28px;height:28px;border-radius:50%;background:#f1f2f4;color:#9096a0;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.2s}.produto-compartilhar a svg{width:15px;height:15px;display:block;fill:currentColor}.produto-compartilhar a:hover{background:#e2002c;color:#fff;transform:translateY(-2px)}.produto-spec-section{background:#f5f5f6;padding:54px 0 64px}.produto-spec-section h2{color:#e2002c;margin:0 0 28px;font-size:24px;font-weight:800}.produto-spec-lista{display:grid;gap:10px;max-width:980px}.produto-spec-item{display:grid;grid-template-columns:1fr 1.65fr;gap:22px;align-items:center;background:#fff;border-radius:8px;padding:16px 18px;color:#9aa0a8}.produto-spec-item strong{font-size:12px;color:#8f949c;font-weight:800}.produto-spec-item span{font-size:13px;color:#9aa0a8}.produto-relacionados-section{padding-top:42px}.relacionados-head{text-align:center}.relacionados-head h2{color:#e2002c;font-size:24px;text-transform:none;font-weight:800}.product-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:99999;display:none;align-items:center;justify-content:center;padding:28px}.product-lightbox.aberto{display:flex}.product-lightbox img{max-width:96vw;max-height:92vh;object-fit:contain;display:block}.product-lightbox button{position:absolute;right:24px;top:20px;border:0;width:42px;height:42px;border-radius:50%;background:#fff;color:#111;font-size:28px;font-weight:900;cursor:pointer}.product-lightbox button:hover{background:#e2002c;color:#fff}
/* Corrige os cards abaixo do banner sem cortar texto */.feature-card{display:flex!important;align-items:center!important;gap:18px!important;padding:20px 56px 20px 24px!important}.feature-image{flex:0 0 42%!important;width:42%!important;max-width:175px!important}.feature-content{flex:1 1 auto!important;min-width:0!important}.feature-content strong{font-size:26px!important;white-space:nowrap!important}.feature-card em,.feature-arrow{position:absolute!important;right:22px!important;bottom:20px!important;top:auto!important;color:#fff!important}.feature-card:hover em,.feature-card:hover .feature-arrow{color:#ff1746!important}
@media(max-width:980px){.categoria-layout{grid-template-columns:1fr}.categoria-filter-toggle{display:flex;margin-bottom:16px;height:42px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:800;align-items:center;justify-content:center;width:100%;font-family:inherit}.categoria-sidebar{position:static;display:none}.categoria-sidebar.aberto{display:block}.categoria-grid-produtos{grid-template-columns:repeat(2,minmax(0,1fr))}.categoria-title{padding:42px 0}.categoria-title h1{font-size:26px}.produto-hero-grid{grid-template-columns:1fr;gap:26px}.produto-galeria-box{min-height:330px}.produto-galeria-box img{height:280px}.produto-spec-item{grid-template-columns:1fr;gap:6px}.produto-info-detalhe h1{font-size:28px}.feature-card{padding-right:48px!important}.feature-content strong{font-size:24px!important;white-space:normal!important}}
@media(max-width:560px){.categoria-content{padding:28px 0 48px}.categoria-grid-produtos{gap:12px}.categoria-produto-card{min-height:270px;padding:20px 12px}.categoria-produto-card img{height:170px}.categoria-produto-card strong{font-size:11.5px}.categoria-sidebar{padding:18px 14px}.filter-options{max-height:180px}.produto-hero-detalhe{padding:24px 0 42px}.produto-galeria-box{padding:18px;min-height:280px}.produto-galeria-box img{height:240px}.produto-thumb-btn{width:74px;height:74px}.produto-spec-section{padding:36px 0}.produto-compartilhar{margin-top:24px}.feature-image{flex-basis:112px!important;width:112px!important;max-width:112px!important}.feature-content strong{font-size:20px!important}.feature-content p{white-space:normal!important}.feature-card{gap:12px!important;padding:15px 40px 15px 14px!important}}

.footer-icone-logo{height:24px;width:auto;max-width:130px;object-fit:contain;display:inline-block;vertical-align:middle;margin-left:4px;}



/* ===== UP GAMER - PÁGINA DO PRODUTO V3 ===== */
@media (min-width: 1024px) {
    .produto-hero-detalhe {
        padding: 46px 0 74px !important;
        background:
            radial-gradient(circle at 12% 8%, rgb(226 0 44 / 44%), transparent 28%), linear-gradient(180deg, #000000 0%, #000000 68%, #ffffff 68%, #f5f5f6 100%) !important;
            linear-gradient(180deg, #ffffff 0%, #ffffff 68%, #f5f5f6 68%, #f5f5f6 100%) !important;
    }

    .produto-hero-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 42px !important;
        align-items: stretch !important;
    }

    .produto-galeria-wrap,
    .produto-info-detalhe {
        min-width: 0 !important;
    }

    .produto-galeria-wrap {
        background: #ffffff !important;
        border: 1px solid #e7eaf0 !important;
        border-radius: 22px !important;
        padding: 22px !important;
        box-shadow: 0 18px 44px rgba(15, 23, 42, .07) !important;
    }

    .produto-galeria-box {
        min-height: 470px !important;
        padding: 28px !important;
        border: 0 !important;
        border-radius: 18px !important;
        box-shadow: inset 0 0 0 1px #edf0f4 !important;
    }

    .produto-galeria-box img {
        height: 405px !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .produto-zoom-btn {
        left: 38px !important;
        top: 38px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        color: #111111 !important;
        box-shadow: 0 10px 22px rgba(15, 23, 42, .12) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
    }

    .produto-galeria-thumbs {
        gap: 10px !important;
        margin-top: 14px !important;
    }

    .produto-thumb-btn {
        width: 82px !important;
        height: 70px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
    }

    .produto-thumb-btn.ativo,
    .produto-thumb-btn:hover {
        border-color: #e2002c !important;
        box-shadow: 0 10px 20px rgba(226, 0, 44, .12) !important;
    }

    .produto-info-detalhe {
        padding: 34px 36px !important;
        border-radius: 22px !important;
        background:
            linear-gradient(135deg, #000000 0%, #000000 62%, rgb(0 0 0) 130%) !important;
        color: #ffffff !important;
        box-shadow: 0 18px 44px rgba(15, 23, 42, .14) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-height: 100% !important;
    }

    .produto-label-categoria {
        color: #ff1746 !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        letter-spacing: .04em !important;
        margin-bottom: 12px !important;
    }

    .produto-info-detalhe h1 {
        color: #ffffff !important;
        font-size: clamp(26px, 2.25vw, 34px) !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
        letter-spacing: -.45px !important;
        max-width: 640px !important;
    }

    .produto-texto-descricao {
        margin-top: 18px !important;
        color: #c9ced8 !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
        max-width: 620px !important;
    }

    .produto-acoes-detalhe {
        margin-top: 28px !important;
    }

    .produto-onde-comprar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-width: 166px !important;
    height: 48px !important;
    padding: 0 28px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: linear-gradient(135deg, #ff003d 0%, #d90032 100%) !important;
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.2px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: 0 14px 30px rgba(226, 0, 44, .28) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.produto-onde-comprar:hover {
    background: linear-gradient(135deg, #ff1746 0%, #e2002c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(226, 0, 44, .38) !important;
}

.produto-acoes-detalhe {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 30px !important;
}

    .produto-compartilhar {
        margin-top: 30px !important;
        color: #8f98a8 !important;
    }

    .produto-compartilhar a {
        width: 34px !important;
        height: 34px !important;
        color: #ffffff !important;
        background: rgba(255, 255, 255, .08) !important;
        border: 1px solid rgba(255, 255, 255, .10) !important;
    }

    .produto-compartilhar a svg {
        width: 16px !important;
        height: 16px !important;
    }

    .produto-compartilhar a.whatsapp-share {
        color: #25d366 !important;
    }

    .produto-compartilhar a:hover,
    .produto-compartilhar a.whatsapp-share:hover {
        background: #e2002c !important;
        color: #ffffff !important;
    }

    .produto-spec-section {
        background: #f4f5f7 !important;
        padding: 60px 0 72px !important;
    }

    .produto-spec-section h2 {
        max-width: 1180px !important;
        margin: 0 auto 24px !important;
        color: #e2002c !important;
        font-size: 26px !important;
        font-weight: 900 !important;
    }

    .produto-spec-lista {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        gap: 10px !important;
    }

    .produto-spec-item {
        grid-template-columns: minmax(220px, .45fr) minmax(0, 1fr) !important;
        gap: 26px !important;
        background: #ffffff !important;
        border: 1px solid #edf0f4 !important;
        border-radius: 12px !important;
        padding: 17px 22px !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .035) !important;
    }

    .produto-spec-item strong {
        color: #4b5563 !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    .produto-spec-item span {
        color: #667085 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .produto-relacionados-section {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }

    .relacionados-head h2 {
        font-size: 28px !important;
        font-weight: 900 !important;
    }
}

@media (max-width: 1023px) {
    .produto-hero-detalhe {
        padding: 26px 0 46px !important;
    }

    .produto-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .produto-info-detalhe {
        background: #111318 !important;
        color: #ffffff !important;
        border-radius: 18px !important;
        padding: 24px !important;
    }

    .produto-info-detalhe h1 {
        color: #ffffff !important;
        font-size: 26px !important;
        line-height: 1.14 !important;
    }

    .produto-texto-descricao {
        color: #d1d5db !important;
    }

    .produto-compartilhar a {
        width: 34px !important;
        height: 34px !important;
    }

    .produto-compartilhar a.whatsapp-share {
        color: #25d366 !important;
    }

    .produto-spec-lista {
        max-width: none !important;
    }

    .produto-spec-item {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        border-radius: 12px !important;
    }
}

/* =========================================================
   UP GAMER - CARDS ESPECIAIS HORIZONTAIS PREMIUM
   Fundo corrigido sem faixa cortada
   ========================================================= */

.feature-strip {
    position: relative !important;
    margin-top: 0 !important;
    padding: 44px 0 50px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 18% 52%, rgba(226, 0, 44, .20), transparent 34%),
        radial-gradient(circle at 72% 48%, rgba(124, 58, 237, .18), transparent 38%),
        linear-gradient(180deg, #050506 0%, #07080c 48%, #050609 100%) !important;
}

/* Remove faixa/efeito antigo que estava cruzando os cards */
.feature-strip::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .10) 0%, rgba(0, 0, 0, 0) 32%),
        radial-gradient(circle at 25% 20%, rgba(226, 0, 44, .08), transparent 34%),
        radial-gradient(circle at 75% 20%, rgba(124, 58, 237, .08), transparent 38%) !important;
    opacity: 1 !important;
}

/* Degradê discreto no fim do slide */
.hero-section::after,
.hero::after,
.main-slider::after,
.banner-slider::after,
.home-hero::after {
    height: 72px !important;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(5, 5, 6, .42) 74%,
        #050506 100%
    ) !important;
}

/* Garante que o conteúdo fique acima do fundo */
.feature-strip .up-container,
.feature-grid {
    position: relative !important;
    z-index: 2 !important;
}

.feature-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

/* Card horizontal */
.feature-card {
    position: relative !important;
    min-height: 190px !important;
    height: 190px !important;
    padding: 24px 26px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 44% 56% !important;
    align-items: center !important;
    gap: 18px !important;
    text-decoration: none !important;
    background:
        radial-gradient(circle at 72% 50%, rgba(226, 0, 44, .13), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow:
        0 24px 60px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}

.feature-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.07), transparent 38%),
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.05), transparent 42%) !important;
    opacity: .7 !important;
}

.feature-card::after {
    display: none !important;
}

.feature-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(226, 0, 44, .58) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.62),
        0 0 34px rgba(226,0,44,.14),
        inset 0 1px 0 rgba(255,255,255,.1) !important;
}

/* Imagem maior sem aumentar altura */
.feature-image {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 145px !important;
    max-width: none !important;
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.feature-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 145px !important;
    object-fit: contain !important;
    transform: scale(1.18) !important;
    filter:
        drop-shadow(0 18px 22px rgba(0,0,0,.68))
        drop-shadow(0 0 16px rgba(226,0,44,.12)) !important;
    transition: transform .25s ease !important;
}

.feature-card:hover .feature-image img {
    transform: scale(1.26) translateY(-2px) !important;
}

/* Ajuste individual das imagens */
.feature-card:first-child .feature-image img {
    transform: scale(1.22) !important;
}

.feature-card:first-child:hover .feature-image img {
    transform: scale(1.30) translateY(-2px) !important;
}

.feature-card:nth-child(2) .feature-image img {
    transform: scale(1.28) rotate(-4deg) !important;
}

.feature-card:nth-child(2):hover .feature-image img {
    transform: scale(1.36) rotate(-4deg) translateY(-2px) !important;
}

.feature-card:nth-child(3) .feature-image img {
    transform: scale(1.24) !important;
}

.feature-card:nth-child(3):hover .feature-image img {
    transform: scale(1.32) translateY(-2px) !important;
}

/* Conteúdo */
.feature-content {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
}

.feature-content span {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
    background: transparent !important;
    border: 0 !important;
    color: #ff1746 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .35px !important;
}

.feature-content strong {
    display: block !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: .98 !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    letter-spacing: -1px !important;
    white-space: normal !important;
    text-shadow: 0 2px 0 rgba(226,0,44,.28) !important;
    margin: 0 !important;
}

.feature-content p {
    margin: 8px 0 0 !important;
    color: rgba(255,255,255,.84) !important;
    font-size: 15px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
}

/* Botão circular */
.feature-card em,
.feature-arrow {
    position: absolute !important;
    z-index: 4 !important;
    right: 22px !important;
    bottom: 22px !important;
    top: auto !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(226,0,44,.78) !important;
    background: rgba(226,0,44,.10) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-style: normal !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: 0 0 18px rgba(226,0,44,.24) !important;
    transition:
        background .2s ease,
        transform .2s ease,
        border-color .2s ease !important;
}

.feature-card em::before,
.feature-arrow::before {
    display: none !important;
}

.feature-card em::after,
.feature-arrow::after {
    content: "›";
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: 1 !important;
    display: block !important;
}

.feature-card:hover em,
.feature-card:hover .feature-arrow {
    background: #e2002c !important;
    border-color: #e2002c !important;
    transform: translateX(4px) !important;
}

/* Segundo card roxo */
.feature-card:nth-child(2) {
    background:
        radial-gradient(circle at 70% 50%, rgba(124, 58, 237, .18), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
}

.feature-card:nth-child(2) .feature-content span {
    color: #a855f7 !important;
}

.feature-card:nth-child(2) em,
.feature-card:nth-child(2) .feature-arrow {
    border-color: rgba(139,92,246,.82) !important;
    background: rgba(139,92,246,.10) !important;
}

.feature-card:nth-child(2):hover {
    border-color: rgba(139,92,246,.62) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.62),
        0 0 34px rgba(139,92,246,.16),
        inset 0 1px 0 rgba(255,255,255,.1) !important;
}

.feature-card:nth-child(2):hover em,
.feature-card:nth-child(2):hover .feature-arrow {
    background: #8b5cf6 !important;
    border-color: #8b5cf6 !important;
}

/* Responsivo */
@media (max-width: 980px) {
    .feature-grid {
        grid-template-columns: 1fr !important;
    }

    .feature-card {
        height: 190px !important;
        min-height: 190px !important;
        grid-template-columns: 40% 60% !important;
    }

    .feature-image {
        height: 145px !important;
    }
}

@media (max-width: 560px) {
    .feature-strip {
        padding: 34px 0 38px !important;
    }

    .feature-card {
        height: auto !important;
        min-height: 260px !important;
        grid-template-columns: 1fr !important;
        padding: 22px !important;
    }

    .feature-image {
        height: 145px !important;
    }

    .feature-content strong {
        font-size: 28px !important;
    }

    .feature-content p {
        font-size: 14px !important;
        padding-right: 56px !important;
    }
}
/* =========================================================
   Produto - Lightbox original
   ========================================================= */

.product-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, .82) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding: 0 !important;
}

.product-lightbox.ativo {
    display: flex !important;
}

.product-lightbox-stage {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 70px 92px !important;
    box-sizing: border-box !important;
}

.product-lightbox-img-wrap {
    width: 100% !important;
    height: 100% !important;
    max-width: 1080px !important;
    max-height: 84vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

.product-lightbox-img-inner {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
    transform: translateX(0);
    transition: transform .24s ease, opacity .24s ease;
}

.product-lightbox-img-inner.saindo-esquerda {
    opacity: 0;
    transform: translateX(-34px);
}

.product-lightbox-img-inner.saindo-direita {
    opacity: 0;
    transform: translateX(34px);
}

.product-lightbox-img-inner.entrando-esquerda {
    opacity: 0;
    transform: translateX(34px);
}

.product-lightbox-img-inner.entrando-direita {
    opacity: 0;
    transform: translateX(-34px);
}

.product-lightbox-img-inner.pronto {
    opacity: 1;
    transform: translateX(0);
}

.product-lightbox img {
    max-width: 100% !important;
    max-height: 84vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    user-select: none !important;
}

.product-lightbox-close {
    position: fixed !important;
    top: 22px !important;
    right: 24px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.96) !important;
    color: #111827 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    z-index: 1000006 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
    transition: .15s ease !important;
}

.product-lightbox-close:hover {
    background: #ff0050 !important;
    color: #ffffff !important;
}

.product-lightbox-arrow {
    position: fixed !important;
    top: 50vh !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 54px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.92) !important;
    color: #111827 !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 4px !important;
    margin: 0 !important;
    cursor: pointer !important;
    z-index: 1000005 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
    transition: .15s ease !important;
}

.product-lightbox-prev {
    left: 34px !important;
    right: auto !important;
}

.product-lightbox-next {
    right: 34px !important;
    left: auto !important;
}

.product-lightbox-arrow:hover {
    background: #ff0050 !important;
    color: #ffffff !important;
}

.product-lightbox-arrow:disabled {
    opacity: .25 !important;
    cursor: default !important;
    pointer-events: none !important;
}

@media(max-width: 700px) {
    .product-lightbox-stage {
        padding: 64px 54px 28px !important;
    }

    .product-lightbox img {
        max-width: 100% !important;
        max-height: 78vh !important;
    }

    .product-lightbox-prev {
        left: 10px !important;
    }

    .product-lightbox-next {
        right: 10px !important;
    }

    .product-lightbox-arrow {
        width: 38px !important;
        height: 50px !important;
        font-size: 30px !important;
        border-radius: 12px !important;
    }

    .product-lightbox-close {
        top: 14px !important;
        right: 14px !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 26px !important;
    }
}
/* Zoom da imagem nos cards especiais */
.feature,
.feature-grid,
.feature-card,
.feature-image {
    overflow: visible !important;
}

.feature-card {
    position: relative;
}

.feature-image {
    position: relative;
    z-index: 3;
}

.feature-image img {
    position: relative;
    z-index: 4;
    transition: transform .28s ease, filter .28s ease;
    transform-origin: center center;
}

.feature-card:hover .feature-image img {
    transform: scale(1.14) translateY(-8px);
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .35));
}
/* Corrige borda do card especial ao permitir imagem sair para fora */
.feature-card {
    border-radius: 22px !important;
}

.feature-card::before {
    border-radius: 22px !important;
    overflow: hidden;
    inset: 0 !important;
}

.feature-card::after {
    border-radius: 22px !important;
}
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    touch-action: pan-y;
}
/* Força WhatsApp branco no compartilhar do produto */
.produto-compartilhar a.whatsapp-share,
.produto-compartilhar a.whatsapp-share:visited,
.produto-compartilhar a.whatsapp-share:hover,
.produto-compartilhar a.whatsapp-share:active {
    color: #ffffff !important;
}

.produto-compartilhar a.whatsapp-share svg,
.produto-compartilhar a.whatsapp-share svg *,
.produto-compartilhar a.whatsapp-share path {
    fill: #ffffff !important;
    stroke: none !important;
}

/* =========================================================
   CORREÇÃO FINAL - SLIDE MOBILE UP GAMER
   Motivo: havia regra antiga em @media(max-width:760px)
   forçando .hero para 210px, cortando o banner mobile.
   Mobile recomendado: 1200 x 1300
   ========================================================= */

@media (max-width: 768px) {
    .hero {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1200 / 1300 !important;
        overflow: hidden !important;
        background: #000 !important;
    }

    .hero-track {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
    }

    .hero-slide {
        flex: 0 0 100% !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .hero-slide picture {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

    .hero-slide img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .hero-dots {
        bottom: 14px !important;
    }
}



/* =========================================================
   UP GAMER - MENU MOBILE PREMIUM LATERAL DIREITO
   Somente mobile. Desktop permanece igual.
   ========================================================= */

.mobile-nav-head,
.mobile-nav-search,
.mobile-nav-social {
    display: none;
}

@media (max-width: 760px) {
    body.mobile-nav-open {
        overflow: hidden !important;
    }

    body.mobile-nav-open::before {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 120 !important;
        background: rgba(0, 0, 0, .58) !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }

    .up-header {
        z-index: 150 !important;
    }

    .up-nav {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: min(340px, 88vw) !important;
        height: 100vh !important;
        z-index: 140 !important;
        display: block !important;
        overflow-y: auto !important;
        padding: 24px 20px 26px !important;
        background: #ffffff !important;
        border-radius: 24px 0 0 24px !important;
        box-shadow: -24px 0 70px rgba(0, 0, 0, .28) !important;
        transform: translateX(105%) !important;
        transition: transform .26s ease !important;
        font-family: "Poppins", Arial, sans-serif !important;
        overscroll-behavior: contain !important;
    }

    .mobile-nav-open .up-nav {
        transform: translateX(0) !important;
    }

    .mobile-nav-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        margin-bottom: 20px !important;
    }

    .mobile-nav-head img {
        width: 152px !important;
        max-height: 42px !important;
        object-fit: contain !important;
        display: block !important;
    }

    .mobile-menu-close {
        width: 42px !important;
        height: 42px !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: #101010 !important;
        color: #ffffff !important;
        font-size: 34px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 0 4px !important;
        cursor: pointer !important;
    }

    .mobile-nav-search {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        height: 48px !important;
        margin: 0 0 18px !important;
        padding: 0 14px !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, .04) !important;
    }

    .mobile-nav-search span {
        width: 21px !important;
        height: 21px !important;
        color: #7b7f87 !important;
        display: inline-flex !important;
        flex: 0 0 21px !important;
    }

    .mobile-nav-search svg {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

    .mobile-nav-search input {
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        font: 500 14px/1 "Poppins", Arial, sans-serif !important;
        color: #111111 !important;
        padding: 0 !important;
    }

    .mobile-nav-search input::placeholder {
        color: #8b8f97 !important;
    }

    .up-nav > a,
    .up-nav .produtos-trigger {
        width: 100% !important;
        min-height: 52px !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #eeeeee !important;
        background: transparent !important;
        color: #151515 !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }

    .up-nav > a::before,
    .produtos-trigger::before {
        content: "" !important;
        width: 28px !important;
        height: 28px !important;
        flex: 0 0 28px !important;
        display: inline-block !important;
        background-color: currentColor !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
        -webkit-mask-position: center !important;
        mask-position: center !important;
        -webkit-mask-size: 24px 24px !important;
        mask-size: 24px 24px !important;
    }

    .nav-home::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5Zm2 1V19h2v-6h10v6h2v-7.5l-7-5.84-7 5.84Z'/%3E%3C/svg%3E") !important;
        mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5Zm2 1V19h2v-6h10v6h2v-7.5l-7-5.84-7 5.84Z'/%3E%3C/svg%3E") !important;
    }

    .produtos-trigger {
        color: #e2002c !important;
    }

    .produtos-trigger::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 2 8 4.5v9L12 20l-8-4.5v-9L12 2Zm0 2.3L6.2 7.55 12 10.8l5.8-3.25L12 4.3Zm-6 5v5.05l5 2.8V12.1L6 9.3Zm12 0-5 2.8v5.05l5-2.8V9.3Z'/%3E%3C/svg%3E") !important;
        mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 2 8 4.5v9L12 20l-8-4.5v-9L12 2Zm0 2.3L6.2 7.55 12 10.8l5.8-3.25L12 4.3Zm-6 5v5.05l5 2.8V12.1L6 9.3Zm12 0-5 2.8v5.05l5-2.8V9.3Z'/%3E%3C/svg%3E") !important;
    }

    .nav-garantia::before {
        color: #e2002c !important;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 4 5v6c0 5.05 3.4 9.74 8 11 4.6-1.26 8-5.95 8-11V5l-8-3Zm0 2.15 6 2.25V11c0 4-2.48 7.75-6 9-3.52-1.25-6-5-6-9V6.4l6-2.25Zm3.7 5.55 1.4 1.4-5.8 5.8-3.4-3.4 1.4-1.4 2 2 4.4-4.4Z'/%3E%3C/svg%3E") !important;
        mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 4 5v6c0 5.05 3.4 9.74 8 11 4.6-1.26 8-5.95 8-11V5l-8-3Zm0 2.15 6 2.25V11c0 4-2.48 7.75-6 9-3.52-1.25-6-5-6-9V6.4l6-2.25Zm3.7 5.55 1.4 1.4-5.8 5.8-3.4-3.4 1.4-1.4 2 2 4.4-4.4Z'/%3E%3C/svg%3E") !important;
    }

    .nav-contato::before {
        color: #e2002c !important;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3a8 8 0 0 0-8 8v5a3 3 0 0 0 3 3h2v-7H6v-1a6 6 0 0 1 12 0v1h-3v7h2a3 3 0 0 0 3-3v-5a8 8 0 0 0-8-8Zm-5 11h1v3H7a1 1 0 0 1-1-1v-2h1Zm9 0h1v2a1 1 0 0 1-1 1h-1v-3h1Z'/%3E%3C/svg%3E") !important;
        mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3a8 8 0 0 0-8 8v5a3 3 0 0 0 3 3h2v-7H6v-1a6 6 0 0 1 12 0v1h-3v7h2a3 3 0 0 0 3-3v-5a8 8 0 0 0-8-8Zm-5 11h1v3H7a1 1 0 0 1-1-1v-2h1Zm9 0h1v2a1 1 0 0 1-1 1h-1v-3h1Z'/%3E%3C/svg%3E") !important;
    }

    .nav-garantia,
    .nav-contato {
        color: #111111 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        min-height: 62px !important;
    }

    .nav-garantia::after,
    .nav-contato::after {
        content: "›" !important;
        margin-left: auto !important;
        color: #777777 !important;
        font-size: 31px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }

    .nav-ticket {
        display: none !important;
    }

    .produtos-trigger::after {
        content: "" !important;
        width: 10px !important;
        height: 10px !important;
        margin-left: auto !important;
        margin-top: 0 !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        transform: rotate(45deg) translateY(-3px) !important;
        transition: transform .18s ease !important;
    }

    .produtos-menu-wrap.mobile-produtos-open .produtos-trigger::after {
        transform: rotate(225deg) translateY(-2px) !important;
    }

    .produtos-menu-wrap {
        position: static !important;
        width: 100% !important;
    }

    .mega-menu {
        position: static !important;
        width: 100% !important;
        margin: 16px 0 22px !important;
        padding: 34px 0 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        overflow: visible !important;
        display: none !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        transition: none !important;
        position: relative !important;
    }

    .produtos-menu-wrap.mobile-produtos-open .mega-menu {
        display: grid !important;
    }

    .produtos-menu-wrap:hover .mega-menu,
    .produtos-menu-wrap:focus-within .mega-menu {
        transform: none !important;
    }

    .mega-menu::before {
        content: "CATEGORIAS" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        color: #747982 !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: .05em !important;
        line-height: 1 !important;
    }

    .mega-item {
        position: relative !important;
        min-width: 0 !important;
    }

    .mega-row {
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 13px !important;
        border: 1px solid #e7e7e7 !important;
        border-radius: 13px !important;
        background: #ffffff !important;
        color: #151515 !important;
        box-shadow: 0 10px 18px rgba(15, 23, 42, .025) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        line-height: 1.15 !important;
        text-decoration: none !important;
        overflow: hidden !important;
    }

    .mega-row:hover {
        background: #ffffff !important;
        color: #e2002c !important;
        border-color: rgba(226, 0, 44, .28) !important;
    }

    .mega-row.has-children::after,
    .mega-row::after {
        content: "›" !important;
        flex: 0 0 auto !important;
        color: #777777 !important;
        font-size: 24px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        border: 0 !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
        margin: 0 !important;
    }

    .mega-sub {
        display: none !important;
    }

    .mobile-nav-social {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 18px !important;
        padding: 24px 0 6px !important;
    }

    .mobile-nav-social a {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: #f1f1f1 !important;
        color: #111111 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        transition: .18s ease !important;
    }

    .mobile-nav-social a:hover {
        background: #e2002c !important;
        color: #ffffff !important;
        transform: translateY(-2px) !important;
    }

    .mobile-nav-social svg {
        width: 22px !important;
        height: 22px !important;
        display: block !important;
    }
}

@media (max-width: 390px) {
    .up-nav {
        width: min(326px, 90vw) !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .mega-menu {
        gap: 8px !important;
    }

    .mega-row {
        height: 54px !important;
        min-height: 54px !important;
        font-size: 12.5px !important;
        padding: 0 11px !important;
    }
}
/* =========================================================
   CORREÇÃO - CATEGORIAS DO MENU MOBILE NÃO PODEM SAIR DO PAINEL
   ========================================================= */

@media (max-width: 760px) {
    .up-nav {
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .produtos-menu-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        overflow: visible !important;
    }

    .mega-menu {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 16px 0 22px 0 !important;
        padding: 34px 0 0 0 !important;
        transform: none !important;
        translate: none !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .produtos-menu-wrap.mobile-produtos-open .mega-menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .mega-menu::before {
        left: 0 !important;
        right: auto !important;
        top: 0 !important;
    }

    .mega-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .mega-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 12px !important;
        overflow: hidden !important;
        white-space: normal !important;
    }

    .mega-row span,
    .mega-row strong,
    .mega-row {
        text-overflow: unset !important;
    }
}

@media (max-width: 380px) {
    .produtos-menu-wrap.mobile-produtos-open .mega-menu {
        grid-template-columns: 1fr !important;
    }

    .mega-row {
        height: 52px !important;
        min-height: 52px !important;
        font-size: 13px !important;
    }
}
/* =========================================================
   MENU MOBILE - CATEGORIAS EM LISTA + SUBCATEGORIAS ABRINDO
   ========================================================= */

@media (max-width: 760px) {
    .produtos-menu-wrap.mobile-produtos-open .mega-menu {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        margin: 14px 0 18px 0 !important;
        padding: 30px 0 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .mega-menu::before {
        content: "CATEGORIAS" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        color: #7b818c !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        letter-spacing: .08em !important;
    }

    .mega-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .mega-row {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 14px !important;
        border: 1px solid #ececec !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        color: #151515 !important;
        box-shadow: 0 6px 14px rgba(15, 23, 42, .025) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        text-decoration: none !important;
        overflow: hidden !important;
    }

    .mega-row:hover {
        color: #e2002c !important;
        border-color: rgba(226, 0, 44, .26) !important;
        background: #ffffff !important;
    }

    .mega-row.has-children::after,
    .mega-row::after {
        content: "›" !important;
        margin-left: auto !important;
        color: #777777 !important;
        font-size: 22px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        border: 0 !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
    }

    .mega-item.mobile-sub-open > .mega-row {
        color: #e2002c !important;
        border-color: rgba(226, 0, 44, .35) !important;
        background: #fffafa !important;
    }

    .mega-item.mobile-sub-open > .mega-row.has-children::after {
        content: "⌃" !important;
        font-size: 17px !important;
        color: #e2002c !important;
        transform: none !important;
    }

    .mega-sub {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        border-radius: 0 !important;
        margin: 6px 0 4px !important;
        padding: 0 0 0 12px !important;
        overflow: visible !important;
    }

    .mega-item.mobile-sub-open > .mega-sub {
        display: grid !important;
        gap: 5px !important;
    }

    .mega-sub a {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 13px !important;
        border: 1px solid #eeeeee !important;
        border-radius: 10px !important;
        background: #f8f8f8 !important;
        color: #333333 !important;
        font-size: 12.5px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .mega-sub a::after {
        content: "›" !important;
        color: #999999 !important;
        font-size: 18px !important;
        font-weight: 300 !important;
    }

    .mega-sub a:hover {
        background: #ffffff !important;
        color: #e2002c !important;
        border-color: rgba(226, 0, 44, .22) !important;
    }
}
/* =========================================================
   PRODUTO MOBILE - ÍCONES DE COMPARTILHAR COM UMA SÓ COR
   Mantém desktop como está
   ========================================================= */

@media (max-width: 760px) {
    .produto-compartilhar a,
    .produto-compartilhar a.whatsapp-share {
        background: #f1f2f4 !important;
        color: #111111 !important;
    }

    .produto-compartilhar a svg,
    .produto-compartilhar a svg path,
    .produto-compartilhar a.whatsapp-share svg,
    .produto-compartilhar a.whatsapp-share svg path {
        fill: currentColor !important;
        color: currentColor !important;
    }

    .produto-compartilhar a:hover,
    .produto-compartilhar a.whatsapp-share:hover {
        background: #e2002c !important;
        color: #ffffff !important;
    }
}
.filter-category-link {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 0;
    color: #5f6475;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.filter-category-link:hover {
    color: #f0003c;
    transform: translateX(3px);
}
/* Resultado da busca: mostra todas as categorias principais sem scroll pequeno */
.filter-options-busca {
    max-height: none !important;
    overflow: visible !important;
}

.filter-options-busca .filter-category-link {
    padding: 10px 0;
}
/* =========================================================
   Resultado de busca vazio
   ========================================================= */

.categoria-layout.busca-vazia-layout {
    grid-template-columns: 1fr !important;
}

.busca-sem-resultado {
    width: min(760px, 100%);
    margin: 0 auto;
    padding: 54px 34px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 50% 0%, rgba(226, 0, 44, .08), transparent 34%),
        #fafafa;
    border: 1px solid #edf0f4;
    text-align: center;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
}

.busca-sem-resultado-icone {
    width: 66px;
    height: 66px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #ffffff;
    color: #e2002c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.busca-sem-resultado span {
    display: block;
    color: #e2002c;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.busca-sem-resultado h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.12;
    font-weight: 900;
}

.busca-sem-resultado p {
    width: min(560px, 100%);
    margin: 16px auto 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.65;
}

.busca-sem-resultado-form {
    width: min(520px, 100%);
    margin: 28px auto 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 10px;
}

.busca-sem-resultado-form input {
    height: 46px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #ffffff;
    padding: 0 18px;
    font-family: inherit;
    outline: none;
}

.busca-sem-resultado-form input:focus {
    border-color: #e2002c;
}

.busca-sem-resultado-form button {
    height: 46px;
    border: 0;
    border-radius: 999px;
    background: #e2002c;
    color: #ffffff;
    font-family: inherit;
    font-weight: 900;
    cursor: pointer;
    transition: .2s ease;
}

.busca-sem-resultado-form button:hover {
    background: #111111;
}

.busca-sem-resultado-acoes {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.busca-sem-resultado-acoes a {
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: #ffffff;
    color: #111827;
    border: 1px solid #e5e7eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    transition: .2s ease;
}

.busca-sem-resultado-acoes a:hover {
    border-color: #e2002c;
    color: #e2002c;
    transform: translateY(-2px);
}

@media (max-width: 640px) {
    .busca-sem-resultado {
        padding: 38px 20px;
        border-radius: 18px;
    }

    .busca-sem-resultado-form {
        grid-template-columns: 1fr;
    }

    .busca-sem-resultado-form button {
        width: 100%;
    }
}
/* =========================================================
   UP Gamer - Hero desktop da categoria
   Banner com texto à esquerda alinhado ao logo/header
   Medida recomendada: 1920x320px
   ========================================================= */

.categoria-hero-desktop {
    display: none;
}

.categoria-title-mobile-only {
    display: block;
}

@media (min-width: 981px) {
    .categoria-hero-desktop {
        display: flex;
        width: 100%;
        min-height: 320px;
        background-color: #050506;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        border-bottom: 1px solid rgba(255,255,255,.08);
        position: relative;
        overflow: hidden;
    }

.categoria-hero-desktop::after {
    display: none !important;
}

    .categoria-hero-inner {
        min-height: 320px;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 2;
    }

    .categoria-hero-texto {
        width: min(520px, 48vw);
        color: #ffffff;
        text-align: left;
    }

    .categoria-hero-texto h1 {
        margin: 0;
        color: #ffffff;
        font-family: "Poppins", Arial, sans-serif;
        font-size: clamp(34px, 3.3vw, 54px);
        line-height: 1.02;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .02em;
        text-shadow: 0 4px 18px rgba(0,0,0,.42);
    }

    .categoria-hero-texto p {
        width: min(500px, 100%);
        margin: 16px 0 0;
        color: rgba(255,255,255,.84);
        font-size: 17px;
        line-height: 1.55;
        font-weight: 500;
        text-shadow: 0 3px 14px rgba(0,0,0,.38);
    }

    .categoria-title-mobile-only {
        display: none !important;
    }
}

/* ===== UP GAMER - HEADER FIXO COM EFEITO VIDRO - FINAL ===== */

:root {
    --up-header-height: 70px;
}

body {
    padding-top: var(--up-header-height);
}

.up-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
    height: var(--up-header-height) !important;
    background: #ffffff;
    border-bottom: 0 !important;
    box-shadow: none !important;
    overflow: visible;
    transition:
        background .22s ease,
        box-shadow .22s ease,
        backdrop-filter .22s ease,
        -webkit-backdrop-filter .22s ease;
}

.up-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .22s ease;
    background:radial-gradient(circle at 16% 25%, rgb(255 0 76 / 0%), transparent 32%), radial-gradient(circle at 80% 18%, rgb(255 255 255 / 0%), transparent 34%), linear-gradient(
320deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 0%));
}

.up-header.is-scrolled {
    background: rgba(255, 255, 255, .72) !important;
    backdrop-filter: blur(18px) saturate(190%);
    -webkit-backdrop-filter: blur(18px) saturate(190%);
    box-shadow: 0 16px 42px rgba(15, 23, 42, .14) !important;
}

.up-header.is-scrolled::before {
    opacity: 1;
}

.up-header .up-header-inner {
    position: relative;
    z-index: 1;
    height: 100%;
}

.up-header .up-logo img {
    width: 183px;
    height: auto;
    max-height: 41px;
    object-fit: contain;
    display: block;
}

@media (max-width: 760px) {
    :root {
        --up-header-height: 66px;
    }

    .up-header {
        height: var(--up-header-height) !important;
    }

    .up-header .up-header-inner {
        height: 100%;
        padding: 8px 0;
    }

    .up-header .up-logo img {
        width: 150px;
        max-height: 42px;
    }
}
/* ===== AJUSTE FINAL HEADER: BORDA + SOMBRA MAIS SUAVE ===== */

.up-header {
    border-bottom: 1px solid #eeeeee !important;
}

.up-header.is-scrolled {
    border-bottom: 1px solid rgba(229, 231, 235, .75) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important;
}
/* Corrige foco/validação de formulários com header fixo */
input,
select,
textarea,
button,
.form-control,
.campo-form,
.garantia-form input,
.garantia-form select,
.garantia-form textarea {
    scroll-margin-top: 150px;
}

@media (max-width: 760px) {
    input,
    select,
    textarea,
    button,
    .form-control,
    .campo-form,
    .garantia-form input,
    .garantia-form select,
    .garantia-form textarea {
        scroll-margin-top: 180px;
    }
}
/* ===== CORREÇÃO HEADER MOBILE FIXO COM BUSCA ===== */

@media (max-width: 760px) {
    :root {
        --up-header-height: 124px;
    }

    body {
        padding-top: var(--up-header-height) !important;
    }

    .up-header {
        height: var(--up-header-height) !important;
        min-height: var(--up-header-height) !important;
        background: #ffffff !important;
        overflow: visible !important;
    }

    .up-header .up-header-inner {
        height: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        gap: 10px 12px !important;
        padding: 10px 0 12px !important;
    }

    .up-header .up-logo {
        grid-column: 1;
        grid-row: 1;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .up-header .up-logo img {
        width: 150px !important;
        max-height: 42px !important;
    }

    .up-header .mobile-menu-toggle {
        grid-column: 2;
        grid-row: 1;
        display: inline-flex !important;
    }

    .up-header .up-search {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: stretch !important;
        margin: 0 !important;
    }

    .up-header .up-search input {
        width: 100% !important;
        height: 42px !important;
    }

    .up-header .up-search button {
        height: 42px !important;
        min-width: 52px !important;
    }

    .up-header.is-scrolled {
        background: rgba(255, 255, 255, .82) !important;
        backdrop-filter: blur(18px) saturate(190%);
        -webkit-backdrop-filter: blur(18px) saturate(190%);
        box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important;
    }
}
/* =========================================================
   UP Gamer - Faixa de benefícios da home
   ========================================================= */

.up-benefits-strip {
    width: 100%;
    padding: 34px 0 28px;
    background: linear-gradient(180deg, #f5f5f6 0%, #ffffff 100%);
}

.up-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.up-benefit-card {
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 128px;
    padding: 28px 34px;
    border-radius: 16px;
    background:
        radial-gradient(circle at top left, rgba(255, 0, 68, 0.14), transparent 32%), linear-gradient(135deg, #000000 0%, #000000 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
    position: relative;
}

.up-benefit-icon {
    flex: 0 0 auto;
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    color: #ff0044;
    position: relative;
    z-index: 1;
}

.up-benefit-icon svg {
    width: 78px;
    height: 78px;
    display: block;
    fill: currentColor;
}

.up-benefit-icon svg path {
    stroke: none;
}

.up-benefit-icon .up-benefit-icon-cut {
    fill: none;
    stroke: #111214;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.up-benefit-content {
    position: relative;
    z-index: 1;
}

.up-benefit-content h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.up-benefit-content p {
    margin: 0;
    max-width: 330px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
}

/* Tablet */
@media (max-width: 1024px) {
    .up-benefits-strip {
        padding: 28px 0 24px;
    }

    .up-benefits-grid {
        gap: 16px;
    }

    .up-benefit-card {
        padding: 24px 22px;
        gap: 16px;
    }

    .up-benefit-icon,
    .up-benefit-icon svg {
        width: 64px;
        height: 64px;
    }

    .up-benefit-content h3 {
        font-size: 1rem;
    }

    .up-benefit-content p {
        font-size: 0.88rem;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .up-benefits-strip {
        padding: 24px 0 20px;
        background: #ffffff;
    }

    .up-benefits-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .up-benefit-card {
        min-height: auto;
        padding: 20px 20px;
        border-radius: 15px;
        gap: 16px;
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.14);
    }

    .up-benefit-icon,
    .up-benefit-icon svg {
        width: 58px;
        height: 58px;
    }

    .up-benefit-content h3 {
        margin-bottom: 6px;
        font-size: 1rem;
    }

    .up-benefit-content p {
        max-width: none;
        font-size: 0.88rem;
        line-height: 1.35;
    }
}

/* Mobile pequeno */
@media (max-width: 420px) {
    .up-benefit-card {
        padding: 18px 16px;
        gap: 14px;
    }

    .up-benefit-icon,
    .up-benefit-icon svg {
        width: 50px;
        height: 50px;
    }

    .up-benefit-content h3 {
        font-size: 0.96rem;
    }

    .up-benefit-content p {
        font-size: 0.84rem;
    }
}
/* Ajuste vertical da newsletter */
.newsletter-inner {
    transform: translateY(6px);
}

/* =========================================================
   UP Gamer - Logos / Linhas abaixo do carrossel de produtos
   ========================================================= */

.up-home-lines-strip {
    background: #ffffff;
    padding: 0 0 42px;
}

.up-home-lines-card {
    width: 100%;
    min-height: 92px;
    padding: 18px 30px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #edf0f4;

    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    gap: 28px;
}

.up-home-line-logo {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    opacity: .86;
    transition: opacity .2s ease, transform .2s ease, filter .2s ease;
}

.up-home-line-logo:hover {
    opacity: 1;
    transform: translateY(-2px);
}

.up-home-line-logo img {
    max-width: 128px;
    max-height: 48px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Tablet */
@media (max-width: 1024px) {
    .up-home-lines-card {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px 20px;
        padding: 22px;
    }

    .up-home-line-logo img {
        max-width: 118px;
        max-height: 44px;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .up-home-lines-strip {
        padding: 0 0 32px;
    }

    .up-home-lines-card {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 16px;
        padding: 20px 16px;
        border-radius: 16px;
    }

    .up-home-line-logo {
        min-height: 50px;
    }

    .up-home-line-logo img {
        max-width: 110px;
        max-height: 40px;
    }
}
/* =========================================================
   AJUSTE MOBILE - CARDS DE BENEFÍCIOS DA HOME
   Arquivo: public_html/assets/site/css/up-site.css
   HTML: public_html/index.php
========================================================= */

@media (max-width: 768px) {
  .up-benefits-strip {
    padding: 18px 0 !important;
  }

  .up-benefits-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .up-benefit-card {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    min-height: 92px !important;
    padding: 16px 18px !important;
    gap: 18px !important;

    overflow: hidden !important;
  }

  .up-benefit-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    flex: 0 0 58px !important;

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

    margin: 0 !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
  }

  .up-benefit-icon img {
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    display: block !important;
  }

  .up-benefit-content {
    flex: 1 !important;
    min-width: 0 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .up-benefit-content h3 {
    font-size: 16px !important;
    line-height: 1.1 !important;
    margin: 0 0 5px 0 !important;
  }

  .up-benefit-content p {
    font-size: 13.5px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
}