/*
|--------------------------------------------------------------------------
| Itatech Theme - Header v4
|--------------------------------------------------------------------------
| Correção focada no cabeçalho do Bagisto 2.4.4.
| Nesta versão o login volta ao comportamento visual antigo e o ícone usa
| Font Awesome: fa-solid fa-circle-user.
*/

:root {
    --ita-header-bg: #1e1e22;
    --ita-header-field: #3e3e40;
    --ita-header-text: #c9cacc;
    --ita-header-muted: #9d9dae;
    --ita-white: #ffffff;
    --ita-accent: rgb(34, 23, 160);
    --ita-service-start: #3216b9;
    --ita-service-end: #3007c2;
}

html,
body {
    overflow-x: clip;
}

.ita-header,
.custom-header,
.ita-header-desktop-bottom {
    background: var(--ita-header-bg) !important;
}

.ita-header-desktop-bottom {
    display: block !important;
    width: 100% !important;
    border-color: transparent !important;
    padding-top: 2px !important;
    padding-bottom: 0 !important;
}

.ita-header-main-row {
    display: flex !important;
    width: 100% !important;
    min-height: 78px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
}

.ita-header-logo-col {
    order: 1 !important;
    flex: 0 0 auto !important;
}

.ita-header-logo {
    display: block;
    width: auto !important;
    max-width: 300px !important;
    height: auto !important;
    object-fit: contain !important;
}

.ita-header-center {
    order: 2 !important;
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 26px !important;
}

.ita-header-search-shell {
    position: relative !important;
    width: 100% !important;
    min-width: 360px !important;
    max-width: 680px !important;
    flex: 1 1 520px !important;
}

.ita-header-search-form {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-items: center !important;
}

.ita-header-search-shell .ita-search-icon,
.ita-header-search-form .ita-search-icon {
    position: absolute !important;
    top: 50% !important;
    left: 14px !important;
    right: auto !important;
    z-index: 2 !important;
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    place-items: center !important;
    transform: translateY(-50%) !important;
    color: #b5b5b9 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.ita-header-search-input {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    padding-left: 54px !important;
    padding-right: 18px !important;
    border-radius: 4px !important;
    background-color: var(--ita-header-field) !important;
    color: var(--ita-header-text) !important;
    border-color: transparent !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.ita-header-search-input::placeholder {
    color: #b5b5b9;
}

.ita-header-search-input:hover,
.ita-header-search-input:focus {
    border-color: rgba(255, 255, 255, .18) !important;
    box-shadow: 0 0 0 2px rgba(34, 23, 160, .28);
}

.header-buttons-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .2rem;
    flex-wrap: nowrap;
    margin-left: auto;
}

.service-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
    padding: 12px;
    border-radius: .2rem;
    background: linear-gradient(13deg, var(--ita-service-start), var(--ita-service-end));
    color: var(--ita-white) !important;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.service-button:hover {
    color: var(--ita-white) !important;
    transform: scale(1.05);
    box-shadow: 0 7px 15px -5px rgba(34, 23, 160, .95);
}

.ita-service-arrow {
    display: inline-flex;
    font-size: .9rem;
    transform: rotate(-45deg);
}

.ita-header-actions {
    order: 3 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ita-header-actions .icon-compare,
.ita-header-actions .icon-cart {
    color: #e4e4e4 !important;
    font-size: 27px !important;
    transition: color .18s ease, transform .18s ease;
}

.ita-header-actions .icon-compare:hover,
.ita-header-actions .icon-cart:hover {
    color: var(--ita-white) !important;
    transform: translateY(-1px);
}

/* Login/usuário: voltou ao estilo antigo, sem círculo branco criado por CSS e sem efeito extra no texto. */
.ita-login-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #fff !important;
    user-select: none !important;
    cursor: pointer !important;
}

.ita-login-toggle .fa-solid,
.ita-login-toggle .ita-user-fa-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    font-size: 26px !important;
    line-height: 1 !important;
    color: #fff !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.ita-login-text {
    display: inline-block !important;
    line-height: 1.15 !important;
    color: #fff !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-shadow: none !important;
    transform: none !important;
}

.ita-login-text strong {
    font-weight: 800 !important;
}

.ita-login-text--guest,
.ita-login-text--auth {
    white-space: normal !important;
}

.ita-login-text--guest .line1,
.ita-login-text--guest .line2,
.ita-login-text--auth .line1,
.ita-login-text--auth .line2 {
    display: block !important;
    white-space: nowrap !important;
}

.ita-login-text--auth .line1 {
    display: inline-block !important;
    text-align: right !important;
    font-kerning: none !important;
    font-variant-ligatures: none !important;
}

.ita-auth-link {
    position: relative !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: color .18s ease !important;
}

.ita-auth-link:hover,
.ita-login-text--auth strong:hover,
.ita-login-toggle .ita-login-text:not(.ita-login-text--guest) strong:hover {
    color: #1147c5 !important;
}

.ita-auth-link:focus-visible {
    outline: 2px solid #1147c5;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Categorias abaixo da faixa principal */
.ita-header-category-row {
    display: flex !important;
    width: 100% !important;
    min-height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    border-top: 1px solid rgba(255, 255, 255, .05) !important;
}

.ita-header-category-row .ita-cat-nav {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    color: #fff !important;
    font-weight: 800;
    white-space: nowrap;
}

.ita-cat-group {
    position: relative;
}

.ita-cat-group::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
    pointer-events: auto;
}

.ita-header-category-row .ita-cat-group {
    height: 54px !important;
}

.ita-cat-link {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 14px 20px !important;
    color: #fff !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 14px !important;
    line-height: 1.15;
    transition: all .28s cubic-bezier(.68, -.55, .27, 1.55);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transform: translateZ(0);
}

.ita-cat-link:hover {
    background-color: var(--ita-accent);
    color: #fff !important;
    transform: translateY(-1px) translateZ(0);
    box-shadow: 0 5px 15px rgba(34, 23, 160, .4);
}

.ita-cat-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
    transition: .5s;
}

.ita-cat-link:hover::before {
    left: 100%;
}

.ita-mega {
    top: 56px !important;
    background-color: var(--ita-header-bg) !important;
    border-color: var(--ita-header-bg) !important;
    overflow-x: hidden;
    max-width: calc(100dvw - 16px) !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    contain: content;
    --sb-track: #1b1b1e;
    --sb-thumb: #3b3b40;
    --sb-thumb-hover: #4a4a50;
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) var(--sb-track);
}

.ita-mega::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.ita-mega::-webkit-scrollbar-track {
    background: var(--sb-track);
    border-radius: 10px;
}

.ita-mega::-webkit-scrollbar-thumb {
    background-color: var(--sb-thumb);
    border-radius: 10px;
    border: 2px solid var(--sb-track);
}

.ita-mega::-webkit-scrollbar-thumb:hover {
    background-color: var(--sb-thumb-hover);
}

.ita-grid {
    gap: 20px 34px !important;
}

.ita-col {
    min-width: 210px !important;
    max-width: 260px !important;
}

.ita-chip {
    margin: 0;
    padding: 0;
    color: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ita-chip > a {
    display: block;
    padding: 10px 12px;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: normal;
    word-break: break-word;
    font-weight: 800;
    font-size: .96rem;
    line-height: 1.25;
    color: #c8c9cd !important;
    background: #423f3f0d;
    border: none;
    box-shadow: none;
    transition: background-color .16s ease, color .16s ease, box-shadow .18s ease, transform .18s ease;
}

.ita-chip > a::after {
    content: none !important;
    display: none !important;
}

.ita-chip > a:hover {
    background: var(--ita-accent);
    color: #fff !important;
    transform: translate3d(0, -1px, 0);
    box-shadow: 0 10px 24px rgba(34, 23, 160, .28);
}

.ita-sub-item > a,
.ita-sub {
    display: inline-block;
    color: #c8c9cd !important;
    font-weight: 600;
    font-size: .9rem;
    line-height: 1.35;
    padding: 6px 10px;
    border-radius: 6px;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
    border: none;
    box-shadow: none;
}

.ita-sub-item > a:hover,
.ita-sub:hover {
    background: rgba(34, 23, 160, .12);
    color: #fff !important;
}

/* Topbar */
.ita-topbar,
.ita-topbar v-topbar,
.ita-topbar v-topbar > div {
    background: var(--ita-header-bg) !important;
    color: #fff !important;
}

.ita-topbar a {
    color: #fff !important;
}

/* Mobile */
.ita-mobile-header {
    background: var(--ita-header-bg) !important;
}

.burger-color {
    background-color: var(--ita-header-bg) !important;
}

.icon-hamburger {
    font-size: 2rem;
    color: rgb(201, 202, 204) !important;
}

.custom-logo {
    margin-top: -7px;
}

.custom-bar-position {
    top: -1px;
}

.custom-lupa {
    color: rgb(181, 181, 185) !important;
}

.custom-color-bar {
    background-color: rgb(62, 62, 64) !important;
    color: rgb(201, 202, 204) !important;
    border-color: transparent !important;
}

.custom-color-bar::placeholder {
    color: #b5b5b9;
}

.custom-color-icones {
    color: rgb(228, 228, 228) !important;
}

.custom-burgem-color2 {
    color: #fff !important;
}

.custom-profile-bar {
    border-color: transparent !important;
    background: #404040b8 !important;
    color: #fff !important;
}

.custom-profile-bar a,
.custom-profile-bar p {
    color: #fff !important;
}

.ita-mobile-user-icon {
    color: #e4e4e4 !important;
    font-size: 1.9rem !important;
}

@media (max-width: 1580px) {
    .ita-header-logo {
        max-width: 260px !important;
    }

    .ita-header-main-row {
        gap: 20px !important;
    }

    .ita-header-center {
        gap: 18px !important;
    }

    .ita-header-search-shell {
        min-width: 300px !important;
        max-width: 560px !important;
    }

    .service-button {
        padding: 11px 12px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-logo {
        max-width: 225px !important;
    }

    .ita-header-search-shell {
        min-width: 260px !important;
        max-width: 480px !important;
    }

    .ita-login-text {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    .ita-header-actions {
        gap: 18px !important;
    }
}

@media not all and (min-width: 768px) {
    .max-md\:border-zinc-200 {
        border-color: transparent !important;
    }
}


/* ========================================================================
   Correção v5 - Ajuste fino apenas na busca e no ícone fa-solid do usuário
   ======================================================================== */

/* Ícone Font Awesome do login maior, sem voltar para o círculo artificial. */
.ita-login-toggle .fa-solid,
.ita-login-toggle .ita-user-fa-icon,
.ita-login-toggle .fa-circle-user {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    font-size: 34px !important;
    line-height: 1 !important;
    color: #fff !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* A linha central não deve criar um vão grande entre a busca e o botão Serviço. */
.ita-header-center {
    gap: 10px !important;
    justify-content: flex-end !important;
}

.ita-header-search-shell {
    flex: 0 1 520px !important;
    width: min(520px, 100%) !important;
    min-width: 300px !important;
    max-width: 520px !important;
    margin-right: 0 !important;
}

.ita-header-search-form {
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
}

/* Barra mais baixa e com altura fixa; remove a aparência alargada na vertical. */
.ita-header-search-input {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 48px !important;
    padding-right: 12px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    line-height: 44px !important;
}

/* Lupa acompanha a nova altura do input. */
.ita-header-search-shell .ita-search-icon,
.ita-header-search-form .ita-search-icon {
    left: 13px !important;
    width: 26px !important;
    height: 26px !important;
    font-size: 26px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Remove o auto-espaçamento à direita da busca antes do botão Serviço. */
.ita-header-center .header-buttons-container,
.header-buttons-container {
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 0 0 auto !important;
}

.service-button {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    line-height: 1 !important;
}

@media (max-width: 1580px) {
    .ita-header-center {
        gap: 8px !important;
    }

    .ita-header-search-shell {
        flex-basis: 470px !important;
        max-width: 470px !important;
        min-width: 260px !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-search-shell {
        flex-basis: 400px !important;
        max-width: 400px !important;
        min-width: 240px !important;
    }
}

.ita-mobile-user-icon.fa-solid,
.ita-mobile-user-icon.fa-circle-user {
    font-size: 2.35rem !important;
    line-height: 1 !important;
}


/* ========================================================================
   Correção v6 - Ajuste fino da busca
   - Reduz espaço interno à esquerda do input
   - Aumenta a altura somente um pouco em relação à v5
   - Mantém busca e botão Serviço alinhados sem vão sobrando
   ======================================================================== */

.ita-header-center {
    gap: 7px !important;
}

.ita-header-search-shell {
    flex: 0 1 520px !important;
    width: min(520px, 100%) !important;
    min-width: 300px !important;
    max-width: 520px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ita-header-search-form {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
}

.ita-header-search-input {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding-left: 40px !important;
    padding-right: 12px !important;
    line-height: 48px !important;
}

.ita-header-search-shell .ita-search-icon,
.ita-header-search-form .ita-search-icon {
    left: 10px !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.service-button {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 12px !important;
}

.ita-header-center .header-buttons-container,
.header-buttons-container {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 1580px) {
    .ita-header-center {
        gap: 6px !important;
    }

    .ita-header-search-shell {
        flex-basis: 480px !important;
        max-width: 480px !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-search-shell {
        flex-basis: 410px !important;
        max-width: 410px !important;
    }
}


/* ========================================================================
   Correção v7 - Busca mais comprida, sem vão à esquerda
   - A busca passa a ocupar o espaço livre entre logo e botão Serviço
   - Mantém um pequeno espaço entre busca e Serviço Itamaraju-BA
   - Altura aumentada levemente em relação à v6
   ======================================================================== */

.ita-header-main-row {
    gap: 16px !important;
}

.ita-header-center {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.ita-header-search-shell {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ita-header-search-form {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}

.ita-header-search-input {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding-left: 40px !important;
    padding-right: 12px !important;
    line-height: 50px !important;
}

.ita-header-search-shell .ita-search-icon,
.ita-header-search-form .ita-search-icon {
    left: 10px !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.ita-header-center .header-buttons-container,
.header-buttons-container {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.service-button {
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 12px !important;
}

@media (max-width: 1580px) {
    .ita-header-main-row {
        gap: 14px !important;
    }

    .ita-header-center {
        gap: 10px !important;
    }

    .ita-header-search-shell {
        flex: 1 1 auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-center {
        gap: 9px !important;
    }

    .ita-header-search-shell {
        flex: 1 1 auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }
}


/* ========================================================================
   Correção v8 - Categoria sem efeito de linha inferior + texto da busca
   ======================================================================== */

/* Remove somente o efeito/linha inferior que aparecia ao passar o mouse
   nas categorias. Mantém o menu e o dropdown funcionando normalmente. */
.ita-header-category-row .ita-cat-group,
.ita-header-category-row .ita-cat-group:hover,
.ita-header-category-row .ita-cat-all,
.ita-header-category-row .ita-cat-all:hover {
    border-bottom-width: 0 !important;
    border-bottom-color: transparent !important;
}

.ita-header-category-row .border-b-4,
.ita-header-category-row .hover\:border-b-4:hover {
    border-bottom-width: 0 !important;
}

.ita-header-category-row .hover\:border-navyBlue:hover {
    border-color: transparent !important;
}

/* Garante que o placeholder novo fique legível na barra escura. */
.ita-header-search-input::placeholder,
.custom-color-bar::placeholder {
    color: #b5b5b9 !important;
    opacity: 1 !important;
}


/* ========================================================================
   Correção v9 - Ícones locais nas categorias
   Origem: CSS antigo usava imagens em /LoginItatech/img/.
   Agora os arquivos devem ficar em:
   public_html/themes/shop/itatech/img/

   Como este CSS está em public_html/themes/shop/itatech/css/header.css,
   o caminho correto para as imagens é ../img/NOME-DO-ARQUIVO.png.
   ======================================================================== */

/* Base dos links de categoria que recebem imagem lateral.
   Usa seletores por final de URL para funcionar com www, sem www e domínio atual. */
a[href$="/perifericos"],
a[href$="/perifericos/"],
a[href$="/hadware"],
a[href$="/hadware/"],
a[href$="/hardware"],
a[href$="/hardware/"],
a[href$="/eletronicos"],
a[href$="/eletronicos/"],
a[href$="/redes-e-wireless"],
a[href$="/redes-e-wireless/"],
a[href$="/mundo-geek"],
a[href$="/mundo-geek/"],
a[href$="/assistencia-tecnica"],
a[href$="/assistencia-tecnica/"],
a[href$="/modelagem-3d"],
a[href$="/modelagem-3d/"],
a[href$="/atendimento"],
a[href$="/atendimento/"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-left: 10px !important;
    padding-left: 28px !important;
}

a[href$="/perifericos"]::before,
a[href$="/perifericos/"]::before,
a[href$="/hadware"]::before,
a[href$="/hadware/"]::before,
a[href$="/hardware"]::before,
a[href$="/hardware/"]::before,
a[href$="/eletronicos"]::before,
a[href$="/eletronicos/"]::before,
a[href$="/redes-e-wireless"]::before,
a[href$="/redes-e-wireless/"]::before,
a[href$="/mundo-geek"]::before,
a[href$="/mundo-geek/"]::before,
a[href$="/assistencia-tecnica"]::before,
a[href$="/assistencia-tecnica/"]::before,
a[href$="/modelagem-3d"]::before,
a[href$="/modelagem-3d/"]::before,
a[href$="/atendimento"]::before,
a[href$="/atendimento/"]::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

/* Mapeamento antigo -> novo caminho local em themes/shop/itatech/img */
a[href$="/perifericos"]::before,
a[href$="/perifericos/"]::before {
    background-image: url("../img/key.png") !important;
}

a[href$="/hadware"]::before,
a[href$="/hadware/"]::before,
a[href$="/hardware"]::before,
a[href$="/hardware/"]::before {
    background-image: url("../img/chip.png") !important;
}

a[href$="/eletronicos"]::before,
a[href$="/eletronicos/"]::before {
    background-image: url("../img/eletronicos.png") !important;
}

a[href$="/redes-e-wireless"]::before,
a[href$="/redes-e-wireless/"]::before {
    background-image: url("../img/roteador.png") !important;
}

a[href$="/mundo-geek"]::before,
a[href$="/mundo-geek/"]::before {
    background-image: url("../img/geek.png") !important;
}

a[href$="/assistencia-tecnica"]::before,
a[href$="/assistencia-tecnica/"]::before {
    background-image: url("../img/chave.png") !important;
}

a[href$="/modelagem-3d"]::before,
a[href$="/modelagem-3d/"]::before {
    background-image: url("../img/3d.png") !important;
}

a[href$="/atendimento"]::before,
a[href$="/atendimento/"]::before {
    background-image: url("../img/atendimento.png") !important;
}

/* Ícone do bloco/título de apresentação de categorias, quando esse bloco existir. */
.container-custom-carrosel:nth-of-type(4) h2::before {
    background-image: url("../img/new.png") !important;
}

/* Ajuste específico para o menu de categorias no cabeçalho: evita que o ícone
   aperte o texto e mantém o alinhamento vertical no tema escuro. */
.ita-header-category-row a[href$="/perifericos"],
.ita-header-category-row a[href$="/perifericos/"],
.ita-header-category-row a[href$="/hadware"],
.ita-header-category-row a[href$="/hadware/"],
.ita-header-category-row a[href$="/hardware"],
.ita-header-category-row a[href$="/hardware/"],
.ita-header-category-row a[href$="/eletronicos"],
.ita-header-category-row a[href$="/eletronicos/"],
.ita-header-category-row a[href$="/redes-e-wireless"],
.ita-header-category-row a[href$="/redes-e-wireless/"],
.ita-header-category-row a[href$="/mundo-geek"],
.ita-header-category-row a[href$="/mundo-geek/"],
.ita-header-category-row a[href$="/assistencia-tecnica"],
.ita-header-category-row a[href$="/assistencia-tecnica/"],
.ita-header-category-row a[href$="/modelagem-3d"],
.ita-header-category-row a[href$="/modelagem-3d/"],
.ita-header-category-row a[href$="/atendimento"],
.ita-header-category-row a[href$="/atendimento/"] {
    padding-left: 30px !important;
}


/* ========================================================================
   Correção v10 - Hover das categorias centralizado com a imagem
   ======================================================================== */

/* No cabeçalho, a imagem agora participa do flex do próprio link.
   Isso centraliza o fundo/hover considerando ícone + texto, sem deslocar
   o botão para a direita. */
.ita-header-category-row a[href$="/perifericos"],
.ita-header-category-row a[href$="/perifericos/"],
.ita-header-category-row a[href$="/hadware"],
.ita-header-category-row a[href$="/hadware/"],
.ita-header-category-row a[href$="/hardware"],
.ita-header-category-row a[href$="/hardware/"],
.ita-header-category-row a[href$="/eletronicos"],
.ita-header-category-row a[href$="/eletronicos/"],
.ita-header-category-row a[href$="/redes-e-wireless"],
.ita-header-category-row a[href$="/redes-e-wireless/"],
.ita-header-category-row a[href$="/mundo-geek"],
.ita-header-category-row a[href$="/mundo-geek/"],
.ita-header-category-row a[href$="/assistencia-tecnica"],
.ita-header-category-row a[href$="/assistencia-tecnica/"],
.ita-header-category-row a[href$="/modelagem-3d"],
.ita-header-category-row a[href$="/modelagem-3d/"],
.ita-header-category-row a[href$="/atendimento"],
.ita-header-category-row a[href$="/atendimento/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-left: 0 !important;
    padding: 14px 20px !important;
    text-align: center !important;
}

.ita-header-category-row a[href$="/perifericos"]::before,
.ita-header-category-row a[href$="/perifericos/"]::before,
.ita-header-category-row a[href$="/hadware"]::before,
.ita-header-category-row a[href$="/hadware/"]::before,
.ita-header-category-row a[href$="/hardware"]::before,
.ita-header-category-row a[href$="/hardware/"]::before,
.ita-header-category-row a[href$="/eletronicos"]::before,
.ita-header-category-row a[href$="/eletronicos/"]::before,
.ita-header-category-row a[href$="/redes-e-wireless"]::before,
.ita-header-category-row a[href$="/redes-e-wireless/"]::before,
.ita-header-category-row a[href$="/mundo-geek"]::before,
.ita-header-category-row a[href$="/mundo-geek/"]::before,
.ita-header-category-row a[href$="/assistencia-tecnica"]::before,
.ita-header-category-row a[href$="/assistencia-tecnica/"]::before,
.ita-header-category-row a[href$="/modelagem-3d"]::before,
.ita-header-category-row a[href$="/modelagem-3d/"]::before,
.ita-header-category-row a[href$="/atendimento"]::before,
.ita-header-category-row a[href$="/atendimento/"]::before {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    margin: 0 !important;
    transform: none !important;
}

.ita-header-category-row .ita-cat-link:hover {
    transform: translateY(-1px) translateZ(0) !important;
}


/* ========================================================================
   Correção v11 - Hover estável nas categorias com ícone
   ========================================================================
   O efeito de brilho/transform do botão estava reaproveitando o mesmo
   ::before usado agora como ícone. Isso causava uma leve piscada/tremida.
   Aqui o ícone fica estático e o hover muda apenas fundo/cor/sombra.
   ======================================================================== */

.ita-header-category-row .ita-cat-link {
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
    transform: none !important;
    backface-visibility: hidden !important;
}

.ita-header-category-row .ita-cat-link:hover {
    transform: none !important;
}

.ita-header-category-row a[href$="/perifericos"]::before,
.ita-header-category-row a[href$="/perifericos/"]::before,
.ita-header-category-row a[href$="/hadware"]::before,
.ita-header-category-row a[href$="/hadware/"]::before,
.ita-header-category-row a[href$="/hardware"]::before,
.ita-header-category-row a[href$="/hardware/"]::before,
.ita-header-category-row a[href$="/eletronicos"]::before,
.ita-header-category-row a[href$="/eletronicos/"]::before,
.ita-header-category-row a[href$="/redes-e-wireless"]::before,
.ita-header-category-row a[href$="/redes-e-wireless/"]::before,
.ita-header-category-row a[href$="/mundo-geek"]::before,
.ita-header-category-row a[href$="/mundo-geek/"]::before,
.ita-header-category-row a[href$="/assistencia-tecnica"]::before,
.ita-header-category-row a[href$="/assistencia-tecnica/"]::before,
.ita-header-category-row a[href$="/modelagem-3d"]::before,
.ita-header-category-row a[href$="/modelagem-3d/"]::before,
.ita-header-category-row a[href$="/atendimento"]::before,
.ita-header-category-row a[href$="/atendimento/"]::before {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    margin: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    pointer-events: none !important;
}

.ita-header-category-row a[href$="/perifericos"]:hover::before,
.ita-header-category-row a[href$="/perifericos/"]:hover::before,
.ita-header-category-row a[href$="/hadware"]:hover::before,
.ita-header-category-row a[href$="/hadware/"]:hover::before,
.ita-header-category-row a[href$="/hardware"]:hover::before,
.ita-header-category-row a[href$="/hardware/"]:hover::before,
.ita-header-category-row a[href$="/eletronicos"]:hover::before,
.ita-header-category-row a[href$="/eletronicos/"]:hover::before,
.ita-header-category-row a[href$="/redes-e-wireless"]:hover::before,
.ita-header-category-row a[href$="/redes-e-wireless/"]:hover::before,
.ita-header-category-row a[href$="/mundo-geek"]:hover::before,
.ita-header-category-row a[href$="/mundo-geek/"]:hover::before,
.ita-header-category-row a[href$="/assistencia-tecnica"]:hover::before,
.ita-header-category-row a[href$="/assistencia-tecnica/"]:hover::before,
.ita-header-category-row a[href$="/modelagem-3d"]:hover::before,
.ita-header-category-row a[href$="/modelagem-3d/"]:hover::before,
.ita-header-category-row a[href$="/atendimento"]:hover::before,
.ita-header-category-row a[href$="/atendimento/"]:hover::before {
    left: auto !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Desliga somente o brilho que passava pelo link, porque ele usava o mesmo
   pseudo-elemento do ícone. O fundo verde do hover continua funcionando. */
.ita-header-category-row .ita-cat-link:hover::before {
    left: auto !important;
}


/* ========================================================================
   Correção v12 - Remove brilho esbranquiçado no hover sem ícone
   ========================================================================
   Alguns itens sem imagem ainda recebiam o ::before do efeito de brilho,
   criando uma faixa clara no meio do verde. Mantém os ícones dos itens
   mapeados e remove o pseudo-elemento apenas das categorias sem imagem.
   ======================================================================== */

.ita-header-category-row .ita-cat-link:not([href$="/perifericos"]):not([href$="/perifericos/"]):not([href$="/hadware"]):not([href$="/hadware/"]):not([href$="/hardware"]):not([href$="/hardware/"]):not([href$="/eletronicos"]):not([href$="/eletronicos/"]):not([href$="/redes-e-wireless"]):not([href$="/redes-e-wireless/"]):not([href$="/mundo-geek"]):not([href$="/mundo-geek/"]):not([href$="/assistencia-tecnica"]):not([href$="/assistencia-tecnica/"]):not([href$="/modelagem-3d"]):not([href$="/modelagem-3d/"]):not([href$="/atendimento"]):not([href$="/atendimento/"])::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.ita-header-category-row .ita-cat-link:not([href$="/perifericos"]):not([href$="/perifericos/"]):not([href$="/hadware"]):not([href$="/hadware/"]):not([href$="/hardware"]):not([href$="/hardware/"]):not([href$="/eletronicos"]):not([href$="/eletronicos/"]):not([href$="/redes-e-wireless"]):not([href$="/redes-e-wireless/"]):not([href$="/mundo-geek"]):not([href$="/mundo-geek/"]):not([href$="/assistencia-tecnica"]):not([href$="/assistencia-tecnica/"]):not([href$="/modelagem-3d"]):not([href$="/modelagem-3d/"]):not([href$="/atendimento"]):not([href$="/atendimento/"]):hover::before {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    left: auto !important;
    opacity: 0 !important;
}

.ita-header-category-row .ita-cat-link:hover {
    background-color: var(--ita-accent) !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(34, 23, 160, .28) !important;
}

/* ========================================================================
   Correção v13 - Carrinho personalizado no cabeçalho
   - Remove o botão Serviço Itamaraju-BA do desktop
   - Move o carrinho para o lado direito do login/cadastro
   - Usa Font Awesome: fas fa-shopping-cart
   ======================================================================== */

.ita-header-center {
    justify-content: flex-end !important;
    gap: 0 !important;
}

.ita-header-search-shell {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

.ita-header-actions {
    gap: 18px !important;
}

.ita-header-actions .icon-compare {
    color: #e4e4e4 !important;
    font-size: 25px !important;
}

.ita-cart-v4 {
    display: inline-flex;
    align-items: stretch;
    width: 188px;
    height: 50px;
    max-width: 188px;
    min-width: 188px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    overflow: hidden;
    background: transparent;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.ita-cart-v4:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(34, 23, 160, .26);
    filter: brightness(1.03);
}

.ita-cart-v4:active {
    transform: translateY(0);
    box-shadow: 0 6px 14px rgba(34, 23, 160, .2);
}

.ita-cart-v4:focus-visible {
    outline: 2px solid rgba(76, 148, 255, .9);
    outline-offset: 3px;
}

.ita-cart-icon-side {
    display: inline-flex;
    width: 54px;
    min-width: 54px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3216b9 0%, #1147c5 100%);
    color: #fff;
    font-size: 21px;
    line-height: 1;
}

.ita-cart-icon-side .fas,
.ita-cart-icon-side .fa-shopping-cart {
    color: #fff;
    font-size: 21px;
    line-height: 1;
}

.ita-cart-info-side {
    display: inline-flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 7px 12px 7px 13px;
    background: linear-gradient(180deg, #2a2a2f 0%, #242429 100%);
    border: 1px solid rgba(76, 148, 255, .22);
    border-left: 0;
    color: #fff;
    text-align: left;
    transition: background .16s ease, border-color .16s ease;
}

.ita-cart-v4:hover .ita-cart-info-side {
    background: linear-gradient(180deg, #303039 0%, #272731 100%);
    border-color: rgba(76, 148, 255, .38);
}

.ita-cart-title {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: .02em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ita-cart-price {
    display: block;
    max-width: 100%;
    margin-top: 3px;
    overflow: hidden;
    color: #4c94ff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1460px) {
    .ita-cart-v4 {
        width: 168px;
        min-width: 168px;
        max-width: 168px;
    }

    .ita-cart-icon-side {
        width: 50px;
        min-width: 50px;
    }

    .ita-cart-title,
    .ita-cart-price {
        font-size: 11px;
    }
}

@media (max-width: 1280px) {
    .ita-cart-v4 {
        width: 52px;
        min-width: 52px;
        max-width: 52px;
        border-radius: 7px;
    }

    .ita-cart-icon-side {
        width: 52px;
        min-width: 52px;
        border-radius: 7px;
    }

    .ita-cart-info-side {
        display: none;
    }
}

/* ========================================================================
   Correção v14 - carrinho sem brilho verde e logo menor
   ======================================================================== */

.ita-header-logo {
    max-width: 270px !important;
}

.ita-cart-v4 {
    border-radius: 4px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .16) !important;
    filter: none !important;
    transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease !important;
}

.ita-cart-v4:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .22) !important;
    filter: none !important;
}

.ita-cart-v4:active {
    transform: translateY(0) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .18) !important;
}

.ita-cart-v4:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .75) !important;
    outline-offset: 3px !important;
}

.ita-cart-icon-side {
    border-radius: 4px 0 0 4px !important;
    background: #2217a0 !important;
}

.ita-cart-info-side {
    border-radius: 0 4px 4px 0 !important;
    border-color: rgba(255, 255, 255, .08) !important;
    background: #2a2a2f !important;
}

.ita-cart-v4:hover .ita-cart-info-side {
    background: #303039 !important;
    border-color: rgba(255, 255, 255, .12) !important;
}

@media (max-width: 1580px) {
    .ita-header-logo {
        max-width: 250px !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-logo {
        max-width: 225px !important;
    }
}

@media (max-width: 1280px) {
    .ita-cart-v4,
    .ita-cart-icon-side {
        border-radius: 4px !important;
    }
}


/* ========================================================================
   Correção v15 - Logo e separadores discretos das categorias
   ======================================================================== */

/* Logo desktop: 260px e 4px mais para o topo */
.ita-header-logo-col .ita-header-logo,
.ita-header-logo {
    max-width: 260px !important;
    transform: translateY(-4px) !important;
}

/* Mantém a responsividade em telas menores, sem voltar para 270/300px. */
@media (max-width: 1580px) {
    .ita-header-logo-col .ita-header-logo,
    .ita-header-logo {
        max-width: 245px !important;
        transform: translateY(-4px) !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-logo-col .ita-header-logo,
    .ita-header-logo {
        max-width: 225px !important;
        transform: translateY(-4px) !important;
    }
}

/* Separador sutil entre os nomes das categorias. */
.ita-header-category-row .ita-cat-nav {
    gap: 0 !important;
}

.ita-header-category-row .ita-cat-group {
    display: flex !important;
    align-items: center !important;
}

.ita-header-category-row .ita-cat-group + .ita-cat-group::before {
    content: "" !important;
    display: inline-block !important;
    width: 1px !important;
    height: 18px !important;
    margin: 0 8px !important;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255, 255, 255, .20),
        transparent
    ) !important;
    border-radius: 999px !important;
    opacity: .65 !important;
    flex: 0 0 1px !important;
    pointer-events: none !important;
    transform: none !important;
}

.ita-header-category-row .ita-cat-link {
    margin: 0 !important;
}


/* ========================================================================
   Correção v16 - Logo 2px ao topo e gap da barra de pesquisa
   ======================================================================== */

/* Logo desktop: mantém 260px e sobe somente 2px. */
.ita-header-logo-col .ita-header-logo,
.ita-header-logo {
    max-width: 260px !important;
    transform: translateY(-2px) !important;
}

/* Espaçamento principal da área da busca: 30px.
   Substitui o gap anterior de 14px em resoluções intermediárias. */
.ita-header-main-row {
    gap: 30px !important;
}

@media (max-width: 1580px) {
    .ita-header-logo-col .ita-header-logo,
    .ita-header-logo {
        max-width: 245px !important;
        transform: translateY(-2px) !important;
    }

    .ita-header-main-row {
        gap: 30px !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-logo-col .ita-header-logo,
    .ita-header-logo {
        max-width: 225px !important;
        transform: translateY(-2px) !important;
    }

    .ita-header-main-row {
        gap: 30px !important;
    }
}


/* ========================================================================
   Correção v17 - Sino, logo, categoria e hover do carrinho
   ======================================================================== */

/* Logo desktop: 240px e 3px para o topo. */
.ita-header-logo-col .ita-header-logo,
.ita-header-logo {
    max-width: 240px !important;
    transform: translateY(-3px) !important;
}

@media (max-width: 1580px) {
    .ita-header-logo-col .ita-header-logo,
    .ita-header-logo {
        max-width: 230px !important;
        transform: translateY(-3px) !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-logo-col .ita-header-logo,
    .ita-header-logo {
        max-width: 215px !important;
        transform: translateY(-3px) !important;
    }
}

/* Sino de notificações à esquerda do login. */
.ita-notification-toggle {
    display: inline-grid !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 6px !important;
    background: #2a2a2f !important;
    color: #f4f4f5 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .16) !important;
    cursor: pointer !important;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

.ita-notification-toggle .fa-bell {
    font-size: 20px !important;
    line-height: 1 !important;
}

.ita-notification-toggle:hover {
    background: #303039 !important;
    border-color: rgba(255, 255, 255, .16) !important;
    color: #ffffff !important;
}

.ita-notification-toggle:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .65) !important;
    outline-offset: 3px !important;
}

/* Faixa de categorias mais alta e com borda superior mais marcada. */
.ita-header-category-row {
    min-height: 65px !important;
    border-top: 3px solid rgba(255, 255, 255, .055) !important;
}

.ita-header-category-row .ita-cat-group {
    min-height: 65px !important;
    height: 65px !important;
}

.ita-header-category-row .ita-cat-link {
    min-height: 50px !important;
}

/* Remove o brilho/realce do hover do carrinho. */
.ita-cart-v4,
.ita-cart-v4:hover,
.ita-cart-v4:active {
    transform: none !important;
    filter: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .16) !important;
}

.ita-cart-v4:hover .ita-cart-info-side {
    background: #2a2a2f !important;
    border-color: rgba(255, 255, 255, .08) !important;
}

.ita-cart-v4:hover .ita-cart-icon-side {
    background: #2217a0 !important;
}


/* ========================================================================
   Correção v18 - Lupa e brilho leve do carrinho
   ======================================================================== */

/* Lupa desktop: medidas exatas solicitadas. */
.ita-header-search-shell .ita-search-icon,
.ita-header-search-form .ita-search-icon {
    left: 9px !important;
    width: 30px !important;
    height: 25px !important;
    font-size: 28px !important;
    top: 44% !important;
    transform: translateY(-50%) !important;
}

/* Mantém o texto alinhado com a nova posição/tamanho da lupa. */
.ita-header-search-input {
    padding-left: 45px !important;
}

/* Carrinho: brilho verde leve, sem voltar com o realce forte anterior. */
.ita-cart-v4 {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .16) !important;
    transition: box-shadow .16s ease, filter .16s ease !important;
}

.ita-cart-v4:hover {
    transform: none !important;
    filter: none !important;
    box-shadow:
        0 4px 10px rgba(0, 0, 0, .16),
        0 0 11px rgba(76, 148, 255, .22) !important;
}

.ita-cart-v4:hover .ita-cart-info-side {
    background: #2a2a2f !important;
    border-color: rgba(76, 148, 255, .18) !important;
}

.ita-cart-v4:hover .ita-cart-icon-side {
    background: #2217a0 !important;
}


/* ========================================================================
   Correção v19 - Carrinho e padding do campo de busca
   ======================================================================== */

/* Texto do input alinhado com a nova posição da lupa. */
.ita-header-search-input {
    padding-left: 42px !important;
}

/* Carrinho: lado de informação exatamente conforme solicitado. */
.ita-cart-info-side {
    border-radius: 0 4px 4px 0 !important;
    border-color: rgb(0 0 0 / 8%) !important;
    background: #242425 !important;
}

/* Carrinho: remove glow/borda verde do hover e mantém só um realce discreto como o sino. */
.ita-cart-v4,
.ita-cart-v4:hover,
.ita-cart-v4:active {
    transform: none !important;
    filter: none !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .16) !important;
}

.ita-cart-v4:hover {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .18) !important;
}

.ita-cart-v4:hover .ita-cart-info-side {
    background: #303039 !important;
    border-color: rgba(255, 255, 255, .16) !important;
}

.ita-cart-v4:hover .ita-cart-icon-side {
    background: linear-gradient(135deg, #3216b9 0%, #1147c5 100%) !important;
}


/* ========================================================================
   Correção v20 - Carrinho com brilho suave e categorias mais próximas
   ======================================================================== */

/* Carrinho: brilho bem suave, sem borda verde e sem deslocamento. */
.ita-cart-v4,
.ita-cart-v4:hover,
.ita-cart-v4:active {
    transform: none !important;
    filter: none !important;
    border: none !important;
    outline: none !important;
}

.ita-cart-v4 {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .16) !important;
    transition: background-color .16s ease, box-shadow .16s ease !important;
}

.ita-cart-v4:hover {
    box-shadow:
        0 3px 8px rgba(0, 0, 0, .18),
        0 0 8px rgba(255, 255, 255, .08) !important;
}

.ita-cart-v4:hover .ita-cart-info-side {
    background: #2b2b2d !important;
    border-color: rgb(0 0 0 / 8%) !important;
}

.ita-cart-v4:hover .ita-cart-icon-side {
    background: linear-gradient(135deg, #3216b9 0%, #2217a0 100%) !important;
    box-shadow: none !important;
}

.ita-cart-icon-side,
.ita-cart-info-side,
.ita-cart-v4:hover .ita-cart-icon-side,
.ita-cart-v4:hover .ita-cart-info-side {
    outline: none !important;
}

/* Categorias: remove a borda superior e sobe a faixa para não sobrar vazio. */
.ita-header-category-row {
    border-top: 0 !important;
    margin-top: -6px !important;
    min-height: 58px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ita-header-category-row .ita-cat-group {
    min-height: 58px !important;
    height: 58px !important;
}

.ita-header-category-row .ita-cat-link {
    min-height: 44px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/* ========================================================================
   Correção v21 - Volta borda superior das categorias e suaviza hover do carrinho
   ======================================================================== */

/* Categorias: restaura a borda superior que estava antes e normaliza a altura. */
.ita-header-category-row {
    border-top: 3px solid rgba(255, 255, 255, .055) !important;
    margin-top: 0 !important;
    min-height: 65px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ita-header-category-row .ita-cat-group {
    min-height: 65px !important;
    height: 65px !important;
}

.ita-header-category-row .ita-cat-link {
    min-height: 50px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Carrinho: brilho ainda presente, porém mais suave e sem bordas. */
.ita-cart-v4,
.ita-cart-v4:hover,
.ita-cart-v4:active,
.ita-cart-v4:focus {
    border: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-cart-v4:hover {
    box-shadow:
        0 3px 8px rgba(0, 0, 0, .17),
        0 0 5px rgba(255, 255, 255, .045) !important;
}

.ita-cart-v4:hover .ita-cart-icon-side {
    background: linear-gradient(135deg, #2f16ad 0%, #21178f 100%) !important;
    box-shadow: 0 0 4px rgba(255, 255, 255, .045) !important;
    border: none !important;
    outline: none !important;
}

.ita-cart-v4:hover .ita-cart-info-side {
    background: #29292b !important;
    border-color: rgb(0 0 0 / 8%) !important;
    box-shadow: none !important;
}


/* ========================================================================
   Correção v22 - Remover comparar e mover notificações para o lugar dele
   ======================================================================== */

.ita-notification-toggle,
.ita-notification-toggle:hover,
.ita-notification-toggle:active,
.ita-notification-toggle:focus {
    border: none !important;
    outline: none !important;
}

.ita-notification-toggle {
    display: inline-grid !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    place-items: center !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #f4f4f5 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: color .16s ease, background-color .16s ease, filter .16s ease !important;
}

.ita-notification-toggle .fa-bell {
    font-size: 22px !important;
    line-height: 1 !important;
}

.ita-notification-toggle:hover {
    background: rgba(255, 255, 255, .045) !important;
    color: #ffffff !important;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, .16)) !important;
}

.ita-notification-toggle:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .42) !important;
    outline-offset: 3px !important;
}

.ita-mobile-notification-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
}

.ita-mobile-notification-toggle .fa-bell {
    font-size: 20px !important;
}


/* ========================================================================
   Correção v24 - Borda e fundo da faixa informativa superior
   ======================================================================== */

.ita-header-info-top {
    width: 100%;
    background: var(--ita-header-bg) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .03);
}

.ita-header-info-inner {
    display: flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 12px 60px;
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .15px;
}

.ita-header-info-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.ita-header-info-item i {
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
    line-height: 1;
}

.ita-header-info-separator {
    width: 1px;
    height: 13px;
    background: rgba(255, 255, 255, .13);
}

.ita-header-info-item:hover,
.ita-header-info-item:hover i {
    color: rgba(255, 255, 255, .95);
}

@media (max-width: 1280px) {
    .ita-header-info-inner {
        padding-right: 32px;
        padding-left: 32px;
        gap: 10px;
        font-size: 11px;
    }
}


/* Correção v24 - garantir fundo e borda solicitados no topo informativo */
.ita-header-info-top {
    background: var(--ita-header-bg) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .03);
}


/* ========================================================================
   Correção v25 - Faixa informativa e altura do bloco principal
   ======================================================================== */

.ita-header-info-top {
    background: var(--ita-header-bg) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .03) !important;
}

.ita-header-info-inner {
    padding: 12px 60px !important;
}

.ita-header-desktop-bottom {
    padding-top: 2px !important;
}


/* ========================================================================
   Correção v26 - Topo do bloco principal e botão de atendimento nas categorias
   ======================================================================== */

.ita-header-desktop-bottom {
    padding-top: 0px !important;
}

.ita-header-category-row {
    position: relative !important;
}

.ita-header-category-center {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
}

.ita-category-service-button {
    position: absolute !important;
    right: 60px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 14px 0 12px !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(255, 255, 255, .065) !important;
    color: rgba(255, 255, 255, .92) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12), 0 8px 20px rgba(0, 0, 0, .12) !important;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.ita-category-service-icon {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    background-image: url("../img/atendimento.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.9) !important;
}

.ita-category-service-button:hover {
    background: rgba(34, 23, 160, .78) !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .045), 0 10px 22px rgba(34, 23, 160, .16) !important;
    transform: translateY(-50%) !important;
}

.ita-category-service-button:hover .ita-category-service-icon {
    filter: brightness(0) invert(1) opacity(1) !important;
}

@media (max-width: 1360px) {
    .ita-category-service-button {
        right: 32px !important;
        padding-right: 11px !important;
        padding-left: 11px !important;
    }

    .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v27 - Botão Atendimento alinhado na faixa de categorias
   ======================================================================== */

.ita-header-category-row {
    display: grid !important;
    grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr) !important;
    min-height: 65px !important;
    align-items: center !important;
    column-gap: 18px !important;
    padding: 0 60px !important;
}

.ita-header-category-center {
    grid-column: 2 !important;
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
}

.ita-category-service-button {
    grid-column: 3 !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    justify-self: end !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
    display: inline-flex !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 14px 0 12px !important;
}

/* Remove o ícone duplicado herdado dos seletores gerais de categoria. */
.ita-category-service-button::before,
.ita-header-category-row .ita-category-service-button::before,
.ita-header-category-row a.ita-category-service-button[href$="/atendimento"]::before,
.ita-header-category-row a.ita-category-service-button[href$="/atendimento/"]::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background-image: none !important;
}

.ita-category-service-button:hover {
    transform: none !important;
}

@media (max-width: 1360px) {
    .ita-header-category-row {
        padding: 0 32px !important;
        grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr) !important;
    }

    .ita-category-service-button {
        right: auto !important;
        padding-right: 11px !important;
        padding-left: 11px !important;
    }
}


/* ========================================================================
   Correção v29 - Segundo botão de ação nas categorias: Contatar Técnico
   ======================================================================== */

.ita-header-category-row {
    grid-template-columns: minmax(40px, 1fr) auto minmax(260px, 1fr) !important;
}

.ita-category-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: 34px !important;
    white-space: nowrap !important;
}

.ita-category-action-button,
.ita-category-service-button,
.ita-category-tech-button {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    grid-column: auto !important;
    justify-self: auto !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
    display: inline-flex !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 14px 0 12px !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(255, 255, 255, .065) !important;
    color: rgba(255, 255, 255, .92) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12), 0 8px 20px rgba(0, 0, 0, .12) !important;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.ita-category-action-button:hover,
.ita-category-service-button:hover,
.ita-category-tech-button:hover {
    background: rgba(34, 23, 160, .68) !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035), 0 10px 22px rgba(34, 23, 160, .12) !important;
}

.ita-category-service-icon,
.ita-category-tech-icon {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.9) !important;
}

.ita-category-service-icon {
    background-image: url("../img/atendimento.png") !important;
}

.ita-category-tech-icon {
    background-image: url("../img/chave.png") !important;
}

.ita-category-action-button:hover .ita-category-service-icon,
.ita-category-action-button:hover .ita-category-tech-icon {
    filter: brightness(0) invert(1) opacity(1) !important;
}

/* Remove ícones herdados do mapeamento geral de categorias nos dois botões. */
.ita-category-actions a::before,
.ita-category-actions a::after,
.ita-category-tech-button::before,
.ita-category-tech-button::after,
.ita-header-category-row a.ita-category-tech-button[href$="/assistencia-tecnica"]::before,
.ita-header-category-row a.ita-category-tech-button[href$="/assistencia-tecnica/"]::before,
.ita-header-category-row a.ita-category-service-button[href$="/atendimento"]::before,
.ita-header-category-row a.ita-category-service-button[href$="/atendimento/"]::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: none !important;
}

@media (max-width: 1500px) {
    .ita-header-category-row {
        grid-template-columns: minmax(24px, 1fr) auto minmax(210px, 1fr) !important;
    }

    .ita-category-actions {
        gap: 8px !important;
        margin-left: 24px !important;
    }

    .ita-category-action-button,
    .ita-category-service-button,
    .ita-category-tech-button {
        padding-right: 11px !important;
        padding-left: 11px !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-category-row {
        grid-template-columns: minmax(20px, 1fr) auto minmax(120px, 1fr) !important;
    }

    .ita-category-actions {
        margin-left: 18px !important;
    }

    .ita-category-service-text,
    .ita-category-tech-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v33 - Base retomada da v29
   - Contatar Técnico fica à esquerda de Atendimento
   - Tudo mais à esquerda e centralizado com o ícone
   - Margem de proteção entre categorias e botões
   - Ocultação progressiva apenas em telas realmente apertadas
   ======================================================================== */

.ita-header-category-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 38px !important;
    padding: 0 60px !important;
    min-height: 65px !important;
    align-items: center !important;
}

.ita-header-category-center {
    grid-column: 1 !important;
    justify-self: stretch !important;
    display: flex !important;
    min-width: 0 !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    padding-right: 28px !important;
}

.ita-header-category-center > v-desktop-category,
.ita-header-category-center .ita-cat-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

.ita-header-category-row .ita-cat-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    min-width: 0 !important;
    width: 100% !important;
}

.ita-header-category-row .ita-cat-group {
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

.ita-header-category-row .ita-cat-all {
    flex: 0 0 auto !important;
    margin-right: 12px !important;
}

.ita-header-category-row .ita-cat-all .ita-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 72px !important;
    padding-right: 12px !important;
    padding-left: 10px !important;
    line-height: 1 !important;
}

.ita-header-category-row .ita-cat-all .icon-hamburger {
    display: inline-flex !important;
    width: 20px !important;
    height: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.ita-header-category-row .ita-cat-link {
    max-width: 150px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 13px !important;
    padding-left: 13px !important;
}

.ita-category-actions {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
    z-index: 2 !important;
}

/* Mantém o comportamento da v29: em larguras menores os botões viram ícone. */
@media (max-width: 1360px) {
    .ita-category-service-text,
    .ita-category-tech-text {
        display: none !important;
    }

    .ita-category-action-button,
    .ita-category-service-button,
    .ita-category-tech-button {
        width: 42px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* Ocultação progressiva menos agressiva: só começa quando realmente aperta. */
@media (max-width: 1260px) {
    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8) {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    .ita-header-category-row {
        column-gap: 28px !important;
        padding-right: 44px !important;
        padding-left: 44px !important;
    }

    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7) {
        display: none !important;
    }
}

@media (max-width: 1100px) {
    .ita-header-category-row {
        column-gap: 22px !important;
        padding-right: 32px !important;
        padding-left: 32px !important;
    }

    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6) {
        display: none !important;
    }

    .ita-header-category-row .ita-cat-link {
        max-width: 132px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}


/* ========================================================================
   Correção v34 - Categorias sem corte/sobreposição
   - Corrige hover estranho causado por overflow/ellipsis e transforms
   - Evita corte do último item/dropdown
   - Oculta categorias progressivamente antes dos botões virarem só ícone
   ======================================================================== */

/* A faixa continua em 2 colunas: categorias ocupam o espaço livre e botões ficam protegidos à direita. */
.ita-header-category-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    column-gap: 42px !important;
    padding: 0 60px !important;
    min-height: 65px !important;
    align-items: center !important;
    overflow: visible !important;
}

.ita-header-category-center {
    grid-column: 1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    padding-right: 0 !important;
}

.ita-header-category-center > v-desktop-category,
.ita-header-category-center .ita-cat-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

.ita-header-category-row .ita-cat-nav {
    gap: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
}

.ita-header-category-row .ita-cat-group {
    display: flex !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    align-items: center !important;
    overflow: visible !important;
}

/* O botão Tudo fica um pouco mais à esquerda e o ícone fica alinhado no centro do texto. */
.ita-header-category-row .ita-cat-all {
    flex: 0 0 auto !important;
    margin-right: 18px !important;
}

.ita-header-category-row .ita-cat-all .ita-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 76px !important;
    padding: 0 13px !important;
    height: 42px !important;
    line-height: 1 !important;
}

.ita-header-category-row .ita-cat-all .icon-hamburger {
    display: inline-flex !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transform: none !important;
}

/* Remove o comportamento de elipse/corte no item visível. A ocultação agora é por breakpoint. */
.ita-header-category-row .ita-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    transform: none !important;
    backface-visibility: hidden !important;
    will-change: auto !important;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

/* Hover mais estável: sem levantar, sem brilho branco, sem piscar. */
.ita-header-category-row .ita-cat-link:hover,
.ita-header-category-row .ita-cat-group:hover .ita-cat-link {
    background-color: var(--ita-accent) !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(34, 23, 160, .18) !important;
}

.ita-header-category-row .ita-cat-link::before,
.ita-header-category-row .ita-cat-link::after,
.ita-header-category-row .ita-cat-link:hover::before,
.ita-header-category-row .ita-cat-link:hover::after {
    animation: none !important;
    transition: none !important;
}

/* Ícones mapeados continuam estáveis e não participam do hover/shine. */
.ita-header-category-row a.ita-cat-link[href$="/perifericos"]::before,
.ita-header-category-row a.ita-cat-link[href$="/perifericos/"]::before,
.ita-header-category-row a.ita-cat-link[href$="/hadware"]::before,
.ita-header-category-row a.ita-cat-link[href$="/hadware/"]::before,
.ita-header-category-row a.ita-cat-link[href$="/hardware"]::before,
.ita-header-category-row a.ita-cat-link[href$="/hardware/"]::before,
.ita-header-category-row a.ita-cat-link[href$="/eletronicos"]::before,
.ita-header-category-row a.ita-cat-link[href$="/eletronicos/"]::before,
.ita-header-category-row a.ita-cat-link[href$="/redes-e-wireless"]::before,
.ita-header-category-row a.ita-cat-link[href$="/redes-e-wireless/"]::before,
.ita-header-category-row a.ita-cat-link[href$="/mundo-geek"]::before,
.ita-header-category-row a.ita-cat-link[href$="/mundo-geek/"]::before,
.ita-header-category-row a.ita-cat-link[href$="/assistencia-tecnica"]::before,
.ita-header-category-row a.ita-cat-link[href$="/assistencia-tecnica/"]::before,
.ita-header-category-row a.ita-cat-link[href$="/modelagem-3d"]::before,
.ita-header-category-row a.ita-cat-link[href$="/modelagem-3d/"]::before,
.ita-header-category-row a.ita-cat-link[href$="/atendimento"]::before,
.ita-header-category-row a.ita-cat-link[href$="/atendimento/"]::before {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    margin: 0 7px 0 0 !important;
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
    animation: none !important;
    pointer-events: none !important;
}

/* Área de botões: sempre reservada para não ser sobreposta. */
.ita-category-actions {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
    z-index: 5 !important;
}

.ita-category-action-button,
.ita-category-service-button,
.ita-category-tech-button {
    flex: 0 0 auto !important;
    height: 42px !important;
}

/* O dropdown não deve ser cortado pelo contêiner das categorias. */
.ita-mega {
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-width: min(1260px, calc(100vw - 32px)) !important;
    padding-right: 20px !important;
}

/* Reseta qualquer display:none antigo para que só as regras v34 decidam o que ocultar. */
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(5),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8) {
    display: flex !important;
}

/* Ocultação progressiva começa antes dos botões virarem apenas ícone. */
@media (max-width: 1800px) {
    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8) {
        display: none !important;
    }
}

@media (max-width: 1660px) {
    .ita-header-category-row {
        column-gap: 34px !important;
        padding-right: 52px !important;
        padding-left: 52px !important;
    }

    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7) {
        display: none !important;
    }

    .ita-header-category-row .ita-cat-link {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .ita-header-category-row .ita-cat-group + .ita-cat-group::before {
        margin-right: 6px !important;
        margin-left: 6px !important;
    }
}

@media (max-width: 1520px) {
    .ita-header-category-row {
        column-gap: 30px !important;
        padding-right: 44px !important;
        padding-left: 44px !important;
    }

    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6) {
        display: none !important;
    }
}

@media (max-width: 1400px) {
    .ita-header-category-row {
        column-gap: 24px !important;
        padding-right: 36px !important;
        padding-left: 36px !important;
    }

    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(5) {
        display: none !important;
    }
}

/* Mantém o comportamento pedido: só depois disso os botões viram ícone. */
@media (max-width: 1360px) {
    .ita-category-service-text,
    .ita-category-tech-text {
        display: none !important;
    }

    .ita-category-action-button,
    .ita-category-service-button,
    .ita-category-tech-button {
        width: 42px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}


/* ========================================================================
   Correção v35 - Categorias adaptativas sem sobrepor os botões
   - Usa container query: as categorias só somem quando o espaço REAL da faixa acaba
   - Quando os botões laterais viram ícone e sobra espaço, categorias voltam a aparecer
   - Mantém Contatar Técnico e Atendimento protegidos no lado direito
   ======================================================================== */

/* A faixa é uma grade: categorias à esquerda/centro e ações fixas à direita. */
.ita-header-category-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    column-gap: 42px !important;
    padding-right: 60px !important;
    padding-left: 60px !important;
    min-height: 65px !important;
    overflow: visible !important;
}

.ita-header-category-center {
    grid-column: 1 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-right: 18px !important;
    overflow: visible !important;

    /* O tamanho usado para decidir quando ocultar categorias é o espaço livre real,
       já descontando os botões laterais. */
    container-type: inline-size;
    container-name: ita-header-categories;
}

.ita-header-category-center > v-desktop-category,
.ita-header-category-center .ita-cat-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
}

.ita-header-category-row .ita-cat-nav {
    gap: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.ita-header-category-row .ita-cat-group {
    display: flex !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    align-items: center !important;
    overflow: visible !important;
}

/* Reexibe por padrão qualquer item que tenha sido escondido por versões anteriores.
   Quem passa a decidir agora são as container queries abaixo. */
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(4),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(5),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8) {
    display: flex !important;
}

/* Tudo levemente mais à esquerda e centralizado com o ícone. */
.ita-header-category-row .ita-cat-all {
    flex: 0 0 auto !important;
    margin-right: 22px !important;
}

.ita-header-category-row .ita-cat-all .ita-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 42px !important;
    min-width: 78px !important;
    padding: 0 14px !important;
    line-height: 1 !important;
}

.ita-header-category-row .ita-cat-all .icon-hamburger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transform: none !important;
}

.ita-header-category-row .ita-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 11px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    transform: none !important;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

/* Mantém o hover estável, sem pulo e sem brilho branco. */
.ita-header-category-row .ita-cat-link:hover,
.ita-header-category-row .ita-cat-group:hover .ita-cat-link {
    background-color: var(--ita-accent) !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(34, 23, 160, .18) !important;
}

.ita-header-category-row .ita-cat-link::after,
.ita-header-category-row .ita-cat-link:hover::after {
    content: none !important;
    display: none !important;
}

/* Protege os dois botões para nunca serem invadidos pelas categorias. */
.ita-category-actions {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
    z-index: 20 !important;
}

.ita-category-action-button,
.ita-category-service-button,
.ita-category-tech-button {
    flex: 0 0 auto !important;
    height: 42px !important;
}

/* Ocultação progressiva baseada no espaço REAL das categorias.
   Se os botões virarem ícone e o espaço aumentar, as categorias reaparecem automaticamente. */
@container ita-header-categories (max-width: 1180px) {
    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8) {
        display: none !important;
    }
}

@container ita-header-categories (max-width: 1040px) {
    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7) {
        display: none !important;
    }

    .ita-header-category-row .ita-cat-link {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .ita-header-category-row .ita-cat-group + .ita-cat-group::before {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
}

@container ita-header-categories (max-width: 900px) {
    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6) {
        display: none !important;
    }
}

@container ita-header-categories (max-width: 760px) {
    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(5) {
        display: none !important;
    }

    .ita-header-category-row .ita-cat-link {
        padding-right: 8px !important;
        padding-left: 8px !important;
        font-size: 13px !important;
    }
}

@container ita-header-categories (max-width: 620px) {
    .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(4) {
        display: none !important;
    }
}

/* Fallback para navegadores sem container query: usa breakpoints mais conservadores. */
@supports not (container-type: inline-size) {
    @media (max-width: 1760px) {
        .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8) {
            display: none !important;
        }
    }

    @media (max-width: 1600px) {
        .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7) {
            display: none !important;
        }
    }

    @media (max-width: 1450px) {
        .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6) {
            display: none !important;
        }
    }

    @media (max-width: 1360px) {
        .ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(5) {
            display: none !important;
        }
    }
}

/* Mantém o comportamento pedido anteriormente: em tela menor os dois botões viram ícone. */
@media (max-width: 1360px) {
    .ita-category-service-text,
    .ita-category-tech-text {
        display: none !important;
    }

    .ita-category-action-button,
    .ita-category-service-button,
    .ita-category-tech-button {
        width: 42px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .ita-header-category-row {
        column-gap: 30px !important;
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}


/* ========================================================================
   Correção v36
   - Categorias não passam por cima dos botões laterais
   - Ocultação agora é calculada pelo espaço real disponível via JS
   - Carrinho movido para a esquerda do login do usuário
   ======================================================================== */

.ita-header-actions {
    display: flex !important;
    align-items: center !important;
}

.ita-header-actions .ita-cart-v4 {
    order: 1 !important;
}

.ita-header-actions > .relative,
.ita-header-actions > [class*="dropdown"],
.ita-header-actions .ita-login-toggle,
.ita-header-actions x-shop\:dropdown {
    order: 2 !important;
}

.ita-header-actions .ita-notification-toggle {
    order: 3 !important;
}

/* A faixa continua com os botões protegidos na coluna da direita. */
.ita-header-category-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    column-gap: 44px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    overflow: visible !important;
}

.ita-header-category-center {
    grid-column: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-right: 26px !important;
    overflow: visible !important;
}

.ita-category-actions {
    grid-column: 2 !important;
    position: relative !important;
    z-index: 30 !important;
    justify-self: end !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
}

.ita-header-category-center > v-desktop-category,
.ita-header-category-center .ita-cat-nav {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

/* Neutraliza ocultações antigas por breakpoint/container.
   A classe abaixo, aplicada por JS, é quem decide o que deve sumir. */
.ita-header-category-row .ita-cat-nav > .ita-cat-group {
    display: flex !important;
}

.ita-header-category-row .ita-cat-nav > .ita-cat-group.ita-cat-hidden-by-width {
    display: none !important;
}

.ita-header-category-row .ita-cat-link {
    max-width: 100% !important;
    flex: 0 0 auto !important;
}

/* O botão Tudo fica sempre visível, alinhado com o ícone. */
.ita-header-category-row .ita-cat-all {
    display: flex !important;
    margin-right: 22px !important;
}

.ita-header-category-row .ita-cat-all.ita-cat-hidden-by-width {
    display: flex !important;
}

@media (max-width: 1360px) {
    .ita-header-category-row {
        column-gap: 34px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .ita-header-category-center {
        padding-right: 22px !important;
    }
}

@media (max-width: 1180px) {
    .ita-header-category-row {
        column-gap: 28px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}


/* ========================================================================
   Correção v37
   - Ocultação das categorias por cálculo real de largura, item por item
   - Reexibe categorias quando os botões laterais viram ícone e sobra espaço
   - Neutraliza breakpoints antigos que ocultavam muitas categorias de uma vez
   ======================================================================== */

.ita-header-category-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    column-gap: 32px !important;
    overflow: visible !important;
}

.ita-header-category-center {
    grid-column: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
    padding-right: 0 !important;
}

.ita-category-actions {
    grid-column: 2 !important;
    flex: 0 0 auto !important;
    z-index: 30 !important;
}

.ita-header-category-center > v-desktop-category,
.ita-header-category-center .ita-cat-nav,
.ita-header-category-row .ita-cat-nav {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

/* Anula ocultações antigas por media/container. O JS da v37 passa a decidir. */
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(1),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(2),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(3),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(4),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(5),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8) {
    display: flex !important;
}

.ita-header-category-row .ita-cat-nav > .ita-cat-group.ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(2).ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(3).ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(4).ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(5).ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6).ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7).ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8).ita-cat-hidden-by-width {
    display: none !important;
}

/* O botão Tudo nunca entra na ocultação e continua levemente à esquerda. */
.ita-header-category-row .ita-cat-all,
.ita-header-category-row .ita-cat-all.ita-cat-hidden-by-width {
    display: flex !important;
    flex: 0 0 auto !important;
    margin-right: 22px !important;
}

.ita-header-category-row .ita-cat-group:not(.ita-cat-all) {
    flex: 0 0 auto !important;
}

.ita-header-category-row .ita-cat-link {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* Em telas onde os botões viram ícone, o JS recalcula e libera espaço automaticamente. */
@media (max-width: 1360px) {
    .ita-header-category-row {
        column-gap: 24px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media (max-width: 1180px) {
    .ita-header-category-row {
        column-gap: 18px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}


/* ========================================================================
   Correção v38
   - Reduz margem de segurança entre categoria e botões laterais
   - Permite que os botões cheguem mais perto antes de ocultar a categoria
   ======================================================================== */

.ita-header-category-row {
    column-gap: 16px !important;
}

.ita-category-actions {
    margin-left: 0 !important;
}

.ita-header-category-center {
    padding-right: 0 !important;
}

.ita-header-category-row .ita-cat-all,
.ita-header-category-row .ita-cat-all.ita-cat-hidden-by-width {
    margin-right: 16px !important;
}

@media (max-width: 1360px) {
    .ita-header-category-row {
        column-gap: 12px !important;
    }

    .ita-header-category-row .ita-cat-all,
    .ita-header-category-row .ita-cat-all.ita-cat-hidden-by-width {
        margin-right: 12px !important;
    }
}

@media (max-width: 1180px) {
    .ita-header-category-row {
        column-gap: 10px !important;
    }

    .ita-header-category-row .ita-cat-all,
    .ita-header-category-row .ita-cat-all.ita-cat-hidden-by-width {
        margin-right: 10px !important;
    }
}


/* ========================================================================
   Correção v39
   - Quando categorias ficam ocultas, mostra seta fa-angle-right com animação
   - Clique na seta alterna para o próximo bloco de categorias ocultas
   - Arrastar lateralmente na faixa de categorias também troca o bloco visível
   ======================================================================== */

.ita-header-category-center {
    position: relative !important;
    user-select: none !important;
    touch-action: pan-y !important;
}

.ita-header-category-center.is-drag-ready,
.ita-header-category-center.is-dragging {
    cursor: grab !important;
}

.ita-header-category-center.is-dragging {
    cursor: grabbing !important;
}

.ita-category-scroll-button {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    z-index: 18 !important;
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: rgba(36, 36, 37, .94) !important;
    color: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .22) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) translateX(8px) scale(.94) !important;
    transition: opacity .18s ease, transform .18s ease, background-color .18s ease, color .18s ease !important;
}

.ita-category-scroll-button[hidden] {
    display: inline-flex !important;
}

.ita-category-scroll-button.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    animation: ita-category-arrow-in .22s ease both;
}

.ita-category-scroll-button i {
    font-size: 18px !important;
    line-height: 1 !important;
    transition: transform .18s ease !important;
}

.ita-category-scroll-button:hover {
    background: rgba(49, 49, 52, .98) !important;
    color: #fff !important;
}

.ita-category-scroll-button:hover i {
    transform: translateX(1px) !important;
}

.ita-category-scroll-button.is-at-end i {
    transform: rotate(180deg) !important;
}

.ita-category-scroll-button.is-at-end:hover i {
    transform: rotate(180deg) translateX(1px) !important;
}

@keyframes ita-category-arrow-in {
    from {
        opacity: 0;
        transform: translateY(-50%) translateX(12px) scale(.88);
    }

    to {
        opacity: 1;
        transform: translateY(-50%) translateX(0) scale(1);
    }
}

.ita-header-category-row .ita-cat-nav > .ita-cat-group.ita-cat-hidden-by-width {
    display: none !important;
}


/* ========================================================================
   Correção v40
   - A seta de categorias não consome mais largura da lista
   - Corrige o arraste: impede o drag nativo dos links e troca o bloco por gesto
   - Mantém os botões Contatar Técnico/Atendimento protegidos
   ======================================================================== */

.ita-header-category-center {
    position: relative !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    touch-action: pan-y !important;
}

.ita-header-category-center a,
.ita-header-category-center img {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* A seta fica no espaço entre categorias e botões. Ela aparece sem roubar espaço
   de uma categoria que ainda cabe visualmente. */
.ita-category-scroll-button {
    right: -13px !important;
    width: 28px !important;
    height: 32px !important;
    border-radius: 5px !important;
    background: rgba(36, 36, 37, .96) !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .18) !important;
}

.ita-category-scroll-button i {
    font-size: 17px !important;
}

.ita-category-scroll-button.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ita-header-category-center.is-drag-ready {
    cursor: grab !important;
}

.ita-header-category-center.is-dragging {
    cursor: grabbing !important;
}

.ita-header-category-center.is-dragging a {
    pointer-events: none !important;
}


/* ========================================================================
   Correção v41
   - Afasta a seta dos botões Contatar Técnico/Atendimento
   - Reserva espaço apenas quando a seta aparece
   - Melhora arraste/rolagem das categorias sem arrastar o link nativo
   ======================================================================== */

.ita-header-category-center {
    position: relative !important;
    padding-right: 42px !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    touch-action: pan-y !important;
}

.ita-category-scroll-button {
    right: 6px !important;
    width: 30px !important;
    height: 32px !important;
    border-radius: 5px !important;
    background: rgba(36, 36, 37, .96) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .16) !important;
}

.ita-category-scroll-button i {
    font-size: 17px !important;
}

.ita-header-category-center a,
.ita-header-category-center img,
.ita-header-category-center .ita-cat-link {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-header-category-center.is-drag-ready {
    cursor: grab !important;
}

.ita-header-category-center.is-dragging {
    cursor: grabbing !important;
}

.ita-header-category-center.is-dragging a {
    pointer-events: none !important;
}

@media (max-width: 1360px) {
    .ita-header-category-center {
        padding-right: 38px !important;
    }

    .ita-category-scroll-button {
        right: 4px !important;
    }
}

@media (max-width: 1180px) {
    .ita-header-category-center {
        padding-right: 34px !important;
    }

    .ita-category-scroll-button {
        right: 3px !important;
        width: 28px !important;
    }
}

/* ========================================================================
   Correção v42
   - Contatar Técnico e Atendimento ficam fora da lógica das categorias
   - A seta agora controla um deslocamento real da faixa de categorias
   - Arrastar com o mouse move a faixa, sem arrastar os links nativos
   - Mantém dropdown/hover das categorias sem corte vertical
   ======================================================================== */

.ita-header-category-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 14px !important;
    overflow: visible !important;
}

.ita-header-category-center {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    padding-right: 0 !important;
    overflow: visible !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-header-category-center.has-overflow {
    padding-right: 38px !important;
}

.ita-category-scroll-viewport {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    clip-path: inset(-720px 0 -720px 0) !important;
    cursor: grab !important;
    touch-action: pan-y !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-header-category-center.is-dragging .ita-category-scroll-viewport,
.ita-category-scroll-viewport:active {
    cursor: grabbing !important;
}

.ita-category-scroll-viewport .ita-cat-nav {
    display: inline-flex !important;
    width: max-content !important;
    min-width: max-content !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    transform: translate3d(calc(var(--ita-cat-scroll-x, 0px) * -1), 0, 0) !important;
    will-change: transform !important;
    transition: transform .22s ease !important;
}

.ita-header-category-center.is-dragging .ita-cat-nav,
.ita-header-category-center:not(.is-scroll-animated) .ita-cat-nav {
    transition: none !important;
}

.ita-category-scroll-viewport .ita-cat-group,
.ita-category-scroll-viewport .ita-cat-all {
    flex: 0 0 auto !important;
}

.ita-header-category-row .ita-cat-nav > .ita-cat-group.ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-all.ita-cat-hidden-by-width {
    display: flex !important;
}

.ita-category-scroll-viewport a,
.ita-category-scroll-viewport img,
.ita-category-scroll-viewport .ita-cat-link {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-header-category-center.is-dragging a {
    pointer-events: none !important;
}

.ita-category-scroll-button {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    z-index: 24 !important;
    display: inline-flex !important;
    width: 30px !important;
    height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: rgba(36, 36, 37, .96) !important;
    color: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .16) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) translateX(7px) scale(.94) !important;
    transition: opacity .18s ease, transform .18s ease, background-color .18s ease, color .18s ease !important;
}

.ita-category-scroll-button[hidden] {
    display: none !important;
}

.ita-category-scroll-button.is-visible:not([hidden]) {
    display: inline-flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    animation: ita-category-arrow-in .22s ease both;
}

.ita-category-scroll-button i {
    font-size: 17px !important;
    line-height: 1 !important;
    transition: transform .18s ease !important;
}

.ita-category-scroll-button:hover {
    background: rgba(49, 49, 52, .98) !important;
    color: #fff !important;
}

.ita-category-scroll-button:hover i {
    transform: translateX(1px) !important;
}

.ita-category-scroll-button.is-at-end i {
    transform: rotate(180deg) !important;
}

.ita-category-scroll-button.is-at-end:hover i {
    transform: rotate(180deg) translateX(1px) !important;
}

.ita-category-actions {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 35 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: 0 !important;
    pointer-events: auto !important;
}

.ita-category-action-button,
.ita-category-service-button,
.ita-category-tech-button {
    flex: 0 0 auto !important;
}

@media (max-width: 1360px) {
    .ita-header-category-row {
        column-gap: 12px !important;
    }

    .ita-header-category-center.has-overflow {
        padding-right: 36px !important;
    }
}

@media (max-width: 1180px) {
    .ita-header-category-row {
        column-gap: 10px !important;
    }

    .ita-header-category-center.has-overflow {
        padding-right: 34px !important;
    }

    .ita-category-scroll-button {
        right: 3px !important;
        width: 28px !important;
    }
}


/* ========================================================================
   Correção v44 - Rolagem real das categorias baseada na v42
   - O botão "Tudo" fica fixo e não entra na rolagem
   - A seta usa transform real via JS, sem calc multiplicando variável
   - Arrastar com o mouse desloca somente os itens de categoria
   ======================================================================== */

.ita-header-category-center {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    overflow: visible !important;
}

.ita-header-category-center.has-overflow {
    padding-right: 34px !important;
}

.ita-category-scroll-viewport {
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    clip-path: inset(-720px 0 -720px 0) !important;
}

.ita-desktop-category-shell {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
}

.ita-category-fixed-all {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    margin-right: 14px !important;
    z-index: 5 !important;
}

.ita-category-scroll-area {
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    clip-path: inset(-720px 0 -720px 0) !important;
    cursor: grab !important;
    touch-action: pan-y !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-header-category-center.is-dragging .ita-category-scroll-area,
.ita-category-scroll-area:active {
    cursor: grabbing !important;
}

.ita-category-scroll-area .ita-cat-nav {
    display: inline-flex !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    will-change: transform !important;
    transition: transform .22s ease !important;
}

.ita-header-category-center.is-dragging .ita-category-scroll-area .ita-cat-nav,
.ita-header-category-center:not(.is-scroll-animated) .ita-category-scroll-area .ita-cat-nav {
    transition: none !important;
}

.ita-category-scroll-area .ita-cat-group {
    flex: 0 0 auto !important;
}

.ita-category-scroll-area a,
.ita-category-scroll-area img,
.ita-category-scroll-area .ita-cat-link {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-header-category-center.is-dragging .ita-category-scroll-area a {
    pointer-events: none !important;
}

.ita-category-scroll-button {
    right: 2px !important;
    z-index: 28 !important;
}

.ita-category-actions {
    z-index: 35 !important;
}


/* ========================================================================
   Correção v45 - Setas/arraste por páginas de categoria
   - Não usa transform/scrollLeft: mostra/oculta blocos de categorias
   - O botão "Tudo" permanece fixo fora da paginação
   - A seta fica clicável acima dos botões laterais
   ======================================================================== */

.ita-header-category-center {
    overflow: visible !important;
}

.ita-category-scroll-viewport,
.ita-category-scroll-area {
    overflow: visible !important;
    cursor: grab !important;
    touch-action: pan-y !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-header-category-center.is-drag-ready,
.ita-header-category-center.is-dragging,
.ita-header-category-center.is-dragging .ita-category-scroll-area,
.ita-category-scroll-area:active {
    cursor: grabbing !important;
}

.ita-category-scroll-area .ita-cat-nav {
    transform: none !important;
    transition: opacity .16s ease, filter .16s ease !important;
}

.ita-header-category-row.is-category-page-changing .ita-category-scroll-area .ita-cat-nav {
    animation: ita-category-page-fade .16s ease both;
}

@keyframes ita-category-page-fade {
    from {
        opacity: .72;
        filter: blur(.4px);
    }

    to {
        opacity: 1;
        filter: blur(0);
    }
}

.ita-category-scroll-area .ita-cat-group.ita-cat-page-hidden {
    display: none !important;
}

.ita-category-fixed-all,
.ita-category-fixed-all .ita-cat-group,
.ita-category-fixed-all .ita-cat-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ita-category-scroll-area a,
.ita-category-scroll-area img,
.ita-category-scroll-area .ita-cat-link {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-header-category-center.is-dragging .ita-category-scroll-area a {
    pointer-events: none !important;
}

.ita-category-scroll-button {
    right: -2px !important;
    z-index: 80 !important;
    pointer-events: auto !important;
}

.ita-category-scroll-button[hidden] {
    display: none !important;
}

.ita-category-scroll-button.is-visible:not([hidden]) {
    display: inline-flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ita-category-actions {
    z-index: 45 !important;
}


/* ========================================================================
   Correção v46 - Rolagem real por deslocamento horizontal
   - O botão "Tudo" permanece fixo
   - A seta e o arraste movem somente as categorias
   - Remove ocultação por blocos que impedia a navegação funcionar
   ======================================================================== */

.ita-header-category-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 14px !important;
    overflow: visible !important;
}

.ita-header-category-center {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding-right: 0 !important;
}

.ita-header-category-center.has-overflow {
    padding-right: 38px !important;
}

.ita-category-scroll-viewport {
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    clip-path: inset(-720px 0 -720px 0) !important;
}

.ita-desktop-category-shell {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
}

.ita-category-fixed-all {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    margin-right: 14px !important;
    z-index: 6 !important;
}

.ita-category-scroll-area {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    clip-path: inset(-720px 0 -720px 0) !important;
    cursor: grab !important;
    touch-action: pan-y !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-category-scroll-area.is-pointer-dragging,
.ita-category-scroll-area:active {
    cursor: grabbing !important;
}

.ita-category-scroll-area .ita-cat-nav {
    display: inline-flex !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    will-change: transform !important;
    transition: transform .22s ease !important;
}

.ita-category-scroll-area.is-pointer-dragging .ita-cat-nav,
.ita-header-category-center:not(.is-scroll-animated) .ita-category-scroll-area .ita-cat-nav {
    transition: none !important;
}

.ita-category-scroll-area .ita-cat-group,
.ita-header-category-row .ita-cat-nav > .ita-cat-group,
.ita-header-category-row .ita-cat-nav > .ita-cat-group.ita-cat-page-hidden,
.ita-header-category-row .ita-cat-nav > .ita-cat-group.ita-cat-hidden-by-width,
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(1),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(2),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(3),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(4),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(5),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(6),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(7),
.ita-header-category-row .ita-cat-nav > .ita-cat-group:nth-of-type(8) {
    display: flex !important;
    flex: 0 0 auto !important;
    visibility: visible !important;
}

.ita-category-scroll-area a,
.ita-category-scroll-area img,
.ita-category-scroll-area .ita-cat-link {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.ita-category-scroll-area.is-pointer-dragging a,
.ita-category-scroll-area.is-pointer-dragging .ita-cat-link {
    pointer-events: none !important;
}

.ita-category-scroll-button {
    right: -2px !important;
    z-index: 90 !important;
    pointer-events: auto !important;
}

.ita-category-scroll-button[hidden] {
    display: none !important;
}

.ita-category-scroll-button.is-visible:not([hidden]) {
    display: inline-flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ita-category-actions {
    position: relative !important;
    z-index: 45 !important;
    flex: 0 0 auto !important;
}


/* ========================================================================
   Correção v47 - Animação suave na rolagem de categorias
   - Clique na seta com easing mais fluido
   - Arraste com resposta suave e pequeno momentum ao soltar
   ======================================================================== */

.ita-category-scroll-area .ita-cat-nav {
    will-change: transform !important;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.ita-header-category-center.is-scroll-animated .ita-category-scroll-area .ita-cat-nav {
    transition: transform .38s cubic-bezier(.22, 1, .36, 1) !important;
}

.ita-category-scroll-area.is-pointer-dragging .ita-cat-nav {
    transition: transform .08s linear !important;
}

.ita-category-scroll-button {
    transition: opacity .2s ease, transform .2s ease, background-color .2s ease, box-shadow .2s ease !important;
}

.ita-category-scroll-button:active {
    transform: translateY(-50%) scale(.96) !important;
}

.ita-category-scroll-button i {
    transition: transform .25s cubic-bezier(.22, 1, .36, 1) !important;
}

.ita-category-scroll-button:hover i {
    transform: translateX(2px) !important;
}


/* ========================================================================
   Correção v48 - Arraste mais pesado e seta com animação em loop
   - Reduz a velocidade percebida do arraste via JS
   - Diminui momentum ao soltar
   - Mantém a seta animada continuamente quando houver categorias ocultas
   ======================================================================== */

.ita-category-scroll-area.is-pointer-dragging .ita-cat-nav {
    transition: transform .12s linear !important;
}

.ita-header-category-center.is-scroll-animated .ita-category-scroll-area .ita-cat-nav {
    transition: transform .44s cubic-bezier(.22, 1, .36, 1) !important;
}

.ita-category-scroll-button.is-visible:not([hidden]) {
    animation: ita-category-arrow-in .22s ease both !important;
}

.ita-category-scroll-button.is-visible:not([hidden]) i {
    animation: ita-category-arrow-loop .95s ease-in-out .22s infinite !important;
}

.ita-category-scroll-button.is-visible.is-at-end:not([hidden]) i {
    animation: ita-category-arrow-loop-back .95s ease-in-out .22s infinite !important;
}

@keyframes ita-category-arrow-loop {
    0%, 100% {
        margin-left: 0;
        opacity: .86;
    }

    50% {
        margin-left: 3px;
        opacity: 1;
    }
}

@keyframes ita-category-arrow-loop-back {
    0%, 100% {
        margin-left: 0;
        opacity: .86;
    }

    50% {
        margin-left: -3px;
        opacity: 1;
    }
}


/* ========================================================================
   Correção v50 - Base v48 com arraste mais pesado
   - Mantém a lógica funcional da v48
   - Reduz velocidade do arraste e momentum ao soltar
   ======================================================================== */

.ita-category-scroll-area.is-pointer-dragging .ita-cat-nav {
    transition: transform .14s linear !important;
}

.ita-header-category-center.is-scroll-animated .ita-category-scroll-area .ita-cat-nav {
    transition: transform .46s cubic-bezier(.22, 1, .36, 1) !important;
}


/* ========================================================================
   Correção v51 - Deslize final mais suavizado
   - Mantém a base funcional da v50
   - Suaviza o momentum quando o usuário solta o arraste
   ======================================================================== */

.ita-header-category-center.is-scroll-animated.is-momentum-release .ita-category-scroll-area .ita-cat-nav {
    transition: transform .68s cubic-bezier(.16, 1, .3, 1) !important;
}

.ita-category-scroll-area.is-pointer-dragging .ita-cat-nav {
    transition: transform .12s linear !important;
}


/* ========================================================================
   Correção v52 - Botão "Tudo" / lista de categorias
   - Remove o wrapper com clip-path que estava prendendo o drawer do botão Tudo
   - Mantém a rolagem usando somente .ita-category-scroll-area
   - Normaliza a exibição da lista lateral do drawer para não herdar estilos da faixa
   ======================================================================== */

.ita-header-category-center > .ita-category-scroll-viewport {
    display: contents !important;
    clip-path: none !important;
    overflow: visible !important;
}

.ita-header-category-center > v-desktop-category,
.ita-header-category-center > div:not(.ita-category-scroll-button) {
    min-width: 0 !important;
}

.ita-all-category-drawer,
.ita-all-category-drawer * {
    box-sizing: border-box;
}

.ita-all-category-drawer .ita-cat-link,
.ita-all-category-drawer .ita-cat-group,
.ita-all-category-drawer .ita-cat-nav {
    transform: none !important;
    animation: none !important;
}

.ita-all-category-drawer [class*="fixed"] {
    clip-path: none !important;
}

.ita-header-category-row .ita-all-category-drawer a::before,
.ita-header-category-row .ita-all-category-drawer a::after {
    content: none !important;
    display: none !important;
}


/* ========================================================================
   Correção v53 - Visual diferente para os botões laterais das categorias
   - Contatar Técnico e Atendimento com identidades visuais diferentes
   - Mantém os dois fora da lógica/rolagem das categorias
   ======================================================================== */

.ita-category-actions {
    gap: 10px !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    isolation: isolate !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        filter .18s ease,
        transform .18s ease !important;
}

/* Contatar Técnico: verde/violeta técnico, combinando com a marca do cabeçalho. */
.ita-category-tech-button {
    background: linear-gradient(135deg, rgba(34, 23, 160, .92), rgba(43, 88, 214, .72)) !important;
    color: #ffffff !important;
    border-color: rgba(79, 111, 255, .24) !important;
}

/* Atendimento: verde/verde discreto para diferenciar do técnico sem sair do tema escuro. */
.ita-category-service-button {
    background: linear-gradient(135deg, rgba(9, 137, 85, .82), rgba(20, 116, 170, .64)) !important;
    color: #ffffff !important;
    border-color: rgba(52, 211, 153, .18) !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    border-radius: 5px !important;
    background-color: rgba(255, 255, 255, .12) !important;
    background-size: 15px 15px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07) !important;
    filter: brightness(0) invert(1) opacity(.96) !important;
}

.ita-category-tech-button:hover {
    background: linear-gradient(135deg, rgba(42, 27, 196, .98), rgba(52, 112, 255, .78)) !important;
    border-color: rgba(114, 143, 255, .34) !important;
    box-shadow: 0 9px 20px rgba(34, 23, 160, .18), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    filter: brightness(1.04) !important;
}

.ita-category-service-button:hover {
    background: linear-gradient(135deg, rgba(12, 154, 96, .92), rgba(24, 132, 190, .72)) !important;
    border-color: rgba(94, 234, 212, .26) !important;
    box-shadow: 0 9px 20px rgba(9, 137, 85, .14), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    filter: brightness(1.04) !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon {
    background-color: rgba(255, 255, 255, .18) !important;
    filter: brightness(0) invert(1) opacity(1) !important;
}

.ita-category-tech-text,
.ita-category-service-text {
    color: inherit !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .18) !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 42px !important;
        padding: 0 !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        margin: 0 !important;
    }
}


/* ========================================================================
   Correção v54 - Botões laterais minimalistas
   - Remove gradientes fortes da v53
   - Mantém diferença visual discreta por acento no ícone
   - Preserva a lógica/rolagem das categorias
   ======================================================================== */

.ita-category-actions {
    gap: 8px !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    background: rgba(255, 255, 255, .035) !important;
    color: rgba(255, 255, 255, .82) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    filter: none !important;
    transform: none !important;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        opacity .16s ease !important;
}

.ita-category-tech-button,
.ita-category-service-button {
    background-image: none !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    background-size: 17px 17px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    opacity: .86 !important;
}

.ita-category-tech-button .ita-category-tech-icon {
    filter: brightness(0) saturate(100%) invert(67%) sepia(34%) saturate(1310%) hue-rotate(187deg) brightness(99%) contrast(94%) !important;
}

.ita-category-service-button .ita-category-service-icon {
    filter: brightness(0) saturate(100%) invert(74%) sepia(18%) saturate(830%) hue-rotate(122deg) brightness(92%) contrast(88%) !important;
}

.ita-category-tech-text,
.ita-category-service-text {
    color: rgba(255, 255, 255, .82) !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

.ita-category-tech-button:hover,
.ita-category-service-button:hover {
    background: rgba(255, 255, 255, .065) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon {
    background-color: transparent !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.ita-category-tech-button:hover .ita-category-tech-text,
.ita-category-service-button:hover .ita-category-service-text {
    color: #ffffff !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 40px !important;
        min-width: 40px !important;
        height: 38px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        margin: 0 !important;
    }
}


/* ========================================================================
   Correção v55 - Botões laterais com cor completa, porém integrados ao tema
   - Contatar Técnico: verde/índigo fechado, combinando com a identidade Itatech
   - Atendimento: verde escuro elegante, sem gradiente agressivo
   - Mantém a lógica/rolagem da v54 intacta
   ======================================================================== */

.ita-category-actions {
    gap: 8px !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    min-height: 38px !important;
    padding: 0 13px !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 5px 14px rgba(0, 0, 0, .16) !important;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        filter .16s ease !important;
}

.ita-category-tech-button {
    background: #24347a !important;
    border-color: rgba(110, 135, 255, .20) !important;
}

.ita-category-service-button {
    background: #0f6b49 !important;
    border-color: rgba(74, 222, 128, .18) !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 4px !important;
    background-color: rgba(255, 255, 255, .12) !important;
    background-size: 15px 15px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    opacity: .96 !important;
    filter: brightness(0) invert(1) opacity(.94) !important;
}

.ita-category-tech-text,
.ita-category-service-text {
    color: #ffffff !important;
    text-shadow: none !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
}

.ita-category-tech-button:hover {
    background: #2b3d8d !important;
    border-color: rgba(135, 157, 255, .28) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 7px 16px rgba(15, 23, 42, .22) !important;
    filter: brightness(1.03) !important;
    transform: none !important;
}

.ita-category-service-button:hover {
    background: #117a53 !important;
    border-color: rgba(110, 231, 183, .26) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 7px 16px rgba(15, 23, 42, .22) !important;
    filter: brightness(1.03) !important;
    transform: none !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon {
    background-color: rgba(255, 255, 255, .16) !important;
    opacity: 1 !important;
    filter: brightness(0) invert(1) opacity(1) !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 40px !important;
        min-width: 40px !important;
        height: 38px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        margin: 0 !important;
    }
}


/* ========================================================================
   Correção v56 - Botões laterais em bloco dividido
   - Layout inspirado no modelo enviado, porém mantendo o tamanho atual
   - Contatar Técnico: verde técnico fechado
   - Atendimento: verde escuro
   - Não altera a lógica da rolagem, botão Tudo ou categorias
   ======================================================================== */

.ita-category-actions {
    gap: 9px !important;
    align-items: center !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background: transparent !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .24) !important;
    text-decoration: none !important;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 19px 19px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    filter: brightness(0) invert(1) opacity(.94) !important;
}

.ita-category-tech-button .ita-category-tech-text,
.ita-category-service-button .ita-category-service-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 13px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: none !important;
}

/* Contatar Técnico - bloco dividido verde */
.ita-category-tech-button .ita-category-tech-icon {
    background-color: #3b5fbd !important;
}

.ita-category-tech-button .ita-category-tech-text {
    background-color: #0f276b !important;
}

/* Atendimento - bloco dividido verde */
.ita-category-service-button .ita-category-service-icon {
    background-color: #377d22 !important;
}

.ita-category-service-button .ita-category-service-text {
    background-color: #12400e !important;
}

.ita-category-tech-button:hover,
.ita-category-service-button:hover {
    transform: translateY(-1px) !important;
    border: none !important;
    filter: brightness(1.04) !important;
    box-shadow: 0 6px 13px rgba(0, 0, 0, .28) !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon,
.ita-category-tech-button:hover .ita-category-tech-text,
.ita-category-service-button:hover .ita-category-service-text {
    opacity: 1 !important;
    box-shadow: none !important;
}

.ita-category-tech-button:active,
.ita-category-service-button:active {
    transform: translateY(0) !important;
    filter: brightness(.98) !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 42px !important;
        min-width: 42px !important;
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 5px !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        width: 42px !important;
        min-width: 42px !important;
        border-radius: 5px !important;
    }

    .ita-category-tech-button .ita-category-tech-text,
    .ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v57 - Botões laterais em bloco dividido, compactos e alinhados
   - Mantém o tamanho atual dos botões
   - Remove desalinhamentos causados pela versão anterior do layout dividido
   - Preserva rolagem, seta, botão Tudo, carrinho e login
   ======================================================================== */

.ita-category-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    display: inline-grid !important;
    grid-template-columns: 34px auto !important;
    grid-auto-flow: column !important;
    align-items: stretch !important;
    justify-content: start !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background: transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .20) !important;
    transform: none !important;
    transition: filter .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    grid-column: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px 17px !important;
    opacity: 1 !important;
    filter: brightness(0) invert(1) opacity(.94) !important;
    box-shadow: none !important;
}

.ita-category-tech-button .ita-category-tech-text,
.ita-category-service-button .ita-category-service-text {
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ita-category-tech-button .ita-category-tech-icon {
    background-color: #344f9f !important;
    background-image: url("../img/chave.png") !important;
}

.ita-category-tech-button .ita-category-tech-text {
    background-color: #11245f !important;
}

.ita-category-service-button .ita-category-service-icon {
    background-color: #2f7220 !important;
    background-image: url("../img/atendimento.png") !important;
}

.ita-category-service-button .ita-category-service-text {
    background-color: #113b0f !important;
}

.ita-category-tech-button:hover,
.ita-category-service-button:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.035) !important;
    border: 0 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .24) !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon,
.ita-category-tech-button:hover .ita-category-tech-text,
.ita-category-service-button:hover .ita-category-service-text {
    opacity: 1 !important;
    box-shadow: none !important;
}

.ita-category-tech-button:active,
.ita-category-service-button:active {
    transform: translateY(0) !important;
    filter: brightness(.99) !important;
}

/* Evita que os ícones automáticos das categorias antigas apareçam nos botões. */
.ita-category-actions a::before,
.ita-category-actions a::after,
.ita-category-tech-button::before,
.ita-category-tech-button::after,
.ita-category-service-button::before,
.ita-category-service-button::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: none !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        grid-template-columns: 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        border-radius: 4px !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        border-radius: 4px !important;
        background-size: 18px 18px !important;
    }

    .ita-category-tech-button .ita-category-tech-text,
    .ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v58 - Botões laterais divididos sem bloco branco
   - Remove o filtro aplicado no bloco inteiro do ícone
   - Aplica o filtro somente na imagem interna via ::before
   - Mantém tamanho compacto e o layout dividido da v57
   ======================================================================== */

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    position: relative !important;
    overflow: hidden !important;
    filter: none !important;
    background-image: none !important;
}

.ita-category-tech-button .ita-category-tech-icon {
    background-color: #344f9f !important;
}

.ita-category-service-button .ita-category-service-icon {
    background-color: #2f7220 !important;
}

.ita-category-tech-button .ita-category-tech-icon::before,
.ita-category-service-button .ita-category-service-icon::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.96) !important;
    opacity: 1 !important;
}

.ita-category-tech-button .ita-category-tech-icon::before {
    background-image: url("../img/chave.png") !important;
}

.ita-category-service-button .ita-category-service-icon::before {
    background-image: url("../img/atendimento.png") !important;
}

.ita-category-tech-button .ita-category-tech-text {
    background-color: #11245f !important;
}

.ita-category-service-button .ita-category-service-text {
    background-color: #113b0f !important;
}

.ita-category-tech-button,
.ita-category-service-button {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .22) !important;
}

.ita-category-tech-button:hover,
.ita-category-service-button:hover {
    filter: brightness(1.03) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .24) !important;
}


/* ========================================================================
   Correção v59 - Botões laterais em peça única
   - Remove o visual dividido em duas partes
   - Mantém o tamanho compacto atual
   - Deixa cada botão com uma cor única, ícone + texto integrados
   ======================================================================== */

.ita-category-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    grid-template-columns: none !important;
    grid-auto-flow: initial !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 12px 0 10px !important;
    border: 1px solid rgba(255, 255, 255, .055) !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .20) !important;
    transform: translateZ(0) !important;
    transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.ita-category-tech-button {
    background: #173b96 !important;
}

.ita-category-service-button {
    background: #11613a !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    grid-column: auto !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    overflow: visible !important;
}

.ita-category-tech-button .ita-category-tech-icon::before,
.ita-category-service-button .ita-category-service-icon::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.95) !important;
    opacity: 1 !important;
}

.ita-category-tech-button .ita-category-tech-icon::before {
    background-image: url("../img/chave.png") !important;
}

.ita-category-service-button .ita-category-service-icon::before {
    background-image: url("../img/atendimento.png") !important;
}

.ita-category-tech-button .ita-category-tech-text,
.ita-category-service-button .ita-category-service-text {
    grid-column: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ita-category-tech-button:hover,
.ita-category-service-button:hover {
    transform: translateY(-1px) translateZ(0) !important;
    filter: brightness(1.055) !important;
    border-color: rgba(255, 255, 255, .105) !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .23) !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon,
.ita-category-tech-button:hover .ita-category-tech-text,
.ita-category-service-button:hover .ita-category-service-text {
    background: transparent !important;
    box-shadow: none !important;
}

.ita-category-tech-button:active,
.ita-category-service-button:active {
    transform: translateY(0) translateZ(0) !important;
    filter: brightness(.98) !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 !important;
        gap: 0 !important;
        border-radius: 7px !important;
    }

    .ita-category-tech-button .ita-category-tech-text,
    .ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v60 - Botões de ação como peça única com destaque só no ícone
   - Mantém o botão inteiro coeso, sem blocos separados visualmente
   - Aplica estilo de seção apenas no ícone interno
   - Bordas um pouco mais quadradas
   ======================================================================== */

.ita-category-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 11px 0 0 !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .22) !important;
    transform: translateZ(0) !important;
    filter: none !important;
    transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.ita-category-tech-button {
    background: #122965 !important;
}

.ita-category-service-button {
    background: #123817 !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 9px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px 0 0 3px !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .06) !important;
    filter: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
}

.ita-category-tech-button .ita-category-tech-icon {
    background: #2854b8 !important;
}

.ita-category-service-button .ita-category-service-icon {
    background: #2a7b2d !important;
}

.ita-category-tech-button .ita-category-tech-icon::before,
.ita-category-service-button .ita-category-service-icon::before {
    content: "" !important;
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.96) !important;
    opacity: 1 !important;
}

.ita-category-tech-button .ita-category-tech-icon::before {
    background-image: url("../img/chave.png") !important;
}

.ita-category-service-button .ita-category-service-icon::before {
    background-image: url("../img/atendimento.png") !important;
}

.ita-category-tech-button .ita-category-tech-text,
.ita-category-service-button .ita-category-service-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ita-category-tech-button:hover,
.ita-category-service-button:hover {
    transform: translateY(-1px) translateZ(0) !important;
    filter: brightness(1.045) !important;
    border-color: rgba(255, 255, 255, .09) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .24) !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon,
.ita-category-tech-button:hover .ita-category-tech-text,
.ita-category-service-button:hover .ita-category-service-text {
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .07) !important;
}

.ita-category-tech-button:active,
.ita-category-service-button:active {
    transform: translateY(0) translateZ(0) !important;
    filter: brightness(.98) !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 !important;
        border-radius: 4px !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        border-radius: 4px !important;
        box-shadow: none !important;
    }

    .ita-category-tech-button .ita-category-tech-text,
    .ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v61 - Botões laterais mais limpos
   - Remove espaço desnecessário depois do ícone
   - Ajusta cores para tons mais sóbrios do tema
   - Hover mais discreto, sem efeito estranho no ícone
   ======================================================================== */

.ita-category-actions {
    gap: 8px !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 10px 0 0 !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, .055) !important;
    overflow: hidden !important;
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .20) !important;
    transform: translateZ(0) !important;
    filter: none !important;
    transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease, border-color .16s ease !important;
}

.ita-category-tech-button {
    background: #142f76 !important;
}

.ita-category-service-button {
    background: #13432b !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px 0 0 3px !important;
    overflow: hidden !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .045) !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.ita-category-tech-button .ita-category-tech-icon {
    background: #214aa5 !important;
}

.ita-category-service-button .ita-category-service-icon {
    background: #1f6b46 !important;
}

.ita-category-tech-button .ita-category-tech-icon::before,
.ita-category-service-button .ita-category-service-icon::before {
    content: "" !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.94) !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.ita-category-tech-button .ita-category-tech-icon::before {
    background-image: url("../img/chave.png") !important;
}

.ita-category-service-button .ita-category-service-icon::before {
    background-image: url("../img/atendimento.png") !important;
}

.ita-category-tech-button .ita-category-tech-text,
.ita-category-service-button .ita-category-service-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.ita-category-tech-button:hover {
    background: #173680 !important;
    transform: translateY(-1px) translateZ(0) !important;
    border-color: rgba(255, 255, 255, .075) !important;
    box-shadow: 0 4px 9px rgba(0, 0, 0, .22) !important;
    filter: none !important;
}

.ita-category-service-button:hover {
    background: #164e32 !important;
    transform: translateY(-1px) translateZ(0) !important;
    border-color: rgba(255, 255, 255, .075) !important;
    box-shadow: 0 4px 9px rgba(0, 0, 0, .22) !important;
    filter: none !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon,
.ita-category-tech-button:hover .ita-category-tech-icon::before,
.ita-category-service-button:hover .ita-category-service-icon::before,
.ita-category-tech-button:hover .ita-category-tech-text,
.ita-category-service-button:hover .ita-category-service-text {
    transform: none !important;
    filter: none !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon::before,
.ita-category-service-button:hover .ita-category-service-icon::before {
    filter: brightness(0) invert(1) opacity(.98) !important;
}

.ita-category-tech-button:active,
.ita-category-service-button:active {
    transform: translateY(0) translateZ(0) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .20) !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 !important;
        border-radius: 4px !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        border-radius: 4px !important;
        box-shadow: none !important;
    }

    .ita-category-tech-button .ita-category-tech-text,
    .ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v62 - Botões laterais integrados e hover mais limpo
   - Remove o espaço após o ícone
   - Mantém visual compacto em peça única
   - Hover aplicado no botão inteiro, sem destaque estranho no ícone
   ======================================================================== */

.ita-category-actions {
    gap: 8px !important;
}

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 12px 0 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .055) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .18) !important;
    transform: translateZ(0) !important;
    transition: background-color .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.ita-category-tech-button {
    background: #163885 !important;
}

.ita-category-service-button {
    background: #134d31 !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px 0 0 3px !important;
    border: 0 !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .06) !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: background-color .16s ease !important;
}

.ita-category-tech-button .ita-category-tech-icon {
    background: #214da9 !important;
}

.ita-category-service-button .ita-category-service-icon {
    background: #1d6a43 !important;
}

.ita-category-tech-button .ita-category-tech-icon::before,
.ita-category-service-button .ita-category-service-icon::before {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.96) !important;
    opacity: 1 !important;
    transform: none !important;
    transition: opacity .16s ease !important;
}

.ita-category-tech-button .ita-category-tech-text,
.ita-category-service-button .ita-category-service-text {
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-category-tech-button:hover {
    background: #193f91 !important;
    border-color: rgba(255, 255, 255, .075) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .24) !important;
    transform: translateZ(0) !important;
}

.ita-category-service-button:hover {
    background: #165738 !important;
    border-color: rgba(255, 255, 255, .075) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .24) !important;
    transform: translateZ(0) !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon {
    background: #2556b8 !important;
}

.ita-category-service-button:hover .ita-category-service-icon {
    background: #23774c !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon::before,
.ita-category-service-button:hover .ita-category-service-icon::before {
    filter: brightness(0) invert(1) opacity(1) !important;
}

.ita-category-tech-button:hover .ita-category-tech-text,
.ita-category-service-button:hover .ita-category-service-text {
    color: #ffffff !important;
    transform: none !important;
    filter: none !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border-radius: 4px !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        border-radius: 4px !important;
        box-shadow: none !important;
    }

    .ita-category-tech-button .ita-category-tech-text,
    .ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v63 - Botões Contatar Técnico / Atendimento
   - Remove espaço visual depois do ícone
   - Remove linha/risco no hover
   - Hover mais integrado ao botão inteiro
   ======================================================================== */

.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 10px 0 0 !important;
    gap: 0 !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, .045) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .18) !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    transition: background-color .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

.ita-category-tech-button {
    background: #173b8b !important;
}

.ita-category-service-button {
    background: #145232 !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px 0 0 3px !important;
    box-shadow: none !important;
    outline: none !important;
    filter: none !important;
    transform: none !important;
    transition: background-color .16s ease, filter .16s ease !important;
}

.ita-category-tech-button .ita-category-tech-icon {
    background: #214da9 !important;
}

.ita-category-service-button .ita-category-service-icon {
    background: #1b6a42 !important;
}

.ita-category-tech-button .ita-category-tech-icon::before,
.ita-category-service-button .ita-category-service-icon::before {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    filter: brightness(0) invert(1) opacity(.96) !important;
    transform: none !important;
    transition: opacity .16s ease !important;
}

.ita-category-tech-button .ita-category-tech-text,
.ita-category-service-button .ita-category-service-text {
    height: 38px !important;
    padding: 0 0 0 4px !important;
    margin: 0 !important;
    line-height: 1 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-category-tech-button:hover {
    background: #1a4296 !important;
    border-color: rgba(255, 255, 255, .045) !important;
    box-shadow: 0 4px 9px rgba(0, 0, 0, .22) !important;
    filter: brightness(1.02) !important;
    transform: translateZ(0) !important;
}

.ita-category-service-button:hover {
    background: #175b38 !important;
    border-color: rgba(255, 255, 255, .045) !important;
    box-shadow: 0 4px 9px rgba(0, 0, 0, .22) !important;
    filter: brightness(1.02) !important;
    transform: translateZ(0) !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon {
    background: #2452b2 !important;
}

.ita-category-service-button:hover .ita-category-service-icon {
    background: #1e7448 !important;
}

.ita-category-tech-button:hover .ita-category-tech-icon,
.ita-category-service-button:hover .ita-category-service-icon,
.ita-category-tech-button:hover .ita-category-tech-icon::before,
.ita-category-service-button:hover .ita-category-service-icon::before,
.ita-category-tech-button:hover .ita-category-tech-text,
.ita-category-service-button:hover .ita-category-service-text {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button,
    .ita-category-service-button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        padding: 0 !important;
        border-radius: 4px !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        border-radius: 4px !important;
    }

    .ita-category-tech-button .ita-category-tech-text,
    .ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v64 - Remover espaço antes do ícone dos botões laterais
   - Impede que regras antigas de ícone por URL criem padding/::before no botão
   - Mantém apenas o ícone interno oficial do botão
   ======================================================================== */

.ita-category-action-button,
.ita-category-action-button[href],
.ita-category-tech-button,
.ita-category-service-button {
    padding-left: 0 !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .18) !important;
}

/* Remove o pseudo-ícone herdado das regras antigas baseadas no href. */
.ita-category-action-button::before,
.ita-category-action-button::after,
.ita-category-tech-button::before,
.ita-category-tech-button::after,
.ita-category-service-button::before,
.ita-category-service-button::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.ita-category-tech-button .ita-category-tech-text,
.ita-category-service-button .ita-category-service-text {
    padding-left: 7px !important;
    padding-right: 0 !important;
    border: 0 !important;
}

.ita-category-tech-button:hover,
.ita-category-service-button:hover {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 4px 9px rgba(0, 0, 0, .22) !important;
}

@media (max-width: 1180px) {
    .ita-category-action-button,
    .ita-category-action-button[href],
    .ita-category-tech-button,
    .ita-category-service-button {
        padding: 0 !important;
    }

    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        flex-basis: 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
    }
}


/* ========================================================================
   Correção v65 - Remove faixa extra antes dos ícones dos botões laterais
   - Troca os botões rápidos para <button>, sem href e sem pseudo-ícones herdados
   - Garante que a área colorida do ícone comece exatamente na borda esquerda
   ======================================================================== */

.ita-header-category-row .ita-category-actions button.ita-category-action-button,
.ita-header-category-row .ita-category-actions button.ita-category-tech-button,
.ita-header-category-row .ita-category-actions button.ita-category-service-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 10px 0 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    cursor: default !important;
    text-decoration: none !important;
    outline: none !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-action-button::before,
.ita-header-category-row .ita-category-actions button.ita-category-action-button::after,
.ita-header-category-row .ita-category-actions button.ita-category-tech-button::before,
.ita-header-category-row .ita-category-actions button.ita-category-tech-button::after,
.ita-header-category-row .ita-category-actions button.ita-category-service-button::before,
.ita-header-category-row .ita-category-actions button.ita-category-service-button::after {
    content: none !important;
    display: none !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-tech-button {
    background: #173b8b !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-service-button {
    background: #145232 !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-tech-button .ita-category-tech-icon,
.ita-header-category-row .ita-category-actions button.ita-category-service-button .ita-category-service-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px 0 0 4px !important;
    box-shadow: none !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-tech-button .ita-category-tech-icon {
    background: #214da9 !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-service-button .ita-category-service-icon {
    background: #1b6a42 !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-tech-button .ita-category-tech-icon::before,
.ita-header-category-row .ita-category-actions button.ita-category-service-button .ita-category-service-icon::before {
    content: "" !important;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.96) !important;
    transform: none !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-tech-button .ita-category-tech-icon::before {
    background-image: url("../img/chave.png") !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-service-button .ita-category-service-icon::before {
    background-image: url("../img/atendimento.png") !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-tech-button .ita-category-tech-text,
.ita-header-category-row .ita-category-actions button.ita-category-service-button .ita-category-service-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-tech-button:hover {
    background: #193f91 !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-service-button:hover {
    background: #165738 !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-tech-button:hover .ita-category-tech-icon {
    background: #2452b2 !important;
}

.ita-header-category-row .ita-category-actions button.ita-category-service-button:hover .ita-category-service-icon {
    background: #1e7448 !important;
}

@media (max-width: 1180px) {
    .ita-header-category-row .ita-category-actions button.ita-category-action-button,
    .ita-header-category-row .ita-category-actions button.ita-category-tech-button,
    .ita-header-category-row .ita-category-actions button.ita-category-service-button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        padding: 0 !important;
    }

    .ita-header-category-row .ita-category-actions button.ita-category-tech-button .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions button.ita-category-service-button .ita-category-service-icon {
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        border-radius: 4px !important;
    }

    .ita-header-category-row .ita-category-actions button.ita-category-tech-button .ita-category-tech-text,
    .ita-header-category-row .ita-category-actions button.ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v66 - Espaçamento da seta e botões laterais
   - Aumenta levemente a proteção entre a seta das categorias e os botões
   - Aumenta o gap entre Contatar Técnico e Atendimento
   ======================================================================== */

.ita-header-category-row {
    column-gap: 22px !important;
}

.ita-category-scroll-button {
    right: 0 !important;
}

.ita-category-actions {
    gap: 13px !important;
}

@media (max-width: 1180px) {
    .ita-header-category-row {
        column-gap: 18px !important;
    }

    .ita-category-actions {
        gap: 10px !important;
    }
}


/* ========================================================================
   Correção v67 - Borda 2px e links exemplo nos botões laterais
   - Mantém a base da v66
   - Usa <a href="#"> como link de exemplo nos dois botões
   - Deixa a borda/raio visual dos botões em 2px
   ======================================================================== */

.ita-header-category-row .ita-category-actions .ita-category-action-button,
.ita-header-category-row .ita-category-actions a.ita-category-action-button,
.ita-header-category-row .ita-category-actions a.ita-category-tech-button,
.ita-header-category-row .ita-category-actions a.ita-category-service-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 10px 0 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    text-decoration: none !important;
    outline: none !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-action-button::before,
.ita-header-category-row .ita-category-actions a.ita-category-action-button::after,
.ita-header-category-row .ita-category-actions a.ita-category-tech-button::before,
.ita-header-category-row .ita-category-actions a.ita-category-tech-button::after,
.ita-header-category-row .ita-category-actions a.ita-category-service-button::before,
.ita-header-category-row .ita-category-actions a.ita-category-service-button::after {
    content: none !important;
    display: none !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-tech-button {
    background: #173b8b !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-service-button {
    background: #145232 !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon,
.ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px 0 0 2px !important;
    box-shadow: none !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon {
    background: #214da9 !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon {
    background: #1b6a42 !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon::before,
.ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon::before {
    content: "" !important;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) opacity(.96) !important;
    transform: none !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon::before {
    background-image: url("../img/chave.png") !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon::before {
    background-image: url("../img/atendimento.png") !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-text,
.ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-tech-button:hover {
    background: #193f91 !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-service-button:hover {
    background: #165738 !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-tech-button:hover .ita-category-tech-icon {
    background: #2452b2 !important;
}

.ita-header-category-row .ita-category-actions a.ita-category-service-button:hover .ita-category-service-icon {
    background: #1e7448 !important;
}

@media (max-width: 1180px) {
    .ita-header-category-row .ita-category-actions .ita-category-action-button,
    .ita-header-category-row .ita-category-actions a.ita-category-action-button,
    .ita-header-category-row .ita-category-actions a.ita-category-tech-button,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        padding: 0 !important;
        border-radius: 2px !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon {
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        border-radius: 2px !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-text,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v68 - Botão Favoritos ao lado direito do carrinho
   ======================================================================== */

.ita-header-actions .ita-cart-v4 {
    order: 1 !important;
}

.ita-header-actions .ita-favorites-btn {
    order: 2 !important;
}

.ita-header-actions > .relative,
.ita-header-actions > [class*="dropdown"],
.ita-header-actions .ita-login-toggle,
.ita-header-actions x-shop\:dropdown {
    order: 3 !important;
}

.ita-header-actions .ita-notification-toggle {
    order: 4 !important;
}

.ita-favorites-btn,
.ita-favorites-btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 50px !important;
    min-width: 136px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 4px !important;
    background: #262a33 !important;
    color: #f1f2f6 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .15px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16) !important;
    transition: background-color .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, transform .18s ease !important;
}

.ita-favorites-btn::before,
.ita-favorites-btn::after {
    content: none !important;
    display: none !important;
}

.ita-favorites-icon {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #8b93a3 !important;
    transition: color .22s ease, filter .22s ease, transform .18s ease !important;
}

.ita-favorites-text {
    display: inline-block !important;
    white-space: nowrap !important;
}

.ita-favorites-btn:hover {
    background: #2b2f39 !important;
    border-color: rgba(255, 71, 87, .42) !important;
    color: #ff6b7a !important;
    box-shadow: 0 0 10px rgba(255, 71, 87, .18) !important;
    transform: translateY(-1px) !important;
}

.ita-favorites-btn:hover .ita-favorites-icon {
    color: #ff6b7a !important;
    filter: drop-shadow(0 0 5px rgba(255, 71, 87, .28)) !important;
}

.ita-favorites-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18) !important;
}

.ita-favorites-btn:focus-visible {
    outline: 2px solid rgba(255, 71, 87, .55) !important;
    outline-offset: 3px !important;
}

@media (max-width: 1420px) {
    .ita-favorites-btn {
        min-width: 48px !important;
        width: 48px !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    .ita-favorites-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v69 - Favoritos sem borda/brilho e hover verde
   ======================================================================== */

.ita-favorites-btn,
.ita-favorites-btn:visited {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: #262a33 !important;
    color: #f1f2f6 !important;
}

.ita-favorites-icon {
    color: #8b93a3 !important;
    filter: none !important;
}

.ita-favorites-btn:hover {
    border: 0 !important;
    outline: none !important;
    background: #2b2f39 !important;
    color: #4c8dff !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}

.ita-favorites-btn:hover .ita-favorites-icon {
    color: #4c8dff !important;
    filter: none !important;
    text-shadow: none !important;
}

.ita-favorites-btn:active {
    border: 0 !important;
    box-shadow: none !important;
    transform: translateY(0) !important;
}

.ita-favorites-btn:focus,
.ita-favorites-btn:focus-visible {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}


/* ========================================================================
   Correção v70
   - Favoritos à direita do login
   - Favoritos com caixa #242425 sem animação de subir
   - Contatar Técnico/Atendimento com base #242425, preservando hover e ícones
   ======================================================================== */

.ita-header-actions .ita-cart-v4 {
    order: 1 !important;
}

.ita-header-actions > .relative,
.ita-header-actions > [class*="dropdown"],
.ita-header-actions .ita-login-toggle,
.ita-header-actions x-shop\:dropdown {
    order: 2 !important;
}

.ita-header-actions .ita-favorites-btn {
    order: 3 !important;
}

.ita-header-actions .ita-notification-toggle {
    order: 4 !important;
}

.ita-favorites-btn,
.ita-favorites-btn:visited,
.ita-favorites-btn:hover,
.ita-favorites-btn:active,
.ita-favorites-btn:focus,
.ita-favorites-btn:focus-visible {
    background: #242425 !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.ita-favorites-btn {
    transition: color .18s ease, background-color .18s ease !important;
}

.ita-favorites-btn:hover {
    color: #4c8dff !important;
}

.ita-favorites-btn:hover .ita-favorites-icon {
    color: #4c8dff !important;
    filter: none !important;
    transform: none !important;
}

.ita-header-category-row .ita-category-actions .ita-category-tech-button:not(:hover),
.ita-header-category-row .ita-category-actions .ita-category-service-button:not(:hover),
.ita-header-category-row .ita-category-actions a.ita-category-tech-button:not(:hover),
.ita-header-category-row .ita-category-actions a.ita-category-service-button:not(:hover),
.ita-header-category-row .ita-category-actions button.ita-category-tech-button:not(:hover),
.ita-header-category-row .ita-category-actions button.ita-category-service-button:not(:hover) {
    background: #242425 !important;
}


/* ========================================================================
   Correção v71 - Favoritos igual ao botão de notificação, sem texto/fundo
   ======================================================================== */

.ita-header-actions .ita-favorites-btn {
    order: 3 !important;
}

.ita-header-actions .ita-notification-toggle {
    order: 4 !important;
}

.ita-favorites-btn,
.ita-favorites-btn:visited,
.ita-favorites-btn:active,
.ita-favorites-btn:focus {
    display: inline-grid !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    place-items: center !important;
    border: none !important;
    outline: none !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #f4f4f5 !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color .16s ease, background-color .16s ease, filter .16s ease !important;
}

.ita-favorites-text {
    display: none !important;
}

.ita-favorites-icon {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: currentColor !important;
    filter: none !important;
    transform: none !important;
    transition: color .16s ease, filter .16s ease !important;
}

.ita-favorites-btn:hover {
    background: rgba(255, 255, 255, .045) !important;
    color: #4c8dff !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    filter: drop-shadow(0 0 4px rgba(76, 141, 255, .18)) !important;
}

.ita-favorites-btn:hover .ita-favorites-icon {
    color: #4c8dff !important;
    transform: none !important;
    filter: none !important;
}

.ita-favorites-btn:focus-visible {
    outline: 2px solid rgba(76, 141, 255, .38) !important;
    outline-offset: 3px !important;
}


/* ========================================================================
   Correção v72 - Logo 230px e fonte Roboto em todo o site
   ======================================================================== */

/* Logo desktop: 230px e quase sem deslocamento vertical. */
.ita-header-logo-col .ita-header-logo,
.ita-header-logo {
    max-width: 230px !important;
    transform: translateY(0.1px) !important;
}

@media (max-width: 1580px) {
    .ita-header-logo-col .ita-header-logo,
    .ita-header-logo {
        max-width: 230px !important;
        transform: translateY(0.1px) !important;
    }
}

@media (max-width: 1360px) {
    .ita-header-logo-col .ita-header-logo,
    .ita-header-logo {
        max-width: 230px !important;
        transform: translateY(0.1px) !important;
    }
}

/* Fonte padrão do site. Não aplica font-family direto nos ícones para não quebrar Font Awesome/ícones Bagisto. */
html,
body,
#app,
main,
header,
footer,
nav,
section,
article,
aside,
button,
input,
textarea,
select,
option,
label,
a,
p,
li,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
small {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* Preserva fontes de ícones. */
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "bagisto-shop" !important;
}


/* ========================================================================
   Correção v73 - Botão "Tudo" com visual alinhado aos botões laterais
   ======================================================================== */

.ita-header-category-row .ita-category-fixed-all {
    margin-right: 16px !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-all {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-all::before,
.ita-header-category-row .ita-category-fixed-all .ita-cat-all::after,
.ita-header-category-row .ita-category-fixed-all .ita-cat-link::before,
.ita-header-category-row .ita-category-fixed-all .ita-cat-link::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 12px 0 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #242425 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    transition: background-color .16s ease, filter .16s ease !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-link .icon-hamburger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px 0 0 2px !important;
    background: #303033 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-all:hover,
.ita-header-category-row .ita-category-fixed-all .ita-cat-link:hover {
    background: #29292b !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: brightness(1.02) !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-link:hover .icon-hamburger {
    background: #36363a !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-link:active {
    transform: none !important;
    filter: brightness(.98) !important;
}


/* ========================================================================
   Correção v74 - Categorias com visual do botão "Tudo"
   - Categorias passam a usar a mesma base escura do botão Tudo
   - Categorias com imagem ficam com bloco de ícone integrado no lado esquerdo
   - O botão Tudo recebe fundo verde no bloco do ícone
   ======================================================================== */

/* Tudo: mantém o botão escuro, mas o bloco do ícone fica verde. */
.ita-header-category-row .ita-category-fixed-all .ita-cat-link .icon-hamburger {
    background: #1e43b8 !important;
    color: #ffffff !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-link:hover .icon-hamburger {
    background: #2450d2 !important;
    color: #ffffff !important;
}

/* Base dos botões de categoria, seguindo o visual do Tudo. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 12px 0 12px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #242425 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    transition: background-color .16s ease, filter .16s ease, color .16s ease !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link:hover,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link {
    background: #29292b !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: brightness(1.02) !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link:active {
    transform: none !important;
    filter: brightness(.98) !important;
}

/* Categorias que têm ícone: o pseudo-elemento vira o bloco esquerdo do botão. */
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"] {
    padding: 0 12px 0 0 !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"]::before {
    content: "" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    position: static !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px 0 0 2px !important;
    background-color: #303033 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    filter: brightness(0) invert(1) opacity(.95) !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transition: background-color .16s ease, filter .16s ease !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link:hover::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover a.ita-cat-link::before {
    background-color: #36363a !important;
    filter: brightness(0) invert(1) opacity(1) !important;
    transform: none !important;
}

/* Remove o separador vertical entre os botões de categoria no novo visual. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-group + .ita-cat-group::before {
    content: none !important;
    display: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group {
    margin-right: 7px !important;
}


/* ========================================================================
   Correção v75 - Ícones das categorias sem bloco branco
   - O bloco esquerdo da categoria fica escuro/verde como botão
   - O ícone é aplicado por máscara, sem filter no bloco inteiro
   ======================================================================== */

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"] {
    position: relative !important;
    padding: 0 12px 0 0 !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"]::before {
    content: "" !important;
    display: inline-flex !important;
    align-self: stretch !important;
    position: static !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px 0 0 2px !important;
    background: #303033 !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transition: background-color .16s ease !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"]::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 7px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    background-image: none !important;
    transform: translateY(-50%) !important;
    filter: none !important;
    opacity: .95 !important;
    pointer-events: none !important;
    box-shadow: none !important;
    transition: opacity .16s ease !important;
    -webkit-mask: var(--ita-cat-icon) center / contain no-repeat !important;
    mask: var(--ita-cat-icon) center / contain no-repeat !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"] { --ita-cat-icon: url("../img/key.png"); }

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"] { --ita-cat-icon: url("../img/chip.png"); }

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"] { --ita-cat-icon: url("../img/eletronicos.png"); }

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"] { --ita-cat-icon: url("../img/roteador.png"); }

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"] { --ita-cat-icon: url("../img/geek.png"); }

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"] { --ita-cat-icon: url("../img/chave.png"); }

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"] { --ita-cat-icon: url("../img/3d.png"); }

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"] { --ita-cat-icon: url("../img/atendimento.png"); }

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link:hover::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover a.ita-cat-link::before {
    background: #36363a !important;
    filter: none !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link:hover::after,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover a.ita-cat-link::after {
    opacity: 1 !important;
    filter: none !important;
}


/* ========================================================================
   Correção v76 - Restaurar divisores discretos entre categorias
   ======================================================================== */

.ita-header-category-row .ita-category-scroll-area .ita-cat-nav {
    gap: 0 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group {
    display: inline-flex !important;
    align-items: center !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group + .ita-cat-group::before {
    content: "" !important;
    display: inline-block !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 18px !important;
    margin: 0 8px !important;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255, 255, 255, .20),
        transparent
    ) !important;
    border: 0 !important;
    border-radius: 999px !important;
    opacity: .62 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    pointer-events: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover::before {
    opacity: .72 !important;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255, 255, 255, .24),
        transparent
    ) !important;
}


/* ========================================================================
   Correção v78 - Base v76 + divisor centralizado entre botões de categoria
   ======================================================================== */

/* Mantém o layout da v76; corrige apenas o divisor para ficar no meio real
   do espaço entre um botão e outro, sem empurrar/desalinhar as categorias. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-nav {
    gap: 16px !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group {
    position: relative !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group + .ita-cat-group::before {
    content: "" !important;
    position: absolute !important;
    left: -8px !important;
    top: 50% !important;
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 20px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255, 255, 255, .22),
        transparent
    ) !important;
    opacity: .62 !important;
    transform: translateY(-50%) !important;
    filter: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover::before {
    opacity: .68 !important;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255, 255, 255, .24),
        transparent
    ) !important;
}


/* ========================================================================
   Correção v79 - Divisor realmente centralizado entre botões de categoria
   ======================================================================== */

/* A v78 usava gap e divisor absoluto em -8px. Em alguns tamanhos isso dava
   impressão de divisor fora do centro. Agora o espaço entre os botões é formado
   por 18px de margem + 18px de padding, e o divisor fica exatamente no meio. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-nav {
    gap: 0 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group {
    position: relative !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group + .ita-cat-group {
    margin-left: 18px !important;
    padding-left: 18px !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group + .ita-cat-group::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 255, 255, .20) 45%,
        rgba(255, 255, 255, .20) 55%,
        transparent 100%
    ) !important;
    opacity: .64 !important;
    transform: translateY(-50%) !important;
    filter: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover::before {
    opacity: .64 !important;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 255, 255, .20) 45%,
        rgba(255, 255, 255, .20) 55%,
        transparent 100%
    ) !important;
}


/* ========================================================================
   Correção v80 - Divisor centralizado visualmente entre botões de categoria
   ======================================================================== */

/* Remove sobras antigas de margem/padding que deixavam o divisor puxado para a esquerda. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-nav {
    gap: 22px !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group + .ita-cat-group {
    position: relative !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Com gap de 22px, o divisor fica em -11px: exatamente no meio do espaço. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-group + .ita-cat-group::before {
    content: "" !important;
    position: absolute !important;
    left: -11px !important;
    top: 50% !important;
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 255, 255, .20) 45%,
        rgba(255, 255, 255, .20) 55%,
        transparent 100%
    ) !important;
    opacity: .64 !important;
    transform: translateY(-50%) !important;
    filter: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover::before {
    opacity: .64 !important;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 255, 255, .20) 45%,
        rgba(255, 255, 255, .20) 55%,
        transparent 100%
    ) !important;
}


/* ========================================================================
   Correção v81 - Hover verde nas categorias, exceto botão "Tudo"
   ======================================================================== */

/* Aplica o hover verde somente nos botões de categoria da área rolável.
   O botão fixo "Tudo" fica fora deste seletor e mantém o estilo atual. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-link:hover,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link {
    background: #1e43b8 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

/* Quando a categoria tem ícone, o bloco do ícone acompanha o tema verde. */
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"]:hover::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"]:hover::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover a.ita-cat-link::before {
    background: #17358f !important;
    filter: none !important;
    transform: none !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link:hover::after,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover a.ita-cat-link::after {
    background: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}


/* ========================================================================
   Correção v88 - PROMOÇÕES com rocket.png sem sobreposição
   Base v81: aplica o mesmo layout dos demais botões com ícone, mas usa uma
   classe real no Blade para não depender apenas do href e evitar overlay.
   ======================================================================== */

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 12px 0 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #242425 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
}

/* Desliga qualquer pseudo legado que podia jogar o ícone por cima do texto. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes::after,
.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover::after,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes::after {
    content: none !important;
    display: none !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    position: relative !important;
    display: inline-flex !important;
    align-self: stretch !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px 0 0 2px !important;
    background: #5b1d24 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    pointer-events: none !important;
    transition: background-color .16s ease !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    opacity: .95 !important;
    transform: none !important;
    filter: none !important;
    -webkit-mask: url("../img/rocket.png") center / contain no-repeat !important;
    mask: url("../img/rocket.png") center / contain no-repeat !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes {
    background: #6a2029 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover .ita-cat-promo-icon,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    background: #8a2732 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover .ita-cat-promo-icon::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon::before {
    opacity: 1 !important;
}


/* ========================================================================
   Correção v89 - PROMOÇÕES: bloco do ícone #ed3e4f e hover vermelho
   Mantém o layout v88, mudando somente as cores do botão PROMOÇÕES.
   ======================================================================== */

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    background: #ed3e4f !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes {
    background: #3a1f23 !important;
    color: #ffffff !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover .ita-cat-promo-icon,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    background: #ff5362 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover .ita-cat-promo-icon::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon::before {
    background: #ffffff !important;
    opacity: 1 !important;
}


/* ========================================================================
   Correção v90 - PROMOÇÕES: vermelho mais escuro e hover harmonizado
   Mantém o layout v88/v89, ajustando apenas a paleta do botão PROMOÇÕES.
   ======================================================================== */

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    background: #b92f3d !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes {
    background: #332225 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover .ita-cat-promo-icon,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    background: #c93645 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover .ita-cat-promo-icon::before,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon::before {
    background: #ffffff !important;
    opacity: 1 !important;
}


/* ========================================================================
   Correção v94 - Base v91 + camadas corretas dos botões e seta
   - Mantém a v91 como base
   - Mantém Contatar Técnico/Atendimento abaixo dos menus/dropdowns
   - Mantém a seta das categorias abaixo dos menus/dropdowns
   ======================================================================== */

.ita-header-category-row .ita-category-scroll-button,
.ita-header-category-row .ita-category-scroll-button.is-visible:not([hidden]) {
    z-index: 8 !important;
}

.ita-header-category-row .ita-category-scroll-button i {
    position: relative !important;
    z-index: 1 !important;
}

.ita-header-category-row .ita-category-actions,
.ita-header-category-row .ita-category-action-button,
.ita-header-category-row .ita-category-side-button {
    z-index: 9 !important;
}

.ita-header-category-row .ita-mega,
.ita-header-category-row .group-hover\:pointer-events-auto,
.ita-header-category-row .group-hover\:opacity-100,
.ita-header-category-row .group-hover\:translate-y-0,
.ita-header-category-row .ita-cat-group:hover .ita-mega,
.ita-header-category-row .ita-cat-group:focus-within .ita-mega {
    z-index: 120 !important;
}


/* ========================================================================
   Correção v95 - base v91/v94, restaurando hover PROMOÇÕES da v91 solicitada
   Mantém as correções de camada dos botões Contatar/Atendimento e da seta.
   ======================================================================== */
.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes {
    background: #f93457a6 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

/* Mantém o ícone em vermelho escuro da v90, sem alterar o layout resolvido. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    background: #b92f3d !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes:hover .ita-cat-promo-icon,
.ita-header-category-row .ita-category-scroll-area .ita-cat-group:hover .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    background: #c93645 !important;
}


/* ========================================================================
   Correção v101 - Menu Tudo moderno + mantém v97/v98/v99/v100
   - Menu Tudo adaptado ao tema com layout moderno escuro.
   - Dropdown de categorias via portal fora da faixa para não cortar.
   - Lista vertical, scroll interno e hover fixo da categoria ativa.
   ======================================================================== */

/* Drawer Tudo: tema escuro, baseado no layout enviado. */
.ita-all-category-drawer .fixed.z-\[1000\],
.ita-all-category-drawer .pointer-events-auto,
.ita-all-category-drawer .bg-white,
.ita-all-category-drawer [class*="bg-white"] {
    background: #1e1e24 !important;
    color: #ffffff !important;
}

.ita-all-category-drawer .ita-all-menu-header-slot {
    padding: 20px 22px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
    background: #1e1e24 !important;
}

.ita-all-category-drawer .icon-cancel {
    color: #cbd5e1 !important;
    font-size: 22px !important;
    transition: color .18s ease, transform .18s ease !important;
}

.ita-all-category-drawer .icon-cancel:hover {
    color: #ffffff !important;
    transform: rotate(90deg) !important;
}

.ita-all-menu-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.ita-all-menu-logo {
    font-family: Roboto, Inter, system-ui, sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: .5px !important;
    color: #4da3ff !important;
    line-height: 1 !important;
}

.ita-all-menu-logo span {
    color: #f6b21a !important;
}

.ita-all-menu-content-slot {
    padding: 0 !important;
    overflow: hidden !important;
    background: #1e1e24 !important;
}

.ita-all-menu-panel {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    background: #1e1e24 !important;
    color: #ffffff !important;
    font-family: Roboto, Inter, system-ui, sans-serif !important;
}

.ita-all-menu-user-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 18px 20px 14px !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #2a2a32, #24242a) !important;
}

.ita-all-menu-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 999px !important;
    background: #2f3542 !important;
    color: #cbd5e1 !important;
    font-size: 20px !important;
}

.ita-all-menu-user-info h3 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.ita-all-menu-user-info p {
    margin: 3px 0 0 !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
}

.ita-all-menu-slider-shell {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.ita-all-menu-slider {
    display: flex !important;
    height: 100% !important;
    width: 200% !important;
    transition: transform .28s cubic-bezier(.22, 1, .36, 1) !important;
}

.ita-all-menu-slider.is-main-view {
    transform: translateX(0) !important;
}

.ita-all-menu-slider.is-sub-view {
    transform: translateX(-50%) !important;
}

.ita-all-menu-view {
    width: 50% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 10px 18px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #3b3b40 #1b1b1e !important;
}

.ita-all-menu-view::-webkit-scrollbar {
    width: 10px !important;
}

.ita-all-menu-view::-webkit-scrollbar-track {
    background: #1b1b1e !important;
    border-radius: 10px !important;
}

.ita-all-menu-view::-webkit-scrollbar-thumb {
    background-color: #3b3b40 !important;
    border-radius: 10px !important;
    border: 2px solid #1b1b1e !important;
}

.ita-all-menu-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ita-all-menu-item {
    margin: 0 !important;
    padding: 0 !important;
}

.ita-all-menu-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 54px !important;
    border-left: 3px solid transparent !important;
    border-radius: 8px !important;
    transition: background-color .18s ease, border-color .18s ease !important;
}

.ita-all-menu-row:hover {
    background: rgba(17, 71, 197, .13) !important;
    border-left-color: #1147c5 !important;
}

.ita-all-menu-left {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding: 14px 10px 14px 14px !important;
    color: #e2e8f0 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    line-height: 1.15 !important;
}

.ita-all-menu-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    color: #cbd5e1 !important;
    font-size: 18px !important;
    transition: color .18s ease, transform .18s ease !important;
}

.ita-all-menu-row:hover .ita-all-menu-icon {
    color: #4da3ff !important;
    transform: translateX(1px) !important;
}

.ita-all-menu-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ita-all-menu-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin-right: 4px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #64748b !important;
    cursor: pointer !important;
    transition: color .18s ease, background-color .18s ease !important;
}

.ita-all-menu-chevron:hover {
    color: #ffffff !important;
    background: rgba(77, 163, 255, .12) !important;
}

.ita-all-menu-sub-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 12px !important;
    margin: 0 -10px 8px !important;
    background: #1e1e24 !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.ita-all-menu-sub-header strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ita-all-menu-back {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #cbd5e1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    cursor: pointer !important;
}

.ita-all-menu-back:hover {
    color: #4da3ff !important;
}

/* Dropdown portal das categorias da barra */
.ita-header-category-row .ita-category-scroll-area .ita-cat-group > .ita-mega,
.ita-header-category-row .ita-cat-nav > .ita-cat-group > .ita-mega {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, 0, 0) !important;
}

.ita-mega-portal-v101 {
    position: fixed !important;
    z-index: 9999 !important;
    display: none;
    width: min(320px, calc(100dvw - 16px)) !important;
    min-width: min(240px, calc(100dvw - 16px)) !important;
    max-width: calc(100dvw - 16px) !important;
    padding: 14px 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    background: #1f1f22 !important;
    border: 1px solid #2b2b31 !important;
    border-radius: 6px !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, .42) !important;
    opacity: 0;
    transform: translate3d(0, 6px, 0);
    transition: opacity .14s ease, transform .14s ease !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
    scrollbar-color: #3b3b40 #1b1b1e !important;
}

.ita-mega-portal-v101.is-active {
    display: block !important;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

.ita-mega-portal-v101 .ita-grid,
.ita-mega-portal-v101 .ita-grid.flex,
.ita-mega-portal-v101 div.ita-grid,
.ita-mega-portal-v101 .ita-col,
.ita-mega-portal-v101 .ita-col.grid,
.ita-mega-portal-v101 div.ita-col {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    flex: none !important;
}

.ita-mega-portal-v101 .ita-chip,
.ita-mega-portal-v101 .myedittext-navyBlue {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ita-mega-portal-v101 .ita-chip + .ita-chip,
.ita-mega-portal-v101 .myedittext-navyBlue + .myedittext-navyBlue {
    margin-top: 4px !important;
}

.ita-mega-portal-v101 .ita-chip > a,
.ita-mega-portal-v101 .myedittext-navyBlue a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-weight: 800 !important;
    font-size: .96rem !important;
    line-height: 1.25 !important;
    color: #c8c9cd !important;
    background: #423f3f0d !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: background-color .16s ease, color .16s ease, box-shadow .18s ease, transform .18s ease !important;
}

.ita-mega-portal-v101 .ita-chip > a:hover,
.ita-mega-portal-v101 .myedittext-navyBlue a:hover {
    background: rgb(34, 23, 160) !important;
    color: #ffffff !important;
    transform: translate3d(0, -1px, 0) !important;
    box-shadow: 0 10px 24px rgba(34, 23, 160, .28) !important;
}

.ita-mega-portal-v101 ul,
.ita-mega-portal-v101 .ita-sub-list {
    display: block !important;
    width: 100% !important;
    margin: 2px 0 8px 0 !important;
    padding: 0 0 0 10px !important;
}

.ita-mega-portal-v101 li,
.ita-mega-portal-v101 .ita-sub-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ita-mega-portal-v101 .ita-sub-item > a,
.ita-mega-portal-v101 .ita-sub {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #c8c9cd !important;
    font-weight: 600 !important;
    font-size: .9rem !important;
    line-height: 1.35 !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ita-mega-portal-v101 .ita-sub-item > a:hover,
.ita-mega-portal-v101 .ita-sub:hover {
    background: rgba(34, 23, 160, .12) !important;
    color: #ffffff !important;
}

.ita-mega-portal-v101::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

.ita-mega-portal-v101::-webkit-scrollbar-track {
    background: #1b1b1e !important;
    border-radius: 10px !important;
}

.ita-mega-portal-v101::-webkit-scrollbar-thumb {
    background-color: #3b3b40 !important;
    border-radius: 10px !important;
    border: 2px solid #1b1b1e !important;
}

.ita-mega-portal-v101::-webkit-scrollbar-thumb:hover {
    background-color: #4a4a50 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group.ita-cat-group-portal-active .ita-cat-link:not(.ita-cat-link--promocoes) {
    background: #1e43b8 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group.ita-cat-group-portal-active a.ita-cat-link:not(.ita-cat-link--promocoes)::before {
    background: #17358f !important;
    filter: none !important;
    transform: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group.ita-cat-group-portal-active a.ita-cat-link:not(.ita-cat-link--promocoes)::after {
    background: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group.ita-cat-group-portal-active .ita-cat-link.ita-cat-link--promocoes {
    background: #f93457a6 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group.ita-cat-group-portal-active .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    background: #c93645 !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-group.ita-cat-group-portal-active .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon::before {
    background: #ffffff !important;
    opacity: 1 !important;
}


/* ========================================================================
   Correção v102 - Menu Tudo com logo real, ícones locais e alinhamento esquerdo
   - Substitui texto ITATECH pela logo do canal.
   - Ícones do drawer usam as imagens já usadas no tema em /img/*.png.
   - Todos os itens do menu ficam alinhados à esquerda.
   ======================================================================== */

.ita-all-category-drawer .ita-all-menu-header-slot {
    padding: 16px 20px !important;
}

.ita-all-menu-header {
    justify-content: flex-start !important;
}

.ita-all-menu-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 235px !important;
    text-decoration: none !important;
}

.ita-all-menu-logo-img {
    display: block !important;
    width: auto !important;
    max-width: 220px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    transform: translateY(0.1px) !important;
}

.ita-all-menu-list,
.ita-all-menu-item,
.ita-all-menu-row,
.ita-all-menu-left,
.ita-all-menu-label {
    text-align: left !important;
}

.ita-all-menu-row {
    justify-content: flex-start !important;
    gap: 0 !important;
}

.ita-all-menu-left {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 14px !important;
    padding-right: 8px !important;
}

.ita-all-menu-label {
    flex: 1 1 auto !important;
    text-align: left !important;
}

.ita-all-menu-chevron {
    margin-left: auto !important;
    margin-right: 4px !important;
}

/* Ícones do menu Tudo usando os mesmos PNGs locais do tema. */
.ita-all-menu-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #ffffff !important;
    transition: background-color .18s ease, transform .18s ease !important;
}

.ita-all-menu-icon i {
    display: none !important;
}

.ita-all-menu-icon::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background: #cbd5e1 !important;
    opacity: .96 !important;
    -webkit-mask: var(--ita-all-menu-icon-image) center / contain no-repeat !important;
    mask: var(--ita-all-menu-icon-image) center / contain no-repeat !important;
    transition: background-color .18s ease, opacity .18s ease !important;
}

.ita-all-menu-row:hover .ita-all-menu-icon {
    background: rgba(17, 71, 197, .22) !important;
    transform: translateX(1px) !important;
}

.ita-all-menu-row:hover .ita-all-menu-icon::before {
    background: #4da3ff !important;
    opacity: 1 !important;
}

.ita-all-menu-sub-header {
    justify-content: flex-start !important;
    text-align: left !important;
}

.ita-all-menu-sub-header strong {
    text-align: left !important;
    margin-left: 6px !important;
}


/* ========================================================================
   Correção v103 - Subcategorias com ícone de pasta + overlay escuro
   - Mantém os PNGs locais nas categorias principais do menu Tudo.
   - Dentro das subcategorias, volta a usar o ícone de pasta anterior.
   - Troca o blur/overlay claro do drawer por uma camada escura.
   ======================================================================== */

/* Overlay/blur do drawer Tudo: remove aparência clara/branca e deixa escuro. */
.ita-all-category-drawer > .fixed.inset-0.z-20,
.ita-all-category-drawer .fixed.inset-0.z-20,
.ita-all-category-drawer .fixed.inset-0.bg-gray-500,
.ita-all-category-drawer .fixed.inset-0[class*="bg-gray-500"] {
    background: rgba(4, 6, 12, .78) !important;
    opacity: 1 !important;
    backdrop-filter: blur(2px) brightness(.72) !important;
    -webkit-backdrop-filter: blur(2px) brightness(.72) !important;
}

/* Garante que o painel do drawer continue acima do overlay escuro. */
.ita-all-category-drawer .fixed.z-\[1000\] {
    z-index: 1000 !important;
}

/* Subcategorias: mantém o ícone de pasta anterior, sem máscara de PNG. */
.ita-all-menu-sub-view .ita-all-menu-icon.ita-all-menu-folder-icon {
    background: rgba(255, 255, 255, .045) !important;
    color: #cbd5e1 !important;
}

.ita-all-menu-sub-view .ita-all-menu-icon.ita-all-menu-folder-icon::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

.ita-all-menu-sub-view .ita-all-menu-icon.ita-all-menu-folder-icon i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: #cbd5e1 !important;
    transition: color .18s ease, transform .18s ease !important;
}

.ita-all-menu-sub-view .ita-all-menu-row:hover .ita-all-menu-icon.ita-all-menu-folder-icon {
    background: rgba(17, 71, 197, .22) !important;
    transform: translateX(1px) !important;
}

.ita-all-menu-sub-view .ita-all-menu-row:hover .ita-all-menu-icon.ita-all-menu-folder-icon i {
    color: #4da3ff !important;
}


/* ========================================================================
   Correção v104 - Menu Tudo: overlay solicitado + links Acesse/Cadastre-se
   ======================================================================== */

/* Overlay/blur do drawer Tudo com a cor solicitada. */
.ita-all-category-drawer > .fixed.inset-0.z-20,
.ita-all-category-drawer .fixed.inset-0.z-20,
.ita-all-category-drawer .fixed.inset-0.bg-gray-500,
.ita-all-category-drawer .fixed.inset-0[class*="bg-gray-500"] {
    background: rgb(69 69 69 / 4%) !important;
    opacity: 1 !important;
}

/* Links clicáveis do card de visitante no menu Tudo. */
.ita-all-menu-user-info .ita-all-menu-auth-links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin: 3px 0 0 !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}

.ita-all-menu-user-info .ita-all-menu-auth-links a {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: color .16s ease, text-shadow .16s ease !important;
}

.ita-all-menu-user-info .ita-all-menu-auth-links a:hover,
.ita-all-menu-user-info .ita-all-menu-auth-links a:focus-visible {
    color: #4c94ff !important;
    text-shadow: 0 0 12px rgba(76, 148, 255, .34) !important;
    outline: none !important;
}

.ita-all-menu-user-info .ita-all-menu-auth-links span {
    color: #94a3b8 !important;
}


/* ========================================================================
   Correção v105 - Menu Tudo: links do card e categorias em acordeão
   ========================================================================
   - Corrige espaçamento de "Acesse ou Cadastre-se para comprar".
   - Ao clicar no nome de uma categoria com subcategorias, não navega direto:
     abre a lista de subcategorias logo abaixo, no próprio menu Tudo.
   ======================================================================== */

.ita-all-menu-user-info .ita-all-menu-auth-links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 3px 4px !important;
    margin: 4px 0 0 !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
}

.ita-all-menu-user-info .ita-all-menu-auth-links a,
.ita-all-menu-user-info .ita-all-menu-auth-links span {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ita-all-menu-user-info .ita-all-menu-auth-links a {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.ita-all-menu-user-info .ita-all-menu-auth-links a:hover,
.ita-all-menu-user-info .ita-all-menu-auth-links a:focus-visible {
    color: #4c94ff !important;
    text-shadow: 0 0 12px rgba(76, 148, 255, .34) !important;
    outline: none !important;
}

/* Categoria aberta no menu Tudo. */
.ita-all-menu-row.is-open {
    background: rgba(17, 71, 197, .16) !important;
}

.ita-all-menu-row.is-open .ita-all-menu-icon {
    background: rgba(17, 71, 197, .28) !important;
}

.ita-all-menu-row.is-open .ita-all-menu-icon::before {
    background: #4da3ff !important;
    opacity: 1 !important;
}

.ita-all-menu-row.is-open .ita-all-menu-chevron i {
    transform: rotate(90deg) !important;
}

.ita-all-menu-inline-sub {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    margin: 2px 0 8px 44px !important;
    padding: 4px 0 4px 10px !important;
    border-left: 1px solid rgba(255, 255, 255, .075) !important;
}

.ita-all-menu-inline-sub-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    color: #cbd5e1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    border-radius: 7px !important;
    transition: background-color .16s ease, color .16s ease, transform .16s ease !important;
}

.ita-all-menu-inline-sub-link:hover,
.ita-all-menu-inline-sub-link:focus-visible {
    background: rgba(17, 71, 197, .18) !important;
    color: #ffffff !important;
    transform: translateX(1px) !important;
    outline: none !important;
}

.ita-all-menu-inline-folder {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #cbd5e1 !important;
}

.ita-all-menu-inline-folder i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    line-height: 1 !important;
    color: currentColor !important;
}

.ita-all-menu-inline-sub-link:hover .ita-all-menu-inline-folder,
.ita-all-menu-inline-sub-link:focus-visible .ita-all-menu-inline-folder {
    background: rgba(17, 71, 197, .25) !important;
    color: #4da3ff !important;
}


/* ========================================================================
   Correção v106 - Menu Tudo: acordeão não inicia aberto
   ------------------------------------------------------------------------
   A correção principal está no bottom.blade.php:
   - trocado v-show por v-if condicional nas subcategorias.
   - isso impede que o display:grid!important do CSS force todas abertas.
   ======================================================================== */


/* ========================================================================
   Correção v107 - Menu Tudo: links sem brilho, janela 370px e PROMOÇÕES alinhado
   ======================================================================== */

/* Janela do menu Tudo em 370px. O width também foi ajustado no bottom.blade.php. */
.ita-all-category-drawer .fixed.z-\[1000\] {
    width: 370px !important;
    max-width: min(370px, 100dvw) !important;
}

@media (max-width: 767px) {
    .ita-all-category-drawer .fixed.z-\[1000\] {
        width: 100dvw !important;
        max-width: 100dvw !important;
    }
}

/* Remove o brilho/glow dos links Acesse e Cadastre-se: fica somente mudança de cor. */
.ita-all-menu-user-info .ita-all-menu-auth-links a {
    text-shadow: none !important;
    filter: none !important;
    transition: color .16s ease !important;
}

.ita-all-menu-user-info .ita-all-menu-auth-links a:hover,
.ita-all-menu-user-info .ita-all-menu-auth-links a:focus-visible {
    color: #4c94ff !important;
    text-shadow: none !important;
    filter: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* PROMOÇÕES no menu Tudo: força o mesmo padrão/alinhamento das demais categorias. */
.ita-all-menu-row.is-promotion {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
}

.ita-all-menu-row.is-promotion .ita-all-menu-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 14px 10px 14px 14px !important;
    margin: 0 !important;
    min-height: 54px !important;
    flex: 1 1 auto !important;
    width: auto !important;
    text-align: left !important;
}

/* Evita qualquer ::before global por href antigo interferindo no item Promoções do drawer. */
.ita-all-menu-row.is-promotion .ita-all-menu-left::before,
.ita-all-menu-row.is-promotion .ita-all-menu-left::after {
    content: none !important;
    display: none !important;
}

.ita-all-menu-row.is-promotion .ita-all-menu-icon {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    flex: 0 0 32px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    transform: none !important;
}

.ita-all-menu-row.is-promotion .ita-all-menu-icon::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background: #cbd5e1 !important;
    opacity: .96 !important;
    -webkit-mask: var(--ita-all-menu-icon-image) center / contain no-repeat !important;
    mask: var(--ita-all-menu-icon-image) center / contain no-repeat !important;
}

.ita-all-menu-row.is-promotion .ita-all-menu-label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ita-all-menu-row.is-promotion .ita-all-menu-chevron {
    margin-left: auto !important;
    margin-right: 4px !important;
}

.ita-all-menu-row.is-promotion:hover .ita-all-menu-icon,
.ita-all-menu-row.is-promotion.is-open .ita-all-menu-icon {
    background: rgba(17, 71, 197, .22) !important;
    transform: translateX(1px) !important;
}

.ita-all-menu-row.is-promotion:hover .ita-all-menu-icon::before,
.ita-all-menu-row.is-promotion.is-open .ita-all-menu-icon::before {
    background: #4da3ff !important;
    opacity: 1 !important;
}


/* ========================================================================
   Correção v108 - Dropdown do usuário logado no padrão escuro 2.3.2
   - Aplica o visual escuro da versão antiga ao menu do usuário logado.
   - Adiciona ícones Font Awesome nos links Perfil, Pedidos, Lista e Sair.
   ======================================================================== */

.ita-profile-dropdown > .absolute,
.ita-profile-dropdown > div.absolute,
.ita-header-actions .ita-profile-dropdown > .absolute,
.ita-header-actions .ita-profile-dropdown > div.absolute {
    width: 350px !important;
    min-width: 350px !important;
    max-width: calc(100vw - 24px) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #1f1f22 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .45) !important;
}

.ita-profile-menu-card {
    width: 100% !important;
    overflow: hidden !important;
    background: #1f1f22 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    font-family: Roboto, Arial, sans-serif !important;
}

.ita-profile-menu-head {
    padding: 22px 22px 16px !important;
    background: #1f1f22 !important;
}

.ita-profile-menu-title {
    margin: 0 0 10px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em !important;
}

.ita-profile-menu-subtitle {
    margin: 0 !important;
    color: #f1f1f3 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

.ita-profile-menu-divider {
    width: calc(100% - 44px) !important;
    height: 1px !important;
    margin: 0 22px !important;
    background: rgba(255, 255, 255, .72) !important;
    border: 0 !important;
}

.ita-profile-menu-links {
    display: grid !important;
    gap: 4px !important;
    padding: 16px 10px 18px !important;
    background: #1f1f22 !important;
}

.ita-profile-menu-link {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    color: #f1f1f3 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition: background-color .16s ease, color .16s ease, transform .16s ease !important;
}

.ita-profile-menu-link i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    color: #cfd0d6 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    text-align: center !important;
    transition: color .16s ease, transform .16s ease !important;
}

.ita-profile-menu-link span {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    color: inherit !important;
    white-space: nowrap !important;
}

.ita-profile-menu-link:hover,
.ita-profile-menu-link:focus-visible {
    color: #ffffff !important;
    background: rgb(34, 23, 160) !important;
    transform: translate3d(0, -1px, 0) !important;
    outline: none !important;
    box-shadow: 0 10px 24px rgba(34, 23, 160, .24) !important;
}

.ita-profile-menu-link:hover i,
.ita-profile-menu-link:focus-visible i {
    color: #ffffff !important;
    transform: scale(1.04) !important;
}

.ita-profile-menu-link--logout:hover,
.ita-profile-menu-link--logout:focus-visible {
    background: rgba(249, 52, 87, .65) !important;
    box-shadow: 0 10px 24px rgba(249, 52, 87, .18) !important;
}


/* ========================================================================
   Correção v109 - Dropdown do usuário: fonte Roboto e posicionamento
   - Mantém a base v108.
   - Força Roboto apenas nos textos do menu do usuário.
   - Reposiciona o dropdown para abrir abaixo e alinhado à direita do botão.
   ======================================================================== */

.ita-profile-dropdown,
.ita-header-actions .ita-profile-dropdown {
    position: relative !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.ita-profile-dropdown > .absolute,
.ita-profile-dropdown > div.absolute,
.ita-header-actions .ita-profile-dropdown > .absolute,
.ita-header-actions .ita-profile-dropdown > div.absolute {
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: 350px !important;
    min-width: 350px !important;
    max-width: min(350px, calc(100vw - 24px)) !important;
    z-index: 9998 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* Evita que o dropdown fique colado na borda direita em telas menores. */
@media (max-width: 1280px) {
    .ita-profile-dropdown > .absolute,
    .ita-profile-dropdown > div.absolute,
    .ita-header-actions .ita-profile-dropdown > .absolute,
    .ita-header-actions .ita-profile-dropdown > div.absolute {
        right: -6px !important;
    }
}

@media (max-width: 1024px) {
    .ita-profile-dropdown > .absolute,
    .ita-profile-dropdown > div.absolute,
    .ita-header-actions .ita-profile-dropdown > .absolute,
    .ita-header-actions .ita-profile-dropdown > div.absolute {
        right: 0 !important;
        max-width: calc(100vw - 18px) !important;
    }
}

.ita-profile-menu-card,
.ita-profile-menu-card *:not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]) {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.ita-profile-menu-title {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-weight: 800 !important;
}

.ita-profile-menu-subtitle,
.ita-profile-menu-link span {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.ita-profile-menu-link i,
.ita-profile-menu-link .fa,
.ita-profile-menu-link [class^="fa-"],
.ita-profile-menu-link [class*=" fa-"] {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: 900 !important;
}


/* ========================================================================
   Correção v110 - Dropdown do usuário convidado com ícones Font Awesome
   - Mantém a base v109.
   - Aplica visual escuro também ao card de visitante.
   - Adiciona ícones fa-solid nos textos e botões Entrar/Cadastrar-se.
   ======================================================================== */

.ita-profile-menu-card--guest {
    background: #1f1f22 !important;
    color: #ffffff !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.ita-profile-menu-head--guest {
    padding: 22px 22px 16px !important;
}

.ita-profile-menu-title--guest,
.ita-profile-menu-subtitle--guest {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.ita-profile-menu-title--guest i,
.ita-profile-menu-subtitle--guest i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    color: #cfd0d6 !important;
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: 900 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.ita-profile-menu-title--guest span,
.ita-profile-menu-subtitle--guest span {
    min-width: 0 !important;
    color: inherit !important;
}

.ita-profile-guest-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    padding: 22px !important;
    background: #1f1f22 !important;
}

.ita-profile-guest-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 58px !important;
    padding: 0 14px !important;
    border-radius: 15px !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.ita-profile-guest-button i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.ita-profile-guest-button span {
    color: inherit !important;
    white-space: nowrap !important;
}

.ita-profile-guest-button--login {
    color: #ffffff !important;
    background: #07105a !important;
    border: 1px solid #07105a !important;
}

.ita-profile-guest-button--login i {
    color: #ffffff !important;
}

.ita-profile-guest-button--register {
    color: #07105a !important;
    background: #ffffff !important;
    border: 2px solid #07105a !important;
}

.ita-profile-guest-button--register i {
    color: #07105a !important;
}

.ita-profile-guest-button:hover,
.ita-profile-guest-button:focus-visible {
    transform: translate3d(0, -1px, 0) !important;
    outline: none !important;
}

.ita-profile-guest-button--login:hover,
.ita-profile-guest-button--login:focus-visible {
    background: rgb(34, 23, 160) !important;
    border-color: rgb(34, 23, 160) !important;
    color: #ffffff !important;
}

.ita-profile-guest-button--register:hover,
.ita-profile-guest-button--register:focus-visible {
    background: #f4f6ff !important;
    border-color: rgb(34, 23, 160) !important;
    color: rgb(34, 23, 160) !important;
}

@media (max-width: 390px) {
    .ita-profile-guest-actions {
        grid-template-columns: 1fr !important;
    }
}


/* ========================================================================
   Correção v111 - Botão Cadastrar-se do dropdown convidado
   - Remove borda pesada/estranha do botão Cadastrar-se.
   - No hover, mantém a mesma cor do texto e do ícone.
   ======================================================================== */

.ita-profile-guest-button--register {
    color: #07105a !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .96) !important;
    box-shadow: inset 0 0 0 1px rgba(7, 16, 90, .08) !important;
}

.ita-profile-guest-button--register i,
.ita-profile-guest-button--register span {
    color: #07105a !important;
}

.ita-profile-guest-button--register:hover,
.ita-profile-guest-button--register:focus-visible {
    background: #ffffff !important;
    border-color: rgba(255, 255, 255, .96) !important;
    color: #07105a !important;
    box-shadow: inset 0 0 0 1px rgba(7, 16, 90, .08) !important;
}

.ita-profile-guest-button--register:hover i,
.ita-profile-guest-button--register:focus-visible i,
.ita-profile-guest-button--register:hover span,
.ita-profile-guest-button--register:focus-visible span {
    color: #07105a !important;
}


/* ========================================================================
   Correção v112 - Menu Tudo: card do usuário clicável, Promoções alinhado
   e subcategorias maiores
   ======================================================================== */

/* Card do usuário logado clicável para Perfil. */
.ita-all-menu-user-card.ita-all-menu-user-card--link {
    cursor: pointer !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.ita-all-menu-user-card.ita-all-menu-user-card--link:hover,
.ita-all-menu-user-card.ita-all-menu-user-card--link:focus-visible {
    background: linear-gradient(145deg, #2d2d36, #27272f) !important;
    border-color: rgba(77, 163, 255, .22) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

.ita-all-menu-user-card.ita-all-menu-user-card--link .ita-all-menu-user-card-arrow {
    margin-left: auto !important;
    color: #64748b !important;
    font-size: 13px !important;
    transition: color .18s ease, transform .18s ease !important;
}

.ita-all-menu-user-card.ita-all-menu-user-card--link:hover .ita-all-menu-user-card-arrow,
.ita-all-menu-user-card.ita-all-menu-user-card--link:focus-visible .ita-all-menu-user-card-arrow {
    color: #4da3ff !important;
    transform: translateX(2px) !important;
}

/* PROMOÇÕES no menu Tudo: mesmo eixo, mesmo padding e mesmo padrão dos outros itens. */
.ita-all-menu-row.is-promotion {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
    border-left: 3px solid transparent !important;
    border-radius: 8px !important;
}

.ita-all-menu-row.is-promotion:hover,
.ita-all-menu-row.is-promotion.is-open {
    border-left-color: #1147c5 !important;
}

.ita-all-menu-row.is-promotion .ita-all-menu-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    min-height: 54px !important;
    padding: 14px 10px 14px 14px !important;
    margin: 0 !important;
    text-align: left !important;
}

.ita-all-menu-row.is-promotion .ita-all-menu-icon {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    transform: none !important;
}

.ita-all-menu-row.is-promotion .ita-all-menu-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.15 !important;
}

/* Subcategorias maiores/mais legíveis no acordeão do menu Tudo. */
.ita-all-menu-inline-sub {
    margin-left: 44px !important;
    gap: 4px !important;
    padding-top: 6px !important;
    padding-bottom: 8px !important;
}

.ita-all-menu-inline-sub-link {
    min-height: 40px !important;
    gap: 11px !important;
    padding: 9px 12px !important;
    font-size: 13.5px !important;
    line-height: 1.25 !important;
    letter-spacing: .01em !important;
}

.ita-all-menu-inline-folder {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    border-radius: 7px !important;
}

.ita-all-menu-inline-folder i {
    font-size: 14px !important;
}

/* Também aumenta os itens quando estiver navegando dentro da tela de subcategoria. */
.ita-all-menu-sub-view .ita-all-menu-row {
    min-height: 58px !important;
}

.ita-all-menu-sub-view .ita-all-menu-left {
    min-height: 58px !important;
    font-size: 15px !important;
    gap: 15px !important;
}

.ita-all-menu-sub-view .ita-all-menu-icon.ita-all-menu-folder-icon {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
}

.ita-all-menu-sub-view .ita-all-menu-icon.ita-all-menu-folder-icon i {
    font-size: 16px !important;
}


/* ========================================================================
   Correção v116 - Base v112: alinhamento real do ícone PROMOÇÕES no menu Tudo
   ------------------------------------------------------------------------
   A v115 deslocou o ícone para o lado errado. Aqui voltamos para a v112 e
   corrigimos somente o eixo horizontal do bloco do foguete. O texto permanece
   no mesmo lugar; apenas o bloco do ícone é compensado para alinhar com os
   demais ícones do menu.
   ======================================================================== */

.ita-all-menu-main-view .ita-all-menu-row.is-promotion .ita-all-menu-icon {
    margin-left: 7px !important;
    margin-right: -7px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    align-self: center !important;
    transform: none !important;
}

.ita-all-menu-main-view .ita-all-menu-row.is-promotion:hover .ita-all-menu-icon,
.ita-all-menu-main-view .ita-all-menu-row.is-promotion.is-open .ita-all-menu-icon {
    margin-left: 7px !important;
    margin-right: -7px !important;
    transform: translateX(1px) !important;
}

.ita-all-menu-main-view .ita-all-menu-row.is-promotion .ita-all-menu-icon::before {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: none !important;
    -webkit-mask: var(--ita-all-menu-icon-image) center / 18px 18px no-repeat !important;
    mask: var(--ita-all-menu-icon-image) center / 18px 18px no-repeat !important;
}


/* ========================================================================
   Correção v126 - Base v116 + somente formatação Favoritos/Sino
   ------------------------------------------------------------------------
   Mantém todo o restante igual à v116. Aplica apenas a aparência dos botões
   Favoritos e Notificações usada na barra nova: bloco #242425, ícone branco
   e hover verde, sem criar barra compacta nem alterar carrinho/pesquisa.
   ======================================================================== */

.ita-header-actions .ita-favorites-btn,
.ita-header-actions .ita-notification-toggle {
    display: inline-grid !important;
    place-items: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #242425 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
    cursor: pointer !important;
    transition: background-color .16s ease, color .16s ease, filter .16s ease !important;
}

.ita-header-actions .ita-favorites-btn .ita-favorites-icon,
.ita-header-actions .ita-favorites-btn i,
.ita-header-actions .ita-notification-toggle .fa-bell,
.ita-header-actions .ita-notification-toggle i {
    display: block !important;
    font-size: 19px !important;
    line-height: 1 !important;
    color: currentColor !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-actions .ita-favorites-btn:hover,
.ita-header-actions .ita-favorites-btn:focus-visible,
.ita-header-actions .ita-notification-toggle:hover,
.ita-header-actions .ita-notification-toggle:focus-visible {
    background: #242425 !important;
    color: #2f6bff !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-actions .ita-favorites-btn:hover .ita-favorites-icon,
.ita-header-actions .ita-favorites-btn:hover i,
.ita-header-actions .ita-notification-toggle:hover .fa-bell,
.ita-header-actions .ita-notification-toggle:hover i {
    color: #2f6bff !important;
    transform: none !important;
    filter: none !important;
}


/* ========================================================================
   Correção v127 - Login com caixa no ícone, mantendo v126 como base
   ------------------------------------------------------------------------
   Aplica no ícone do login o mesmo padrão visual dos ícones Favoritos/Sino:
   caixa #242425, ícone branco e hover verde. Não altera textos, ordem,
   dropdowns ou nenhuma outra lógica.
   ======================================================================== */

.ita-header-actions .ita-login-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-actions .ita-login-toggle .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle .fa-circle-user {
    display: inline-grid !important;
    place-items: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    flex: 0 0 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #242425 !important;
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
    transition: background-color .16s ease, color .16s ease, filter .16s ease !important;
}

.ita-header-actions .ita-login-toggle:hover .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle:focus-visible .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle:hover .fa-circle-user,
.ita-header-actions .ita-login-toggle:focus-visible .fa-circle-user {
    background: #242425 !important;
    color: #2f6bff !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-actions .ita-login-toggle .ita-login-text {
    margin: 0 !important;
    padding: 0 !important;
}


/* ========================================================================
   Correção v128 - Login com texto dentro da mesma caixa dos ícones
   ------------------------------------------------------------------------
   Mantém a base v127. A caixa #242425 agora envolve o ícone + texto do
   login, sem alterar dropdowns, links, carrinho, favoritos, sino ou menus.
   ======================================================================== */

.ita-header-actions .ita-login-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 12px 0 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #242425 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
    overflow: hidden !important;
    transition: background-color .16s ease, color .16s ease, filter .16s ease !important;
}

.ita-header-actions .ita-login-toggle .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle .fa-circle-user {
    background: transparent !important;
    border-radius: 5px 0 0 5px !important;
}

.ita-header-actions .ita-login-toggle .ita-login-text {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    line-height: 1.12 !important;
}

.ita-header-actions .ita-login-toggle .ita-login-text .line1,
.ita-header-actions .ita-login-toggle .ita-login-text .line2 {
    color: #ffffff !important;
}

.ita-header-actions .ita-login-toggle:hover,
.ita-header-actions .ita-login-toggle:focus-visible {
    background: #242425 !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-actions .ita-login-toggle:hover .ita-login-text,
.ita-header-actions .ita-login-toggle:focus-visible .ita-login-text,
.ita-header-actions .ita-login-toggle:hover .ita-login-text .line1,
.ita-header-actions .ita-login-toggle:hover .ita-login-text .line2,
.ita-header-actions .ita-login-toggle:focus-visible .ita-login-text .line1,
.ita-header-actions .ita-login-toggle:focus-visible .ita-login-text .line2 {
    color: #ffffff !important;
}

.ita-header-actions .ita-login-toggle .ita-auth-link,
.ita-header-actions .ita-login-toggle .ita-auth-link strong {
    color: #ffffff !important;
}

.ita-header-actions .ita-login-toggle .ita-auth-link:hover,
.ita-header-actions .ita-login-toggle .ita-auth-link:hover strong,
.ita-header-actions .ita-login-toggle .ita-auth-link:focus-visible,
.ita-header-actions .ita-login-toggle .ita-auth-link:focus-visible strong,
.ita-header-actions .ita-login-toggle .ita-login-text--auth strong:hover {
    color: #2f6bff !important;
}

@media (max-width: 1180px) {
    .ita-header-actions .ita-login-toggle {
        width: 46px !important;
        min-width: 46px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    .ita-header-actions .ita-login-toggle .ita-login-text {
        display: none !important;
    }

    .ita-header-actions .ita-login-toggle .ita-user-fa-icon,
    .ita-header-actions .ita-login-toggle .fa-circle-user {
        border-radius: 5px !important;
    }
}


/* ========================================================================
   Correção v129 - Login com texto dentro da caixa sem desalinhamento
   ------------------------------------------------------------------------
   Mantém a base v128. Corrige apenas o bloco de login:
   - caixa envolve ícone + texto;
   - ícone volta ao tamanho original do cabeçalho;
   - ícone não fica verde no hover;
   - alinhamento vertical do texto corrigido.
   ======================================================================== */

.ita-header-actions .ita-login-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 12px 0 8px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #242425 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.ita-header-actions .ita-login-toggle:hover,
.ita-header-actions .ita-login-toggle:focus-visible,
.ita-header-actions .ita-login-toggle:active {
    background: #242425 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}

/* Ícone no tamanho original do cabeçalho e sempre branco, sem hover verde. */
.ita-header-actions .ita-login-toggle .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle .fa-circle-user,
.ita-header-actions .ita-login-toggle:hover .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle:focus-visible .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle:active .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle:hover .fa-circle-user,
.ita-header-actions .ita-login-toggle:focus-visible .fa-circle-user,
.ita-header-actions .ita-login-toggle:active .fa-circle-user {
    display: inline-grid !important;
    place-items: center !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-header-actions .ita-login-toggle .ita-login-text {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    line-height: 1.08 !important;
    text-align: left !important;
    transform: none !important;
}

.ita-header-actions .ita-login-toggle .ita-login-text .line1,
.ita-header-actions .ita-login-toggle .ita-login-text .line2 {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    text-align: left !important;
}

.ita-header-actions .ita-login-toggle .ita-login-text strong {
    font-weight: 800 !important;
}

.ita-header-actions .ita-login-toggle .ita-auth-link,
.ita-header-actions .ita-login-toggle .ita-auth-link strong {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Mantém o hover verde apenas nos links/texto, não no ícone. */
.ita-header-actions .ita-login-toggle .ita-auth-link:hover,
.ita-header-actions .ita-login-toggle .ita-auth-link:hover strong,
.ita-header-actions .ita-login-toggle .ita-auth-link:focus-visible,
.ita-header-actions .ita-login-toggle .ita-auth-link:focus-visible strong,
.ita-header-actions .ita-login-toggle .ita-login-text--auth strong:hover {
    color: #2f6bff !important;
}

@media (max-width: 1180px) {
    .ita-header-actions .ita-login-toggle {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    .ita-header-actions .ita-login-toggle .ita-login-text {
        display: none !important;
    }
}


/* ========================================================================
   Correção v130 - Alinhamento do texto da barra de pesquisa
   ------------------------------------------------------------------------
   Base v129. Corrige somente o alinhamento vertical do texto/placeholder
   dentro da busca desktop, mantendo lupa, largura, cores e demais lógicas.
   ======================================================================== */

.ita-header-search-input,
.ita-header-search-input.search-input-responsive,
.ita-header-search-form input.ita-header-search-input {
    box-sizing: border-box !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 46px !important;
    vertical-align: middle !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.ita-header-search-input::placeholder {
    line-height: 46px !important;
    vertical-align: middle !important;
}

.ita-header-search-input::-webkit-input-placeholder {
    line-height: 46px !important;
    vertical-align: middle !important;
}

.ita-header-search-input::-moz-placeholder {
    line-height: 46px !important;
    vertical-align: middle !important;
}


/* ========================================================================
   Correção v131 - Bordas 4px nos elementos corrigidos + Roboto no carrinho
   ------------------------------------------------------------------------
   Mantém a base v130. Ajusta somente:
   - border-radius dos elementos já corrigidos (Favoritos, Sino e Login) para 4px;
   - fonte Roboto no texto do carrinho.
   ======================================================================== */

.ita-header-actions .ita-favorites-btn,
.ita-header-actions .ita-notification-toggle,
.ita-header-actions .ita-login-toggle {
    border-radius: 4px !important;
}

.ita-header-actions .ita-login-toggle .ita-user-fa-icon,
.ita-header-actions .ita-login-toggle .fa-circle-user {
    border-radius: 0 !important;
}

.ita-cart-v4,
.ita-cart-info-side,
.ita-cart-title,
.ita-cart-price {
    font-family: 'Roboto', Arial, sans-serif !important;
}


/* ========================================================================
   Correção v132 - Bordas 4px no Tudo, Categorias, Contatar e Atendimento
   ------------------------------------------------------------------------
   Mantém a base v131. Ajusta somente o border-radius dos elementos da faixa
   de categorias para seguir o mesmo padrão 4px aplicado aos itens corrigidos.
   ======================================================================== */

/* Botão Tudo */
.ita-header-category-row .ita-category-fixed-all .ita-cat-all,
.ita-header-category-row .ita-category-fixed-all .ita-cat-link {
    border-radius: 4px !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-link .icon-hamburger {
    border-radius: 4px 0 0 4px !important;
}

/* Botões normais das categorias */
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link {
    border-radius: 4px !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link::before {
    border-radius: 4px 0 0 4px !important;
}

/* Promoções na faixa de categorias */
.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link.ita-promo-category-link,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link.ita-cat-promotions {
    border-radius: 4px !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link.ita-promo-category-link::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link.ita-cat-promotions::before {
    border-radius: 4px 0 0 4px !important;
}

/* Botões Contatar Técnico e Atendimento */
.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button,
.ita-header-category-row .ita-category-actions .ita-category-action-button,
.ita-header-category-row .ita-category-actions a.ita-category-tech-button,
.ita-header-category-row .ita-category-actions a.ita-category-service-button {
    border-radius: 4px !important;
}

.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon,
.ita-header-category-row .ita-category-actions .ita-category-tech-button .ita-category-tech-icon,
.ita-header-category-row .ita-category-actions .ita-category-service-button .ita-category-service-icon {
    border-radius: 4px 0 0 4px !important;
}

@media (max-width: 1180px) {
    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions .ita-category-service-button .ita-category-service-icon {
        border-radius: 4px !important;
    }
}

/* ========================================================================
   Correção v134 - Roboto seguro sem interferir na lógica das categorias
   ------------------------------------------------------------------------
   Base v132 preservada. Diferente da v133, esta correção não usa seletor
   universal em todos os nós do HTML e não altera variáveis globais usadas
   pelo Bagisto/Tailwind. Assim a medição da faixa de categorias e a seta
   continuam seguindo a mesma lógica da v132.
   ======================================================================== */

html,
body,
#app {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* Elementos de texto comuns que podiam herdar Poppins de CSS externo. */
body :where(
    main,
    header,
    footer,
    nav,
    section,
    article,
    aside,
    div,
    span,
    p,
    a,
    button,
    label,
    input,
    textarea,
    select,
    option,
    li,
    td,
    th,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    small,
    b,
    em
):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="icon-"]):not([class*=" icon-"]):not(.material-icons):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.material-symbols-sharp) {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

body input::placeholder,
body textarea::placeholder {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* Proteção extra: mantém intactos os ícones e a seta das categorias. */
body .fa,
body .fas,
body .fa-solid {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: 900 !important;
}

body .far,
body .fa-regular {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

body .fab,
body .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
}

body [class^="icon-"],
body [class*=" icon-"] {
    font-family: "bagisto-shop" !important;
}



/* ========================================================================
   Correção v136 - Fonte Roboto com disparo correto da seta das categorias
   ------------------------------------------------------------------------
   A lógica da seta foi ajustada no bottom.blade.php para ignorar diferenças
   pequenas de medição causadas pelo carregamento/renderização da fonte.
   ======================================================================== */


/* ========================================================================
   Correção v136 - ajuste fino da seta das categorias
   - O CSS permanece igual à v135.
   - A correção principal está no JS de medição em bottom.blade.php.
   ======================================================================== */


/* ========================================================================
   Correção v137 - Scroll interno das subcategorias
   - Mantém a v136 como base.
   - O ajuste principal está no JS do portal em bottom.blade.php.
   - Impede recálculo do dropdown enquanto o próprio menu está rolando.
   ======================================================================== */


/* ========================================================================
   Correção v138 - Categorias inferiores um pouco maiores e mais largas
   ------------------------------------------------------------------------
   Mantém a v137 como base. Ajusta somente o visual/tamanho dos elementos da
   faixa inferior de categorias, sem alterar JS, seta, scroll ou dropdowns.
   ======================================================================== */

/* Botão fixo "Tudo" */
.ita-header-category-row .ita-category-fixed-all .ita-cat-all,
.ita-header-category-row .ita-category-fixed-all .ita-cat-link {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-link {
    padding: 0 18px 0 0 !important;
    font-size: 12.5px !important;
    letter-spacing: .025em !important;
}

.ita-header-category-row .ita-category-fixed-all .ita-cat-link .icon-hamburger {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin-right: 10px !important;
    font-size: 18px !important;
}

/* Botões normais das categorias */
.ita-header-category-row .ita-category-scroll-area .ita-cat-link {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 18px !important;
    font-size: 12.5px !important;
    letter-spacing: .025em !important;
}

/* Categorias com ícone lateral */
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"],
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"] {
    padding: 0 16px 0 0 !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"]::before,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"]::before {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin-right: 10px !important;
    background-size: 19px 19px !important;
}

.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/perifericos/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hadware/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/hardware/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/eletronicos/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/redes-e-wireless/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/mundo-geek/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/assistencia-tecnica/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/modelagem-3d/"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento"]::after,
.ita-header-category-row .ita-category-scroll-area a.ita-cat-link[href$="/atendimento/"]::after {
    left: 8.5px !important;
    width: 19px !important;
    height: 19px !important;
}

/* Promoções usa o mesmo aumento dos outros botões com ícone. */
.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 16px 0 0 !important;
    font-size: 12.5px !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin-right: 10px !important;
}

.ita-header-category-row .ita-category-scroll-area .ita-cat-link.ita-cat-link--promocoes .ita-cat-promo-icon::before {
    width: 19px !important;
    height: 19px !important;
}

/* Botões laterais da mesma faixa: leve aumento para acompanhar as categorias. */
.ita-header-category-row .ita-category-actions .ita-category-action-button,
.ita-header-category-row .ita-category-actions a.ita-category-tech-button,
.ita-header-category-row .ita-category-actions a.ita-category-service-button,
.ita-category-action-button,
.ita-category-tech-button,
.ita-category-service-button {
    height: 44px !important;
    padding-left: 14px !important;
    padding-right: 17px !important;
    font-size: 13.4px !important;
}

.ita-header-category-row .ita-category-actions .ita-category-tech-button .ita-category-tech-icon,
.ita-header-category-row .ita-category-actions .ita-category-service-button .ita-category-service-icon,
.ita-category-tech-button .ita-category-tech-icon,
.ita-category-service-button .ita-category-service-icon {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
}

/* ========================================================================
   Correção v139 - Remove espaço extra antes dos ícones Contatar/Atendimento
   ------------------------------------------------------------------------
   Mantém a v138 como base. Ajusta somente o alinhamento visual dos botões
   laterais da faixa de categorias, removendo o padding esquerdo criado no
   aumento de tamanho, sem alterar JS, seta, scroll ou dropdowns.
   ======================================================================== */

@media (min-width: 1181px) {
    .ita-header-category-row .ita-category-actions a.ita-category-action-button,
    .ita-header-category-row .ita-category-actions a.ita-category-tech-button,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button,
    .ita-category-action-button,
    .ita-category-tech-button,
    .ita-category-service-button {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 17px 0 0 !important;
        gap: 0 !important;
        overflow: hidden !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon,
    .ita-category-tech-button .ita-category-tech-icon,
    .ita-category-service-button .ita-category-service-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: stretch !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon::before,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon::before,
    .ita-category-tech-button .ita-category-tech-icon::before,
    .ita-category-service-button .ita-category-service-icon::before {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        margin: 0 !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-text,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-text,
    .ita-category-tech-button .ita-category-tech-text,
    .ita-category-service-button .ita-category-service-text {
        height: 44px !important;
        padding: 0 0 0 10px !important;
        margin: 0 !important;
    }
}


/* ========================================================================
   Fix v144 - Compact fixed header after scroll
   ------------------------------------------------------------------------
   Keeps the original header logic intact and exposes a smaller fixed bar with
   Tudo, search, cart, favorites, and notifications after the main header exits.
   ======================================================================== */

.ita-header {
    transition: transform .22s ease, opacity .18s ease, box-shadow .18s ease !important;
    will-change: transform !important;
}

.ita-header.ita-main-header-hidden-by-compact {
    transform: translateY(calc(-100% - 2px)) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    box-shadow: none !important;
}

.ita-compact-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 120 !important;
    display: block !important;
    width: 100% !important;
    background: var(--ita-header-bg) !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .22) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-110%) !important;
    transition: transform .22s ease, opacity .18s ease, visibility .18s ease !important;
}

.ita-compact-header.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.ita-compact-header-inner {
    display: flex !important;
    width: 100% !important;
    min-height: 70px !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 9px 60px !important;
}

.ita-compact-all-button {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    min-width: 136px !important;
    height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #242425 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: color .16s ease, background-color .16s ease !important;
}

.ita-compact-all-button .icon-hamburger {
    display: inline-grid !important;
    width: 28px !important;
    height: 28px !important;
    place-items: center !important;
    color: currentColor !important;
    font-size: 26px !important;
    line-height: 1 !important;
}

.ita-compact-all-button:hover,
.ita-compact-all-button:focus-visible {
    background: #242425 !important;
    color: #2f6bff !important;
    outline: none !important;
}

.ita-compact-search-shell {
    flex: 1 1 auto !important;
    min-width: 220px !important;
    max-width: 780px !important;
}

.ita-compact-search-form {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}

.ita-compact-header .ita-header-search-input {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    line-height: 48px !important;
}

.ita-compact-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ita-compact-actions .ita-cart-v4 {
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 4px !important;
}

.ita-compact-actions .ita-cart-icon-side {
    width: 54px !important;
    min-width: 54px !important;
}

.ita-compact-actions .ita-favorites-btn,
.ita-compact-actions .ita-notification-toggle {
    display: inline-grid !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #242425 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: color .16s ease, background-color .16s ease !important;
}

.ita-compact-actions .ita-favorites-btn i,
.ita-compact-actions .ita-favorites-icon,
.ita-compact-actions .ita-notification-toggle i {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.ita-compact-actions .ita-favorites-btn:hover,
.ita-compact-actions .ita-favorites-btn:focus-visible,
.ita-compact-actions .ita-notification-toggle:hover,
.ita-compact-actions .ita-notification-toggle:focus-visible {
    background: #242425 !important;
    color: #2f6bff !important;
    outline: none !important;
}

@media (max-width: 1280px) {
    .ita-compact-header-inner {
        gap: 12px !important;
        padding-right: 32px !important;
        padding-left: 32px !important;
    }

    .ita-compact-all-button {
        min-width: 124px !important;
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .ita-compact-search-shell {
        max-width: none !important;
    }

    .ita-compact-actions .ita-cart-v4 {
        width: 168px !important;
        min-width: 168px !important;
        max-width: 168px !important;
    }
}

@media (max-width: 1100px) {
    .ita-compact-header-inner {
        gap: 10px !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .ita-compact-all-button {
        min-width: 116px !important;
        height: 50px !important;
        font-size: 15px !important;
    }

    .ita-compact-actions {
        gap: 10px !important;
    }

    .ita-compact-actions .ita-cart-v4 {
        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }

    .ita-compact-actions .ita-cart-icon-side {
        width: 48px !important;
        min-width: 48px !important;
    }

    .ita-compact-actions .ita-cart-info-side {
        padding-right: 9px !important;
        padding-left: 10px !important;
    }

    .ita-compact-actions .ita-cart-title,
    .ita-compact-actions .ita-cart-price {
        font-size: 11px !important;
    }
}

@media (max-width: 1024px) {
    .ita-header.ita-main-header-hidden-by-compact {
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .ita-compact-header {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ita-header,
    .ita-compact-header {
        transition: none !important;
    }
}


/* ========================================================================
   Fix v145 - Preserve original header drawers/buttons
   ------------------------------------------------------------------------
   Replaces the v144 transform-based hiding. Transforming the main header also
   moved the fixed drawers used by Tudo and cart; top keeps those panels stable.
   ======================================================================== */

.ita-header {
    transition: top .22s ease, box-shadow .18s ease !important;
    will-change: top !important;
}

.ita-header.ita-main-header-hidden-by-compact {
    top: calc(-1 * var(--ita-main-header-hidden-offset, 220px)) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    box-shadow: none !important;
}

.ita-header.ita-main-header-hidden-by-compact .ita-compact-header {
    pointer-events: auto !important;
}

.ita-compact-header {
    transform: translateY(-110%) !important;
}

.ita-compact-header.is-visible {
    transform: translateY(0) !important;
}

@media (max-width: 1024px) {
    .ita-header.ita-main-header-hidden-by-compact {
        top: 0 !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ita-header {
        transition: none !important;
    }
}


/* ========================================================================
   Fix v149 - Reserve space for compact header
   ------------------------------------------------------------------------
   Prevents page content from being hidden underneath the fixed compact bar.
   ======================================================================== */

:root {
    --ita-compact-header-height: 70px;
}

main#main {
    transition: margin-top .22s ease !important;
}

html.ita-compact-header-visible main#main {
    margin-top: var(--ita-compact-header-height) !important;
}

html.ita-compact-header-visible {
    scroll-padding-top: var(--ita-compact-header-height) !important;
}

@media (max-width: 1024px) {
    html.ita-compact-header-visible main#main {
        margin-top: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    main#main {
        transition: none !important;
    }
}


/* ========================================================================
   Fix v150 - Drawers below compact header
   ------------------------------------------------------------------------
   Keeps Tudo/cart drawers visible without their top content sitting under the
   fixed compact header.
   ======================================================================== */

html.ita-compact-header-visible .ita-all-category-drawer .fixed.inset-0.z-20,
html.ita-compact-header-visible .ita-mini-cart-drawer .fixed.inset-0.z-20,
html.ita-compact-header-visible .ita-all-category-drawer .fixed.inset-0[class*="bg-gray-500"],
html.ita-compact-header-visible .ita-mini-cart-drawer .fixed.inset-0[class*="bg-gray-500"] {
    top: var(--ita-compact-header-height) !important;
    height: auto !important;
}

html.ita-compact-header-visible .ita-all-category-drawer .fixed.z-\[1000\],
html.ita-compact-header-visible .ita-mini-cart-drawer .fixed.z-\[1000\] {
    top: var(--ita-compact-header-height) !important;
    bottom: 0 !important;
    height: auto !important;
    max-height: calc(100dvh - var(--ita-compact-header-height)) !important;
}

html.ita-compact-header-visible .ita-all-category-drawer .pointer-events-auto,
html.ita-compact-header-visible .ita-mini-cart-drawer .pointer-events-auto {
    max-height: calc(100dvh - var(--ita-compact-header-height)) !important;
}

@supports not (height: 100dvh) {
    html.ita-compact-header-visible .ita-all-category-drawer .fixed.z-\[1000\],
    html.ita-compact-header-visible .ita-mini-cart-drawer .fixed.z-\[1000\],
    html.ita-compact-header-visible .ita-all-category-drawer .pointer-events-auto,
    html.ita-compact-header-visible .ita-mini-cart-drawer .pointer-events-auto {
        max-height: calc(100vh - var(--ita-compact-header-height)) !important;
    }
}


/* ========================================================================
   Fix v151 - Instant header swap and Tudo close behavior
   ------------------------------------------------------------------------
   Removes the top/margin animation that exposed a temporary blank area while
   the main header returned.
   ======================================================================== */

.ita-header {
    transition: none !important;
}

main#main {
    transition: none !important;
}


/* ========================================================================
   Fix v156 - Compact header search/cart polish
   ------------------------------------------------------------------------
   Removes the compact bar entrance animation, centers its content, and mirrors
   the original Tudo/Favorites/Notification visual states.
   ======================================================================== */

.ita-compact-header,
.ita-compact-header.is-visible {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.ita-compact-header {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.ita-compact-header.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

html.ita-compact-header-visible main#main {
    margin-top: 0 !important;
}

.ita-compact-header-inner {
    width: min(100%, 1690px) !important;
    max-width: 1690px !important;
    min-height: 70px !important;
    justify-content: center !important;
    gap: 16px !important;
    margin: 0 auto !important;
    padding: 9px 56px !important;
    box-sizing: border-box !important;
}

.ita-compact-search-shell {
    flex: 1 1 760px !important;
    min-width: 260px !important;
    max-width: 900px !important;
}

.ita-compact-header .ita-header-search-form,
.ita-compact-header .ita-header-search-form:focus,
.ita-compact-header .ita-header-search-form:focus-within,
.ita-compact-header .ita-header-search-input,
.ita-compact-header .ita-header-search-input:focus,
.ita-compact-header .ita-header-search-input:focus-visible {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-width: 0 !important;
    --tw-ring-offset-color: transparent !important;
}

.ita-compact-all-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 164px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    gap: 0 !important;
    padding: 0 18px 0 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #242425 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background-color .16s ease, filter .16s ease !important;
}

.ita-compact-all-button > span:last-child {
    white-space: nowrap !important;
}

.ita-compact-all-button .icon-hamburger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px 0 0 4px !important;
    background: #1e43b8 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-compact-all-button:hover,
.ita-compact-all-button:focus-visible {
    background: #29292b !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: brightness(1.02) !important;
}

.ita-compact-all-button:hover .icon-hamburger,
.ita-compact-all-button:focus-visible .icon-hamburger {
    background: #2450d2 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-compact-actions .ita-favorites-btn,
.ita-compact-actions .ita-notification-toggle {
    display: inline-grid !important;
    place-items: center !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #242425 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
    cursor: pointer !important;
    transition: background-color .16s ease, color .16s ease, filter .16s ease !important;
}

.ita-compact-actions .ita-favorites-btn .ita-favorites-icon,
.ita-compact-actions .ita-favorites-btn i,
.ita-compact-actions .ita-notification-toggle .fa-bell,
.ita-compact-actions .ita-notification-toggle i {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    font-size: 19px !important;
    line-height: 1 !important;
    transform: none !important;
    filter: none !important;
}

.ita-compact-actions .ita-favorites-btn:hover,
.ita-compact-actions .ita-favorites-btn:focus-visible,
.ita-compact-actions .ita-notification-toggle:hover,
.ita-compact-actions .ita-notification-toggle:focus-visible {
    background: #242425 !important;
    color: #2f6bff !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    filter: none !important;
}

.ita-compact-actions .ita-favorites-btn:hover .ita-favorites-icon,
.ita-compact-actions .ita-favorites-btn:hover i,
.ita-compact-actions .ita-notification-toggle:hover .fa-bell,
.ita-compact-actions .ita-notification-toggle:hover i {
    color: #2f6bff !important;
    transform: none !important;
    filter: none !important;
}

@media (max-width: 1280px) {
    .ita-compact-header-inner {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }

    .ita-compact-search-shell {
        max-width: none !important;
    }
}

@media (max-width: 1100px) {
    .ita-compact-header-inner {
        gap: 10px !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}

/* ========================================================================
   Correção v162 - Remover borda/contorno da busca ao clicar
   ------------------------------------------------------------------------
   Remove somente a borda/contorno de foco da barra de pesquisa no cabeçalho
   principal e no cabeçalho compacto, mantendo a estrutura e lógica atuais.
   ======================================================================== */

.ita-header-desktop-bottom .ita-header-search-form,
.ita-header-desktop-bottom .ita-header-search-form:hover,
.ita-header-desktop-bottom .ita-header-search-form:focus,
.ita-header-desktop-bottom .ita-header-search-form:focus-within,
.ita-compact-header .ita-header-search-form,
.ita-compact-header .ita-header-search-form:hover,
.ita-compact-header .ita-header-search-form:focus,
.ita-compact-header .ita-header-search-form:focus-within {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-width: 0 !important;
    --tw-ring-offset-color: transparent !important;
}

.ita-header-desktop-bottom .ita-header-search-input,
.ita-header-desktop-bottom .ita-header-search-input:hover,
.ita-header-desktop-bottom .ita-header-search-input:focus,
.ita-header-desktop-bottom .ita-header-search-input:focus-visible,
.ita-header-desktop-bottom .ita-header-search-form:focus-within .ita-header-search-input,
.ita-compact-header .ita-header-search-input,
.ita-compact-header .ita-header-search-input:hover,
.ita-compact-header .ita-header-search-input:focus,
.ita-compact-header .ita-header-search-input:focus-visible,
.ita-compact-header .ita-header-search-form:focus-within .ita-header-search-input {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-width: 0 !important;
    --tw-ring-offset-color: transparent !important;
}

/* ========================================================================
   Correção v163 - Botões Contatar Técnico / Atendimento no layout compacto
   ------------------------------------------------------------------------
   Ajuste somente visual e responsivo dos dois botões laterais da faixa de
   categorias quando o texto é ocultado. Não altera JS, links, eventos,
   carrinho, busca, menu Tudo ou lógica de categorias.
   ======================================================================== */

@media (min-width: 1025px) and (max-width: 1180px) {
    .ita-header-category-row .ita-category-actions {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ita-header-category-row .ita-category-actions .ita-category-action-button,
    .ita-header-category-row .ita-category-actions a.ita-category-action-button,
    .ita-header-category-row .ita-category-actions a.ita-category-tech-button,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button,
    .ita-header-category-row .ita-category-actions .ita-category-service-button {
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 4px !important;
        outline: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        line-height: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button {
        background: #173b8b !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-service-button,
    .ita-header-category-row .ita-category-actions .ita-category-service-button {
        background: #145232 !important;
    }

    .ita-header-category-row .ita-category-actions .ita-category-action-button::before,
    .ita-header-category-row .ita-category-actions .ita-category-action-button::after,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button::before,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button::after,
    .ita-header-category-row .ita-category-actions .ita-category-service-button::before,
    .ita-header-category-row .ita-category-actions .ita-category-service-button::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        box-shadow: none !important;
    }

    .ita-header-category-row .ita-category-actions .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions .ita-category-service-icon,
    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon {
        position: relative !important;
        inset: auto !important;
        display: grid !important;
        place-items: center !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-category-row .ita-category-actions .ita-category-tech-icon::before,
    .ita-header-category-row .ita-category-actions .ita-category-service-icon::before,
    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon::before,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon::before {
        content: "" !important;
        display: block !important;
        position: static !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-color: transparent !important;
        opacity: 1 !important;
        transform: none !important;
        filter: brightness(0) invert(1) opacity(.96) !important;
        box-shadow: none !important;
    }

    .ita-header-category-row .ita-category-actions .ita-category-tech-icon::before,
    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon::before {
        background-image: url("../img/chave.png") !important;
    }

    .ita-header-category-row .ita-category-actions .ita-category-service-icon::before,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon::before {
        background-image: url("../img/atendimento.png") !important;
    }

    .ita-header-category-row .ita-category-actions .ita-category-tech-text,
    .ita-header-category-row .ita-category-actions .ita-category-service-text,
    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-text,
    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-text {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button:hover,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button:hover {
        background: #1a4296 !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-service-button:hover,
    .ita-header-category-row .ita-category-actions .ita-category-service-button:hover {
        background: #175b38 !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }
}

/* ========================================================================
   Correção v164 - Mantém as cores originais dos botões compactos
   ------------------------------------------------------------------------
   Preserva a correção v163 de alinhamento no layout compacto, mas devolve
   as cores originais visíveis dos botões Contatar Técnico e Atendimento.
   Não altera JS, links, eventos, busca, carrinho, menu Tudo ou categorias.
   ======================================================================== */

@media (min-width: 1025px) and (max-width: 1180px) {
    .ita-header-category-row .ita-category-actions a.ita-category-tech-button,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button {
        background: #173b8b !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-service-button,
    .ita-header-category-row .ita-category-actions .ita-category-service-button {
        background: #145232 !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions .ita-category-tech-icon {
        background: #214da9 !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-service-button .ita-category-service-icon,
    .ita-header-category-row .ita-category-actions .ita-category-service-button .ita-category-service-icon,
    .ita-header-category-row .ita-category-actions .ita-category-service-icon {
        background: #1b6a42 !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button:hover,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button:hover {
        background: #193f91 !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-service-button:hover,
    .ita-header-category-row .ita-category-actions .ita-category-service-button:hover {
        background: #165738 !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-tech-button:hover .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button:hover .ita-category-tech-icon,
    .ita-header-category-row .ita-category-actions .ita-category-tech-button:hover .ita-category-tech-icon {
        background: #2452b2 !important;
    }

    .ita-header-category-row .ita-category-actions a.ita-category-service-button:hover .ita-category-service-icon,
    .ita-header-category-row .ita-category-actions .ita-category-service-button:hover .ita-category-service-icon,
    .ita-header-category-row .ita-category-actions .ita-category-service-button:hover .ita-category-service-icon {
        background: #1e7448 !important;
    }
}

/* ========================================================================
   Correção v165 - Carrinho e login sempre completos no desktop compacto
   ------------------------------------------------------------------------
   Mantém a correção visual dos botões Contatar/Atendimento, mas impede que
   o carrinho e o login virem somente ícone em telas desktop com pouco espaço.
   Não altera JS, links, drawers, busca, favoritos, sino ou categorias.
   ======================================================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    .ita-header-main-row {
        gap: 14px !important;
    }

    .ita-header-center {
        min-width: 0 !important;
    }

    .ita-header-search-shell {
        min-width: 220px !important;
    }

    .ita-header-actions {
        flex: 0 0 auto !important;
        gap: 10px !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) {
        display: inline-flex !important;
        align-items: stretch !important;
        width: 158px !important;
        min-width: 158px !important;
        max-width: 158px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side {
        display: inline-flex !important;
        flex: 0 0 46px !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        border-radius: 4px 0 0 4px !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-info-side {
        display: inline-flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 6px 9px 6px 10px !important;
        border-left: 0 !important;
        border-radius: 0 4px 4px 0 !important;
        overflow: hidden !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-title,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        line-height: 1.08 !important;
    }

    .ita-header-actions .ita-login-toggle {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        padding: 0 10px 0 7px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    .ita-header-actions .ita-login-toggle .ita-user-fa-icon,
    .ita-header-actions .ita-login-toggle .fa-circle-user {
        flex: 0 0 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        font-size: 30px !important;
    }

    .ita-header-actions .ita-login-toggle .ita-login-text {
        display: inline-flex !important;
        flex: 0 1 auto !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 132px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        overflow: hidden !important;
        color: #ffffff !important;
        text-align: left !important;
        line-height: 1.08 !important;
        white-space: nowrap !important;
    }

    .ita-header-actions .ita-login-toggle .ita-login-text .line1,
    .ita-header-actions .ita-login-toggle .ita-login-text .line2,
    .ita-header-actions .ita-login-toggle .ita-login-text strong,
    .ita-header-actions .ita-login-toggle .ita-auth-link {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        line-height: 1.08 !important;
    }

    .ita-header-actions .ita-login-toggle .ita-login-text--guest .line1,
    .ita-header-actions .ita-login-toggle .ita-login-text--guest .line2 {
        display: flex !important;
        align-items: center !important;
        gap: 2px !important;
    }

    .ita-header-actions .ita-favorites-btn,
    .ita-header-actions .ita-notification-toggle {
        flex: 0 0 46px !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button {
        display: inline-flex !important;
        width: 158px !important;
        min-width: 158px !important;
        max-width: 158px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        overflow: hidden !important;
    }

    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side {
        display: inline-flex !important;
        flex: 0 0 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        border-radius: 4px 0 0 4px !important;
    }

    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-info-side {
        display: inline-flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 6px 9px 6px 10px !important;
        border-left: 0 !important;
        border-radius: 0 4px 4px 0 !important;
        overflow: hidden !important;
    }

    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-title,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        line-height: 1.08 !important;
    }
}

@media (min-width: 1025px) and (max-width: 1120px) {
    .ita-header-desktop-bottom {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .ita-header-logo {
        max-width: 210px !important;
    }

    .ita-header-main-row {
        gap: 10px !important;
    }

    .ita-header-actions {
        gap: 8px !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button),
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button {
        width: 148px !important;
        min-width: 148px !important;
        max-width: 148px !important;
    }

    .ita-header-actions .ita-login-toggle .ita-login-text {
        max-width: 118px !important;
    }

    .ita-compact-header-inner {
        gap: 8px !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .ita-compact-all-button {
        min-width: 108px !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
        font-size: 14px !important;
        gap: 8px !important;
    }

    .ita-compact-actions {
        gap: 8px !important;
    }
}

/* ========================================================================
   Correção v166 - Ícone do login não aumenta no hover do desktop compacto
   ------------------------------------------------------------------------
   Mantém a base v165. Corrige somente o estado hover/focus/active do ícone
   do login nas resoluções compactas onde o texto do usuário continua visível.
   Não altera dropdown, links, carrinho, favoritos, sino, busca ou categorias.
   ======================================================================== */

@media (min-width: 1025px) and (max-width: 1280px) {
    .ita-header-actions .ita-login-toggle .ita-user-fa-icon,
    .ita-header-actions .ita-login-toggle .fa-circle-user,
    .ita-header-actions .ita-login-toggle:hover .ita-user-fa-icon,
    .ita-header-actions .ita-login-toggle:focus-visible .ita-user-fa-icon,
    .ita-header-actions .ita-login-toggle:active .ita-user-fa-icon,
    .ita-header-actions .ita-login-toggle:hover .fa-circle-user,
    .ita-header-actions .ita-login-toggle:focus-visible .fa-circle-user,
    .ita-header-actions .ita-login-toggle:active .fa-circle-user {
        flex: 0 0 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        font-size: 30px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #ffffff !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none !important;
        filter: none !important;
    }
}
/* ========================================================================
   Fix v167 - Expandable nested subcategories
   ======================================================================== */

.ita-mega-portal-v101 .ita-mega-sub-list[hidden],
.ita-mega .ita-mega-sub-list[hidden] {
    display: none !important;
}

.ita-mega-portal-v101 .ita-mega-sub-root,
.ita-mega .ita-mega-sub-root {
    display: block !important;
    width: 100% !important;
    margin: 0 0 4px !important;
}

.ita-mega-portal-v101 .ita-mega-sub-row,
.ita-mega .ita-mega-sub-row {
    display: flex !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
}

.ita-mega-portal-v101 .ita-chip .ita-mega-sub-row > a,
.ita-mega .ita-chip .ita-mega-sub-row > a {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 10px 12px 10px 16px !important;
    box-sizing: border-box !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-weight: 800 !important;
    font-size: .96rem !important;
    line-height: 1.25 !important;
    color: #c8c9cd !important;
    background: rgba(66, 63, 63, .05) !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.ita-mega-portal-v101 .ita-chip .ita-mega-sub-row > a:hover,
.ita-mega .ita-chip .ita-mega-sub-row > a:hover {
    background: rgb(34, 23, 160) !important;
    color: #ffffff !important;
}

.ita-mega-portal-v101 .ita-mega-sub-row > .ita-sub-link,
.ita-mega .ita-mega-sub-row > .ita-sub-link {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
}

.ita-mega-portal-v101 .ita-mega-sub-toggle,
.ita-mega .ita-mega-sub-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: rgba(77, 163, 255, .10) !important;
    color: #8fb4ff !important;
    cursor: pointer !important;
    transition: background-color .16s ease, color .16s ease !important;
}

.ita-mega-portal-v101 .ita-mega-sub-toggle--small,
.ita-mega .ita-mega-sub-toggle--small {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 34px !important;
}

.ita-mega-portal-v101 .ita-mega-sub-toggle:hover,
.ita-mega-portal-v101 .ita-mega-sub-root.is-open > .ita-chip .ita-mega-sub-toggle,
.ita-mega-portal-v101 .ita-sub-item .ita-mega-sub-root.is-open .ita-mega-sub-toggle,
.ita-mega .ita-mega-sub-toggle:hover,
.ita-mega .ita-mega-sub-root.is-open > .ita-chip .ita-mega-sub-toggle,
.ita-mega .ita-sub-item .ita-mega-sub-root.is-open .ita-mega-sub-toggle {
    background: rgba(77, 163, 255, .18) !important;
    color: #ffffff !important;
}

.ita-mega-portal-v101 .ita-mega-sub-toggle i,
.ita-mega .ita-mega-sub-toggle i {
    transition: transform .16s ease !important;
}

.ita-mega-portal-v101 .ita-mega-sub-root.is-open > .ita-chip .ita-mega-sub-toggle i,
.ita-mega-portal-v101 .ita-sub-item .ita-mega-sub-root.is-open .ita-mega-sub-toggle i,
.ita-mega .ita-mega-sub-root.is-open > .ita-chip .ita-mega-sub-toggle i,
.ita-mega .ita-sub-item .ita-mega-sub-root.is-open .ita-mega-sub-toggle i {
    transform: rotate(90deg) !important;
}

.ita-mega-portal-v101 .ita-mega-sub-list,
.ita-mega .ita-mega-sub-list {
    margin: 4px 0 10px 10px !important;
    padding: 0 0 0 10px !important;
    border-left: 1px solid rgba(255, 255, 255, .08) !important;
}

.ita-mega-portal-v101 .ita-mega-sub-list--nested,
.ita-mega .ita-mega-sub-list--nested {
    margin-left: 14px !important;
}

.ita-all-menu-inline-item {
    display: block !important;
}

.ita-all-menu-inline-row {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
}

.ita-all-menu-inline-row .ita-all-menu-inline-sub-link {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.ita-all-menu-inline-label {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ita-all-menu-inline-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: rgba(77, 163, 255, .10) !important;
    color: #8fb4ff !important;
    cursor: pointer !important;
    transition: background-color .16s ease, color .16s ease !important;
}

.ita-all-menu-inline-toggle:hover,
.ita-all-menu-inline-toggle:focus-visible,
.ita-all-menu-inline-item.is-open > .ita-all-menu-inline-row .ita-all-menu-inline-toggle {
    background: rgba(77, 163, 255, .18) !important;
    color: #ffffff !important;
    outline: none !important;
}

.ita-all-menu-inline-toggle i {
    transition: transform .16s ease !important;
}

.ita-all-menu-inline-item.is-open > .ita-all-menu-inline-row .ita-all-menu-inline-toggle i {
    transform: rotate(90deg) !important;
}

.ita-all-menu-nested-sub {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    margin: 2px 0 8px 34px !important;
    padding: 4px 0 4px 10px !important;
    border-left: 1px solid rgba(255, 255, 255, .075) !important;
}

.ita-all-menu-nested-sub-link {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    border-radius: 7px !important;
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.ita-all-menu-nested-sub-link:hover,
.ita-all-menu-nested-sub-link:focus-visible {
    background: rgba(17, 71, 197, .18) !important;
    color: #ffffff !important;
    outline: none !important;
}

/* ========================================================================
   Fix v168 - Compact expand button in header category dropdown
   ======================================================================== */

.ita-mega-portal-v101 .ita-mega-sub-row,
.ita-mega .ita-mega-sub-row {
    align-items: center !important;
}

.ita-mega-portal-v101 .ita-mega-sub-toggle,
.ita-mega .ita-mega-sub-toggle {
    flex: 0 0 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    border-radius: 6px !important;
    background: rgba(77, 163, 255, .08) !important;
    font-size: 12px !important;
}

.ita-mega-portal-v101 .ita-mega-sub-toggle--small,
.ita-mega .ita-mega-sub-toggle--small {
    flex-basis: 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
}

.ita-mega-portal-v101 .ita-mega-sub-toggle:hover,
.ita-mega-portal-v101 .ita-mega-sub-root.is-open > .ita-chip .ita-mega-sub-toggle,
.ita-mega-portal-v101 .ita-sub-item .ita-mega-sub-root.is-open .ita-mega-sub-toggle,
.ita-mega .ita-mega-sub-toggle:hover,
.ita-mega .ita-mega-sub-root.is-open > .ita-chip .ita-mega-sub-toggle,
.ita-mega .ita-sub-item .ita-mega-sub-root.is-open .ita-mega-sub-toggle {
    background: rgba(77, 163, 255, .14) !important;
}

/* ========================================================================
   Fix v169 - Folder icons and nested category visual in header dropdown
   ======================================================================== */

.ita-mega-portal-v101 .ita-chip .ita-mega-sub-row > a,
.ita-mega .ita-chip .ita-mega-sub-row > a,
.ita-mega-portal-v101 .ita-mega-sub-row > .ita-sub-link,
.ita-mega .ita-mega-sub-row > .ita-sub-link {
    gap: 9px !important;
}

.ita-mega-portal-v101 .ita-mega-folder-icon,
.ita-mega .ita-mega-folder-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 25px !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    border-radius: 7px !important;
    background: rgba(77, 163, 255, .13) !important;
    color: #8fb4ff !important;
}

.ita-mega-portal-v101 .ita-mega-folder-icon i,
.ita-mega .ita-mega-folder-icon i {
    font-size: 13px !important;
    line-height: 1 !important;
}

.ita-mega-portal-v101 .ita-mega-folder-icon--small,
.ita-mega .ita-mega-folder-icon--small {
    flex-basis: 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
}

.ita-mega-portal-v101 .ita-mega-folder-icon--small i,
.ita-mega .ita-mega-folder-icon--small i {
    font-size: 12px !important;
}

.ita-mega-portal-v101 .ita-mega-link-text,
.ita-mega .ita-mega-link-text,
.ita-mega-portal-v101 .ita-sub-link > span:not(.ita-mega-folder-icon),
.ita-mega .ita-sub-link > span:not(.ita-mega-folder-icon) {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ita-mega-portal-v101 .ita-mega-sub-list,
.ita-mega .ita-mega-sub-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    margin: 6px 0 10px 4px !important;
    padding: 4px 0 4px 9px !important;
    border-left: 1px solid rgba(143, 180, 255, .13) !important;
}

.ita-mega-portal-v101 .ita-mega-sub-list[hidden],
.ita-mega .ita-mega-sub-list[hidden] {
    display: none !important;
}

.ita-mega-portal-v101 .ita-sub-item,
.ita-mega .ita-sub-item {
    list-style: none !important;
}

.ita-mega-portal-v101 .ita-mega-sub-row > .ita-sub-link,
.ita-mega .ita-mega-sub-row > .ita-sub-link,
.ita-mega-portal-v101 .ita-mega-sub-list--nested .ita-sub-link,
.ita-mega .ita-mega-sub-list--nested .ita-sub-link {
    min-height: 34px !important;
    padding: 7px 9px !important;
    border-radius: 7px !important;
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    background: transparent !important;
}

.ita-mega-portal-v101 .ita-mega-sub-row > .ita-sub-link:hover,
.ita-mega-portal-v101 .ita-mega-sub-row > .ita-sub-link:focus-visible,
.ita-mega-portal-v101 .ita-mega-sub-root.is-open > .ita-mega-sub-row > .ita-sub-link,
.ita-mega .ita-mega-sub-row > .ita-sub-link:hover,
.ita-mega .ita-mega-sub-row > .ita-sub-link:focus-visible,
.ita-mega .ita-mega-sub-root.is-open > .ita-mega-sub-row > .ita-sub-link {
    background: rgba(17, 71, 197, .18) !important;
    color: #ffffff !important;
    outline: none !important;
}

.ita-mega-portal-v101 .ita-chip .ita-mega-sub-row > a:hover .ita-mega-folder-icon,
.ita-mega-portal-v101 .ita-mega-sub-row > .ita-sub-link:hover .ita-mega-folder-icon,
.ita-mega-portal-v101 .ita-mega-sub-root.is-open > .ita-mega-sub-row > .ita-sub-link .ita-mega-folder-icon,
.ita-mega .ita-chip .ita-mega-sub-row > a:hover .ita-mega-folder-icon,
.ita-mega .ita-mega-sub-row > .ita-sub-link:hover .ita-mega-folder-icon,
.ita-mega .ita-mega-sub-root.is-open > .ita-mega-sub-row > .ita-sub-link .ita-mega-folder-icon {
    background: rgba(255, 255, 255, .14) !important;
    color: #ffffff !important;
}

.ita-mega-portal-v101 .ita-mega-sub-list--nested,
.ita-mega .ita-mega-sub-list--nested {
    margin: 4px 0 8px 27px !important;
    padding-left: 9px !important;
}

/* ========================================================================
   Fix v170 - Compact nested toggle and open folder state in Tudo
   ======================================================================== */

.ita-all-menu-inline-row {
    gap: 7px !important;
}

.ita-all-menu-inline-toggle {
    flex: 0 0 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 0 5px 0 0 !important;
    border-radius: 6px !important;
    background: rgba(77, 163, 255, .08) !important;
    color: #8fb4ff !important;
    font-size: 12px !important;
}

.ita-all-menu-inline-toggle:hover,
.ita-all-menu-inline-toggle:focus-visible,
.ita-all-menu-inline-item.is-open > .ita-all-menu-inline-row .ita-all-menu-inline-toggle {
    background: rgba(77, 163, 255, .14) !important;
    color: #ffffff !important;
}

.ita-all-menu-inline-item.is-open > .ita-all-menu-inline-row .ita-all-menu-inline-folder,
.ita-all-menu-inline-sub-link:hover .ita-all-menu-inline-folder,
.ita-all-menu-inline-sub-link:focus-visible .ita-all-menu-inline-folder {
    background: rgba(77, 163, 255, .18) !important;
    color: #8fb4ff !important;
}

.ita-all-menu-inline-item.is-open > .ita-all-menu-inline-row .ita-all-menu-inline-folder i,
.ita-all-menu-nested-sub-link .ita-all-menu-inline-folder i {
    font-size: 13px !important;
}

.ita-all-menu-nested-sub {
    margin: 3px 0 8px 32px !important;
    padding-left: 9px !important;
}

/* ========================================================================
   Fix v173 - Favorite and notification count badges
   ======================================================================== */

.ita-favorites-btn,
.ita-notification-toggle {
    position: relative !important;
    overflow: visible !important;
}

.ita-favorites-badge[hidden],
.ita-notification-badge[hidden] {
    display: none !important;
}

.ita-favorites-badge,
.ita-notification-badge {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border: 2px solid #1e1e22 !important;
    border-radius: 999px !important;
    background: #2f6bff !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.ita-compact-actions .ita-favorites-badge,
.ita-compact-actions .ita-notification-badge {
    top: -5px !important;
    right: -5px !important;
    border-color: #1b1b20 !important;
}

/* ========================================================================
   Fix v175 - Mini cart stable layout and Itatech dark theme
   ======================================================================== */

html {
    scrollbar-gutter: stable;
}

body.ita-mini-cart-scroll-locked {
    padding-right: 0 !important;
}

.ita-mini-cart-drawer .fixed.inset-0.z-20,
.ita-mini-cart-drawer .fixed.inset-0.bg-gray-500,
.ita-mini-cart-drawer .fixed.inset-0[class*="bg-gray-500"] {
    background: rgba(10, 10, 15, .72) !important;
    backdrop-filter: blur(2px) !important;
}

.ita-mini-cart-drawer .fixed.z-\[1000\] {
    max-width: min(500px, calc(100vw - 20px)) !important;
    border-left: 1px solid rgba(77, 163, 255, .16) !important;
    background: #1e1e24 !important;
    color: #f6f7fb !important;
    box-shadow: -18px 0 40px rgba(0, 0, 0, .34) !important;
}

.ita-mini-cart-drawer .pointer-events-auto,
.ita-mini-cart-drawer .pointer-events-auto.bg-white,
.ita-mini-cart-drawer .pointer-events-auto[class*="bg-white"] {
    background: linear-gradient(180deg, #1f1f25 0%, #17171c 100%) !important;
    color: #f6f7fb !important;
}

.ita-mini-cart-header-slot {
    padding: 20px 22px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    background: #1e1e24 !important;
}

.ita-mini-cart-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.ita-mini-cart-offer {
    color: #aeb7c7 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.ita-mini-cart-drawer .icon-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(77, 163, 255, .16) !important;
    border-radius: 8px !important;
    background: #272831 !important;
    color: #cbd5e1 !important;
    font-size: 20px !important;
    transition: background .16s ease, color .16s ease, border-color .16s ease !important;
}

.ita-mini-cart-drawer .icon-cancel:hover {
    border-color: rgba(77, 163, 255, .34) !important;
    background: #30313b !important;
    color: #ffffff !important;
}

.ita-mini-cart-content-slot {
    padding: 18px 18px 12px !important;
    background: linear-gradient(180deg, #1c1c22 0%, #18181d 100%) !important;
}

.ita-mini-cart-list {
    margin-top: 0 !important;
    gap: 14px !important;
}

.ita-mini-cart-item {
    gap: 14px !important;
    padding: 12px !important;
    border: 1px solid rgba(77, 163, 255, .12) !important;
    border-radius: 8px !important;
    background: #23242b !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

.ita-mini-cart-image-wrap {
    flex: 0 0 92px !important;
}

.ita-mini-cart-image {
    width: 92px !important;
    height: 92px !important;
    padding: 6px !important;
    border: 1px solid rgba(77, 163, 255, .12) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    object-fit: contain !important;
}

.ita-mini-cart-item-info {
    min-width: 0 !important;
    gap: 9px !important;
}

.ita-mini-cart-item-main {
    align-items: flex-start !important;
    gap: 10px !important;
}

.ita-mini-cart-item-link {
    color: inherit !important;
    text-decoration: none !important;
}

.ita-mini-cart-item-title {
    color: #f1f5f9 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.ita-mini-cart-item-link:hover .ita-mini-cart-item-title {
    color: #ffffff !important;
}

.ita-mini-cart-item-price {
    color: #22c55e !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.ita-mini-cart-drawer .ita-mini-cart-item-info .text-zinc-500,
.ita-mini-cart-drawer .ita-mini-cart-subtotal .text-zinc-500 {
    color: #aeb7c7 !important;
}

.ita-mini-cart-drawer .ita-mini-cart-item-info .text-black,
.ita-mini-cart-drawer .ita-mini-cart-subtotal .text-black {
    color: #ffffff !important;
}

.ita-mini-cart-drawer .ita-mini-cart-item-info [class*="icon-arrow"] {
    color: #8fb4ff !important;
}

.ita-mini-cart-drawer .ita-mini-cart-item-info .border-navyBlue {
    border-color: rgba(77, 163, 255, .2) !important;
    background: #18191f !important;
    color: #ffffff !important;
}

.ita-mini-cart-drawer .ita-mini-cart-item-info .icon-minus,
.ita-mini-cart-drawer .ita-mini-cart-item-info .icon-plus {
    color: #8fb4ff !important;
}

.ita-mini-cart-drawer .text-blue {
    color: #22c55e !important;
}

.ita-mini-cart-remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 6px 12px !important;
    border: 1px solid rgba(77, 163, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(77, 163, 255, .08) !important;
    color: #9fc0ff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.ita-mini-cart-remove:hover,
.ita-mini-cart-remove:focus-visible {
    border-color: rgba(77, 163, 255, .34) !important;
    background: rgba(77, 163, 255, .15) !important;
    color: #ffffff !important;
}

.ita-mini-cart-empty {
    margin-top: 80px !important;
    color: #f6f7fb !important;
}

.ita-mini-cart-empty p {
    color: #f6f7fb !important;
}

.ita-mini-cart-footer-slot {
    padding: 18px !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    background: #18181d !important;
}

.ita-mini-cart-footer {
    gap: 16px !important;
}

.ita-mini-cart-subtotal {
    margin: 0 !important;
    padding: 0 0 14px !important;
    border-color: rgba(255, 255, 255, .08) !important;
}

.ita-mini-cart-subtotal-label {
    color: #aeb7c7 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.ita-mini-cart-subtotal-value {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.ita-mini-cart-actions {
    gap: 10px !important;
    padding: 0 !important;
}

.ita-mini-cart-checkout {
    border-radius: 8px !important;
    background: linear-gradient(135deg, #3216b9 0%, #1147c5 100%) !important;
    box-shadow: 0 12px 26px rgba(34, 23, 160, .28) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    transition: filter .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

.ita-mini-cart-checkout:hover,
.ita-mini-cart-checkout:focus-visible {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 30px rgba(34, 23, 160, .34) !important;
}

.ita-mini-cart-view-cart-wrap {
    padding-top: 2px !important;
}

.ita-mini-cart-view-cart {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    transition: color .16s ease !important;
}

.ita-mini-cart-view-cart:hover,
.ita-mini-cart-view-cart:focus-visible {
    color: #ffffff !important;
}

.ita-mini-cart-drawer .pointer-events-auto::-webkit-scrollbar,
.ita-mini-cart-drawer [class*="overflow-auto"]::-webkit-scrollbar {
    width: 8px;
}

.ita-mini-cart-drawer .pointer-events-auto::-webkit-scrollbar-track,
.ita-mini-cart-drawer [class*="overflow-auto"]::-webkit-scrollbar-track {
    background: #17171c;
}

.ita-mini-cart-drawer .pointer-events-auto::-webkit-scrollbar-thumb,
.ita-mini-cart-drawer [class*="overflow-auto"]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(77, 163, 255, .3);
}

@media (max-width: 640px) {
    .ita-mini-cart-drawer .fixed.z-\[1000\] {
        max-width: 100vw !important;
    }

    .ita-mini-cart-image-wrap {
        flex-basis: 76px !important;
    }

    .ita-mini-cart-image {
        width: 76px !important;
        height: 76px !important;
    }

    .ita-mini-cart-title {
        font-size: 19px !important;
    }
}



/* ========================================================================
   Correção v315 - Carrinho: ícone vazio Font Awesome e subtotal mobile
   ------------------------------------------------------------------------
   Substitui visualmente a imagem do carrinho vazio por um ícone fa-solid
   e ajusta somente o alinhamento do valor do subtotal no mobile.
   ======================================================================== */
.ita-mini-cart-empty .ita-mini-cart-empty-fa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 128px !important;
    height: 128px !important;
    margin: 0 auto 6px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, rgba(49, 74, 181, .18) 0%, rgba(20, 22, 43, .82) 100%) !important;
    color: #11195f !important;
    font-size: 82px !important;
    line-height: 1 !important;
    text-shadow: 0 14px 30px rgba(0, 0, 0, .32) !important;
}

.ita-mini-cart-empty .ita-mini-cart-empty-fa::before {
    display: block !important;
    line-height: 1 !important;
}

@media (max-width: 640px) {
    .ita-mini-cart-empty .ita-mini-cart-empty-fa {
        width: 112px !important;
        height: 112px !important;
        margin-bottom: 8px !important;
        border-radius: 24px !important;
        font-size: 72px !important;
    }

    .ita-mini-cart-subtotal {
        align-items: center !important;
        min-height: 42px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .ita-mini-cart-subtotal-value {
        display: inline-flex !important;
        align-items: center !important;
        line-height: 1.12 !important;
        transform: translateY(2px) !important;
    }
}

/* ========================================================================
   Correção v307 - Modal de confirmação do carrinho integrado ao CSS do carrinho
   ------------------------------------------------------------------------
   Pop-up de confirmação aberto ao remover produto no mini carrinho.
   Mantém a lógica do componente e apenas adapta o visual ao mini carrinho atual.
   ======================================================================== */

.ita-confirm-modal-overlay {
    background: rgba(10, 10, 15, .78) !important;
    backdrop-filter: blur(2px) brightness(.74) !important;
    -webkit-backdrop-filter: blur(2px) brightness(.74) !important;
}

.ita-confirm-modal-layer {
    z-index: 2147483001 !important;
    padding: 18px !important;
}

.ita-confirm-modal-viewport {
    align-items: center !important;
    min-height: 100% !important;
    padding: 0 !important;
}

.ita-confirm-modal-card {
    width: min(500px, calc(100vw - 30px)) !important;
    max-width: 500px !important;
    padding: 22px !important;
    border: 1px solid rgba(77, 163, 255, .18) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #23242b 0%, #18191f 100%) !important;
    box-shadow: 0 24px 65px rgba(0, 0, 0, .46), 0 0 0 1px rgba(255, 255, 255, .035) inset !important;
    color: #f6f7fb !important;
}

.ita-confirm-modal-body {
    align-items: flex-start !important;
    gap: 16px !important;
    text-align: left !important;
}

.ita-confirm-modal-icon-col {
    flex: 0 0 auto !important;
}

.ita-confirm-modal-icon {
    width: 46px !important;
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid rgba(77, 163, 255, .22) !important;
    border-radius: 999px !important;
    background: rgba(77, 163, 255, .08) !important;
    color: #f6c65b !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .22) !important;
}

.ita-confirm-modal-icon .icon-error {
    color: #f6c65b !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

.ita-confirm-modal-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.ita-confirm-modal-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

.ita-confirm-modal-message {
    padding: 7px 0 22px !important;
    color: #aeb7c7 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

.ita-confirm-modal-actions {
    justify-content: flex-end !important;
    gap: 12px !important;
}

.ita-confirm-modal-btn,
.ita-confirm-modal-btn.secondary-button,
.ita-confirm-modal-btn.primary-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 150px !important;
    min-height: 48px !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    transition: transform .16s ease, filter .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

.ita-confirm-modal-btn-disagree,
.ita-confirm-modal-btn-disagree.secondary-button {
    border: 1px solid rgba(77, 163, 255, .28) !important;
    background: rgba(77, 163, 255, .07) !important;
    color: #dbe7ff !important;
    box-shadow: none !important;
}

.ita-confirm-modal-btn-disagree:hover,
.ita-confirm-modal-btn-disagree:focus-visible {
    border-color: rgba(77, 163, 255, .46) !important;
    background: rgba(77, 163, 255, .14) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.ita-confirm-modal-btn-agree,
.ita-confirm-modal-btn-agree.primary-button {
    border: 1px solid rgba(116, 168, 255, .32) !important;
    background: linear-gradient(135deg, #3216b9 0%, #1147c5 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(34, 23, 160, .30) !important;
}

.ita-confirm-modal-btn-agree:hover,
.ita-confirm-modal-btn-agree:focus-visible {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 30px rgba(34, 23, 160, .38) !important;
}

.ita-confirm-modal-btn:active {
    transform: translateY(0) !important;
}

@media (max-width: 640px) {
    .ita-confirm-modal-layer {
        padding: 14px !important;
    }

    .ita-confirm-modal-card {
        width: calc(100vw - 24px) !important;
        padding: 18px !important;
        border-radius: 12px !important;
    }

    .ita-confirm-modal-body {
        gap: 13px !important;
    }

    .ita-confirm-modal-icon {
        width: 42px !important;
        height: 42px !important;
    }

    .ita-confirm-modal-icon .icon-error {
        font-size: 20px !important;
    }

    .ita-confirm-modal-title {
        font-size: 19px !important;
    }

    .ita-confirm-modal-message {
        padding-bottom: 18px !important;
        font-size: 13px !important;
    }

    .ita-confirm-modal-actions {
        gap: 10px !important;
    }

    .ita-confirm-modal-btn,
    .ita-confirm-modal-btn.secondary-button,
    .ita-confirm-modal-btn.primary-button {
        min-width: 0 !important;
        flex: 1 1 0 !important;
        min-height: 44px !important;
        padding: 11px 14px !important;
        border-radius: 9px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 380px) {
    .ita-confirm-modal-body {
        display: block !important;
    }

    .ita-confirm-modal-icon-col {
        margin-bottom: 12px !important;
    }
}

/* ========================================================================
   Correção v213 - Desktop: badges com cor dinâmica
   ------------------------------------------------------------------------
   Mantém a badge vermelha quando o contador está zerado e aplica verde
   (#2f6bff) somente quando o contador tiver valor acima de 0.
   Escopado ao desktop no cabeçalho principal e compacto.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-v4,
    .ita-compact-actions .ita-cart-v4,
    .ita-header-actions .ita-favorites-btn,
    .ita-header-actions .ita-notification-toggle,
    .ita-compact-actions .ita-favorites-btn,
    .ita-compact-actions .ita-notification-toggle {
        position: relative !important;
        overflow: visible !important;
    }

    .ita-header-actions .ita-cart-badge,
    .ita-header-actions .ita-favorites-badge,
    .ita-header-actions .ita-notification-badge,
    .ita-compact-actions .ita-cart-badge,
    .ita-compact-actions .ita-favorites-badge,
    .ita-compact-actions .ita-notification-badge {
        background: #ef4444 !important;
        color: #ffffff !important;
    }

    .ita-header-actions .ita-cart-badge.ita-desktop-badge-has-value,
    .ita-header-actions .ita-favorites-badge.ita-desktop-badge-has-value,
    .ita-header-actions .ita-notification-badge.ita-desktop-badge-has-value,
    .ita-compact-actions .ita-cart-badge.ita-desktop-badge-has-value,
    .ita-compact-actions .ita-favorites-badge.ita-desktop-badge-has-value,
    .ita-compact-actions .ita-notification-badge.ita-desktop-badge-has-value {
        background: #2f6bff !important;
        color: #ffffff !important;
    }
}

/* ========================================================================
   Correção v214 - Desktop: não exibir número extra no carrinho
   ------------------------------------------------------------------------
   O carrinho desktop já mostra a quantidade no texto "CARRINHO (n)".
   Por isso a badge numérica do carrinho fica sempre oculta no desktop,
   mantendo a lógica de cor dinâmica apenas para Favoritos e Avisos.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-badge,
    .ita-compact-actions .ita-cart-badge {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ========================================================================
   Correção v215 - Desktop: Favoritos e Avisos com nome embaixo
   ------------------------------------------------------------------------
   Aplica no desktop o mesmo padrão visual usado no mobile: ícone em cima
   e texto embaixo, tanto no cabeçalho principal quanto no compacto.
   Não altera carrinho, login, busca, categorias, badges ou mobile.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-favorites-btn,
    .ita-header-actions .ita-notification-toggle,
    .ita-compact-actions .ita-favorites-btn,
    .ita-compact-actions .ita-notification-toggle {
        position: relative !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 3px 2px 2px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: transparent !important;
        color: #ffffff !important;
        text-decoration: none !important;
        box-shadow: none !important;
        outline: none !important;
        overflow: visible !important;
        transform: none !important;
        filter: none !important;
        cursor: pointer !important;
        transition: background-color .16s ease, color .16s ease !important;
    }

    .ita-header-actions .ita-favorites-btn .ita-favorites-icon,
    .ita-header-actions .ita-favorites-btn i,
    .ita-header-actions .ita-notification-toggle .fa-bell,
    .ita-header-actions .ita-notification-toggle i,
    .ita-compact-actions .ita-favorites-btn .ita-favorites-icon,
    .ita-compact-actions .ita-favorites-btn i,
    .ita-compact-actions .ita-notification-toggle .fa-bell,
    .ita-compact-actions .ita-notification-toggle i {
        display: inline-grid !important;
        place-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        color: currentColor !important;
        font-size: 20px !important;
        line-height: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-favorites-btn .ita-favorites-text,
    .ita-compact-actions .ita-favorites-btn .ita-favorites-text {
        display: none !important;
    }

    .ita-header-actions .ita-favorites-btn::before,
    .ita-header-actions .ita-notification-toggle::before,
    .ita-compact-actions .ita-favorites-btn::before,
    .ita-compact-actions .ita-notification-toggle::before {
        content: none !important;
        display: none !important;
    }

    .ita-header-actions .ita-favorites-btn::after,
    .ita-compact-actions .ita-favorites-btn::after {
        content: "Favoritos" !important;
    }

    .ita-header-actions .ita-notification-toggle::after,
    .ita-compact-actions .ita-notification-toggle::after {
        content: "Avisos" !important;
    }

    .ita-header-actions .ita-favorites-btn::after,
    .ita-header-actions .ita-notification-toggle::after,
    .ita-compact-actions .ita-favorites-btn::after,
    .ita-compact-actions .ita-notification-toggle::after {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        color: #ffffff !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 9.5px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-overflow: clip !important;
        text-transform: none !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }

    .ita-header-actions .ita-favorites-btn:hover,
    .ita-header-actions .ita-favorites-btn:focus-visible,
    .ita-header-actions .ita-notification-toggle:hover,
    .ita-header-actions .ita-notification-toggle:focus-visible,
    .ita-compact-actions .ita-favorites-btn:hover,
    .ita-compact-actions .ita-favorites-btn:focus-visible,
    .ita-compact-actions .ita-notification-toggle:hover,
    .ita-compact-actions .ita-notification-toggle:focus-visible {
        background: rgba(255, 255, 255, .08) !important;
        color: #ffffff !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-favorites-btn:hover .ita-favorites-icon,
    .ita-header-actions .ita-favorites-btn:hover i,
    .ita-header-actions .ita-notification-toggle:hover .fa-bell,
    .ita-header-actions .ita-notification-toggle:hover i,
    .ita-compact-actions .ita-favorites-btn:hover .ita-favorites-icon,
    .ita-compact-actions .ita-favorites-btn:hover i,
    .ita-compact-actions .ita-notification-toggle:hover .fa-bell,
    .ita-compact-actions .ita-notification-toggle:hover i {
        color: #ffffff !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-favorites-badge,
    .ita-header-actions .ita-notification-badge,
    .ita-compact-actions .ita-favorites-badge,
    .ita-compact-actions .ita-notification-badge {
        top: 1px !important;
        right: 6px !important;
        z-index: 5 !important;
    }
}

/* ========================================================================
   Correção v216 - Desktop: carrinho com valor abaixo do ícone
   ------------------------------------------------------------------------
   Aplica no carrinho desktop o mesmo padrão visual de Favoritos/Avisos:
   ícone em cima e valor do carrinho embaixo. O texto "Carrinho" e a badge
   numérica extra continuam ocultos no desktop.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button),
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button,
    .ita-compact-actions .ita-cart-v4 {
        position: relative !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 3px 2px 2px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: transparent !important;
        color: #ffffff !important;
        text-decoration: none !important;
        box-shadow: none !important;
        outline: none !important;
        overflow: visible !important;
        transform: none !important;
        filter: none !important;
        cursor: pointer !important;
        transition: background-color .16s ease, color .16s ease !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side {
        display: inline-grid !important;
        place-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: currentColor !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side i,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side .fas {
        color: currentColor !important;
        font-size: 20px !important;
        line-height: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-info-side {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
        overflow: visible !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-title,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-title,
    .ita-compact-actions .ita-cart-v4 .ita-cart-title {
        display: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: #ffffff !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 9.5px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        text-transform: none !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button):hover,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button):focus-visible,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:hover,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:focus-visible,
    .ita-compact-actions .ita-cart-v4:hover,
    .ita-compact-actions .ita-cart-v4:focus-visible {
        background: rgba(255, 255, 255, .08) !important;
        color: #ffffff !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button):hover .ita-cart-icon-side,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button):hover .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:hover .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:hover .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4:hover .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4:hover .ita-cart-info-side {
        background: transparent !important;
        color: #ffffff !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }
}

/* ========================================================================
   Correção v217 - Desktop: carrinho alinhado + badge dinâmica
   ------------------------------------------------------------------------
   Ajusta somente o carrinho desktop para alinhar com Favoritos/Avisos
   e reativa a badge do carrinho com a mesma lógica de cor:
   vermelho quando 0 e verde (#2f6bff) quando acima de 0.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button),
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button,
    .ita-compact-actions .ita-cart-v4 {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 3px 2px 2px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side {
        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-info-side {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: center !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: 9px !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ita-header-actions .ita-cart-badge,
    .ita-compact-actions .ita-cart-badge {
        position: absolute !important;
        top: 1px !important;
        right: 6px !important;
        z-index: 5 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        padding: 0 5px !important;
        border: 2px solid #1e1e22 !important;
        border-radius: 999px !important;
        background: #ef4444 !important;
        color: #ffffff !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    .ita-header-actions .ita-cart-badge.ita-desktop-badge-has-value,
    .ita-compact-actions .ita-cart-badge.ita-desktop-badge-has-value {
        background: #2f6bff !important;
        color: #ffffff !important;
    }
}

/* ========================================================================
   Correção v218 - Desktop: carrinho compacto com badge/alinhamento padrão
   ------------------------------------------------------------------------
   Ajusta somente o carrinho do cabeçalho compacto desktop para usar o mesmo
   padrão visual dos outros ícones e padroniza a posição das badges.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-compact-actions .ita-cart-v4,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button {
        position: relative !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 3px 2px 2px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 4px !important;
        overflow: visible !important;
        background: transparent !important;
        color: #ffffff !important;
        text-decoration: none !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side {
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: currentColor !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side .fas {
        color: currentColor !important;
        font-size: 20px !important;
        line-height: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-compact-actions .ita-cart-v4 .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-info-side {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        text-align: center !important;
        box-shadow: none !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-compact-actions .ita-cart-v4 .ita-cart-title,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-title {
        display: none !important;
    }

    .ita-compact-actions .ita-cart-v4 .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: #ffffff !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        text-transform: none !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }

    .ita-header-actions .ita-cart-badge,
    .ita-header-actions .ita-favorites-badge,
    .ita-header-actions .ita-notification-badge,
    .ita-compact-actions .ita-cart-badge,
    .ita-compact-actions .ita-favorites-badge,
    .ita-compact-actions .ita-notification-badge {
        position: absolute !important;
        top: 1px !important;
        right: 6px !important;
        z-index: 5 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 18px !important;
        width: auto !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        padding: 0 5px !important;
        border: 2px solid #1e1e22 !important;
        border-radius: 999px !important;
        background: #ef4444 !important;
        color: #ffffff !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        box-shadow: none !important;
        pointer-events: none !important;
        transform: none !important;
    }

    .ita-header-actions .ita-cart-badge.ita-desktop-badge-has-value,
    .ita-header-actions .ita-favorites-badge.ita-desktop-badge-has-value,
    .ita-header-actions .ita-notification-badge.ita-desktop-badge-has-value,
    .ita-compact-actions .ita-cart-badge.ita-desktop-badge-has-value,
    .ita-compact-actions .ita-favorites-badge.ita-desktop-badge-has-value,
    .ita-compact-actions .ita-notification-badge.ita-desktop-badge-has-value {
        background: #2f6bff !important;
        color: #ffffff !important;
    }
}


/* ========================================================================
   Correção v219 - Desktop: usuário antes do carrinho + alinhamento final
   ------------------------------------------------------------------------
   Ajusta somente a versão desktop:
   - move o elemento do usuário para a esquerda do carrinho no cabeçalho principal;
   - padroniza o carrinho principal com Favoritos/Avisos;
   - padroniza a posição das badges;
   - aumenta levemente a fonte dos textos abaixo dos ícones no principal e compacto.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions {
        display: flex !important;
        align-items: center !important;
    }

    .ita-header-actions > .relative,
    .ita-header-actions > [class*="dropdown"],
    .ita-header-actions .ita-login-toggle,
    .ita-header-actions x-shop\:dropdown {
        order: 1 !important;
    }

    .ita-header-actions > v-itatech-mini-cart,
    .ita-header-actions v-itatech-mini-cart,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) {
        order: 2 !important;
    }

    .ita-header-actions .ita-favorites-btn {
        order: 3 !important;
    }

    .ita-header-actions .ita-notification-toggle {
        order: 4 !important;
    }

    .ita-header-actions > v-itatech-mini-cart,
    .ita-header-actions v-itatech-mini-cart {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button),
    .ita-header-actions .ita-favorites-btn,
    .ita-header-actions .ita-notification-toggle,
    .ita-compact-actions .ita-cart-v4,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button,
    .ita-compact-actions .ita-favorites-btn,
    .ita-compact-actions .ita-notification-toggle {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding: 3px 2px 2px !important;
        gap: 3px !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side,
    .ita-header-actions .ita-favorites-btn .ita-favorites-icon,
    .ita-header-actions .ita-favorites-btn i,
    .ita-header-actions .ita-notification-toggle .fa-bell,
    .ita-header-actions .ita-notification-toggle i,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side,
    .ita-compact-actions .ita-favorites-btn .ita-favorites-icon,
    .ita-compact-actions .ita-favorites-btn i,
    .ita-compact-actions .ita-notification-toggle .fa-bell,
    .ita-compact-actions .ita-notification-toggle i {
        display: inline-grid !important;
        place-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        color: currentColor !important;
        line-height: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side i,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side .fas {
        color: currentColor !important;
        font-size: 20px !important;
        line-height: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-info-side {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        text-align: center !important;
        transform: none !important;
        filter: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-title,
    .ita-compact-actions .ita-cart-v4 .ita-cart-title,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-title {
        display: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price,
    .ita-header-actions .ita-favorites-btn::after,
    .ita-header-actions .ita-notification-toggle::after,
    .ita-compact-actions .ita-favorites-btn::after,
    .ita-compact-actions .ita-notification-toggle::after {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: #ffffff !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        text-transform: none !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }

    .ita-header-actions .ita-favorites-btn::after,
    .ita-header-actions .ita-notification-toggle::after,
    .ita-compact-actions .ita-favorites-btn::after,
    .ita-compact-actions .ita-notification-toggle::after {
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .ita-header-actions .ita-cart-badge,
    .ita-header-actions .ita-favorites-badge,
    .ita-header-actions .ita-notification-badge,
    .ita-compact-actions .ita-cart-badge,
    .ita-compact-actions .ita-favorites-badge,
    .ita-compact-actions .ita-notification-badge {
        top: 0 !important;
        right: 5px !important;
        min-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        padding: 0 5px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        transform: none !important;
    }
}

/* ========================================================================
   Correção v220 - Desktop: ordem fixa usuário/carrinho após Vue renderizar
   ------------------------------------------------------------------------
   Mantém usuário imediatamente antes do carrinho mesmo após o mini-cart
   remontar ao atualizar a página.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions > .ita-desktop-user-action {
        order: 1 !important;
    }

    .ita-header-actions > .ita-desktop-cart-action,
    .ita-header-actions > v-itatech-mini-cart.ita-desktop-cart-action {
        order: 2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
    }
}

/* ========================================================================
   Correção v221 - Desktop: alinhamento final do carrinho com valor
   ------------------------------------------------------------------------
   Ajusta somente o carrinho desktop para centralizar ícone, badge e valor
   no mesmo eixo visual dos ícones Favoritos/Avisos.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button),
    .ita-compact-actions .ita-cart-v4,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button {
        position: relative !important;
        display: inline-grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 25px 13px !important;
        align-content: center !important;
        align-items: center !important;
        justify-content: center !important;
        justify-items: center !important;
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding: 3px 2px 2px !important;
        gap: 3px !important;
        overflow: visible !important;
        text-align: center !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: inline-grid !important;
        place-items: center !important;
        justify-self: center !important;
        align-self: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        transform: translateX(1px) !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side i,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side .fas {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        text-align: center !important;
        transform: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-info-side {
        grid-column: 1 !important;
        grid-row: 2 !important;
        display: block !important;
        justify-self: center !important;
        align-self: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-title,
    .ita-compact-actions .ita-cart-v4 .ita-cart-title,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-title {
        display: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        transform: none !important;
    }

    .ita-header-actions .ita-cart-badge,
    .ita-compact-actions .ita-cart-badge {
        top: 0 !important;
        right: 6px !important;
        transform: none !important;
    }
}

/* ========================================================================
   Correção v222 - Desktop: cor do valor do carrinho quando houver valor
   ------------------------------------------------------------------------
   Altera somente a cor do valor do carrinho no desktop quando o valor
   exibido for maior que R$ 0,00. Mantém zerado com a cor padrão atual.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-price.ita-desktop-cart-price-has-value,
    .ita-compact-actions .ita-cart-price.ita-desktop-cart-price-has-value {
        color: #22c55e !important;
    }
}

/* ========================================================================
   Correção v223 - Desktop: reforço da cor do valor do carrinho
   ------------------------------------------------------------------------
   Usa atributo aplicado via JS para garantir que o valor mude para verde
   quando for maior que R$ 0,00, mesmo após o mini-cart/Vue renderizar.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-price[data-ita-cart-has-value="1"],
    .ita-compact-actions .ita-cart-price[data-ita-cart-has-value="1"],
    .ita-desktop-cart-action .ita-cart-price[data-ita-cart-has-value="1"] {
        color: #22c55e !important;
    }
}


/* ========================================================================
   Correção v225 - Desktop: verde mais escuro + hover estável do carrinho
   ------------------------------------------------------------------------
   Ajusta somente o valor do carrinho e o flicker lateral do ícone no hover.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-price.ita-desktop-cart-price-has-value,
    .ita-compact-actions .ita-cart-price.ita-desktop-cart-price-has-value,
    .ita-header-actions .ita-cart-price[data-ita-cart-has-value="1"],
    .ita-compact-actions .ita-cart-price[data-ita-cart-has-value="1"],
    .ita-desktop-cart-action .ita-cart-price[data-ita-cart-has-value="1"] {
        color: #15803d !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button):hover .ita-cart-icon-side,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button):focus-visible .ita-cart-icon-side,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button):active .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4:hover .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4:focus-visible .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4:active .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:hover .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:focus-visible .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:active .ita-cart-icon-side {
        transform: translateX(1px) !important;
        backface-visibility: hidden !important;
        will-change: auto !important;
    }
}

/* ========================================================================
   Correção v226 - Desktop: gap, login sem caixa e valor do carrinho
   ------------------------------------------------------------------------
   Ajusta somente o desktop:
   - gap principal para 20px;
   - remove a caixa visual do login do usuário;
   - deixa o valor do carrinho mais escuro e em negrito.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-main-row {
        gap: 20px !important;
    }

    .ita-header-actions .ita-login-toggle,
    .ita-header-actions .ita-login-toggle:hover,
    .ita-header-actions .ita-login-toggle:focus-visible,
    .ita-header-actions .ita-login-toggle:active {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        filter: none !important;
        outline: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price {
        font-weight: 900 !important;
    }

    .ita-header-actions .ita-cart-price.ita-desktop-cart-price-has-value,
    .ita-compact-actions .ita-cart-price.ita-desktop-cart-price-has-value,
    .ita-header-actions .ita-cart-price[data-ita-cart-has-value="1"],
    .ita-compact-actions .ita-cart-price[data-ita-cart-has-value="1"],
    .ita-desktop-cart-action .ita-cart-price[data-ita-cart-has-value="1"] {
        color: #14532d !important;
        font-weight: 900 !important;
    }
}

/* ========================================================================
   Correcao v229 - Desktop: altura fixa para textos abaixo dos icones
   ------------------------------------------------------------------------
   Reserva a mesma area vertical para Favoritos, Avisos e carrinho. Isso
   impede que o valor do carrinho ultrapasse a linha e fique acima/abaixo
   dos demais rotulos. Escopo somente desktop; mobile permanece intacto.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button),
    .ita-header-actions .ita-favorites-btn,
    .ita-header-actions .ita-notification-toggle,
    .ita-compact-actions .ita-cart-v4,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button,
    .ita-compact-actions .ita-favorites-btn,
    .ita-compact-actions .ita-notification-toggle {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 26px 14px !important;
        align-content: center !important;
        align-items: center !important;
        justify-content: center !important;
        justify-items: center !important;
        row-gap: 3px !important;
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 5px 2px 4px !important;
        box-sizing: border-box !important;
        line-height: 1 !important;
        overflow: visible !important;
        vertical-align: middle !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side,
    .ita-header-actions .ita-favorites-btn .ita-favorites-icon,
    .ita-header-actions .ita-favorites-btn i,
    .ita-header-actions .ita-notification-toggle .fa-bell,
    .ita-header-actions .ita-notification-toggle i,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side,
    .ita-compact-actions .ita-favorites-btn .ita-favorites-icon,
    .ita-compact-actions .ita-favorites-btn i,
    .ita-compact-actions .ita-notification-toggle .fa-bell,
    .ita-compact-actions .ita-notification-toggle i {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: center !important;
        display: grid !important;
        place-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 26px !important;
        min-height: 26px !important;
        max-height: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        text-align: center !important;
        transform: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side i,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side .fas {
        display: grid !important;
        place-items: center !important;
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        line-height: 1 !important;
        text-align: center !important;
        transform: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4 .ita-cart-info-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-info-side {
        grid-column: 1 !important;
        grid-row: 2 !important;
        align-self: center !important;
        justify-self: center !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        text-align: center !important;
        line-height: 14px !important;
        transform: none !important;
    }

    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price,
    .ita-header-actions .ita-favorites-btn::after,
    .ita-header-actions .ita-notification-toggle::after,
    .ita-compact-actions .ita-favorites-btn::after,
    .ita-compact-actions .ita-notification-toggle::after {
        grid-column: 1 !important;
        grid-row: 2 !important;
        align-self: center !important;
        justify-self: center !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        font-size: 10.5px !important;
        line-height: 14px !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        transform: none !important;
        vertical-align: middle !important;
    }
}

/* ========================================================================
   Correção v301 - Desktop: Carrinho visitante sem flicker de preço
   ------------------------------------------------------------------------
   Quando o cliente não está logado, o mini-cart pode pintar por uma fração
   de segundo o subtotal dentro de .ita-cart-price antes da lógica trocar o
   texto para "Carrinho". Este ajuste não muda a lógica: apenas força o
   rótulo visual "Carrinho" desde a primeira pintura quando o cabeçalho já
   indica estado visitante.
   Escopo: somente desktop principal/compacto.
   ======================================================================== */
@media (min-width: 1024px) {
    html.ita-cart-customer-guest .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price,
    html.ita-cart-customer-guest .ita-compact-actions .ita-cart-v4 .ita-cart-price,
    html.ita-cart-customer-guest .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price,
    .ita-header-actions:has(.ita-login-toggle .ita-login-text--guest) .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button)[data-ita-customer-cart-mode="label"] .ita-cart-price,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price[data-ita-customer-cart-mode="label"],
    .ita-compact-actions .ita-cart-v4[data-ita-customer-cart-mode="label"] .ita-cart-price,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price[data-ita-customer-cart-mode="label"],
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button[data-ita-customer-cart-mode="label"] .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price[data-ita-customer-cart-mode="label"] {
        color: transparent !important;
        font-size: 0 !important;
        line-height: 14px !important;
        text-shadow: none !important;
        transition: none !important;
    }

    html.ita-cart-customer-guest .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price::after,
    html.ita-cart-customer-guest .ita-compact-actions .ita-cart-v4 .ita-cart-price::after,
    html.ita-cart-customer-guest .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price::after,
    .ita-header-actions:has(.ita-login-toggle .ita-login-text--guest) .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price::after,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button)[data-ita-customer-cart-mode="label"] .ita-cart-price::after,
    .ita-header-actions .ita-cart-v4:not(.ita-compact-cart-button) .ita-cart-price[data-ita-customer-cart-mode="label"]::after,
    .ita-compact-actions .ita-cart-v4[data-ita-customer-cart-mode="label"] .ita-cart-price::after,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price[data-ita-customer-cart-mode="label"]::after,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button[data-ita-customer-cart-mode="label"] .ita-cart-price::after,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price[data-ita-customer-cart-mode="label"]::after {
        content: "Carrinho" !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: #ffffff !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 800 !important;
        line-height: 14px !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        transform: none !important;
    }
}

/* ========================================================================
   Correção v302 - Desktop: gap dos ícones e respiro do login
   ------------------------------------------------------------------------
   Reduz o espaçamento padrão entre os ícones do cabeçalho desktop para 1px
   e mantém o respiro à direita do botão de login com 15px. Não altera ordem,
   tamanhos, badges, hover ou lógica do carrinho.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-header-actions {
        gap: 1px !important;
        column-gap: 1px !important;
    }

    .ita-header-actions > .ita-desktop-user-action,
    .ita-header-actions > .ita-login-toggle,
    .ita-header-actions > .relative:has(.ita-login-toggle),
    .ita-header-actions > [class*="dropdown"]:has(.ita-login-toggle),
    .ita-header-actions > x-shop\:dropdown:has(.ita-login-toggle) {
        margin-right: 14px !important;
    }
}

/* ========================================================================
   Correção v304 - Desktop compacto: carrinho sem salto lateral no hover
   ------------------------------------------------------------------------
   Corrige somente o ícone do carrinho na barra compacta desktop, removendo
   o translateX herdado no hover/focus/active sem alterar tamanhos, cores,
   badges, ordem, lógica do carrinho ou cabeçalho principal.
   ======================================================================== */
@media (min-width: 1024px) {
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4:hover .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4:focus-visible .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4:active .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:hover .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:focus-visible .ita-cart-icon-side,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:active .ita-cart-icon-side {
        transform: none !important;
        will-change: auto !important;
    }

    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4 .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4:hover .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4:hover .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-icon-side .fas,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:hover .ita-cart-icon-side i,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button:hover .ita-cart-icon-side .fas {
        transform: none !important;
        will-change: auto !important;
    }
}

/* ========================================================================
   Correção v312 - Desktop compacto: texto "Carrinho" sem corte inferior
   ------------------------------------------------------------------------
   Ajusta somente o rótulo/label do carrinho para evitar corte visual da
   última letra. Não altera lógica, badge, ícone, posição ou hover.
   ======================================================================== */
@media (min-width: 1024px) {
    html.ita-cart-customer-guest .ita-compact-actions .ita-cart-v4 .ita-cart-price,
    html.ita-cart-customer-guest .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price,
    .ita-compact-actions .ita-cart-v4[data-ita-customer-cart-mode="label"] .ita-cart-price,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price[data-ita-customer-cart-mode="label"],
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button[data-ita-customer-cart-mode="label"] .ita-cart-price,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price[data-ita-customer-cart-mode="label"] {
        line-height: 15px !important;
        min-height: 15px !important;
        height: auto !important;
        padding-bottom: 1px !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    html.ita-cart-customer-guest .ita-compact-actions .ita-cart-v4 .ita-cart-price::after,
    html.ita-cart-customer-guest .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price::after,
    .ita-compact-actions .ita-cart-v4[data-ita-customer-cart-mode="label"] .ita-cart-price::after,
    .ita-compact-actions .ita-cart-v4 .ita-cart-price[data-ita-customer-cart-mode="label"]::after,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button[data-ita-customer-cart-mode="label"] .ita-cart-price::after,
    .ita-compact-actions .ita-cart-v4.ita-compact-cart-button .ita-cart-price[data-ita-customer-cart-mode="label"]::after {
        height: 15px !important;
        min-height: 15px !important;
        max-height: none !important;
        line-height: 15px !important;
        padding-bottom: 1px !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

/* ========================================================================
   Correção v325 - Carrinho: cor hidratada antes do JS finalizar
   ------------------------------------------------------------------------
   Evita o flicker branco -> verde no valor do carrinho quando o estado
   hidratado já indica valor maior que zero. Não altera cálculo, quantidade,
   abertura do mini-cart ou lógica de usuário visitante/logado.
   ======================================================================== */
html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-header-actions .ita-cart-v4 .ita-cart-price,
html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-compact-actions .ita-cart-v4 .ita-cart-price,
html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-desktop-cart-action .ita-cart-price,
html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-mobile-header .ita-cart-v4 .ita-cart-price,
html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-mobile-compact-header .ita-cart-v4 .ita-cart-price,
html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-mobile-main-cart-label,
html.ita-cart-customer-authenticated .ita-cart-price.ita-desktop-cart-price-has-value,
html.ita-cart-customer-authenticated .ita-cart-price.ita-mobile-cart-price-has-value,
html.ita-cart-customer-authenticated .ita-cart-price[data-ita-cart-has-value="1"],
html.ita-cart-customer-authenticated .ita-mobile-main-cart-label[data-ita-cart-has-value="1"] {
    color: #22c55e !important;
    font-weight: 800 !important;
    transition: none !important;
}

html.ita-cart-customer-authenticated .ita-cart-price,
html.ita-cart-customer-authenticated .ita-mobile-main-cart-label {
    transition: none !important;
}

/* ========================================================================
   Correção v327.9 - Dropdown do usuário não sobrepõe a barra compacta desktop
   ------------------------------------------------------------------------
   Quando a barra compacta do desktop aparece, o dropdown do usuário do
   cabeçalho principal deve ser ocultado para não ficar passando por cima da
   busca/botões compactos. Não altera a lógica do carrinho, favoritos, avisos
   ou do tema escuro.
   ======================================================================== */

@media (min-width: 1025px) {
    html.ita-compact-header-visible .ita-header .ita-header-actions .ita-profile-dropdown > .absolute,
    html.ita-compact-header-visible .ita-header .ita-header-actions .ita-profile-dropdown > div.absolute {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ========================================================================
   Correção v327.10 - Flash abaixo da barra compacta desktop
   ------------------------------------------------------------------------
   Mantém os avisos/notificações do Bagisto abaixo da barra compacta quando
   ela estiver visível, evitando sobreposição com busca, favoritos, avisos,
   carrinho e demais ações do cabeçalho compacto. Não altera a lógica dos
   flashes, carrinho, favoritos, login ou tema escuro.
   ======================================================================== */

@media (min-width: 1025px) {
    html.ita-compact-header-visible .ita-flash-group-desktop {
        top: calc(var(--ita-compact-header-height, 64px) + 12px) !important;
        z-index: 2147483647 !important;
    }
}

/* Desktop redimensionado usando a barra compacta mobile: mantém o aviso
   abaixo da barra e em largura segura, sem passar por cima do cabeçalho. */
@media (min-width: 640px) and (max-width: 1024px) and (hover: hover) and (pointer: fine) {
    html.ita-mobile-compact-visible .ita-flash-group-desktop,
    html.ita-mobile-compact-visible .ita-flash-group-mobile {
        position: fixed !important;
        top: calc(var(--ita-mobile-compact-header-height, 64px) + 12px) !important;
        right: 14px !important;
        bottom: auto !important;
        left: 14px !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        transform: none !important;
        display: grid !important;
        justify-items: stretch !important;
        pointer-events: none !important;
        z-index: 2147483647 !important;
    }

    html.ita-mobile-compact-visible .ita-flash-group-desktop > *,
    html.ita-mobile-compact-visible .ita-flash-group-mobile > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        pointer-events: auto !important;
    }
}