@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//fantomgames.com.br/wp-content/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Readex Pro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(109,78,236);
	--wd-alternative-color: rgb(235,230,255);
	--btn-default-bgcolor: rgb(235,230,255);
	--btn-default-bgcolor-hover: rgb(214,209,232);
	--btn-accented-bgcolor: rgb(109,78,236);
	--btn-accented-bgcolor-hover: rgb(99,71,214);
	--btn-font-family: "Readex Pro", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgba(255,255,255,0.9);
	--wd-link-color-hover: rgb(109,78,236);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(36,36,36);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a {
	font-family: "Readex Pro", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(255,255,255);
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a:hover, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu  li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a:hover {
	color: rgb(109,78,236);
}
html table th {
	text-transform: none;
}
html .wd-checkout-steps li {
	text-transform: capitalize;
}
html .btn.wd-buy-now-btn {
	color: rgb(51,51,51);
	background: rgb(235, 230, 255);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(51,51,51);
	background: rgb(214,209,232);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(36,36,36);
}
.product-labels .product-label.onsale {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(36,36,36);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1520px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1520px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgba(151,151,151,0.11);
}

.wd-slider .wd-slide,
.wd-slider .wd-slide-bg {
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* =========================================
   FANTOM GAMES
   BOX DE PREÇO PIX
   ========================================= */

.fantom-pix-box {
    position: relative;

    display: flex;
    align-items: center;
    gap: 12px;

    width: fit-content;
    max-width: 100%;

    margin-top: 10px;
    margin-bottom: 22px;

    padding: 11px 14px;

    background:
        linear-gradient(
            135deg,
            rgba(108, 69, 245, 0.14) 0%,
            rgba(108, 69, 245, 0.05) 50%,
            rgba(25, 25, 25, 0.30) 100%
        );

    border: 1px solid rgba(123, 82, 255, 0.35);

    border-radius: 10px;

    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);

    overflow: hidden;
}


/* brilho roxo discreto */

.fantom-pix-box::before {
    content: "";

    position: absolute;

    width: 80px;
    height: 80px;

    left: -40px;
    top: -40px;

    background: rgba(108, 69, 245, 0.20);

    filter: blur(30px);

    border-radius: 50%;

    pointer-events: none;
}


/* ÍCONE PIX */

.fantom-pix-symbol {
    position: relative;

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

    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    border-radius: 9px;

    color: #8b6cff;

    background:
        linear-gradient(
            135deg,
            rgba(108, 69, 245, 0.24),
            rgba(108, 69, 245, 0.08)
        );

    border: 1px solid rgba(139, 108, 255, 0.35);

    box-shadow:
        0 0 15px rgba(108, 69, 245, 0.12);
}


.fantom-pix-symbol svg {
    width: 20px;
    height: 20px;
}


/* CONTEÚDO */

.fantom-pix-content {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;

    line-height: 1.2;
}


/* TÍTULO */

.fantom-pix-title {
    color: #ffffff;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.45px;

    margin-bottom: 4px;
}


/* TEXTO SECUNDÁRIO */

.fantom-pix-subtitle {
    color: rgba(255, 255, 255, 0.55);

    font-size: 10.5px;

    font-weight: 400;
}


.fantom-pix-subtitle span {
    color: #7b52ff;

    margin: 0 3px;
}


/* ETIQUETA PIX */

.fantom-pix-tag {
    position: relative;

    margin-left: 5px;

    padding: 4px 8px;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #7650f5,
            #5c36e8
        );

    color: #ffffff;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 0.7px;

    box-shadow:
        0 3px 10px rgba(108, 69, 245, 0.25);
}


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

@media (max-width: 768px) {

    .fantom-pix-box {
        width: 100%;

        padding: 10px 12px;

        gap: 10px;

        margin-top: 8px;
        margin-bottom: 18px;
    }


    .fantom-pix-symbol {
        flex-basis: 34px;

        width: 34px;
        height: 34px;
    }


    .fantom-pix-symbol svg {
        width: 18px;
        height: 18px;
    }


    .fantom-pix-title {
        font-size: 11px;
    }


    .fantom-pix-subtitle {
        font-size: 10px;
    }


    .fantom-pix-tag {
        margin-left: auto;

        font-size: 8px;

        padding: 4px 7px;
    }
}




/* ÁREA DE PAGAMENTO */
.fantom-payment-area {
    width: 100%;
}


/* PARCELAMENTO CARTÃO */
.fantom-card-installment {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 10px;
    padding: 13px 18px;

    border-radius: 12px;

    background: rgba(255,255,255,0.025);

    border: 1px solid rgba(255,255,255,0.12);

    box-sizing: border-box;
}


/* ÍCONE */
.fantom-card-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;

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

    border-radius: 11px;

    background: rgba(112,70,255,0.12);

    border: 1px solid rgba(112,70,255,0.45);

    color: #7956ff;
}

.fantom-card-icon svg {
    width: 23px;
    height: 23px;
}


/* CONTEÚDO */
.fantom-card-content {
    flex: 1;

    display: flex;
    flex-direction: column;

    line-height: 1.35;
}


/* TÍTULO */
.fantom-card-title {
    color: #ffffff;

    font-size: 14px;
    font-weight: 700;
}


/* PARCELAMENTO */
.fantom-card-subtitle {
    margin-top: 2px;

    color: #bcbcbc;

    font-size: 12px;
}

.fantom-card-subtitle strong {
    color: #ffffff;
    font-weight: 600;
}

.fantom-installment-value {
    color: #ffffff;
}


/* TAG 12X */
.fantom-card-tag {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 40px;
    height: 30px;

    padding: 0 9px;

    border-radius: 20px;

    background: #7046ff;

    color: #ffffff;

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


/* MOBILE */
@media (max-width: 767px) {

    .fantom-card-installment {
        gap: 11px;
        padding: 12px 14px;
    }

    .fantom-card-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .fantom-card-title {
        font-size: 13px;
    }

    .fantom-card-subtitle {
        font-size: 11px;
    }
}

/* =========================================
   PIX E CARTÃO COM EXATAMENTE O MESMO TAMANHO
========================================= */

.fantom-pix-box,
.fantom-card-installment {
    width: 100% !important;
    min-height: 70px !important;
    padding: 13px 18px !important;
    box-sizing: border-box !important;

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

    border-radius: 12px !important;
}

/* Mesmo tamanho para os ícones */
.fantom-pix-symbol,
.fantom-card-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;

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

/* Faz o conteúdo ocupar o mesmo espaço */
.fantom-pix-content,
.fantom-card-content {
    flex: 1 !important;
}

/* Mantém a distância entre os dois cards */
.fantom-card-installment {
    margin-top: 10px !important;
}

/* MOBILE */
@media (max-width: 767px) {

    .fantom-pix-box,
    .fantom-card-installment {
        min-height: 64px !important;
        padding: 12px 14px !important;
    }

    .fantom-pix-symbol,
    .fantom-card-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }
}

/* Esconde o preço duplicado da variação abaixo das opções */
.single-product .woocommerce-variation-price {
    display: none !important;
}

/* ==========================================
   CARD DO PREÇO NO PIX
========================================== */

.single-product .summary .price {
    margin-bottom: 16px !important;
}


/* CARD */

.single-product
#fantom-preco-principal.fantom-preco-pix-card {

    width: 100%;

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

    padding: 16px 20px;

    box-sizing: border-box;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(112,70,255,0.18),
            rgba(45,45,45,0.95)
        );

    border:
        1px solid rgba(112,70,255,0.55);

}


/* PREÇO */

.single-product
#fantom-preco-principal .fantom-preco-valor {

    font-size: 27px !important;
    font-weight: 700 !important;

    line-height: 1;

    color: #7046ff !important;
}


/* Corrige estilo WooCommerce */

.single-product
#fantom-preco-principal .fantom-preco-valor
.woocommerce-Price-amount {

    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;

}


/* "NO PIX" */

.single-product
#fantom-preco-principal .fantom-preco-pix-texto {

    padding: 6px 11px;

    border-radius: 20px;

    background: #7046ff;

    color: #ffffff;

    font-size: 11px;
    font-weight: 700;

    text-transform: uppercase;

}


/* ==========================================
   REMOVE PREÇO DUPLICADO E "LIMPAR"
========================================== */

/* Remove o preço da variação */
.single-product .woocommerce-variation-price {
    display: none !important;
}

/* Remove o botão/link "Limpar" */
.single-product .reset_variations {
    display: none !important;
}


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

@media (max-width: 767px) {

    .single-product
    #fantom-preco-principal.fantom-preco-pix-card {

        padding: 14px 16px;

    }


		.single-product
		#fantom-preco-principal .fantom-preco-valor {

        font-size: 24px !important;

    }


		.single-product
		#fantom-preco-principal .fantom-preco-pix-texto {

        font-size: 10px;

        padding: 5px 9px;

    }

}

/* ==========================================================
   FANTOM GAMES - ÁREA INFERIOR DO PRODUTO
========================================================== */

.fantom-page-info {
    width: 100%;
    max-width: 1280px;
    margin: 25px auto 50px;
    color: #fff;
}


/* ==========================================================
   BENEFÍCIOS
========================================================== */

.fantom-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    background: #151515;
    border: 1px solid #292929;
    border-radius: 12px;

    margin-bottom: 18px;

    overflow: hidden;
}


.fantom-benefit {
    position: relative;

    padding: 27px 20px;

    text-align: center;
}


.fantom-benefit:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 25%;
    bottom: 25%;

    width: 1px;

    background: rgba(255,255,255,.08);
}


.fantom-benefit-icon {
    display: block;

    font-size: 28px;

    color: #fff;

    margin-bottom: 10px;
}


.fantom-benefit strong {
    display: block;

    color: #fff !important;

    font-size: 15px;

    margin-bottom: 6px;
}


.fantom-benefit p {
    margin: 0;

    color: #999 !important;

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


/* ==========================================================
   SOBRE O PRODUTO
========================================================== */

.fantom-about-box {
    display: grid;

    grid-template-columns: 1.2fr .8fr;

    gap: 45px;

    background: #151515;

    border: 1px solid #292929;
    border-radius: 12px;

    padding: 28px 30px;

    margin-bottom: 18px;

    align-items: center;
}


.fantom-about-copy h2 {
    color: #fff !important;

    font-size: 25px;
    line-height: 1.2;

    margin: 0 0 17px;
}


.fantom-about-copy p {
    margin: 0;

    color: #aaa !important;

    font-size: 14px;
    line-height: 1.8;
}


.fantom-about-copy strong {
    color: #ddd !important;
}


/* CHECKS */

.fantom-product-checks {
    display: block !important;

    background: rgba(255,255,255,.015);

    border: 1px solid rgba(255,255,255,.07);
    border-radius: 9px;

    padding: 18px 22px;
}


.fantom-product-checks div {
    position: relative;

    padding-left: 28px;

    margin: 0 0 13px;

    color: #ddd !important;

    font-size: 14px;
    line-height: 1.5;
}


.fantom-product-checks div:last-child {
    margin-bottom: 0;
}


.fantom-product-checks div::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: -1px;

    color: #21d872;

    font-size: 18px;
    font-weight: 800;
}


.fantom-product-checks strong {
    color: #fff !important;
    font-weight: 500;
}


/* ==========================================================
   LICENÇAS
========================================================== */

.fantom-info-grid {
    display: grid;

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

    background: #151515;

    border: 1px solid #292929;
    border-radius: 12px;

    overflow: hidden;
}


.fantom-info-card {
    position: relative;

    padding: 25px 22px 23px;

    min-height: 190px;

    display: flex;
    flex-direction: column;
}


.fantom-info-card:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 16px;
    bottom: 16px;

    width: 1px;

    background: rgba(255,255,255,.08);
}


/* CABEÇALHO */

.fantom-info-heading {
    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 15px;
}


.fantom-info-heading h3 {
    margin: 0;

    color: #fff !important;

    font-size: 17px;
    font-weight: 600;
}


.fantom-circle-icon {
    width: 31px;
    height: 31px;

    display: inline-flex;

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

    border: 1px solid currentColor;
    border-radius: 50%;

    font-size: 15px;
}


/* TEXTO */

.fantom-info-card p {
    color: #aaa !important;

    font-size: 13px;
    line-height: 1.7;

    margin: 0 0 7px;
}


.fantom-info-card a {
    margin-top: auto;

    padding-top: 13px;

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

    text-decoration: none !important;
}


/* CORES */

.fantom-primary-card .fantom-circle-icon,
.fantom-primary-card a {
    color: #20d76d !important;
}


.fantom-secondary-card .fantom-circle-icon,
.fantom-secondary-card a {
    color: #f0ae19 !important;
}


.fantom-guide-card .fantom-circle-icon,
.fantom-guide-card a {
    color: #4597ff !important;
}


/* ==========================================================
   REMOVE O TÍTULO "DESCRIPTION"
========================================================== */

.single-product .woocommerce-Tabs-panel--description > h2:first-child {
    display: none !important;
}


/* ==========================================================
   REMOVE PADDING DESNECESSÁRIO DA ABA
========================================================== */

.single-product .woocommerce-Tabs-panel--description {
    padding-top: 0 !important;
}


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

@media (max-width: 768px) {

    .fantom-benefits {
        grid-template-columns: 1fr 1fr;
    }

    .fantom-benefit:nth-child(2)::after {
        display: none;
    }

    .fantom-about-box {
        grid-template-columns: 1fr;

        gap: 22px;

        padding: 22px;
    }

    .fantom-info-grid {
        grid-template-columns: 1fr;
    }

    .fantom-info-card:not(:last-child)::after {
        top: auto;
        left: 20px;
        right: 20px;
        bottom: 0;

        width: auto;
        height: 1px;
    }

}


@media (max-width: 480px) {

    .fantom-benefits {
        grid-template-columns: 1fr;
    }

    .fantom-benefit::after {
        display: none !important;
    }

}



/* =========================================================
   FANTOM GAMES - CENTRAL DE SUPORTE
========================================================= */

.fantom-support-page {
    --fs-bg: #101112;
    --fs-card: #151617;
    --fs-card2: #191a1c;
    --fs-border: rgba(255,255,255,.08);
    --fs-text: #f5f5f5;
    --fs-muted: #9e9e9e;

    --fs-green: #18d56c;
    --fs-yellow: #f0ad19;
    --fs-blue: #4597ff;
    --fs-purple: #7655ff;

    width: 100%;
    max-width: 1240px;

    margin: 0 auto;
    padding: 55px 20px 70px;

    color: var(--fs-text);
}


/* =========================================================
   HERO
========================================================= */

.fantom-support-hero {
    max-width: 780px;

    margin: 0 auto 45px;

    text-align: center;
}

.fantom-support-eyebrow {
    display: inline-block;

    margin-bottom: 12px;

    color: var(--fs-green);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2px;
}

.fantom-support-hero h1 {
    margin: 0 0 16px;

    color: #fff !important;

    font-size: clamp(34px, 5vw, 54px);
    line-height: 1.1;

    letter-spacing: -1px;
}

.fantom-support-hero p {
    max-width: 680px;

    margin: 0 auto;

    color: var(--fs-muted) !important;

    font-size: 15px;
    line-height: 1.8;
}

.fantom-support-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    gap: 8px;

    margin-top: 23px;
}

.fantom-support-tags span {
    padding: 7px 12px;

    background: var(--fs-card);

    border: 1px solid var(--fs-border);
    border-radius: 6px;

    color: #ddd;

    font-size: 11px;
}


/* =========================================================
   ATALHOS
========================================================= */

.fantom-support-shortcuts {
    display: grid;

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

    gap: 12px;

    margin-bottom: 18px;
}

.fantom-shortcut {
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 18px;

    background: var(--fs-card);

    border: 1px solid var(--fs-border);
    border-radius: 10px;

    text-decoration: none !important;

    transition: .2s ease;
}

.fantom-shortcut:hover {
    transform: translateY(-2px);

    border-color: rgba(255,255,255,.15);
}

.fantom-shortcut-icon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    border-radius: 8px;

    font-weight: 800;
}

.fantom-shortcut-icon.green {
    color: var(--fs-green);
    background: rgba(24,213,108,.08);
}

.fantom-shortcut-icon.yellow {
    color: var(--fs-yellow);
    background: rgba(240,173,25,.08);
}

.fantom-shortcut-icon.blue {
    color: var(--fs-blue);
    background: rgba(69,151,255,.08);
}

.fantom-shortcut strong {
    display: block;

    color: #fff !important;

    font-size: 13px;
}

.fantom-shortcut small {
    display: block;

    margin-top: 2px;

    color: var(--fs-muted);

    font-size: 11px;
}

.fantom-arrow {
    margin-left: auto;

    color: #777;

    font-size: 18px;
}


/* =========================================================
   SEÇÕES
========================================================= */

.fantom-support-section {
    padding: 30px;

    margin-bottom: 18px;

    background: var(--fs-card);

    border: 1px solid var(--fs-border);
    border-radius: 12px;
}

.fantom-section-heading {
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 25px;
}

.fantom-section-heading > span {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    background: #1b1c1e;

    border: 1px solid var(--fs-border);
    border-radius: 50%;

    color: var(--fs-green);

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

.fantom-section-heading small {
    display: block;

    margin-bottom: 3px;

    color: var(--fs-muted);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1.4px;
}

.fantom-section-heading h2 {
    margin: 0;

    color: #fff !important;

    font-size: 24px;
}


/* =========================================================
   COMPARAÇÃO DE LICENÇAS
========================================================= */

.fantom-license-comparison {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;
}

.fantom-support-license {
    padding: 23px;

    background: var(--fs-card2);

    border: 1px solid var(--fs-border);
    border-radius: 10px;
}

.fantom-support-license.primary {
    border-top: 2px solid var(--fs-green);
}

.fantom-support-license.secondary {
    border-top: 2px solid var(--fs-yellow);
}

.fantom-license-head {
    display: flex;
    align-items: center;

    gap: 13px;

    margin-bottom: 18px;
}

.fantom-license-head > span {
    width: 40px;
    height: 40px;

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

    border-radius: 8px;

    font-weight: 800;
}

.primary .fantom-license-head > span {
    color: var(--fs-green);
    background: rgba(24,213,108,.08);
}

.secondary .fantom-license-head > span {
    color: var(--fs-yellow);
    background: rgba(240,173,25,.08);
}

.fantom-license-head small {
    display: block;

    font-size: 9px;
    letter-spacing: 1.2px;
}

.primary .fantom-license-head small {
    color: var(--fs-green);
}

.secondary .fantom-license-head small {
    color: var(--fs-yellow);
}

.fantom-license-head h3 {
    margin: 2px 0 0;

    color: #fff !important;

    font-size: 18px;
}

.fantom-support-license ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.fantom-support-license li {
    position: relative;

    padding-left: 23px;

    margin: 10px 0;

    color: var(--fs-muted);

    font-size: 13px;
}

.fantom-support-license li::before {
    content: "✓";

    position: absolute;
    left: 0;

    font-weight: 800;
}

.primary li::before {
    color: var(--fs-green);
}

.secondary li::before {
    color: var(--fs-yellow);
}


/* =========================================================
   ACCORDION
========================================================= */

.fantom-accordion {
    display: grid;

    gap: 9px;
}

.fantom-accordion details {
    overflow: hidden;

    background: var(--fs-card2);

    border: 1px solid var(--fs-border);
    border-radius: 9px;
}

.fantom-accordion summary {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 18px 20px;

    cursor: pointer;

    list-style: none;
}

.fantom-accordion summary::-webkit-details-marker {
    display: none;
}

.fantom-accordion summary > div {
    display: flex;
    align-items: center;

    gap: 12px;
}

.fantom-accordion summary strong {
    color: #fff !important;

    font-size: 14px;
}

.fantom-summary-icon {
    width: 30px;
    height: 30px;

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

    border-radius: 7px;

    font-weight: 800;
}

.fantom-summary-icon.yellow {
    color: var(--fs-yellow);
    background: rgba(240,173,25,.08);
}

.fantom-summary-icon.green {
    color: var(--fs-green);
    background: rgba(24,213,108,.08);
}

.fantom-summary-icon.purple {
    color: var(--fs-purple);
    background: rgba(118,85,255,.08);
}


/* PLUS */

.fantom-plus {
    position: relative;

    width: 18px;
    height: 18px;
}

.fantom-plus::before,
.fantom-plus::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    background: #777;

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

.fantom-plus::before {
    width: 12px;
    height: 1px;
}

.fantom-plus::after {
    width: 1px;
    height: 12px;

    transition: .2s;
}

.fantom-accordion details[open] .fantom-plus::after {
    opacity: 0;
}


/* CONTEÚDO */

.fantom-accordion-content {
    padding: 0 62px 20px;

    color: var(--fs-muted);

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


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

.fantom-installation-steps {
    display: grid;

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

.fantom-install-step {
    position: relative;

    padding: 8px 23px;
}

.fantom-install-step:first-child {
    padding-left: 0;
}

.fantom-install-step:not(:last-child) {
    border-right: 1px solid var(--fs-border);
}

.fantom-step-number {
    display: block;

    margin-bottom: 10px;

    color: var(--fs-blue);

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

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

    color: #fff !important;

    font-size: 15px;
}

.fantom-install-step p {
    margin: 0;

    color: var(--fs-muted) !important;

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


/* AVISO */

.fantom-install-warning {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    margin-top: 28px;

    padding: 18px;

    background: rgba(240,173,25,.035);

    border: 1px solid rgba(240,173,25,.16);
    border-radius: 9px;
}

.fantom-install-warning > span {
    width: 28px;
    height: 28px;

    flex: 0 0 28px;

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

    color: var(--fs-yellow);

    border: 1px solid var(--fs-yellow);
    border-radius: 50%;

    font-weight: 800;
}

.fantom-install-warning strong {
    display: block;

    margin-bottom: 3px;

    color: #fff !important;
}

.fantom-install-warning p {
    margin: 0;

    color: var(--fs-muted) !important;

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


/* =========================================================
   CONTATO
========================================================= */

.fantom-support-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 35px;

    padding: 30px;

    background:
        linear-gradient(
            120deg,
            #151617,
            #17151e
        );

    border: 1px solid rgba(118,85,255,.23);
    border-radius: 12px;
}

.fantom-support-contact > div {
    max-width: 700px;
}

.fantom-support-contact span {
    color: #8e74ff;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.fantom-support-contact h2 {
    margin: 5px 0 8px;

    color: #fff !important;

    font-size: 23px;
}

.fantom-support-contact p {
    margin: 0;

    color: var(--fs-muted) !important;

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

.fantom-support-button {
    white-space: nowrap;

    padding: 13px 19px;

    color: #fff !important;

    background: var(--fs-purple);

    border-radius: 7px;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none !important;

    transition: .2s ease;
}

.fantom-support-button:hover {
    filter: brightness(1.1);
}


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

@media (max-width: 850px) {

    .fantom-support-shortcuts,
    .fantom-license-comparison {
        grid-template-columns: 1fr;
    }

    .fantom-installation-steps {
        grid-template-columns: 1fr 1fr;
    }

    .fantom-install-step {
        padding: 18px !important;

        border-right: 0 !important;
        border-bottom: 1px solid var(--fs-border);
    }

    .fantom-support-contact {
        display: block;
    }

    .fantom-support-button {
        display: inline-block;

        margin-top: 20px;
    }

}


@media (max-width: 520px) {

    .fantom-support-page {
        padding: 35px 15px 50px;
    }

    .fantom-support-section {
        padding: 20px;
    }

    .fantom-support-hero {
        margin-bottom: 30px;
    }

    .fantom-support-hero h1 {
        font-size: 34px;
    }

    .fantom-installation-steps {
        grid-template-columns: 1fr;
    }

    .fantom-section-heading h2 {
        font-size: 20px;
    }

    .fantom-accordion-content {
        padding: 0 20px 18px;
    }

}

/* =========================================================
   FANTOM GAMES - PADRÃO GLOBAL DE BOTÕES
========================================================= */

:root {
    --fantom-btn-bg: #18191b;
    --fantom-btn-bg-hover: #202124;
    --fantom-btn-border: rgba(255,255,255,.12);

    --fantom-green: #18d56c;
    --fantom-purple: #6b4cff;

    --fantom-text: #ffffff;
    --fantom-muted: #c8c8c8;
}


/* =========================================================
   BOTÃO BASE
========================================================= */

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
.btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wd-button,
.wd-btn {
    min-height: 44px;

    padding: 11px 18px !important;

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

    gap: 7px;

    background: var(--fantom-btn-bg) !important;

    border: 1px solid var(--fantom-btn-border) !important;
    border-radius: 8px !important;

    color: var(--fantom-text) !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-transform: none !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


/* HOVER */

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.wd-button:hover,
.wd-btn:hover {
    background: var(--fantom-btn-bg-hover) !important;

    border-color: rgba(255,255,255,.22) !important;

    color: #fff !important;

    transform: translateY(-1px);

    box-shadow: 0 5px 16px rgba(0,0,0,.18) !important;
}


/* CLIQUE */

button:active,
.button:active,
.btn:active,
.woocommerce button.button:active,
.woocommerce a.button:active {
    transform: translateY(0);
}


/* =========================================================
   BOTÕES PRINCIPAIS
   COMPRAR / FINALIZAR / CHECKOUT
========================================================= */

.single_add_to_cart_button,
.checkout-button,
#place_order,
button[name="woocommerce_checkout_place_order"],
.wc-proceed-to-checkout .checkout-button,
.woocommerce-cart .checkout-button {
    background:
        linear-gradient(
            90deg,
            #0dbd68,
            #17d877
        ) !important;

    border-color: transparent !important;

    color: #fff !important;

    font-weight: 700 !important;

    min-height: 50px;

    box-shadow:
        0 5px 18px rgba(24,213,108,.12) !important;
}


.single_add_to_cart_button:hover,
.checkout-button:hover,
#place_order:hover,
button[name="woocommerce_checkout_place_order"]:hover,
.wc-proceed-to-checkout .checkout-button:hover {
    background:
        linear-gradient(
            90deg,
            #13c971,
            #1de07f
        ) !important;

    box-shadow:
        0 7px 22px rgba(24,213,108,.20) !important;

    transform: none !important;
}


/* =========================================================
   BOTÕES SECUNDÁRIOS
========================================================= */

.woocommerce a.button.alt:not(.checkout-button),
.woocommerce button.button.alt:not(.single_add_to_cart_button),
.wd-button:not(.btn-color-primary) {
    background: #191a1c !important;

    border: 1px solid rgba(255,255,255,.11) !important;

    color: #fff !important;
}


/* =========================================================
   BOTÕES ROXOS / DESTAQUE
========================================================= */

.fantom-button-purple,
.button.fantom-button-purple {
    background:
        linear-gradient(
            90deg,
            #5b3dff,
            #7658ff
        ) !important;

    border-color: transparent !important;

    color: #fff !important;
}

.fantom-button-purple:hover,
.button.fantom-button-purple:hover {
    background:
        linear-gradient(
            90deg,
            #684aff,
            #8267ff
        ) !important;
}


/* =========================================================
   BOTÕES PEQUENOS
========================================================= */

.button.small,
.btn-small,
.wd-btn-size-small {
    min-height: 36px;

    padding: 8px 13px !important;

    font-size: 11px !important;

    border-radius: 7px !important;
}


/* =========================================================
   BOTÕES GRANDES
========================================================= */

.button.large,
.btn-large,
.wd-btn-size-large {
    min-height: 52px;

    padding: 14px 24px !important;

    font-size: 14px !important;

    border-radius: 9px !important;
}


/* =========================================================
   BOTÕES DESABILITADOS
========================================================= */

button:disabled,
button.disabled,
.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
    background: #252629 !important;

    border-color: rgba(255,255,255,.05) !important;

    color: #777 !important;

    opacity: .65 !important;

    cursor: not-allowed !important;

    transform: none !important;

    box-shadow: none !important;
}


/* =========================================================
   BOTÕES DE VARIAÇÃO / SWATCHES
========================================================= */

.wd-swatch {
    min-height: 42px;

    padding: 9px 15px !important;

    background: #18191b !important;

    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 7px !important;

    color: #ddd !important;

    transition: .2s ease !important;
}

.wd-swatch:hover {
    border-color: rgba(255,255,255,.25) !important;

    background: #202124 !important;
}

.wd-swatch.wd-active {
    border-color: var(--fantom-purple) !important;

    box-shadow:
        inset 0 0 0 1px var(--fantom-purple) !important;

    color: #fff !important;
}


/* =========================================================
   BOTÕES DE QUANTIDADE
========================================================= */

.quantity input,
.quantity button {
    background: #18191b !important;

    border-color: rgba(255,255,255,.10) !important;

    color: #fff !important;
}

.quantity {
    overflow: hidden;

    border-radius: 8px;
}


/* =========================================================
   BOTÕES DE CUPOM
========================================================= */

.woocommerce-cart .coupon .button,
.checkout_coupon .button {
    background: #191a1c !important;

    border: 1px solid rgba(255,255,255,.12) !important;

    color: #fff !important;
}


/* =========================================================
   BOTÕES DE LOGIN / CONTA
========================================================= */

.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    background:
        linear-gradient(
            90deg,
            #5b3dff,
            #7658ff
        ) !important;

    border: 0 !important;

    color: #fff !important;
}


/* =========================================================
   LINKS COM CARA DE BOTÃO
========================================================= */

.fantom-support-button,
.fantom-btn {
    min-height: 44px;

    padding: 11px 18px;

    display: inline-flex;

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

    border-radius: 8px;

    background: var(--fantom-purple);

    color: #fff !important;

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

    text-decoration: none !important;

    transition: .2s ease;
}

.fantom-support-button:hover,
.fantom-btn:hover {
    filter: brightness(1.08);

    transform: translateY(-1px);
}


/* =========================================================
   FOCO / ACESSIBILIDADE
========================================================= */

button:focus-visible,
.button:focus-visible,
.btn:focus-visible,
input[type="submit"]:focus-visible,
a.fantom-btn:focus-visible {
    outline: 2px solid var(--fantom-purple) !important;

    outline-offset: 2px;
}


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

@media (max-width: 600px) {

    button,
    input[type="submit"],
    .button,
    .btn,
    .woocommerce a.button,
    .woocommerce button.button {
        min-height: 42px;

        padding: 10px 15px !important;

        font-size: 12px !important;
    }

}

/* =========================================================
   FANTOM GAMES — MERCADO PAGO
   CARD BRANCO INTEGRADO AO CHECKOUT ESCURO
   ========================================================= */


/* =========================================================
   1. ESCONDE "PAGUE COM UM TOQUE / CARTÕES SALVOS"
   ========================================================= */

.mp-wallet-button-container-wrapper {
    display: none !important;
}


/* =========================================================
   2. ÁREA EXTERNA DOS MÉTODOS
   Mantém integração com o fundo escuro da Fantom
   ========================================================= */

.payment_method_woo-mercado-pago-custom,
.payment_method_woo-mercado-pago-pix {
    background: transparent !important;
}


/* =========================================================
   3. CARD PRINCIPAL — CARTÃO DE CRÉDITO
   ========================================================= */

.payment_method_woo-mercado-pago-custom
.mp-checkout-container {

    background: #ffffff !important;

    border-radius: 12px !important;

    padding: 20px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    color: #161616 !important;
}


/* =========================================================
   4. CARD PRINCIPAL — PIX
   ========================================================= */

.payment_method_woo-mercado-pago-pix
.mp-checkout-container {

    background: #ffffff !important;

    border-radius: 12px !important;

    padding: 20px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    color: #161616 !important;
}


/* =========================================================
   5. PIX — GARANTE FUNDO BRANCO UNIFORME
   ========================================================= */

.payment_method_woo-mercado-pago-pix
.mp-checkout-pix-container,

.payment_method_woo-mercado-pago-pix
.mp-pix-template-container,

.payment_method_woo-mercado-pago-pix
.mp-checkout-pix-terms-and-conditions,

.payment_method_woo-mercado-pago-pix
.mp-terms-and-conditions-container,

.payment_method_woo-mercado-pago-pix
pix-template,

.payment_method_woo-mercado-pago-pix
terms-and-conditions {

    background: transparent !important;
}


/* =========================================================
   6. PIX — TEXTOS
   ========================================================= */

.payment_method_woo-mercado-pago-pix
.mp-pix-template-title {

    color: #161616 !important;
}


.payment_method_woo-mercado-pago-pix
.mp-pix-template-subtitle {

    color: #333333 !important;
}


.payment_method_woo-mercado-pago-pix
.mp-terms-and-conditions-text {

    color: #666666 !important;
}


.payment_method_woo-mercado-pago-pix
.mp-terms-and-conditions-link {

    color: #6f45ff !important;
}


/* =========================================================
   7. CARTÃO — FUNDO INTERNO UNIFORME
   ========================================================= */

.payment_method_woo-mercado-pago-custom
.mp-checkout-custom-container,

.payment_method_woo-mercado-pago-custom
#mp-custom-checkout-form-container,

.payment_method_woo-mercado-pago-custom
.mp-checkout-custom-card-form,

.payment_method_woo-mercado-pago-custom
.mp-checkout-custom-card-row,

.payment_method_woo-mercado-pago-custom
.mp-checkout-custom-card-column {

    background: transparent !important;
}


/* =========================================================
   8. CARTÃO — LABELS
   ========================================================= */

.payment_method_woo-mercado-pago-custom
.mp-input-label {

    color: #161616 !important;
}


/* =========================================================
   9. CARTÃO — TEXTOS AUXILIARES
   ========================================================= */

.payment_method_woo-mercado-pago-custom
.mp-helper-message.info {

    color: #666666 !important;
}


/* =========================================================
   10. NOME DO TITULAR
   Campo normal do Mercado Pago
   ========================================================= */

.payment_method_woo-mercado-pago-custom
.mp-card-holder-name {

    background: #ffffff !important;

    color: #161616 !important;

    border: 1px solid #bdbdbd !important;

    border-radius: 8px !important;

    box-shadow: none !important;
}


.payment_method_woo-mercado-pago-custom
.mp-card-holder-name::placeholder {

    color: #777777 !important;

    opacity: 1 !important;
}


/* =========================================================
   11. AUTOPREENCHIMENTO DO NOME DO TITULAR
   Continua branco porque o card do Mercado Pago é branco
   ========================================================= */

.payment_method_woo-mercado-pago-custom
.mp-card-holder-name:-webkit-autofill,

.payment_method_woo-mercado-pago-custom
.mp-card-holder-name:-webkit-autofill:hover,

.payment_method_woo-mercado-pago-custom
.mp-card-holder-name:-webkit-autofill:focus,

.payment_method_woo-mercado-pago-custom
.mp-card-holder-name:-webkit-autofill:active {

    -webkit-text-fill-color: #161616 !important;

    -webkit-box-shadow:
        0 0 0 1000px #ffffff inset !important;

    box-shadow:
        0 0 0 1000px #ffffff inset !important;

    caret-color: #161616 !important;
}


/* =========================================================
   12. SELECTS — BANCO / PARCELAS
   ========================================================= */

.payment_method_woo-mercado-pago-custom
.mp-custom-checkout-select-input {

    background: #ffffff !important;

    color: #161616 !important;

    border: 1px solid #bdbdbd !important;

    border-radius: 8px !important;

    box-shadow: none !important;
}


/* =========================================================
   13. MODO TESTE
   Mantém o aviso original bem destacado
   ========================================================= */

.payment_method_woo-mercado-pago-custom
.mp-test-mode-card,

.payment_method_woo-mercado-pago-pix
.mp-test-mode-card {

    background: #f5f5f5 !important;

    color: #161616 !important;

    border-radius: 8px !important;
}


.payment_method_woo-mercado-pago-custom
.mp-test-mode-title,

.payment_method_woo-mercado-pago-pix
.mp-test-mode-title {

    color: #161616 !important;
}


.payment_method_woo-mercado-pago-custom
.mp-test-mode-description,

.payment_method_woo-mercado-pago-pix
.mp-test-mode-description {

    color: #161616 !important;
}


.payment_method_woo-mercado-pago-custom
.mp-test-mode-link,

.payment_method_woo-mercado-pago-pix
.mp-test-mode-link {

    color: #7047eb !important;
}


/* =========================================================
   14. MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .payment_method_woo-mercado-pago-custom
    .mp-checkout-container,

    .payment_method_woo-mercado-pago-pix
    .mp-checkout-container {

        width: 100% !important;

        max-width: 100% !important;

        padding: 16px !important;

        margin: 0 !important;

        border-radius: 10px !important;

        box-sizing: border-box !important;
    }
}
/* =========================================================
   FANTOM — AUTOPREENCHIMENTO DOS DADOS DO CLIENTE
   Mantém os campos escuros
   NÃO interfere no Mercado Pago
========================================================= */

/* Chrome / Edge / Safari */
body.woocommerce-checkout input.input-text:-webkit-autofill,
body.woocommerce-checkout input.input-text:-webkit-autofill:hover,
body.woocommerce-checkout input.input-text:-webkit-autofill:focus,
body.woocommerce-checkout input.input-text:-webkit-autofill:active,

body.woocommerce-checkout input[type="text"]:-webkit-autofill,
body.woocommerce-checkout input[type="text"]:-webkit-autofill:hover,
body.woocommerce-checkout input[type="text"]:-webkit-autofill:focus,
body.woocommerce-checkout input[type="text"]:-webkit-autofill:active,

body.woocommerce-checkout input[type="email"]:-webkit-autofill,
body.woocommerce-checkout input[type="email"]:-webkit-autofill:hover,
body.woocommerce-checkout input[type="email"]:-webkit-autofill:focus,
body.woocommerce-checkout input[type="email"]:-webkit-autofill:active,

body.woocommerce-checkout input[type="tel"]:-webkit-autofill,
body.woocommerce-checkout input[type="tel"]:-webkit-autofill:hover,
body.woocommerce-checkout input[type="tel"]:-webkit-autofill:focus,
body.woocommerce-checkout input[type="tel"]:-webkit-autofill:active {

    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    caret-color: #ffffff !important;

    background-color: #1c1c1c !important;

    -webkit-box-shadow:
        0 0 0 1000px #1c1c1c inset !important;

    box-shadow:
        0 0 0 1000px #1c1c1c inset !important;

    transition:
        background-color 999999s 0s,
        color 999999s 0s !important;
}


/* Firefox */
body.woocommerce-checkout input.input-text:autofill,
body.woocommerce-checkout input[type="text"]:autofill,
body.woocommerce-checkout input[type="email"]:autofill,
body.woocommerce-checkout input[type="tel"]:autofill {

    background: #1c1c1c !important;
    background-color: #1c1c1c !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    box-shadow:
        0 0 0 1000px #1c1c1c inset !important;
}
/* =========================================================
   MERCADO PAGO — CPF / CNPJ
   Mantém fundo branco e texto escuro no autofill
   ========================================================= */

/* Campo CPF/CNPJ */
.payment_method_woo-mercado-pago-custom
.mp-document {

    background: #ffffff !important;
    color: #161616 !important;
    caret-color: #161616 !important;
}


/* Autofill Chrome / Edge / Safari */
.payment_method_woo-mercado-pago-custom
.mp-document:-webkit-autofill,

.payment_method_woo-mercado-pago-custom
.mp-document:-webkit-autofill:hover,

.payment_method_woo-mercado-pago-custom
.mp-document:-webkit-autofill:focus,

.payment_method_woo-mercado-pago-custom
.mp-document:-webkit-autofill:active {

    -webkit-text-fill-color: #161616 !important;
    color: #161616 !important;
    caret-color: #161616 !important;

    -webkit-box-shadow:
        0 0 0 1000px #ffffff inset !important;

    box-shadow:
        0 0 0 1000px #ffffff inset !important;

    transition:
        background-color 9999s ease-out 0s !important;
}


/* Firefox */
.payment_method_woo-mercado-pago-custom
.mp-document:autofill {

    background: #ffffff !important;
    color: #161616 !important;
}

/* =========================================================
   FANTOM — AUTOFILL MOBILE
   Somente dados do cliente
   ========================================================= */

@media (max-width: 767px) {

    /* CAMPOS DE COBRANÇA */
    body.woocommerce-checkout
    .woocommerce-billing-fields
    input.input-text:-webkit-autofill,

    body.woocommerce-checkout
    .woocommerce-billing-fields
    input.input-text:-webkit-autofill:hover,

    body.woocommerce-checkout
    .woocommerce-billing-fields
    input.input-text:-webkit-autofill:focus,

    body.woocommerce-checkout
    .woocommerce-billing-fields
    input.input-text:-webkit-autofill:active,

    /* CAMPOS DE ENTREGA */
    body.woocommerce-checkout
    .woocommerce-shipping-fields
    input.input-text:-webkit-autofill,

    body.woocommerce-checkout
    .woocommerce-shipping-fields
    input.input-text:-webkit-autofill:hover,

    body.woocommerce-checkout
    .woocommerce-shipping-fields
    input.input-text:-webkit-autofill:focus,

    body.woocommerce-checkout
    .woocommerce-shipping-fields
    input.input-text:-webkit-autofill:active {

        -webkit-text-fill-color: #ffffff !important;
        color: #ffffff !important;

        caret-color: #ffffff !important;

        background-color: #1c1c1c !important;

        -webkit-box-shadow:
            0 0 0 1000px #1c1c1c inset !important;

        box-shadow:
            0 0 0 1000px #1c1c1c inset !important;

        border-color: rgba(255,255,255,.12) !important;

        transition:
            background-color 999999s 0s,
            color 999999s 0s !important;
    }


    /* Chrome mais recente / Android */
    body.woocommerce-checkout
    .woocommerce-billing-fields
    input.input-text:autofill,

    body.woocommerce-checkout
    .woocommerce-shipping-fields
    input.input-text:autofill {

        background: #1c1c1c !important;
        background-color: #1c1c1c !important;

        color: #ffffff !important;

        -webkit-text-fill-color: #ffffff !important;

        -webkit-box-shadow:
            0 0 0 1000px #1c1c1c inset !important;

        box-shadow:
            0 0 0 1000px #1c1c1c inset !important;
    }
}
/* =========================================================
   FANTOM — CAPA INTEIRA + CANTOS ARREDONDADOS
   CARRINHO MOBILE
========================================================= */

@media (max-width: 768.98px) {

    .woocommerce-cart
    .shop-table-with-img
    td.product-thumbnail img {

        /* Mantém a capa inteira */
        display: block !important;

        width: auto !important;
        height: 126px !important;

        min-width: 0 !important;
        max-width: 100px !important;
        max-height: 126px !important;

        object-fit: contain !important;
        object-position: center !important;

        /* Arredondamento */
        border-radius: 6px !important;

        /* Garante que não exista a máscara anterior */
        -webkit-mask-image: none !important;
        mask-image: none !important;
        clip-path: none !important;
    }
}
/* =========================================================
   FANTOM — REMOVE CUPOM DO CHECKOUT + ESPAÇO RESIDUAL
========================================================= */

/* Remove o widget do cupom */
body.woocommerce-checkout
.elementor-element-3a8b12c {
    display: none !important;
}

/* O container que contém Avisos + Cupom */
body.woocommerce-checkout
.elementor-element-f73ea05 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

/* Interior desse container */
body.woocommerce-checkout
.elementor-element-f73ea05 > .e-con-inner {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* Se não houver nenhum aviso, elimina completamente
   a altura residual antes do formulário */
body.woocommerce-checkout
.elementor-element-f73ea05:not(:has(.woocommerce-notices-wrapper > *))
{
    display: none !important;
}
/* =========================================================
   FANTOM - EXCEÇÃO SOMENTE PARA O BOTÃO DE BUSCA
========================================================= */

.searchform button,
.search-form button,
.wd-search-form button,
.wd-search-full-screen button,
.wd-search-dropdown button,
.wd-header-search button,
form[role="search"] button {

    min-height: unset !important;
    min-width: unset !important;

    width: auto !important;
    height: 100% !important;

    padding: 0 15px !important;
    margin: 0 !important;

    background: transparent !important;
    background-image: none !important;

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

    box-shadow: none !important;

    color: inherit !important;

    transform: none !important;

    font-size: inherit !important;
    font-weight: inherit !important;

    transition: none !important;
}


/* HOVER - MANTÉM O COMPORTAMENTO LIMPO */

.searchform button:hover,
.search-form button:hover,
.wd-search-form button:hover,
.wd-search-full-screen button:hover,
.wd-search-dropdown button:hover,
.wd-header-search button:hover,
form[role="search"] button:hover {

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    transform: none !important;

    filter: none !important;
}
/* ==========================================
   FANTOM - REMOVE "PROCURA" DA BUSCA
========================================== */

.searchsubmit > span {
    display: none !important;
}
/* ==========================================
   FANTOM GAMES - ESTILO DOS BADGES
========================================== */

.fantom-game-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

/* BASE DOS BADGES */
.fantom-game-badges .fantom-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 25px;
    padding: 5px 10px;

    border-radius: 8px;

    background: rgba(20, 20, 24, 0.58);
    border: 1px solid rgba(255, 255, 255, 0.18);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);

    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 3px 10px rgba(0, 0, 0, 0.20);
}


/* PS4 */
.fantom-game-badges .fantom-ps4 {
    background: rgba(0, 92, 180, 0.48);
    border-color: rgba(74, 158, 255, 0.45);
}


/* PS5 */
.fantom-game-badges .fantom-ps5 {
    background: rgba(25, 25, 30, 0.60);
    border-color: rgba(255, 255, 255, 0.28);
}


/* PRÉ-VENDA */
.fantom-game-badges .fantom-preorder {
    background: rgba(124, 58, 237, 0.48);
    border-color: rgba(167, 139, 250, 0.50);
}

/* ==========================================
   FANTOM GAMES — BADGES SOBRE A CAPA
   Mantém o design atual
========================================== */

/* Card do produto */
.wd-product,
.product-grid-item {
    position: relative !important;
}

/* Container das badges */
.fantom-game-badges {
    position: absolute !important;

    top: 10px !important;
    left: 10px !important;

    z-index: 20 !important;

    display: flex !important;
    gap: 6px !important;

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

/* Não altera o visual interno das badges */
.fantom-game-badges > * {
    margin: 0 !important;
}

/* Garante que a imagem continue corretamente */
.wd-product .product-image-link,
.product-grid-item .product-image-link {
    position: relative !important;
}

/* ==========================================
   FANTOM GAMES — CARD INFERIOR MAIS LIMPO
========================================== */

/* Mantém a capa normal */
.wd-product-thumb.product-element-top.wd-quick-shop {
    margin-bottom: 4px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
}

/* Área de informações */
.wd-product .product-element-bottom,
.product-grid-item .product-element-bottom {
    background: #202020 !important;

    padding: 12px 13px 12px !important;
    margin: 0 !important;

    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 7px !important;

    box-sizing: border-box !important;
}

/* Nome do jogo */
.wd-product .wd-entities-title,
.product-grid-item .wd-entities-title {
    margin: 0 0 8px !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.wd-product .wd-entities-title a,
.product-grid-item .wd-entities-title a {
    color: #ffffff !important;
}

/* Preço */
.wd-product .price,
.product-grid-item .price {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    color: #8054ff !important;
}

/* Barrinha roxa */
.wd-product .price::before,
.product-grid-item .price::before {
    content: "" !important;

    width: 3px !important;
    height: 16px !important;

    margin-right: 8px !important;

    background: #8054ff !important;
    border-radius: 10px !important;
}

/* ==========================================
   FANTOM GAMES
   REMOVE "VER OPÇÕES" + ANIMAÇÃO DO PREÇO
========================================== */

/* Remove completamente o botão Ver opções */
.wd-product .swap-elements .wd-add-btn,
.product-grid-item .swap-elements .wd-add-btn {
    display: none !important;
}

/* Remove a área de troca/animação do Woodmart */
.wd-product .swap-wrapp,
.product-grid-item .swap-wrapp {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* Mantém os elementos na posição normal */
.wd-product .swap-elements,
.product-grid-item .swap-elements {
    display: block !important;

    position: static !important;

    transform: none !important;
    translate: none !important;

    transition: none !important;
    animation: none !important;

    height: auto !important;
}

/* Bloqueia a animação especificamente no hover */
.wd-product:hover .swap-elements,
.product-grid-item:hover .swap-elements {
    transform: none !important;
    translate: none !important;
}

/* Preço sempre visível */
.wd-product .swap-elements .price,
.product-grid-item .swap-elements .price {
    display: block !important;

    position: static !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    translate: none !important;

    margin: 0 !important;

    transition: none !important;
}

/* Mantém seu preço PIX normalmente */
.fantom-preco-pix-card {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* ==========================================
   FANTOM GAMES — CARD INFERIOR FINAL
========================================== */

/* Card abaixo da capa */
.wd-product .product-element-bottom,
.product-grid-item .product-element-bottom {
    padding: 14px 15px !important;

    background: #1f1f1f !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 8px !important;
}


/* ==========================================
   CABEÇALHO / TÍTULO
========================================== */

.wd-product .wd-product-header,
.product-grid-item .wd-product-header {
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.wd-product .wd-entities-title,
.product-grid-item .wd-entities-title {
    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.wd-product .wd-entities-title a,
.product-grid-item .wd-entities-title a {
    color: #fff !important;
    text-decoration: none !important;
}


/* ==========================================
   ÁREA DO PREÇO
========================================== */

.wd-product .wrap-price,
.product-grid-item .wrap-price {
    margin: 0 !important;
    padding: 0 !important;

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

.wd-product .swap-wrapp,
.product-grid-item .swap-wrapp {
    margin: 0 !important;
    padding: 0 !important;

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

    overflow: visible !important;
}

.wd-product .swap-elements,
.product-grid-item .swap-elements {
    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}


/* ==========================================
   REMOVE "VER OPÇÕES"
========================================== */

.wd-product .wd-add-btn,
.product-grid-item .wd-add-btn {
    display: none !important;
}


/* ==========================================
   PREÇO PIX
========================================== */

.wd-product .price,
.product-grid-item .price {
    display: block !important;

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

    text-align: center !important;
}

.fantom-preco-link {
    display: block !important;

    width: 100% !important;

    text-decoration: none !important;
}

.fantom-preco-pix-card {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    gap: 5px !important;

    padding: 8px 10px !important;

    box-sizing: border-box !important;

    background: rgba(126,87,255,.07) !important;
    border: 1px solid rgba(126,87,255,.20) !important;
    border-radius: 6px !important;
}


/* Valor principal */
.fantom-preco-valor {
    color: #8a63ff !important;

    font-size: 16px !important;
    font-weight: 800 !important;
}


/* Texto NO PIX */
.fantom-preco-pix-texto {
    color: #bbaeff !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .35px !important;
}

/* ==========================================
   FANTOM GAMES — APROXIMA TÍTULO E PREÇO
========================================== */

.wd-product .wd-product-header,
.product-grid-item .wd-product-header {
    margin-bottom: 8px !important;
}

.wd-product .wrap-price,
.product-grid-item .wrap-price,
.wd-product .swap-wrapp,
.product-grid-item .swap-wrapp,
.wd-product .swap-elements,
.product-grid-item .swap-elements {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

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

    line-height: normal !important;
}

/* Remove qualquer espaço vertical criado pelo Woodmart */
.wd-product .wrap-price {
    display: block !important;
}

.wd-product .swap-wrapp {
    display: block !important;
}

.wd-product .swap-elements {
    display: block !important;
}

/* Link do preço */
.fantom-preco-link {
    margin: 0 !important;
    padding: 0 !important;
}

/* Card do preço */
.fantom-preco-pix-card {
    margin: 0 !important;

    padding: 7px 10px !important;

    width: 100% !important;
}
/* ==========================================
   FANTOM GAMES — TÍTULO E ESPAÇAMENTO
========================================== */

/* Área do título */
.wd-product .wd-product-header,
.product-grid-item .wd-product-header {
    width: 100% !important;

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

    margin: 0 0 7px !important;
    padding: 0 !important;
}


/* Título do jogo */
.wd-product .wd-entities-title,
.product-grid-item .wd-entities-title {
    display: block !important;

    width: 100% !important;

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

    text-align: center !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: -0.15px !important;
}


/* Link do título */
.wd-product .wd-entities-title a,
.product-grid-item .wd-entities-title a {
    display: block !important;

    width: 100% !important;

    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;

    transition: opacity .2s ease !important;
}


/* Hover discreto no título */
.wd-product .wd-entities-title a:hover,
.product-grid-item .wd-entities-title a:hover {
    opacity: .8 !important;
}


/* ==========================================
   REMOVE ESPAÇO ENTRE TÍTULO E PREÇO
========================================== */

.wd-product .wrap-price,
.product-grid-item .wrap-price {
    width: 100% !important;

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

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


/* Estrutura interna do preço */
.wd-product .swap-wrapp,
.product-grid-item .swap-wrapp,
.wd-product .swap-elements,
.product-grid-item .swap-elements {
    height: auto !important;
    min-height: 0 !important;

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


/* Mantém o preço centralizado */
.wd-product .price,
.product-grid-item .price {
    display: block !important;

    width: 100% !important;

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

    text-align: center !important;
}
/* ==========================================
   FANTOM GAMES — REMOVE O VÃO DO CARD
========================================== */

.wd-product .product-element-bottom,
.product-grid-item .product-element-bottom {
    display: block !important;

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

    padding: 14px !important;
}

/* Título */
.wd-product .wd-product-header,
.product-grid-item .wd-product-header {
    display: block !important;

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

    margin: 0 0 0px !important;
    padding: 0 !important;
}

/* Área do preço */
.wd-product .wrap-price,
.product-grid-item .wrap-price {
    display: block !important;

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

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

/* Neutraliza espaçamento interno do Woodmart */
.wd-product .swap-wrapp,
.wd-product .swap-elements,
.product-grid-item .swap-wrapp,
.product-grid-item .swap-elements {
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}
/* =========================================================
   FANTOM GAMES
   CARD "INFORMAÇÕES DO JOGO"
========================================================= */


/* CARD PRINCIPAL */

.fantom-game-info-card {

    width: 100%;
    box-sizing: border-box;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.018)
        );

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius: 16px;

    padding: 22px 24px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.025);

}


/* =========================================================
   TÍTULO
========================================================= */

.fantom-game-info-title {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 21px;

    color: #ffffff;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.2;

}


/* ÍCONE DO TÍTULO */

.fantom-game-info-title-icon {

    width: 32px;

    height: 32px;

    min-width: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    background:
        rgba(255,255,255,.055);

    border:
        1px solid
        rgba(255,255,255,.09);

}


/* =========================================================
   GRID
========================================================= */

.fantom-game-info-grid {

    display: grid;

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

    column-gap: 34px;

    row-gap: 18px;

}


/* =========================================================
   ITEM
========================================================= */

.fantom-game-info-item {

    display: flex;

    align-items: center;

    gap: 12px;

    min-width: 0;

}


/* =========================================================
   ÍCONES
========================================================= */

.fantom-game-info-icon {

    width: 34px;

    height: 34px;

    min-width: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    background:
        rgba(255,255,255,.045);

    border:
        1px solid
        rgba(255,255,255,.07);

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease;

}


/* SVG */

.fantom-game-info-icon svg,
.fantom-game-info-title-icon svg {

    display: block;

    width: 18px;

    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.75;

    stroke-linecap: round;

    stroke-linejoin: round;

    color: #ffffff;

}


/* =========================================================
   TEXTO
========================================================= */

.fantom-game-info-text {

    color:
        rgba(255,255,255,.82);

    font-size: 14px;

    line-height: 1.45;

    min-width: 0;

}


/* DESTAQUES */

.fantom-game-info-text strong {

    color: #ffffff;

    font-weight: 600;

}

/* =========================================================
   AVALIAÇÃO PLAYSTATION STORE
========================================================= */

.fantom-game-rating {

    margin-top: 22px;
    padding-top: 18px;

    border-top:
        1px solid
        rgba(255,255,255,.08);

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

}


.fantom-game-rating-label {

    color: #ffffff;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.4;

}


.fantom-game-rating-right {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 4px;

}


.fantom-game-rating-main {

    display: flex;

    align-items: center;

    gap: 9px;

}


.fantom-game-rating-score {

    color: #ffffff;

    font-size: 24px;

    font-weight: 500;

    line-height: 1;

}


.fantom-game-rating-stars {

    color: #ffffff;

    font-size: 18px;

    line-height: 1;

    letter-spacing: 2px;

    white-space: nowrap;

}


.fantom-game-rating-count {

    color:
        rgba(255,255,255,.68);

    font-size: 12px;

    line-height: 1.3;

}


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

@media (max-width: 767px) {

    .fantom-game-rating {

        flex-direction: column;

        align-items: flex-start;

        gap: 10px;

    }


    .fantom-game-rating-right {

        align-items: flex-start;

    }


    .fantom-game-rating-score {

        font-size: 22px;

    }


    .fantom-game-rating-stars {

        font-size: 17px;

        letter-spacing: 1.5px;

    }

}

/* =========================================================
   FANTOM GAMES
   AJUSTES SOMENTE DA DESCRIÇÃO LONGA
========================================================= */


/* CARD MAIS COMPACTO */

.fantom-game-info-card.fantom-long-card {
    height: fit-content !important;
    min-height: 0 !important;

    padding: 22px 24px !important;

    align-self: start !important;
}


/* TÍTULO */

.fantom-game-info-card.fantom-long-card
.fantom-game-info-title {
    margin: 0 0 18px !important;
    padding: 0 !important;
}


/* GRID SEM ESPAÇO SOBRANDO */

.fantom-game-info-card.fantom-long-card
.fantom-game-info-grid {
    grid-auto-rows: auto !important;

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

    row-gap: 14px !important;

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


/* ITEM */

.fantom-game-info-card.fantom-long-card
.fantom-game-info-item {
    height: auto !important;
    min-height: 34px !important;

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

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;
}


/* =========================================================
   QUADRADO DO ÍCONE
========================================================= */

.fantom-game-info-card.fantom-long-card
.fantom-game-info-icon {

    position: relative !important;

    flex: 0 0 34px !important;

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

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

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

    box-sizing: border-box !important;

    font-size: 0 !important;
    line-height: 0 !important;
}


/* CENTRALIZA O SVG MATEMATICAMENTE */

.fantom-game-info-card.fantom-long-card
.fantom-game-info-icon svg {

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 18px !important;
    height: 18px !important;

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

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

    display: block !important;
}


/* TEXTO */

.fantom-game-info-card.fantom-long-card
.fantom-game-info-text {

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

    min-height: 0 !important;

    line-height: 1.45 !important;
}


/* REMOVE POSSÍVEIS ESPAÇOS GERADOS PELO WORDPRESS */

.fantom-game-info-card.fantom-long-card p:empty {
    display: none !important;

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


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

@media (max-width: 768px) {

    .fantom-game-info-card.fantom-long-card {

        padding: 18px !important;

    }

    .fantom-game-info-card.fantom-long-card
    .fantom-game-info-grid {

        grid-template-columns: 1fr !important;

        column-gap: 0 !important;
        row-gap: 14px !important;

    }

    .fantom-game-info-card.fantom-long-card
    .fantom-game-info-title {

        margin-bottom: 16px !important;

    }

}



/* =========================================================
   HOVER DESKTOP
========================================================= */

@media (hover:hover) {

    .fantom-game-info-item:hover
    .fantom-game-info-icon {

        transform:
            translateY(-1px);

        background:
            rgba(255,255,255,.075);

        border-color:
            rgba(255,255,255,.14);

    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .fantom-game-info-grid {

        column-gap: 22px;

    }

}


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

@media (max-width: 767px) {


    .fantom-game-info-card {

        padding: 18px;

        border-radius: 14px;

    }


    .fantom-game-info-title {

        margin-bottom: 18px;

        font-size: 15px;

    }


    .fantom-game-info-title-icon {

        width: 30px;

        height: 30px;

        min-width: 30px;

    }


    .fantom-game-info-grid {

        grid-template-columns: 1fr;

        row-gap: 14px;

    }


    .fantom-game-info-icon {

        width: 31px;

        height: 31px;

        min-width: 31px;

    }


    .fantom-game-info-icon svg,
    .fantom-game-info-title-icon svg {

        width: 17px;

        height: 17px;

    }


    .fantom-game-info-text {

        font-size: 13px;

    }

}
/* =========================================================
   FANTOM GAMES — FOOTER MODELO PHAZE
   ========================================================= */


/* FUNDO */
.footer-container {
    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(104, 76, 255, 0.13) 0%,
            rgba(104, 76, 255, 0.05) 22%,
            transparent 42%
        ),
        radial-gradient(
            circle at 82% 25%,
            rgba(0, 210, 255, 0.09) 0%,
            rgba(0, 210, 255, 0.035) 20%,
            transparent 40%
        ),
        #080c0b !important;

    padding: 32px 0 25px !important;
}


/* CONTEÚDO PRINCIPAL */
.footer-container .elementor {
    max-width: 1400px;
    margin: 0 auto;
}


/* COLUNAS */
.footer-container .e-con {
    --gap: 25px;
}


/* =========================================================
   LOGO
   ========================================================= */

.footer-container .elementor-element-621a37d img {
    width: 174px !important;
    height: auto !important;
}


/* sem brilho, sem neon, sem animação */
.footer-container .elementor-element-621a37d img:hover {
    transform: none !important;
    filter: none !important;
}


/* =========================================================
   TÍTULOS
   ========================================================= */

.footer-container .wd-heading,
.footer-container .widget-title,
.footer-container h4,
.footer-container h5,
.footer-container h6 {
    color: #f0f2f1 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-transform: uppercase;
    letter-spacing: 1.1px;

    margin: 0 0 19px !important;

    line-height: 1.2 !important;
}


/* REMOVE QUALQUER LINHA DECORATIVA */
.footer-container .widget-title::after,
.footer-container h4::after,
.footer-container h5::after,
.footer-container h6::after {
    display: none !important;
}


/* =========================================================
   TEXTO
   ========================================================= */

.footer-container p,
.footer-container span {
    color: #9ba6a1 !important;

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

    margin-top: 0;
}


/* =========================================================
   LINKS
   ========================================================= */

.footer-container a {
    color: #9ba6a1 !important;

    font-size: 14px !important;

    text-decoration: none !important;

    transition:
        color .18s ease,
        transform .18s ease;
}


.footer-container a:hover {
    color: #ffffff !important;
}


/* =========================================================
   LINKS DAS LISTAS
   ========================================================= */

.footer-container ul {
    margin: 0 !important;
    padding: 0 !important;
}


.footer-container ul li {
    margin: 0 0 12px !important;
    line-height: 1.25 !important;
}


.footer-container ul li:last-child {
    margin-bottom: 0 !important;
}


.footer-container ul li a {
    display: inline-block;
}


.footer-container ul li a:hover {
    transform: translateX(2px);
}


/* REMOVE BOLINHAS / SETAS */
.footer-container ul li a::before {
    display: none !important;
}


/* =========================================================
   COLUNA DE ATENDIMENTO
   ========================================================= */

.footer-container a[href^="mailto:"] {
    color: #a8b1ad !important;
    font-weight: 500 !important;
}


.footer-container a[href^="mailto:"]::before {
    display: none !important;
}


.footer-container a[href^="mailto:"]:hover {
    color: #ffffff !important;
}


/* =========================================================
   DIVISÓRIA INFERIOR
   ========================================================= */

.copyrights-wrapper,
.min-footer {
    background: #080c0b !important;

    border-top: 1px solid #242a27 !important;

    min-height: 0 !important;

    padding-top: 14px !important;
    padding-bottom: 14px !important;
}


/* COPYRIGHT */
.copyrights-wrapper,
.copyrights-wrapper p,
.copyrights-wrapper span,
.copyrights-wrapper a,
.min-footer,
.min-footer p,
.min-footer span,
.min-footer a {
    color: #8e9893 !important;

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

    margin: 0 !important;
}


/* =========================================================
   BOTÃO VOLTAR AO TOPO
   ========================================================= */

.scrollToTop,
.scroll-to-top {
    width: 42px !important;
    height: 42px !important;

    border-radius: 10px !important;

    background: #121715 !important;

    border: 1px solid #2b312e !important;

    box-shadow: none !important;
}


.scrollToTop:hover,
.scroll-to-top:hover {
    background: #181e1b !important;
    border-color: #434b47 !important;

    transform: translateY(-2px);
}


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

@media (max-width: 767px) {

    .footer-container {
        padding: 27px 18px 18px !important;
    }


    .footer-container .elementor-element-621a37d img {
        width: 155px !important;
    }


    .footer-container .widget,
    .footer-container .elementor-widget {
        margin-bottom: 18px !important;
    }


    .footer-container .widget-title,
    .footer-container h4,
    .footer-container h5,
    .footer-container h6 {
        margin-bottom: 13px !important;

        font-size: 13px !important;
    }


    .footer-container p,
    .footer-container a,
    .footer-container span {
        font-size: 13px !important;
    }


    .footer-container ul li {
        margin-bottom: 8px !important;
    }

}
/* =========================================================
   FANTOM GAMES — HEADER PREMIUM
   ========================================================= */


/* =========================================================
   1. FUNDO PRINCIPAL DA HEADER
   ========================================================= */

.whb-header,
.whb-main-header,
.whb-general-header,
.main-header {
    background:
        radial-gradient(
            circle at 12% 50%,
            rgba(120, 75, 255, 0.10),
            transparent 32%
        ),
        radial-gradient(
            circle at 88% 50%,
            rgba(0, 210, 255, 0.06),
            transparent 30%
        ),
        #18191b !important;

    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}


/* =========================================================
   2. ALTURA / ESPAÇAMENTO
   ========================================================= */

.whb-general-header .whb-flex-row,
.whb-main-header .whb-flex-row {
    min-height: 74px !important;
}


/* =========================================================
   3. LOGO
   ========================================================= */

.whb-header .site-logo img,
.whb-header .wd-logo img {
    transition:
        transform .2s ease,
        filter .2s ease;
}


.whb-header .site-logo img:hover,
.whb-header .wd-logo img:hover {
    transform: translateY(-1px);

    filter:
        drop-shadow(0 0 8px rgba(120,75,255,.18));
}


/* =========================================================
   4. ITEM "MENU"
   ========================================================= */

.whb-header .menu-opener,
.whb-header .wd-header-cats,
.whb-header .wd-tools-element > a {
    color: #ffffff !important;
}


.whb-header .wd-header-cats > a,
.whb-header .menu-opener {
    font-weight: 600 !important;

    transition:
        color .2s ease,
        text-shadow .2s ease;
}


.whb-header .wd-header-cats:hover > a,
.whb-header .menu-opener:hover {
    color: #ffffff !important;

    text-shadow:
        0 0 9px rgba(118,83,255,.38);
}


/* =========================================================
   5. BOTÃO / ÍCONE INSTAGRAM
   ========================================================= */

.whb-header .wd-social-icon,
.whb-header .wd-social-icons a {
    border-radius: 50% !important;

    background: rgba(255,255,255,0.08) !important;

    border: 1px solid rgba(255,255,255,0.08) !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.whb-header .wd-social-icon:hover,
.whb-header .wd-social-icons a:hover {
    transform: translateY(-2px);

    background: rgba(120,75,255,.12) !important;

    border-color: rgba(120,75,255,.32) !important;

    box-shadow:
        0 0 14px rgba(120,75,255,.14);
}


/* =========================================================
   6. CAMPO DE BUSCA
   ========================================================= */

.whb-header .searchform,
.whb-header form.searchform {
    background: rgba(255,255,255,0.025) !important;

    border: 1px solid rgba(255,255,255,0.18) !important;

    border-radius: 30px !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


.whb-header .searchform:focus-within,
.whb-header form.searchform:focus-within {
    border-color: rgba(118,83,255,.45) !important;

    background: rgba(255,255,255,0.035) !important;

    box-shadow:
        0 0 0 3px rgba(118,83,255,.06),
        0 0 14px rgba(0,210,255,.05);
}


/* Input */
.whb-header .searchform input[type="text"],
.whb-header .searchform input[type="search"] {
    color: #ffffff !important;

    background: transparent !important;
}


/* Placeholder */
.whb-header .searchform input::placeholder {
    color: rgba(255,255,255,.50) !important;
}


/* =========================================================
   7. ÍCONES DA DIREITA
   ========================================================= */

.whb-header .wd-tools-element > a {
    transition:
        color .2s ease,
        transform .2s ease,
        text-shadow .2s ease;
}


.whb-header .wd-tools-element:hover > a {
    transform: translateY(-1px);

    color: #ffffff !important;

    text-shadow:
        0 0 9px rgba(118,83,255,.28);
}


/* =========================================================
   8. MEGA MENU ABERTO
   ========================================================= */

.wd-dropdown-menu,
.wd-dropdown,
.wd-sub-menu,
.wd-dropdown-cats {
    background:
        radial-gradient(
            circle at 15% 85%,
            rgba(118, 73, 255, 0.09),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 85%,
            rgba(0, 200, 255, 0.07),
            transparent 32%
        ),
        #0c0d0f !important;

    border: 1px solid rgba(255,255,255,0.07) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.38) !important;
}


/* =========================================================
   9. TÍTULOS DO MEGA MENU
   ========================================================= */

.wd-dropdown-menu .widget-title,
.wd-dropdown-menu h4,
.wd-dropdown-menu h5,
.wd-dropdown-menu .menu-title {
    color: #ffffff !important;

    font-weight: 700 !important;

    position: relative;

    padding-bottom: 12px;

    margin-bottom: 18px !important;

    border-bottom: 1px solid rgba(255,255,255,0.10);
}


/* pequeno detalhe neon */
.wd-dropdown-menu .widget-title::after,
.wd-dropdown-menu h4::after,
.wd-dropdown-menu h5::after,
.wd-dropdown-menu .menu-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 42px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #7c55ff,
            #36d8ff
        );
}


/* =========================================================
   10. LINKS DO MEGA MENU
   ========================================================= */

.wd-dropdown-menu a,
.wd-dropdown-cats a {
    color: rgba(255,255,255,.82) !important;

    transition:
        color .18s ease,
        transform .18s ease,
        text-shadow .18s ease;
}


.wd-dropdown-menu a:hover,
.wd-dropdown-cats a:hover {
    color: #ffffff !important;

    transform: translateX(3px);

    text-shadow:
        0 0 8px rgba(118,83,255,.28);
}


/* =========================================================
   11. ÍCONES ROXOS DO MENU
   ========================================================= */

.wd-dropdown-menu i,
.wd-dropdown-menu svg,
.wd-dropdown-cats i,
.wd-dropdown-cats svg {
    color: #795cff !important;

    transition:
        color .18s ease,
        filter .18s ease;
}


.wd-dropdown-menu a:hover i,
.wd-dropdown-menu a:hover svg,
.wd-dropdown-cats a:hover i,
.wd-dropdown-cats a:hover svg {
    color: #67dfff !important;

    filter:
        drop-shadow(0 0 5px rgba(103,223,255,.28));
}


/* =========================================================
   12. DIVISÓRIA ENTRE COLUNAS
   ========================================================= */

.wd-dropdown-menu .elementor-column,
.wd-dropdown-menu .e-con {
    border-color: rgba(255,255,255,0.07) !important;
}


/* =========================================================
   13. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .whb-general-header .whb-flex-row,
    .whb-main-header .whb-flex-row {
        min-height: 62px !important;
    }


    .wd-dropdown-menu,
    .wd-dropdown-cats {
        background: #0c0d0f !important;
    }

}
/* =========================================================
   MEGA MENU — REMOVE BORDAS E FUNDOS DAS COLUNAS
   ========================================================= */

/* Remove fundo, borda e sombra dos elementos internos */
.wd-dropdown-menu ul,
.wd-dropdown-menu .menu,
.wd-dropdown-menu .widget,
.wd-dropdown-menu .elementor-widget,
.wd-dropdown-menu .elementor-widget-container,

.wd-dropdown-cats ul,
.wd-dropdown-cats .menu,
.wd-dropdown-cats .widget,
.wd-dropdown-cats .elementor-widget,
.wd-dropdown-cats .elementor-widget-container {

    background: transparent !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/* Remove também fundo dos containers Elementor
   das colunas PlayStation e Gênero */
.wd-dropdown-menu .e-con,
.wd-dropdown-menu .elementor-element,
.wd-dropdown-cats .e-con,
.wd-dropdown-cats .elementor-element {

    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;
}


/* Os itens individuais também ficam transparentes */
.wd-dropdown-menu li,
.wd-dropdown-menu li a,
.wd-dropdown-cats li,
.wd-dropdown-cats li a {

    background: transparent !important;
}


/* =========================================================
   MANTÉM SOMENTE A LINHA ABAIXO DOS TÍTULOS
   ========================================================= */

.info-box-content .info-box-title {

    border-bottom:
        1px solid rgba(255,255,255,0.10) !important;
}
/* =========================================================
   FANTOM — MOBILE SEM NEON
   Mantém o visual original no celular
   ========================================================= */

@media (max-width: 767px) {

    /* Header mobile */
    .whb-header,
    .whb-main-header,
    .whb-general-header,
    .main-header {
        background: #1c1c1c !important;
        background-image: none !important;
    }

    /* Linhas internas da header */
    .whb-header .whb-row,
    .whb-header .whb-flex-row,
    .whb-main-header .whb-row,
    .whb-general-header .whb-row {
        background: transparent !important;
        background-image: none !important;
    }

    /* Remove brilho/sombra neon no mobile */
    .whb-header {
        box-shadow: none !important;
    }

    /* Mega menu / menu mobile também sem neon */
    .wd-dropdown-menu,
    .wd-dropdown-cats {
        background: #0c0d0f !important;
        background-image: none !important;
    }
}

/* ==========================================
   FANTOM GAMES
   Remove botão "Visualização rápida"
   ========================================== */

.wd-quick-view-btn {
    display: none !important;
}
/* =========================================================
   FANTOM GAMES — PADRÃO GLOBAL DOS CAMPOS
   Retangular + cantos arredondados + hover neon
   NÃO ALTERA QUANTIDADE DOS PRODUTOS
   ========================================================= */


/* =========================================================
   1. VISUAL NORMAL DOS CAMPOS
   ========================================================= */

input[type="text"]:not(.qty),
input[type="email"]:not(.qty),
input[type="tel"]:not(.qty),
input[type="number"]:not(.qty),
input[type="password"]:not(.qty),
input[type="search"]:not(.qty),
input[type="url"]:not(.qty),
select,
textarea,

/* WooCommerce */
.woocommerce input.input-text:not(.qty),
.woocommerce select,
.woocommerce textarea,

/* Cupom */
#coupon_code,

/* Busca Woodmart */
/* =========================================
   FANTOM - CORREÇÃO DO CAMPO DE BUSCA
   ========================================= */

/* O formulário externo será a única caixa */
.wd-search-form,
.searchform {
    background: #1f1f1f !important;
    border: 1px solid #444 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    overflow: hidden !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease !important;
}


/* Remove completamente a segunda caixa interna */
.wd-search-form input[type="text"],
.wd-search-form input[type="search"],
.searchform input[type="text"],
.searchform input[type="search"] {
    background: transparent !important;

    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    min-height: 54px !important;

    padding-left: 22px !important;
    padding-right: 55px !important;
}


/* Impede o CSS global de devolver borda ao input */
.wd-search-form input:hover,
.wd-search-form input:focus,
.searchform input:hover,
.searchform input:focus {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}


/* Neon somente na caixa externa */
.wd-search-form:hover,
.searchform:hover {
    border-color: #00aaff !important;

    box-shadow:
        0 0 5px rgba(0, 170, 255, .55),
        0 0 12px rgba(0, 170, 255, .18) !important;
}


/* Neon quando clicar dentro da busca */
.wd-search-form:focus-within,
.searchform:focus-within {
    border-color: #00aaff !important;

    box-shadow:
        0 0 6px rgba(0, 170, 255, .70),
        0 0 15px rgba(0, 170, 255, .25) !important;
}


/* Texto Buscar */
.wd-search-form input::placeholder,
.searchform input::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
}
 {

    background: #1f1f1f !important;

    border: 1px solid #444 !important;
    border-radius: 16px !important;

    color: #fff !important;

    min-height: 54px;

    padding-left: 22px !important;
    padding-right: 22px !important;

    outline: none !important;
    box-shadow: none !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease !important;
}


/* =========================================================
   2. TEXTAREA
   ========================================================= */

textarea,
.woocommerce textarea {

    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


/* =========================================================
   3. HOVER NEON
   ========================================================= */

input[type="text"]:not(.qty):hover,
input[type="email"]:not(.qty):hover,
input[type="tel"]:not(.qty):hover,
input[type="number"]:not(.qty):hover,
input[type="password"]:not(.qty):hover,
input[type="search"]:not(.qty):hover,
input[type="url"]:not(.qty):hover,
select:hover,
textarea:hover,

.woocommerce input.input-text:not(.qty):hover,
.woocommerce select:hover,
.woocommerce textarea:hover,

#coupon_code:hover,

.wd-search-form input:not(.qty):hover,
.searchform input:not(.qty):hover {

    border-color: #00aaff !important;

    box-shadow:
        0 0 5px rgba(0, 170, 255, .55),
        0 0 12px rgba(0, 170, 255, .18) !important;
}


/* =========================================================
   4. CAMPO SELECIONADO / FOCUS
   ========================================================= */

input[type="text"]:not(.qty):focus,
input[type="email"]:not(.qty):focus,
input[type="tel"]:not(.qty):focus,
input[type="number"]:not(.qty):focus,
input[type="password"]:not(.qty):focus,
input[type="search"]:not(.qty):focus,
input[type="url"]:not(.qty):focus,
select:focus,
textarea:focus,

.woocommerce input.input-text:not(.qty):focus,
.woocommerce select:focus,
.woocommerce textarea:focus,

#coupon_code:focus,

.wd-search-form input:not(.qty):focus,
.searchform input:not(.qty):focus {

    background: #1f1f1f !important;

    border-color: #00aaff !important;

    outline: none !important;

    box-shadow:
        0 0 6px rgba(0, 170, 255, .70),
        0 0 15px rgba(0, 170, 255, .25) !important;
}


/* =========================================================
   5. PLACEHOLDER
   ========================================================= */

input:not(.qty)::placeholder,
textarea::placeholder {

    color: #aaa !important;
    opacity: 1 !important;
}


/* =========================================================
   6. AUTOPREENCHIMENTO DO CHROME
   Evita fundo branco/azulado
   ========================================================= */

input:not(.qty):-webkit-autofill,
input:not(.qty):-webkit-autofill:hover,
input:not(.qty):-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {

    -webkit-text-fill-color: #fff !important;

    -webkit-box-shadow:
        0 0 0 1000px #1f1f1f inset !important;
}


/* =========================================================
   7. TABLET E MOBILE
   ========================================================= */

@media (max-width: 1024px) {

    input[type="text"]:not(.qty),
    input[type="email"]:not(.qty),
    input[type="tel"]:not(.qty),
    input[type="number"]:not(.qty),
    input[type="password"]:not(.qty),
    input[type="search"]:not(.qty),
    input[type="url"]:not(.qty),
    select,
    textarea,

    .woocommerce input.input-text:not(.qty),
    .woocommerce select,
    .woocommerce textarea {

        min-height: 52px;

        border-radius: 15px !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}
/* =====================================================
   FANTOM - CORREÇÃO DEFINITIVA DA BUSCA
   Remove a caixa interna do Woodmart
   ===================================================== */


/* CAIXA EXTERNA - será a única borda visível */
.wd-header-search-form {
    background: #1f1f1f !important;
    border: 1px solid #444 !important;
    border-radius: 16px !important;

    box-shadow: none !important;
    overflow: hidden !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease !important;
}


/* REMOVE A CAIXA ANTIGA DO WOODMART */
.wd-header-search-form > .searchform,
.wd-header-search-form form.searchform,
.wd-header-search-form .searchform.wd-style-default {

    background: transparent !important;

    border: 0 !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;
}


/* INPUT INTERNO - sem nenhuma borda */
.wd-header-search-form .searchform input.s,
.wd-header-search-form input[type="text"].s {

    background: transparent !important;

    border: 0 !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    min-height: 54px !important;

    padding-left: 22px !important;
    padding-right: 55px !important;

    color: #fff !important;
}


/* NÃO DEIXA A BORDA VOLTAR NO HOVER/FOCUS */
.wd-header-search-form .searchform:hover,
.wd-header-search-form .searchform:focus,
.wd-header-search-form .searchform:focus-within,
.wd-header-search-form input.s:hover,
.wd-header-search-form input.s:focus {

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* NEON NO HOVER */
.wd-header-search-form:hover {

    border-color: #00aaff !important;

    box-shadow:
        0 0 5px rgba(0, 170, 255, .55),
        0 0 12px rgba(0, 170, 255, .18) !important;
}


/* NEON QUANDO CLICAR NA BUSCA */
.wd-header-search-form:focus-within {

    border-color: #00aaff !important;

    box-shadow:
        0 0 6px rgba(0, 170, 255, .70),
        0 0 15px rgba(0, 170, 255, .25) !important;
}


/* PLACEHOLDER */
.wd-header-search-form input.s::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
}
/* =====================================================
   FANTOM - CORREÇÃO DA BUSCA NO MOBILE
   ===================================================== */

@media (max-width: 1024px) {

    /* Caixa externa */
    .wd-search-form,
    .wd-header-search-form,
    .wd-search-full-screen,
    .wd-search-full-screen .searchform {

        background: #1f1f1f !important;
    }


    /* Remove a borda antiga do FORM interno */
    .wd-search-form form.searchform,
    .wd-header-search-form form.searchform,
    .wd-search-full-screen form.searchform,
    form.searchform.wd-style-default {

        background: transparent !important;

        border: 0 !important;
        border-width: 0 !important;
        border-color: transparent !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        outline: 0 !important;
    }


    /* Remove borda do INPUT interno */
    .wd-search-form input.s,
    .wd-header-search-form input.s,
    .wd-search-full-screen input.s,
    form.searchform input.s {

        background: transparent !important;

        border: 0 !important;
        border-width: 0 !important;
        border-color: transparent !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        outline: 0 !important;
    }


    /* Impede borda de voltar no hover/focus */
    .wd-search-form form.searchform:hover,
    .wd-search-form form.searchform:focus-within,
    .wd-search-full-screen form.searchform:hover,
    .wd-search-full-screen form.searchform:focus-within,
    form.searchform.wd-style-default:hover,
    form.searchform.wd-style-default:focus-within {

        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }
}
/* =====================================================
   MOBILE - ESPAÇO SUPERIOR DA BUSCA NO HEADER BOTTOM
   ===================================================== */
.wd-header-search-form,
.wd-search-form {
    margin-top: 7px !important;
}

.wd-header-cart {
    margin-top: 7px !important;
}
/* =========================================================
   8. PROTEÇÃO DA QUANTIDADE DOS PRODUTOS
   O novo visual NÃO toca no - 1 +
   ========================================================= */

.woocommerce .quantity,
.woocommerce .quantity input.qty,
.woocommerce .quantity input.minus,
.woocommerce .quantity input.plus {

    box-shadow: none;
}
/* Corrige alinhamento do carrinho somente no desktop */
@media (min-width: 1025px) {
    .wd-header-cart {
        transform: translateY(-3px) !important;
    }
}
/* FANTOM - evita deslocamento após selecionar variações */
@media (min-width: 1025px) {
    form.variations_form.wd-reset-bottom-lg.variation-swatch-selected {
        --wd-var-table-mb: 20px !important;
    }
}

/* Fundo somente das páginas de produto */
.single-product,
.single-product .website-wrapper,
.single-product .main-page-wrapper {
    background-color: #242424 !important;
}

/* =========================================================
   FANTOM GAMES
   DESCRIÇÃO LONGA - PLAYSTATION STORE
========================================================= */

.wd-single-content .elementor-widget-container {

    width: 100%;
    max-width: none;

    margin: 0;

    padding: 28px 30px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.018)
        );

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius: 16px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.025);

    box-sizing: border-box;
}


/* PARÁGRAFOS */

.wd-single-content .elementor-widget-container p {

    margin: 0 0 18px;

    color:
        rgba(255,255,255,.82);

    font-size: 15px;

    font-weight: 400;

    line-height: 1.7;
}


/* ÚLTIMO PARÁGRAFO */

.wd-single-content .elementor-widget-container p:last-child {

    margin-bottom: 0;
}


/* MOBILE */

@media (max-width: 767px) {

    .wd-single-content .elementor-widget-container {

        padding: 20px 18px;

        border-radius: 13px;
    }


    .wd-single-content .elementor-widget-container p {

        font-size: 14px;

        line-height: 1.65;

        margin-bottom: 16px;
    }

}

/* TÍTULO DA DESCRIÇÃO */

.fantom-ps-description-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;

    margin-bottom: 22px;

    padding-bottom: 15px;

    border-bottom: 1px solid rgba(255,255,255,.08);
}


/* MOBILE */

@media (max-width: 767px) {

    .fantom-ps-description-title {
        font-size: 18px;
        margin-bottom: 18px;
        padding-bottom: 13px;
    }

}
/* =========================================================
   FANTOM GAMES
   ORDENAÇÃO MOBILE - SOMENTE ÍCONE
========================================================= */

@media (max-width: 767px) {

    .wd-shop-ordering {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .wd-shop-ordering .woocommerce-ordering.wd-ordering-mb-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;

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

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

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        outline: none !important;
    }

    .wd-shop-ordering .woocommerce-ordering.wd-ordering-mb-icon:hover,
    .wd-shop-ordering .woocommerce-ordering.wd-ordering-mb-icon:focus,
    .wd-shop-ordering .woocommerce-ordering.wd-ordering-mb-icon:active {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .wd-shop-ordering .woocommerce-ordering select.orderby {
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;

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

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

}


/* FANTOM - TÍTULOS COMPACTOS EM ATÉ 2 LINHAS */

.wd-product .wd-entities-title,
.wd-product .wd-product-title,
.product-grid-item .wd-entities-title,
.product-grid-item .wd-product-title {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: unset !important;

		line-height: 1.16em !important;
		height: 2.32em !important;
		min-height: 2.32em !important;
		max-height: 2.32em !important;
	
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    text-align: center !important;
    margin-bottom: 0 !important;
}
/* APROXIMA O PREÇO DO TÍTULO */

.product-grid-item .wrap-price {
    margin-top: -10px !important;
}
/* =========================================================
   FANTOM — RESULTADOS DA BUSCA
   SOMENTE CAPAS
========================================================= */

.wd-suggestion {
    position: relative !important;
    display: block !important;

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

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: hidden !important;
    border-radius: 8px !important;
}


/* CAPA */
.wd-suggestion .wd-suggestion-thumb {
    width: 100% !important;

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

    border-radius: 8px !important;
    overflow: hidden !important;
}


.wd-suggestion .wd-suggestion-thumb img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;

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

    border-radius: 8px !important;
}


/* ESCONDE NOME E PREÇO */
.wd-suggestion .wd-suggestion-content {
    display: none !important;
}


/* MANTÉM TODA A CAPA CLICÁVEL */
.wd-suggestion .wd-fill {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
}


/* HOVER DISCRETO */
.wd-suggestion {
    transition:
        transform .18s ease,
        filter .18s ease !important;
}


.wd-suggestion:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
}

/* =========================================================
   FANTOM — PESQUISA MOBILE
   2 CAPAS POR LINHA
========================================================= */

@media (max-width: 767px) {

    .wd-search-results
    .wd-suggestions-group.wd-type-product {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;

        width: 100% !important;
    }


    .wd-search-results
    .wd-suggestions-group.wd-type-product
    > .wd-suggestion {

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

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


    .wd-search-results
    .wd-suggestions-group.wd-type-product
    > .wd-suggestion
    .wd-suggestion-thumb {

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
    }


    .wd-search-results
    .wd-suggestions-group.wd-type-product
    > .wd-suggestion
    .wd-suggestion-thumb img {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        aspect-ratio: 2 / 3 !important;
        object-fit: cover !important;
    }

}
/* =========================================================
   FANTOM — TÍTULO DO JOGO NO TOPO
   SUBSTITUI BREADCRUMB + NAVEGAÇÃO
========================================================= */

/* Esconde anterior / voltar para loja / próximo */
.single-product .elementor-element-b0a3d13 {
    display: none !important;
}


/* Faz o bloco do breadcrumb ocupar toda a largura */
.single-product .elementor-element-a81eccb {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
}


/* Remove Início e Categoria */
.single-product .wd-breadcrumbs > a {
    display: none !important;
}


/* Remove os separadores */
.single-product .wd-breadcrumbs .wd-delimiter {
    display: none !important;
}


/* Transforma o breadcrumb no card */
.single-product .wd-breadcrumbs {
    display: flex !important;

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

    width: 100% !important;
    min-height: 58px !important;

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

    box-sizing: border-box !important;

		background: #303030 !important;

		border: none !important;
    border-radius: 10px !important;

    box-shadow: none !important;

    text-align: center !important;
}


/* Nome do jogo */
.single-product .wd-breadcrumbs .wd-last {
    display: block !important;

    width: 100% !important;

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

    color: #ffffff !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: center !important;
}


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

@media (max-width: 767px) {

    .single-product .wd-breadcrumbs {
        min-height: 52px !important;

        padding: 12px 14px !important;

        border-radius: 9px !important;
    }

    .single-product .wd-breadcrumbs .wd-last {
        font-size: 17px !important;
    }
}
/* =========================================================
   FANTOM — TÍTULO COM MESMO FORMATO DO CARD DE OPÇÕES
========================================================= */

.single-product .wd-breadcrumbs {
    background: #303030 !important;

    border: none !important;

    border-radius: var(--wd-brd-radius) !important;

    box-shadow: none !important;
}
/* =========================================================
   FANTOM — REDUZ ESPAÇO ABAIXO DO TÍTULO
========================================================= */

.single-product .elementor-element-858df44 {
    margin-bottom: -20px !important;
}
/* =====================================================
   FANTOM - CARROSSEL DE GÊNEROS
   ===================================================== */


/* -----------------------------------------------------
   1. ESTRUTURA DOS CARDS
   ----------------------------------------------------- */

/* Card vira referência para o título */
.wd-cats .category-grid-item .wd-cat-inner {
    position: relative !important;
}

/* Remove espaço abaixo da imagem */
.wd-cats .wd-cat-thumb {
    margin-bottom: 0 !important;
}


/* -----------------------------------------------------
   2. NOME DO GÊNERO DENTRO DA IMAGEM
   ----------------------------------------------------- */

.wd-cats .category-grid-item .wd-cat-content {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 10px !important;

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

    background: rgba(0, 0, 0, 0.58) !important;

    z-index: 5 !important;
    pointer-events: none !important;

    transform: none !important;
}


/* Texto do gênero */
.wd-cats .category-grid-item .wd-entities-title {
    width: 100% !important;

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

    text-align: center !important;

    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}


/* -----------------------------------------------------
   3. DESKTOP
   ----------------------------------------------------- */

@media (min-width: 769px) {

    /* Faixa mais fina e discreta */
    .wd-cats .category-grid-item .wd-cat-content {
        height: 30px !important;
        padding: 0 8px !important;

        background: rgba(0, 0, 0, 0.48) !important;
    }

    .wd-cats .category-grid-item .wd-entities-title {
        font-size: 16px !important;
    }
}


/* -----------------------------------------------------
   4. MOBILE
   ----------------------------------------------------- */

@media (max-width: 768px) {

    .wd-cats .category-grid-item .wd-cat-content {
        height: 34px !important;
        padding: 0 8px !important;

        background: rgba(0, 0, 0, 0.62) !important;
    }

    .wd-cats .category-grid-item .wd-entities-title {
        font-size: 17px !important;
    }
}


/* =====================================================
   5. SETAS DO CARROSSEL
   ===================================================== */

/* Carrossel é a referência para as setas */
.wd-cats.wd-carousel-container {
    position: relative !important;
}


/* Container das setas */
.wd-cats.wd-carousel-container > .wd-nav-arrows {
    position: absolute !important;

    inset: 0 !important;

    pointer-events: none !important;
}


/* Botões */
.wd-cats .wd-nav-arrows .wd-btn-arrow {
    position: absolute !important;

    /* Centro vertical do carrossel */
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 34px !important;
    height: 34px !important;

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

    background: rgba(22, 22, 22, 0.92) !important;

    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 50% !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;

    z-index: 30 !important;

    pointer-events: auto !important;
}


/* -----------------------------------------------------
   6. POSIÇÃO HORIZONTAL DAS SETAS
   ----------------------------------------------------- */

/* Metade para fora - esquerda */
.wd-cats .wd-nav-arrows .wd-prev {
    left: -13px !important;
    right: auto !important;
}


/* Metade para fora - direita */
.wd-cats .wd-nav-arrows .wd-next {
    right: -13px !important;
    left: auto !important;
}


/* -----------------------------------------------------
   7. ÍCONE DAS SETAS
   ----------------------------------------------------- */

.wd-cats .wd-nav-arrows .wd-arrow-inner {
    opacity: 0.85 !important;
}


/* Hover */
.wd-cats .wd-nav-arrows .wd-btn-arrow:hover {
    background: rgba(35, 35, 35, 1) !important;

    border-color: rgba(255, 255, 255, 0.35) !important;
}


.wd-cats .wd-nav-arrows .wd-btn-arrow:hover .wd-arrow-inner {
    opacity: 1 !important;
}


/* Seta desativada */
.wd-cats .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.35 !important;
}

/* =====================================================
   AJUSTE FINAL - FAIXA E TÍTULO DOS GÊNEROS
   ===================================================== */

/* Faixa mais baixa */
.wd-cats .category-grid-item .wd-cat-content {
    bottom: -5px !important;
}

/* Força o título a ficar realmente no centro da faixa */
.wd-cats .category-grid-item .wd-cat-content.hover-mask {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: none !important;
}

/* Remove deslocamentos do Woodmart no título */
.wd-cats .category-grid-item .wd-cat-content .wd-entities-title {
    position: static !important;
    transform: none !important;

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

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

    height: 100% !important;
    width: 100% !important;

    line-height: 1 !important;
    text-align: center !important;
}


/* DESKTOP */
@media (min-width: 769px) {

    .wd-cats .category-grid-item .wd-cat-content {
        bottom: -1px !important;
        height: 30px !important;
    }

    .wd-cats .category-grid-item .wd-entities-title {
        font-size: 16px !important;
    }
}


/* MOBILE */
@media (max-width: 768px) {

    .wd-cats .category-grid-item .wd-cat-content {
        bottom: -1px !important;
        height: 34px !important;
    }

    .wd-cats .category-grid-item .wd-entities-title {
        font-size: 17px !important;
    }
}
/* =====================================================
   FANTOM GAMES
   SETAS SOMENTE DOS CARROSSÉIS DE PRODUTOS
   Não interfere na galeria principal do produto
   ===================================================== */

/* Container */
.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep {
    pointer-events: none !important;
}

/* Botões */
.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-btn-arrow,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;

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

    background: rgba(22, 22, 22, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 50% !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;

    opacity: 1 !important;
    z-index: 30 !important;
    pointer-events: auto !important;
}

/* Seta esquerda */
.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-prev,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-prev {
    left: -10px !important;
    right: auto !important;
}

/* Seta direita */
.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-next,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-next {
    right: -10px !important;
    left: auto !important;
}

/* Ícones */
.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-arrow-inner,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-arrow-inner {
    width: 100% !important;
    height: 100% !important;

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

    opacity: 0.85 !important;
}

.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-arrow-inner:after,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-arrow-inner:after {
    margin: 0 !important;
}

/* Hover */
.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-btn-arrow:hover,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-btn-arrow:hover {
    background: rgba(35, 35, 35, 1) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-btn-arrow:hover .wd-arrow-inner,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-btn-arrow:hover .wd-arrow-inner {
    opacity: 1 !important;
}

/* Desativada */
.single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-btn-arrow.wd-disabled,
.single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-btn-arrow.wd-disabled {
    opacity: 0.35 !important;
}

/* MOBILE */
@media (max-width: 768px) {

    .single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-btn-arrow,
    .single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }
}

/* =====================================================
   FANTOM - ESPAÇO ENTRE CAPA E BLOCO DE TÍTULO/PREÇO
   HOME + RECOMENDAÇÕES
   ===================================================== */


/* -----------------------------------------------------
   TODOS OS CARDS DE PRODUTO
   ----------------------------------------------------- */

.wd-product.product-grid-item {
    --wd-prod-gap: 8px !important;
}

.wd-product.product-grid-item .wd-product-wrapper {
    gap: 8px !important;
}


/* -----------------------------------------------------
   DESKTOP
   ----------------------------------------------------- */

@media (min-width: 769px) {

    .wd-product.product-grid-item {
        --wd-prod-gap: 2px !important;
    }

    .wd-product.product-grid-item .wd-product-wrapper {
        gap: 2px !important;
    }
}


/* -----------------------------------------------------
   MOBILE
   ----------------------------------------------------- */

@media (max-width: 768px) {

    .wd-product.product-grid-item {
        --wd-prod-gap: 2px !important;
    }

    .wd-product.product-grid-item .wd-product-wrapper {
        gap: 2px !important;
    }
}

/* =====================================================
   FANTOM - RECOMENDAÇÕES
   DESKTOP: SETAS SEM MOVIMENTO
   ===================================================== */

@media (min-width: 769px) {

    /* Seta esquerda */
    .single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-prev,
    .single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-prev {
        left: -10px !important;
        right: auto !important;

        transform: none !important;
        opacity: 1 !important;

        transition: none !important;
    }

    /* Seta direita */
    .single-product .wd-products-element .wd-nav-arrows.wd-pos-sep .wd-next,
    .single-product .wd-products .wd-nav-arrows.wd-pos-sep .wd-next {
        right: -10px !important;
        left: auto !important;

        transform: none !important;
        opacity: 1 !important;

        transition: none !important;
    }

    /* Impede o Woodmart de deslocar no hover */
    .single-product .wd-products-element:hover .wd-nav-arrows.wd-pos-sep .wd-prev,
    .single-product .wd-products:hover .wd-nav-arrows.wd-pos-sep .wd-prev {
        left: -10px !important;
        transform: none !important;
    }

    .single-product .wd-products-element:hover .wd-nav-arrows.wd-pos-sep .wd-next,
    .single-product .wd-products:hover .wd-nav-arrows.wd-pos-sep .wd-next {
        right: -10px !important;
        transform: none !important;
    }
}

/* =========================================================
   FANTOM GAMES — CTAs PRINCIPAIS
   Adicionar ao carrinho • Checkout • Finalizar pedido
   ========================================================= */

:root {
    --fantom-cta-bg: rgba(92, 72, 125, .25);
    --fantom-cta-bg-hover: rgba(104, 79, 145, .38);

    --fantom-cta-border: rgba(112, 71, 255, .34);
    --fantom-cta-border-hover: rgba(130, 95, 255, .58);
}


/* =========================================================
   ESTADO NORMAL — TODOS IGUAIS
   ========================================================= */

/* ADICIONAR AO CARRINHO */
body.single-product
form.cart
button.single_add_to_cart_button,

body.single-product
form.variations_form
button.single_add_to_cart_button,

body.single-product
.woocommerce-variation-add-to-cart
button.single_add_to_cart_button,

body.single-product
button.single_add_to_cart_button.button,

/* CHECKOUT */
body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button,

/* FINALIZAR PEDIDO */
body.woocommerce-checkout
button#place_order,

body.woocommerce-checkout
#payment
button#place_order,

body.woocommerce-checkout
button[name="woocommerce_checkout_place_order"] {

    /* MESMA ALTURA NOS 3 */
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    padding: 0 28px !important;

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

    border:
        1px solid var(--fantom-cta-border) !important;

    border-radius:
        8px !important;

    background:
        var(--fantom-cta-bg) !important;

    background-image:
        none !important;

    /* TEXTO BRANCO */
    color:
        #ffffff !important;

    font-size:
        15px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    text-align:
        center !important;

    text-decoration:
        none !important;

    opacity:
        1 !important;

    filter:
        none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03) !important;

    transition:
        background .20s ease,
        border-color .20s ease,
        box-shadow .20s ease,
        transform .20s ease !important;
}


/* =========================================================
   ADICIONAR AO CARRINHO
   Mantém largura do próprio bloco
   ========================================================= */

body.single-product
form.cart
button.single_add_to_cart_button,

body.single-product
.woocommerce-variation-add-to-cart
button.single_add_to_cart_button {

    width: 100% !important;
}


/* =========================================================
   CHECKOUT + FINALIZAR
   ========================================================= */

body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button,

body.woocommerce-checkout
button#place_order {

    width: 100% !important;
}


/* =========================================================
   HOVER — TODOS IGUAIS
   ========================================================= */

body.single-product
form.cart
button.single_add_to_cart_button:hover,

body.single-product
form.variations_form
button.single_add_to_cart_button:hover,

body.single-product
.woocommerce-variation-add-to-cart
button.single_add_to_cart_button:hover,

body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button:hover,

body.woocommerce-checkout
button#place_order:hover,

body.woocommerce-checkout
#payment
button#place_order:hover {

    background:
        var(--fantom-cta-bg-hover) !important;

    background-image:
        none !important;

    border-color:
        var(--fantom-cta-border-hover) !important;

    color:
        #ffffff !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 7px 18px rgba(0,0,0,.20),
        0 0 15px rgba(112,71,255,.09) !important;
}


/* =========================================================
   CLIQUE
   ========================================================= */

body.single-product
form.cart
button.single_add_to_cart_button:active,

body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button:active,

body.woocommerce-checkout
button#place_order:active {

    transform:
        translateY(0);

    background:
        rgba(104,79,145,.32) !important;
}


/* =========================================================
   FINALIZAR PEDIDO
   Força aparência já no estado NORMAL
   ========================================================= */

body.woocommerce-checkout
#payment
button#place_order.button,

body.woocommerce-checkout
#payment
button#place_order.button.alt,

body.woocommerce-checkout
button#place_order.button,

body.woocommerce-checkout
button#place_order.button.alt {

    height:
        54px !important;

    min-height:
        54px !important;

    background:
        var(--fantom-cta-bg) !important;

    background-image:
        none !important;

    border:
        1px solid var(--fantom-cta-border) !important;

    color:
        #ffffff !important;

    opacity:
        1 !important;

    filter:
        none !important;
}


/* FINALIZAR — HOVER */

body.woocommerce-checkout
#payment
button#place_order.button:hover,

body.woocommerce-checkout
#payment
button#place_order.button.alt:hover {

    background:
        var(--fantom-cta-bg-hover) !important;

    border-color:
        var(--fantom-cta-border-hover) !important;

    color:
        #ffffff !important;
}


/* =========================================================
   MOBILE
   Mantém exatamente a mesma identidade
   ========================================================= */

@media (max-width: 767px) {

    body.single-product
    form.cart
    button.single_add_to_cart_button,

    body.woocommerce-cart
    .wc-proceed-to-checkout
    a.checkout-button,

    body.woocommerce-checkout
    button#place_order {

        height:
            54px !important;

        min-height:
            54px !important;

        max-height:
            54px !important;

        font-size:
            14px !important;
    }

}
/* FANTOM — OCULTAR BOLINHAS DE PAGINAÇÃO DOS CARROSSÉIS */
.wd-nav-pagin,
.owl-dots,
.swiper-pagination {
    display: none !important;
}