/* app/static/css/header_components.css */
/* Componentes funcionais do header principal reunidos para reduzir requisições. */

/* Fonte: app/static/css/categorias/categorias_dropdown.css */
/* app/static/css/categorias_dropdown.css */

/* --- Estilos para o Dropdown de Categorias (VERSÃO DESKTOP) --- */
.dropdown-categorias {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown-categorias-trigger {
    cursor: pointer;
    background-color: transparent;
    display: flex;
    align-items: center;
    color: #555;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 5px;
    transition: opacity 0.2s ease;
}

.dropdown-categorias-trigger:hover {
    opacity: 0.7;
    background-color: transparent;
}

.dropdown-arrow-nav {
    display: inline-block;
    margin-left: 5px;
    transition: transform 0.3s ease;
    font-size: 0.8em;
    vertical-align: middle;
}

.dropdown-arrow-nav.rotate {
    transform: rotate(90deg);
}

/* CONTEÚDO DO DROPDOWN - FORÇANDO O FUNDO E REMOVENDO BORDAS */
.categorias-dropdown-content {
    display: none;
    background-color: #2c3e50 !important; /* Forçando a cor do seu azul */
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 8px; /* Arredondamento consistente */
    z-index: 1001;
    padding: 0;
    overflow: hidden; /* Isso corta os itens internos para seguir o arredondamento */
    border: none !important;
}

.dropdown-categorias .categorias-dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    display: none !important;
}

.categorias-dropdown-content.show {
    display: block !important;
}

.categorias-lista-dinamica {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #2c3e50 !important; /* Garantindo que o UL tenha a cor */
}

/* Itens da lista */
.categorias-lista-dinamica li {
    padding: 0;
    margin: 0;
}

.categorias-lista-dinamica li a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px;
    color: white !important;
    padding: 12px 20px !important;
    text-decoration: none !important;
    font-size: 15px !important;
    background-color: #2c3e50 !important; /* Cor exata */
    transition: background-color 0.2s ease;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
}

/* Container do ícone */
.categorias-lista-dinamica li a i {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0;
    background-color: transparent !important;
    border: none !important;
    color: inherit;
}

.categorias-lista-dinamica li a:hover {
    background-color: #34495e !important; /* Um tom um pouco mais claro no hover */
    color: white !important;
    opacity: 1;
}

@media (max-width: 768px) {
    .nav-opcoes-navegacao .dropdown-categorias {
        display: none !important;
    }

    .mobile-dropdown-categorias-item > .categorias-dropdown-content {
        position: static;
        box-shadow: none;
        border-top: 1px solid #eee;
        margin-top: 5px;
        background-color: #f9f9f9;
        padding-left: 20px;
        min-width: unset;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }

    .mobile-dropdown-categorias-item > .categorias-dropdown-content.show {
        max-height: 500px;
        display: block !important;
    }

    .mobile-dropdown-categorias-item > .categorias-dropdown-content ul li a {
        padding-left: 30px;
        color: #555 !important;
        background-color: transparent !important;
        display: flex !important;
        align-items: center;
        gap: 10px;
    }

    .mobile-dropdown-categorias-item > .categorias-dropdown-content ul li a:hover {
        background-color: #f0f0f0 !important;
        opacity: 1;
    }

    .mobile-categorias-trigger .dropdown-arrow-nav {
        transform: rotate(0deg);
        margin-left: auto;
        margin-right: 10px;
    }
    .mobile-categorias-trigger .dropdown-arrow-nav.rotate {
        transform: rotate(90deg);
    }
}

/* Fonte: app/static/css/notificacoes/notificacoes_dropdown.css */
/* Área de Notificações */
.notificacoes-area {
    position: relative;
    display: flex;
    align-items: center;
}

.notificacoes-trigger {
    cursor: pointer;
    position: relative;
    padding: 5px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.notificacoes-trigger:hover {
    transform: scale(0.9);
}

.notificacoes-trigger img {
    height: 25px;
    width: 25px;
}

/* Contador de Notificações */
.notificacoes-contador {
    position: absolute;
    top: 2px;
    right: -5px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: bold;
    min-width: 18px;
    text-align: center;
    line-height: 12px;
}

/* Dropdown de Notificações */
.notificacoes-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background-color: white;
    min-width: 280px;
    max-width: 350px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: 999;
    padding: 10px 0;
    border: 1px solid #f0f0f0;
}

.notificacoes-dropdown h4 {
    color: var(--cor-texto-principal);
    font-size: 16px;
    margin: 0 20px 15px;
    padding-top: 15px;
    padding-bottom: 0;
    border-bottom: none;
}

.notificacoes-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
}

.notificacoes-dropdown ul::-webkit-scrollbar {
    width: 6px;
}

.notificacoes-dropdown ul::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

.notificacoes-dropdown li {
    padding: 5px 10px;
    border-bottom: 1px solid #f8f8f8;
}

.notificacoes-dropdown li:last-child {
    border-bottom: none;
}

.notificacoes-dropdown a {
    color: var(--cor-texto-principal);
    text-decoration: none;
    display: block;
    padding: 10px;
    font-size: 14px;
    line-height: 1.4;
    transition: background-color 0.2s ease, color 0.2s ease;
    border-radius: 6px;
    background-color: transparent;
}

.notificacoes-dropdown a:hover {
    background-color: var(--azul-selecao);
    color: #ffffff;
    opacity: 1;
}

.notificacoes-dropdown a:hover .notif-titulo,
.notificacoes-dropdown a:hover .notif-msg,
.notificacoes-dropdown a:hover .notif-data {
    color: #ffffff;
}

.notif-titulo {
    font-size: 14px;
}

.notif-msg {
    font-size: 12px;
    color: #666;
    margin-top: 4px;
    transition: color 0.2s ease;
}

.notif-data {
    font-size: 10px;
    color: #999;
    margin-top: 4px;
    text-align: right;
    transition: color 0.2s ease;
}

.notificacoes-dropdown .ver-todas-notificacoes {
    display: block;
    text-align: center;
    padding: 15px 20px 10px;
    font-size: 13px;
    color: var(--azul-selecao);
    font-weight: bold;
    border-top: 1px solid #f0f0f0;
    margin-top: 5px;
    border-radius: 0;
}

.notificacoes-dropdown .ver-todas-notificacoes:hover {
    text-decoration: underline;
    background-color: transparent;
    color: var(--azul-selecao);
    opacity: 0.8;
}

.notificacoes-dropdown.show {
    display: block;
}

@media (max-width: 768px) {
    .notificacoes-dropdown {
        right: 0;
        left: 10px;
        max-width: calc(100vw - 20px);
        width: calc(100vw - 20px);
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
        position: fixed;
        top: 65px;
    }
}
/* Estado fechado obrigatório, inclusive antes da inicialização do JavaScript. */
.notificacoes-dropdown[hidden] {
    display: none !important;
}

.notificacoes-dropdown-trigger:focus-visible {
    outline: 2px solid var(--azul-selecao, #0056b3);
    outline-offset: 2px;
}


/* Fonte: app/static/css/cliente/perfil_dropdown.css */
/* perfil_dropdown.css */

/* --- Estilos para o Avatar do Usuário no Header --- */
.div-usuario-area {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

/* APENAS OPACIDADE NO HOVER do trigger do perfil, sem fundo */
.perfil-dropdown-trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 20px;
    transition: opacity 0.2s ease;
    background-color: transparent; /* Garante que não tenha cor de fundo */
}

.perfil-dropdown-trigger:hover {
    opacity: 0.7; /* APENAS opacidade no texto ao passar o mouse */
    background-color: transparent; /* GARANTIDO: Mantém transparente */
}

/* Avatar HEADER CLIENTE */
.perfil-avatar-header {
    width: 36px;
    height: 36px;
    /* border-radius, display e align vêm do styles.css */

    background: var(--cinza-botão);
    color: initial;

    font-size: 14px;
    border: solid 1px rgba(0, 0, 0, 0.1);
}

.perfil-nome-header {
    font-size: 15px;
    color: var(--cor-texto-principal);
    font-weight: 500;
    white-space: nowrap;
}

.dropdown-arrow {
    font-size: 12px;
    color: var(--cor-texto-principal);
    transition: transform 0.2s ease;
    transform: rotate(90deg); /* Seta aponta para baixo por padrão */
}

/* --- Estilos para o Dropdown do Perfil --- */
.perfil-dropdown-content {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    background-color: white; /* Fundo branco do dropdown do perfil (mantido) */
    min-width: 180px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    border-radius: 5px; /* **APLICADO: Leve arredondamento** */
    z-index: 1000;
    padding: 8px 0;
}

/* Itens do Dropdown do Perfil - HOVER apenas opacidade */
.perfil-dropdown-content a {
    color: var(--cor-texto-principal);
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-size: 15px;
    transition: opacity 0.2s ease; /* Transição para opacidade */
    background-color: transparent; /* Garante que não tenha fundo */
    white-space: nowrap;
}

.perfil-dropdown-content a:hover {
    opacity: 0.7; /* **APENAS OPACIDADE NO TEXTO** */
    background-color: transparent; /* Garante que o fundo continua transparente */
    color: var(--cor-texto-principal); /* Garante que a cor do texto não mude */
}

/* Classe JavaScript para mostrar o dropdown */
.perfil-dropdown-content.show {
    display: block;
}

.perfil-dropdown-trigger .dropdown-arrow.rotate {
    transform: rotate(270deg); /* Seta aponta para cima */
}

/* Estilos para o botão Login (se ainda for usado em algum lugar ou fallback) */
.btn-login {
    background-color: var(--azul-selecao);
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.2s ease;
}

.btn-login:hover {
    background-color: #006bbd;
}
/* Ajustes de legibilidade do menu lateral/perfil */
.perfil-dropdown-content{min-width:210px;max-width:min(280px,calc(100vw - 24px))}
.nav-link-admin-access span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-categorias-trigger{display:flex!important;align-items:center;gap:12px}
.mobile-categorias-trigger .dropdown-arrow-nav{margin-left:auto;flex:0 0 18px;display:grid;place-items:center}
.mobile-categorias-trigger .nav-link-category-icon{display:grid;place-items:center;flex:0 0 22px}
.mobile-categorias-trigger .nav-link-category-icon svg,.mobile-categorias-trigger .dropdown-arrow-nav svg{width:18px;height:18px}


/* Fonte: app/static/css/carrinho/cart_utils.css */
/* static/css/carrinho/cart_utils.css */

/* --- ESTILOS DA LINHA DA TABELA (PÁGINA PRINCIPAL) --- */
.cart-item-row {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 50px; /* Exatamente a mesma proporção do cabeçalho */
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
    gap: 15px;
}

.cart-item-row:last-child {
    border-bottom: none;
}

/* Colunas Individuais */
.cart-col-produto {
    display: flex;
    align-items: center;
    gap: 15px;
}

.cart-col-quantidade,
.cart-col-preco,
.cart-col-acao {
    display: flex;
    justify-content: center; /* Mantém os itens alinhados com o centro do cabeçalho */
    align-items: center;
}

/* Imagem do Produto */
.cart-item-image {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #f1f1f1;
    flex-shrink: 0;
}

/* Nome do Produto */
.cart-item-name {
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limita o texto a 2 linhas se o nome for gigante */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Controle de Quantidade Moderno */
.cart-item-quantity-wrapper {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 2px 5px;
}

.quantity-btn {
    background: transparent;
    color: #555;
    border: none;
    padding: 4px 10px;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.2s, transform 0.1s;
}

.quantity-btn:hover {
    color: #3483FA; /* Azul do Vida Elite */
    transform: scale(1.1);
}

.item-quantity {
    font-weight: bold;
    color: #333;
    min-width: 25px;
    text-align: center;
    font-size: 0.95rem;
}

/* Preço do Item */
.cart-item-price {
    font-size: 1.1rem !important;
    font-weight: bold;
    color: #222d32;
}

/* Botão de Lixeira */
.btn-remove-item-table {
    background: transparent;
    border: none;
    color: #c82333;
    font-size: 1.2rem;
    cursor: pointer;
    transition: color 0.2s, transform 0.2s;
    padding: 5px;
}

.btn-remove-item-table:hover {
    color: #dc3545;
    transform: scale(1.15);
}


/* --- ESTILOS DO DROPDOWN (MINI CARRINHO NO HEADER) --- */
/* Mantendo a compatibilidade visual para o Dropdown não quebrar */
.cart-dropdown .cart-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.cart-dropdown .cart-item-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-left: 10px;
}

.cart-dropdown .cart-item-name {
    font-size: 0.85rem;
    -webkit-line-clamp: 1;
}

.cart-dropdown .cart-item-price {
    font-size: 1rem !important;
    margin: 3px 0;
}

.cart-dropdown .cart-item-quantity {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    color: #666;
    margin: 3px 0;
}

.cart-dropdown .quantity-btn {
    font-size: 12px;
    padding: 2px 6px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 0 4px;
}

.cart-dropdown .btn-remove-item {
    background: transparent;
    border: 1px solid #dc3545;
    color: #dc3545;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    margin-top: 5px;
    width: fit-content;
    cursor: pointer;
}

.cart-dropdown .btn-remove-item:hover {
    background: #dc3545;
    color: #fff;
}


/* --- RESPONSIVIDADE (MOBILE E TABLET PEQUENO) --- */
@media (max-width: 768px) {
    .cart-item-row {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        padding: 15px;
        border: 1px solid #eaeaea;
        border-radius: 8px;
        margin-bottom: 15px;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    }

    .cart-item-row:last-child {
        margin-bottom: 0;
    }

    .cart-col-produto {
        width: 100%;
        align-items: flex-start;
        margin-bottom: 15px;
        padding-right: 30px; /* Evita que o texto encoste na lixeira */
    }

    .cart-col-quantidade {
        width: 50%;
        justify-content: flex-start; /* Quantidade encostada na esquerda */
    }

    .cart-col-preco {
        width: 50%;
        justify-content: flex-end; /* Preço encostado na direita */
    }

    /* Coloca a lixeira flutuando no canto superior direito do card */
    .cart-col-acao {
        position: absolute;
        top: 15px;
        right: 15px;
    }
}.btn-remove-item-table svg{width:19px;height:19px}.cart-item-row picture{display:block;flex:0 0 auto}


/* Fonte: app/static/css/carrinho/cart_dropdown.css */
/* app/static/css/carrinho/cart_dropdown.css */
.cart-icon-container{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cart-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:#263238;cursor:pointer;appearance:none;transition:background-color .18s ease,transform .18s ease}
.cart-icon:hover,.cart-icon[aria-expanded="true"]{background:#f1f6fb}
.cart-icon:active{transform:scale(.96)}
.cart-icon:focus-visible{outline:3px solid rgba(36,117,190,.22);outline-offset:2px}
.cart-icon__glyph{display:grid;place-items:center;width:25px;height:25px}
.cart-icon__glyph svg{display:block;width:100%;height:100%}
.cart-count{position:absolute;top:1px;right:0;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#16794d;color:#fff;font-size:10px;font-weight:800;line-height:1;box-sizing:border-box}
.cart-count[hidden]{display:none!important}

.cart-dropdown{position:absolute;z-index:1200;top:calc(100% + 10px);right:16px;width:min(390px,calc(100vw - 24px));max-height:min(650px,calc(100vh - 86px));overflow:hidden;border:1px solid #dfe7ef;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(24,39,54,.18);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.cart-dropdown[hidden]{display:none!important}
.cart-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.cart-dropdown::before{content:"";position:absolute;top:-7px;right:29px;width:14px;height:14px;border-left:1px solid #dfe7ef;border-top:1px solid #dfe7ef;background:#fff;transform:rotate(45deg)}
.cart-dropdown__header{position:relative;display:grid;grid-template-columns:40px 1fr 34px;align-items:center;gap:11px;padding:16px 16px 14px;border-bottom:1px solid #edf1f5;background:linear-gradient(180deg,#fff,#fbfdff)}
.cart-dropdown__header-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf3fb;color:#216da9}
.cart-dropdown__header-icon svg{width:21px;height:21px}
.cart-dropdown__header strong{display:block;color:#1e2d3b;font-size:1rem;line-height:1.25}
.cart-dropdown__header span:not(.cart-dropdown__header-icon){display:block;margin-top:2px;color:#6d7b88;font-size:.78rem}
.cart-dropdown__close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:#657482;cursor:pointer}
.cart-dropdown__close:hover{background:#eef3f7;color:#22313f}
.cart-dropdown__close svg{width:18px;height:18px}
.cart-dropdown__items{max-height:365px;overflow:auto;padding:5px 14px;scrollbar-width:thin;scrollbar-color:#c9d4df transparent}
.cart-dropdown__loading{display:grid;gap:10px;padding:18px 0}
.cart-dropdown__loading span{height:72px;border-radius:12px;background:linear-gradient(90deg,#eef2f5 25%,#f8fafb 42%,#eef2f5 65%);background-size:300% 100%;animation:cartDropdownShimmer 1.25s linear infinite}
@keyframes cartDropdownShimmer{to{background-position:-100% 0}}
.cart-dropdown .cart-item{position:relative;display:grid;grid-template-columns:68px 1fr;gap:11px;align-items:start;padding:13px 0;border-bottom:1px solid #edf1f4}
.cart-dropdown .cart-item:last-child{border-bottom:0}
.cart-dropdown .cart-item-image{width:68px;height:68px;border:1px solid #edf1f4;border-radius:12px;background:#f7f9fb;object-fit:contain}
.cart-dropdown .cart-item-details{min-width:0;padding:0 28px 0 0}
.cart-dropdown .cart-item-name{display:-webkit-box;overflow:hidden;color:#263746;font-size:.86rem;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cart-dropdown .cart-item-quantity{display:flex;align-items:center;gap:5px;margin:7px 0 3px;color:#72808d;font-size:.75rem}
.cart-dropdown .quantity-btn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #dce5ec;border-radius:8px;background:#fff;color:#405464;font-size:14px;line-height:1;cursor:pointer}
.cart-dropdown .quantity-btn:hover{border-color:#77a9d1;background:#f2f8fd;color:#176ca8}
.cart-dropdown .item-quantity{min-width:18px;text-align:center;color:#344655;font-size:.8rem;font-weight:700}
.cart-dropdown .cart-item-price{display:block;margin-top:4px;color:#1f3443;font-size:.96rem!important;font-weight:800}
.cart-dropdown .btn-remove-item{position:absolute;top:13px;right:0;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#9b5660;font-size:0;cursor:pointer}
.cart-dropdown .btn-remove-item::before{content:"";width:15px;height:15px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b5660' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='m19 6-1 14H6L5 6'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E")}
.cart-dropdown .btn-remove-item:hover{background:#fff0f1}
.cart-dropdown .empty-cart{display:grid;justify-items:center;gap:9px;margin:0;padding:30px 16px;text-align:center;color:#667685;font-size:.86rem}
.cart-dropdown .empty-cart::before{content:"";width:52px;height:52px;border-radius:16px;background:#eef5fa no-repeat center/27px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b75aa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 3h2l2.4 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L21 7H6'/%3E%3C/svg%3E")}
.cart-dropdown__footer{padding:14px 16px 15px;border-top:1px solid #edf1f5;background:#fbfcfd}
.cart-dropdown__total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:#667583;font-size:.82rem}
.cart-dropdown__total strong{color:#1f3342;font-size:1.15rem}
.cart-dropdown__total .centavos{font-size:.68em;vertical-align:super}
.cart-dropdown .btn-abrir-carrinho{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;border:0;border-radius:11px;background:#1f78b4;color:#fff;font-size:.9rem;font-weight:750;text-decoration:none;box-sizing:border-box;transition:background .18s ease,transform .18s ease}
.cart-dropdown .btn-abrir-carrinho:hover{background:#17689f;transform:translateY(-1px)}
.cart-dropdown .btn-abrir-carrinho svg{width:17px;height:17px}
.cart-dropdown__secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0;color:#7a8791;font-size:.7rem}
.cart-dropdown__secure-note svg{width:13px;height:13px}
@media(max-width:720px){.cart-dropdown{position:fixed;top:68px;right:8px;left:8px;width:auto;max-height:calc(100vh - 78px)}.cart-dropdown::before{right:50px}.cart-dropdown__items{max-height:calc(100vh - 310px)}}
@media(prefers-reduced-motion:reduce){.cart-dropdown,.cart-icon,.cart-dropdown .btn-abrir-carrinho{transition:none}.cart-dropdown__loading span{animation:none}}