:root{--navy:#01426a;--blue:#0067b9;--blue-dark:#0f56be;--blue-soft:#e8f1ff;--yellow:#ffc72c;--bg:#f7f8fa;--line:#dee2e7;--text:#17191c;--muted:#707781;--green:#128447;--red:#c62828;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,Arial,sans-serif}.wrap{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}header{background:#fff;border-bottom:1px solid var(--line)}.top{background:var(--navy);color:#fff;font-size:13px;padding:8px calc((100% - 1152px)/2);text-align:left}.top span{float:right}.head{min-height:76px;display:flex;align-items:center;gap:32px}.brand{display:grid;letter-spacing:.08em;color:var(--navy);line-height:1}.brand b{font-size:31px}.brand small{font-size:10px;letter-spacing:.3em;margin-top:3px}.search{display:flex;flex:1;max-width:630px}.search input{height:44px;min-width:0;flex:1;border:1px solid var(--line);border-radius:10px 0 0 10px;padding:0 14px;font:inherit}.search button{border:0;background:var(--blue);color:#fff;padding:0 20px;border-radius:0 10px 10px 0;font-weight:700}.cart-link{white-space:nowrap;font-weight:650}.cart-link span{display:inline-grid;place-items:center;background:var(--yellow);border-radius:99px;min-width:21px;height:21px;font-size:12px}.nav{display:flex;gap:26px;overflow:auto;height:44px;align-items:center;font-size:14px;font-weight:650}.nav a{white-space:nowrap}main{min-height:calc(100vh - 250px);padding-top:28px;padding-bottom:64px}footer{background:var(--navy);color:#fff;padding:36px 0}footer p{margin:7px 0;color:#dce5ee}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:52px;margin-bottom:54px}.hero h1{max-width:620px;font-size:40px;line-height:1.15;margin:8px 0 16px}.hero p{max-width:540px;color:#343a42;font-size:18px}.eyebrow,.brand-name{margin:0;color:var(--blue);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.paint-swatch{min-height:250px;border-radius:10px;background:linear-gradient(135deg,#ffc72c 0 33%,#0067b9 33% 68%,#01426a 68%);display:grid;place-items:center;color:#fff;font-weight:700;font-size:22px}.paint-swatch span{background:#01426add;padding:10px 15px;border-radius:6px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 20px;border-radius:10px;border:0;font:650 15px Inter;cursor:pointer;margin-top:10px}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark);color:#fff}.secondary{background:var(--blue-soft);color:var(--blue-dark)}.disabled{background:#c8cdd4;color:#343a42}.full{width:100%}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 17px}.section-title h2{margin:0;font-size:24px}.section-title a{color:var(--blue);font-weight:650}.categories{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.categories a{background:#fff;border:1px solid var(--line);padding:22px;border-radius:10px;display:grid;gap:5px}.categories span{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.product-image,.large-product,.mini-image{background:linear-gradient(145deg,#eef0f3,#fff);display:grid;place-items:center;color:var(--navy);font-weight:700}.product-image{aspect-ratio:1}.product-image span{font-size:35px;border:6px solid var(--yellow);padding:18px 9px}.product-body{padding:14px}.product-name{display:block;min-height:67px;font-weight:650;line-height:1.4;margin:4px 0 9px}.availability,.unavailable{font-size:13px;margin:5px 0}.availability{color:var(--green)}.unavailable,.danger{color:var(--red)}.price{font-size:23px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}.installments,.muted,.sku{color:var(--muted);font-size:13px;margin:4px 0}.helper{margin-top:56px;background:var(--blue-soft);padding:28px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:24px}.helper h2{margin:0}.helper p{margin:6px 0;max-width:700px}.breadcrumb{color:var(--muted);font-size:14px;margin-bottom:20px}.listing{display:grid;grid-template-columns:230px 1fr;gap:32px}.listing aside,.summary,.buy-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;height:max-content}.listing aside h2{font-size:18px;margin-top:0}.listing h1,.page-title{font-size:32px;margin:0}.empty{background:#fff;border:1px solid var(--line);border-radius:10px;padding:42px;text-align:center}.product-page{display:grid;grid-template-columns:40% 34% 26%;gap:24px;align-items:start}.large-product{aspect-ratio:1;border:1px solid var(--line);border-radius:14px;position:relative;font-size:42px}.large-product span{border:8px solid var(--yellow);padding:32px 15px}.large-product small{position:absolute;bottom:12px;font-size:12px;color:var(--muted);font-weight:400}.product-info h1{font-size:28px;line-height:1.2;margin:5px 0}.product-info h2{font-size:20px;margin-top:28px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:var(--blue-soft);color:var(--blue-dark);padding:6px 10px;border-radius:99px;font-size:13px}.buy-box{position:sticky;top:24px}.secure{font-size:12px;color:var(--muted);margin:16px 0 0}.alert{padding:14px;border-radius:10px;margin-bottom:18px}.success{background:#e7f6ed;color:#128447}.cart-page,.checkout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.cart-item{padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;display:grid;grid-template-columns:92px 1fr auto;gap:16px}.mini-image{width:92px;height:92px;border-radius:6px}.qty input{width:64px;height:34px;margin-left:5px}.qty button,.link{background:none;border:0;color:var(--blue);font:inherit;cursor:pointer;padding:4px}.summary p{display:flex;justify-content:space-between;gap:16px;font-size:14px}.summary p span:first-child{max-width:190px}.total{font-size:17px!important}.form{display:grid;gap:16px;margin-top:24px}.form label{display:grid;gap:7px;font-weight:650}.form input{height:48px;border:1px solid var(--line);border-radius:6px;padding:0 12px;font:inherit}.form input:focus,.search input:focus{outline:3px solid #0067b947;border-color:var(--blue)}.sr-only{position:absolute;clip:rect(0,0,0,0)}

/* ==========================================
   ESTILOS PREMIUM - CARRINHO E SIDEBARS
   ========================================== */

/* Checkbox customizado estilo Mercado Livre */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    height: 20px;
}
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #bbc8d6;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.checkbox-container:hover input ~ .checkmark {
    border-color: var(--blue);
}
.checkbox-container input:checked ~ .checkmark {
    background-color: var(--blue);
    border-color: var(--blue);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
.checkbox-container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.checkbox-container input:disabled ~ .checkmark {
    background-color: #e2e8f0;
    border-color: #cbd5e1;
    cursor: not-allowed;
}

/* Novo Layout do Carrinho */
.cart-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 32px;
    align-items: start;
    margin-top: 24px;
}
.cart-items-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Blocos de grupo por marca */
.brand-group-block {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(16, 37, 63, 0.03);
    overflow: hidden;
}
.brand-group-header {
    background: #f8fafc;
    border-bottom: 1px solid var(--line);
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.brand-title {
    font-size: 14px;
    color: var(--navy);
}
.brand-title strong {
    font-weight: 700;
}
.official-badge {
    background: rgba(23, 105, 224, 0.08);
    color: var(--blue);
    font-size: 11px;
    font-weight: 650;
    padding: 3px 8px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Linha de item de produto no carrinho */
.cart-item-row {
    display: grid;
    grid-template-columns: auto 80px 1fr 140px 180px;
    gap: 24px;
    padding: 24px;
    border-bottom: 1px solid var(--line);
    align-items: start;
    background: #fff;
}
.brand-items-list .cart-item-row:last-child {
    border-bottom: 0;
}
.cart-item-select {
    padding-top: 8px;
}
.cart-item-media {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart-product-img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 8px;
}
.cart-product-icon-placeholder {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    color: var(--navy);
    display: grid;
    place-items: center;
    font-size: 32px;
    border: 1px solid #eef2f6;
}
.cart-product-icon-placeholder span{font-size:20px;letter-spacing:.12em;font-weight:800;color:var(--blue)}
.btn-amazon-list.is-favorite{color:var(--blue);border-color:#9dc1eb;background:var(--blue-soft)}
.action-btn-link.is-saved{color:var(--green);font-weight:700}
.button,.btn-amazon-cart,.btn-amazon-buy,.btn-amazon-list,.checkout-submit-btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover,.btn-amazon-cart:hover,.btn-amazon-buy:hover,.btn-amazon-list:hover,.checkout-submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,37,63,.12)}

/* Detalhes do item */
.cart-item-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.product-title-link {
    font-size: 15px;
    font-weight: 650;
    color: var(--text);
    line-height: 1.4;
    transition: color 0.2s ease;
}
.product-title-link:hover {
    color: var(--blue);
}
.product-sku {
    font-size: 12px;
    color: var(--muted);
}
.product-meta {
    font-size: 13px;
    color: var(--navy);
    font-weight: 500;
}
.cart-item-actions {
    display: flex;
    gap: 16px;
    margin-top: 12px;
}
.action-btn-remove, .action-btn-link {
    background: none;
    border: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s ease;
}
.action-btn-remove {
    color: var(--red);
}
.action-btn-remove:hover {
    color: #991b1b;
}
.action-btn-link {
    color: var(--blue);
}
.action-btn-link:hover {
    color: var(--blue-dark);
}

/* Controles de Quantidade */
.cart-item-quantity {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.quantity-input-group {
    display: flex;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 6px;
    overflow: hidden;
    height: 32px;
    background: #fff;
}
.quantity-alter-btn {
    background: #f8fafc;
    border: 0;
    width: 32px;
    height: 100%;
    font-size: 16px;
    font-weight: 650;
    color: var(--text);
    cursor: pointer;
    transition: background 0.2s ease;
}
.quantity-alter-btn:hover {
    background: #edf2f7;
}
.quantity-input-field {
    width: 44px;
    height: 100%;
    border: 0;
    border-left: 1px solid var(--line);
    border-right: 1px solid var(--line);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    outline: none;
}
.stock-info {
    font-size: 11px;
    color: var(--muted);
}

/* Preços */
.cart-item-pricing {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}
.original-price-slashed {
    font-size: 12px;
    color: var(--muted);
    text-decoration: line-through;
}
.current-price-block {
    display: flex;
    align-items: center;
    gap: 8px;
}
.final-price {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}
.discount-badge {
    font-size: 11px;
    font-weight: 700;
    color: var(--green);
    background: rgba(18, 132, 71, 0.08);
    padding: 2px 6px;
    border-radius: 4px;
}
.payment-note {
    font-size: 11px;
    color: var(--muted);
}

/* Rodapé do bloco de marcas */
.brand-shipping-footer {
    background: #fdfdfd;
    border-top: 1px solid var(--line);
    padding: 14px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}
.brand-shipping-footer i {
    color: var(--green);
    font-size: 15px;
}
.shipping-success-text {
    color: var(--green);
    font-weight: 500;
}
.shipping-normal-text {
    color: var(--text);
}
.shipping-normal-text strong {
    font-weight: 650;
}

/* Sidebar de Resumo da Compra (Carrinho) */
.summary-sidebar {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 4px 12px rgba(16, 37, 63, 0.03);
    position: sticky;
    top: 24px;
}
.sidebar-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--navy);
    margin: 0 0 24px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 14px;
}
.summary-rows {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #4b5563;
}
.text-free-green {
    color: var(--green);
    font-weight: 650;
}
.text-discount {
    color: var(--green);
    font-weight: 500;
}
.summary-divider {
    border: 0;
    border-top: 1px solid var(--line);
    margin: 6px 0;
}
.total-row {
    color: var(--text) !important;
    align-items: flex-start;
}
.total-label {
    font-size: 16px;
    font-weight: 700;
}
.total-price-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}
.total-price-value {
    font-size: 24px;
    font-weight: 750;
    color: var(--text);
}
.total-installments {
    font-size: 11px;
    color: var(--muted);
}
.pix-savings-badge {
    background: rgba(23, 105, 224, 0.04);
    border: 1px dashed rgba(23, 105, 224, 0.2);
    border-radius: 8px;
    padding: 12px 16px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: var(--navy);
}
.pix-savings-badge i {
    color: var(--blue);
    font-size: 20px;
}
.pix-savings-badge strong {
    color: var(--blue);
    font-weight: 700;
}
.checkout-submit-btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    font-weight: 700 !important;
    background: var(--blue) !important;
    height: 48px;
    border-radius: 10px;
    transition: all 0.3s ease;
}
.checkout-submit-btn:hover {
    background: var(--blue-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(23, 105, 224, 0.3);
}
.trust-safety-block {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-top: 1px solid var(--line);
    padding-top: 20px;
}
.safety-item {
    display: flex;
    gap: 12px;
    font-size: 12px;
}
.safety-item i {
    color: var(--blue);
    font-size: 16px;
    margin-top: 2px;
}
.safety-item p {
    margin: 0 !important;
    line-height: 1.4;
}
.safety-item p strong {
    color: var(--navy);
    display: block;
    margin-bottom: 2px;
}
.safety-item p span {
    color: var(--muted);
}

/* Novo Layout da Sidebar de Filtros */
.filter-sidebar {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(16, 37, 63, 0.03);
    height: max-content;
}
.filter-header {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--line);
    padding-bottom: 12px;
}
.filter-header h2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--navy);
    margin: 0;
}
.active-filter-badge {
    background: var(--blue-soft);
    color: var(--blue-dark);
    font-size: 11px;
    font-weight: 650;
    padding: 3px 8px;
    border-radius: 12px;
}
.filter-group {
    margin-bottom: 24px;
    border-bottom: 1px dotted var(--line);
    padding-bottom: 20px;
}
.filter-group:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}
.filter-group-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--navy);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0 0 12px;
}
.filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.filter-item-link {
    font-size: 13px;
    color: #4b5563;
    transition: color 0.2s ease, padding-left 0.2s ease;
    display: inline-block;
}
.filter-item-link:hover {
    color: var(--blue);
    padding-left: 4px;
}
.filter-item-link.active {
    color: var(--blue);
    font-weight: 700;
}
.shipping-filter-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #4b5563;
}
.meta-label {
    font-size: 10px;
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--muted);
    font-weight: 500;
}
.reset-filters-btn {
    height: 38px;
    font-size: 13px;
    font-weight: 650;
    border-radius: 8px;
    transition: all 0.25s ease;
}
.reset-filters-btn:hover {
    background: var(--blue-soft) !important;
    color: var(--blue-dark) !important;
}

/* Responsividade de Carrinho e Filtros */
@media(max-width:900px) {
    .cart-page {
        grid-template-columns: 1fr;
    }
    .summary-sidebar {
        position: static;
        margin-top: 24px;
    }
    .cart-item-row {
        grid-template-columns: auto 60px 1fr;
        gap: 16px;
    }
    .cart-item-quantity {
        grid-column: 3;
        align-items: flex-start;
        margin-top: 10px;
    }
    .cart-item-pricing {
        grid-column: 3;
        align-items: flex-start;
        margin-top: 4px;
    }
}
@media(max-width:640px) {
    .cart-item-row {
        padding: 16px;
        gap: 12px;
    }
    .cart-product-img, .cart-product-icon-placeholder {
        width: 60px;
        height: 60px;
    }
    .cart-item-actions {
        flex-direction: column;
        gap: 8px;
    }
}

@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.product-page{grid-template-columns:1fr 1fr}.buy-box{grid-column:1/-1;position:static}.listing{grid-template-columns:1fr}.listing aside{display:none}}@media(max-width:640px){.wrap{padding-left:16px;padding-right:16px}.top{padding:8px 16px}.top span{display:none}.head{gap:13px;min-height:112px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px}.search{order:3;flex-basis:100%}.nav{display:none}.hero{grid-template-columns:1fr;padding:25px;margin-bottom:32px}.hero h1{font-size:32px}.paint-swatch{min-height:140px}.categories{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-body{padding:10px}.product-name{font-size:14px;min-height:78px}.price{font-size:18px}.helper,.checkout{display:block}.helper .button{width:100%}.product-page{display:block}.gallery{margin-bottom:18px}.product-info h1{font-size:24px}.buy-box{margin-top:20px}.cart-page{display:block}.summary{margin-top:16px}.cart-item{grid-template-columns:66px 1fr;gap:10px}.mini-image{width:66px;height:66px}.cart-item>div:last-child{grid-column:2;display:flex;justify-content:space-between}.listing h1,.page-title{font-size:27px}}
/* ==========================================
   RODAPÉ MODERNIZADO (DARK MODE PREMIUM)
   ========================================== */
.market-footer {
    margin-top: 64px !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #0d1a2d 0%, #060e18 100%) !important;
    color: #bac4d1 !important;
    border-top: 4px solid transparent;
    border-image: linear-gradient(90deg, var(--blue), var(--accent), var(--blue)) 1;
    position: relative;
    overflow: hidden;
}

/* Efeito de luz decorativa sutil de fundo no rodapé */
.market-footer::before {
    content: "";
    position: absolute;
    top: 0;
    right: 10%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(23, 105, 224, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.footer-inner {
    max-width: 1200px;
    margin: auto;
    padding: 80px 24px 60px;
    position: relative;
    z-index: 1;
}

/* --- Sessão de Vantagens (Cards) --- */
.footer-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 64px;
}

.benefit-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 14px;
    padding: 32px 28px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefit-card:hover {
    transform: translateY(-6px);
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(23, 105, 224, 0.3);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.benefit-icon-wrapper {
    display: grid;
    place-items: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(23, 105, 224, 0.08);
    color: var(--accent);
    font-size: 30px;
    margin-bottom: 20px;
    transition: all 0.4s ease;
}

.benefit-card:hover .benefit-icon-wrapper {
    background: var(--blue);
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 0 20px rgba(23, 105, 224, 0.4);
}

.benefit-card h2 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 650;
    color: #ffffff;
}

.benefit-card p {
    margin: 0 0 20px !important;
    color: #94a3b8 !important;
    font-size: 13px;
    line-height: 1.5;
    flex-grow: 1;
}

.benefit-card a {
    color: var(--accent);
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.benefit-card a i {
    font-size: 10px;
    transition: transform 0.2s ease;
}

.benefit-card a:hover {
    color: #ffffff !important;
}

.benefit-card a:hover i {
    transform: translateX(4px);
}

/* --- Tags de Busca Rápida --- */
.footer-searches, .footer-index {
    margin-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 32px;
}

.footer-searches h2, .footer-index h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.search-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.search-tag {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: #94a3b8;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.25s ease;
}

.search-tag:hover {
    background: var(--blue) !important;
    border-color: var(--blue);
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(23, 105, 224, 0.25);
}

/* --- Grade de Letras --- */
.letter-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.letter-circle {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #94a3b8;
    font-size: 13px;
    font-weight: 650;
    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.letter-circle:hover {
    background: var(--blue) !important;
    border-color: var(--blue);
    color: #ffffff !important;
    transform: scale(1.18);
    box-shadow: 0 4px 10px rgba(23, 105, 224, 0.3);
}

/* --- Rodapé Inferior Institucional --- */
.footer-bottom {
    background: #070e19;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: 36px 0;
}

.footer-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

.footer-legal {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.footer-logo {
    height: 38px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    margin-bottom: 8px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.footer-legal p {
    margin: 0 !important;
    font-size: 12px;
    line-height: 1.5;
}

.footer-legal .copyright {
    color: #e2e8f0 !important;
    font-weight: 500;
}

.footer-legal .cnpj {
    color: #64748b !important;
}

.footer-trust {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
}

.payment-methods {
    display: flex;
    gap: 16px;
    font-size: 28px;
    color: #94a3b8;
}

.payment-methods i {
    transition: color 0.2s ease, transform 0.2s ease;
}

.payment-methods i:hover {
    color: #ffffff;
    transform: scale(1.1);
}

.security-badges {
    font-size: 12px;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.02);
    padding: 6px 14px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

.security-badges i {
    color: var(--green);
}

/* --- Media Queries Responsivas --- */
@media (max-width: 900px) {
    .footer-benefits {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .footer-bottom-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-trust {
        align-items: center;
    }
}

@media (max-width: 640px) {
    .footer-inner {
        padding: 50px 16px 40px;
    }
    .footer-benefits {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 40px;
    }
    .benefit-card {
        padding: 24px 20px;
    }
    .footer-bottom {
        padding: 28px 16px;
    }
}
/* Media query antiga do rodapé removida. A nova versão está integrada acima. */
.brand{display:flex!important;align-items:center;flex:0 0 112px}.brand img{display:block;width:112px;height:50px;object-fit:contain}
.cart-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border-radius:8px}.cart-link>i{color:#064a73;font-size:20px}.cart-link:hover{background:#eef4f8}.cart-link:hover>i{color:#0067b9}@media(max-width:640px){.cart-link{margin-left:auto;padding:0 6px}.cart-link .cart-label{display:none}.cart-link>i{font-size:22px}}
.cart-link>i{color:currentColor!important}.cart-link .cart-label{background:transparent!important;color:inherit!important;min-width:0!important;height:auto!important}.cart-link>span:last-child{display:inline-grid!important;place-items:center!important;background:#ffc72c!important;color:#064a73!important;border-radius:999px!important;min-width:21px!important;height:21px!important;font-size:12px!important}
:root{--yellow:var(--accent,#89bce9)}.top{padding:0;background:var(--navy);font-size:12px}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding-left:24px;padding-right:24px}.top span{float:none}.top i{margin-right:7px;color:var(--accent,#89bce9)}.head{min-height:76px;gap:28px}.search{max-width:none;box-shadow:0 3px 12px rgba(16,37,63,.07)}.search input{height:43px;border-color:#d6e1ec;border-radius:7px 0 0 7px}.search button{width:54px;padding:0;border-radius:0 7px 7px 0;background:var(--blue)}.nav{gap:0;height:46px;border-top:1px solid #edf2f7;font-size:13px}.nav a{display:inline-flex;align-items:center;gap:8px;height:100%;padding:0 14px;color:#33465a}.nav a:first-child{padding-left:0;font-weight:700;color:var(--navy)}.nav a:hover{color:var(--blue);background:#f5f9fd}.nav-help{margin-left:auto!important}.cart-link>span:last-child{background:var(--accent,#89bce9)!important;color:var(--navy)!important}.paint-swatch{background:linear-gradient(135deg,#d8eafa 0 33%,#0067b9 33% 68%,#01426a 68%)}.product-image span,.large-product span{border-color:var(--accent,#89bce9)}@media(max-width:640px){.top .wrap{padding-left:16px;padding-right:16px}.top-support{display:none}.head{min-height:112px}.nav{display:none}}

/* ==========================================
   MELHORIAS DE DESIGN PREMIUM (MERCADO LIVRE/AMAZON)
   ========================================== */

/* Header Geral */
.header-premium {
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(16, 37, 63, 0.05);
    border-bottom: 1px solid #eef2f6;
    position: sticky;
    top: 0;
    z-index: 100;
}

.brand-group {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* CEP no Header */
.header-location {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}
.header-location:hover {
    background: #f1f5f9;
    border-color: #e2e8f0;
}
.header-location i {
    color: var(--blue);
    font-size: 16px;
}
.location-details {
    display: flex;
    flex-direction: column;
}
.location-title {
    font-size: 11px;
    color: var(--muted);
    line-height: 1.1;
}
.location-value {
    font-size: 13px;
    font-weight: 650;
    color: var(--navy);
    line-height: 1.2;
    white-space: nowrap;
}

/* Busca */
.search {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #e2e8f0;
    transition: all 0.3s ease;
    box-shadow: none;
}
.search input {
    border: 0;
    border-radius: 0;
    padding-left: 16px;
    font-size: 14px;
    background: #f8fafc;
    transition: background-color 0.2s;
}
.search input:focus {
    background: #ffffff;
    outline: none;
}
.search button {
    background: var(--blue);
    border: 0;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s;
}
.search button:hover {
    background: var(--blue-dark);
}
.search:focus-within {
    border-color: var(--blue);
    box-shadow: 0 0 0 4px rgba(23, 105, 224, 0.12);
}

/* Ações do Header (Conta e Carrinho) */
.header-actions {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
}

.user-menu-header {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 8px;
    transition: background 0.2s;
}
.user-menu-header:hover {
    background: #f1f5f9;
}
.account-menu-wrap{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 10px);width:310px;background:#fff;border:1px solid #dbe4ee;border-radius:14px;box-shadow:0 18px 50px rgba(16,37,63,.18);padding:10px;z-index:220}.account-menu[hidden]{display:none}.account-menu:before{content:"";position:absolute;right:30px;top:-7px;width:13px;height:13px;background:#fff;border-left:1px solid #dbe4ee;border-top:1px solid #dbe4ee;transform:rotate(45deg)}.account-menu-profile{display:flex;align-items:center;gap:11px;padding:10px 9px 13px}.account-avatar,.account-page-avatar{display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--navy);font-weight:750}.account-avatar{width:42px;height:42px}.account-menu-profile strong,.account-menu-profile small{display:block}.account-menu-profile strong{font-size:14px;color:var(--navy)}.account-menu-profile small{font-size:11px;color:var(--muted);max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu a,.account-menu button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#26384d;font:500 13px Inter;text-align:left;padding:11px 10px;border-radius:8px;cursor:pointer}.account-menu a:hover,.account-menu button:hover{background:#f2f7fc;color:var(--blue)}.account-menu a i:first-child,.account-menu button i:first-child{width:18px;color:var(--blue)}.account-menu-primary{background:var(--blue)!important;color:#fff!important;font-weight:700!important}.account-menu-primary i:last-child,.account-menu-login i:last-child{margin-left:auto}.account-menu-primary i:first-child{color:#fff!important}.account-menu-divider{height:1px;background:#edf1f5;margin:5px}.account-menu-login{color:var(--blue)!important;font-weight:700!important}.account-page{max-width:930px;margin:0 auto}.account-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 26px}.account-page-identity{display:flex;align-items:center;gap:18px}.account-page-avatar{width:68px;height:68px;font-size:25px}.account-page h1{font-size:30px;margin:3px 0}.account-page p{color:var(--muted);margin:0}.account-notice{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dbe4ee;border-left:3px solid var(--blue);border-radius:10px;padding:15px 18px;margin-bottom:24px}.account-notice>i{color:var(--blue);font-size:20px}.account-notice div{display:grid;gap:1px;flex:1}.account-notice span{font-size:13px;color:var(--muted)}.account-notice button{border:0;border-radius:7px;background:var(--blue);color:#fff;padding:10px 14px;font:700 12px Inter;cursor:pointer}.account-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.account-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;min-height:170px;padding:22px;background:#fff;border:1px solid #dbe4ee;border-radius:12px;box-shadow:0 4px 14px rgba(16,37,63,.04);font:inherit;color:inherit;cursor:pointer}.account-card:hover{border-color:#9dc1eb;box-shadow:0 9px 24px rgba(23,105,224,.1);transform:translateY(-1px)}.account-card>i{color:var(--blue);font-size:21px;margin-bottom:3px}.account-card strong{color:var(--navy)}.account-card span{font-size:13px;color:var(--muted);line-height:1.45}.account-card b{margin-top:auto;color:var(--blue);font-size:12px}.account-card b i{font-size:10px;margin-left:4px}@media(max-width:700px){.account-menu{right:-40px}.account-page-heading{align-items:flex-start;flex-direction:column}.account-notice{align-items:flex-start;flex-wrap:wrap}.account-notice button{margin-left:33px}.account-card-grid{grid-template-columns:1fr}.header-actions{gap:6px}.user-menu-header{padding-left:6px;padding-right:6px}.user-greeting{max-width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.user-greeting {
    font-size: 11px;
    color: var(--muted);
}
.user-sub {
    font-size: 13px;
    font-weight: 650;
    color: var(--navy);
}

/* Carrinho Moderno */
.header-actions .cart-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-radius: 8px;
    transition: background 0.2s;
}
.header-actions .cart-link:hover {
    background: #f1f5f9;
}
.cart-icon-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
.cart-icon-wrapper i {
    font-size: 22px;
    color: var(--navy);
}
.cart-counter {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #f59e0b !important; /* Laranja ML */
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 2px solid #ffffff;
}

/* Botão do Drawer */
.drawer-trigger-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 700;
    color: var(--navy);
    cursor: pointer;
    height: 100%;
    padding: 0 16px;
    transition: background 0.2s;
}
.drawer-trigger-btn:hover {
    background: #f1f5f9;
    color: var(--blue);
}

/* Modal de CEP */
.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.modal-overlay.is-active {
    opacity: 1;
    pointer-events: auto;
}
.modal-content {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px;
    width: min(440px, calc(100% - 32px));
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    position: relative;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}
.modal-overlay.is-active .modal-content {
    transform: translateY(0);
}
.modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    border: 0;
    background: none;
    font-size: 24px;
    color: var(--muted);
    cursor: pointer;
}
.modal-content h3 {
    margin: 0 0 12px;
    font-size: 20px;
    color: var(--navy);
    display: flex;
    align-items: center;
}
.modal-content p {
    margin: 0 0 24px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.5;
}
.cep-input-group {
    display: flex;
    gap: 12px;
}
.cep-input-group input {
    flex: 1;
    height: 46px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 16px;
    font: inherit;
    font-size: 15px;
    transition: border-color 0.2s;
}
.cep-input-group input:focus {
    border-color: var(--blue);
    outline: none;
}
.cep-input-group button {
    height: 46px;
    padding: 0 24px;
    border-radius: 8px;
}

/* Drawer de Categorias */
.drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(2px);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.drawer-overlay.is-active {
    opacity: 1;
    pointer-events: auto;
}
.drawer-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(340px, 85vw);
    background: #ffffff;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1);
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}
.drawer-overlay.is-active .drawer-content {
    transform: translateX(0);
}
.drawer-header {
    background: linear-gradient(135deg, var(--navy) 0%, #0d1e33 100%);
    padding: 24px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.drawer-user-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.drawer-user-info i {
    font-size: 32px;
    color: var(--accent);
}
.drawer-user-info div {
    display: flex;
    flex-direction: column;
}
.drawer-user-info span {
    font-size: 16px;
    font-weight: 700;
}
.drawer-user-info small {
    font-size: 11px;
    color: #cbd5e1;
}
.drawer-close {
    border: 0;
    background: none;
    font-size: 28px;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
}
.drawer-nav {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}
.drawer-section-title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--muted);
    letter-spacing: 0.05em;
    margin-bottom: 12px;
}
.drawer-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: var(--navy);
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f8fafc;
}
.drawer-link:hover {
    color: var(--blue);
    padding-left: 6px;
}
.drawer-link i {
    font-size: 14px;
    color: var(--muted);
    width: 20px;
    text-align: center;
}
.drawer-link i.fa-chevron-right {
    font-size: 10px;
    margin-left: auto;
}
.drawer-divider {
    border: 0;
    border-top: 1px solid #eef2f6;
    margin: 16px 0;
}

/* Responsividade do Header */
@media(max-width: 900px) {
    .header-location {
        display: none;
    }
}
@media(max-width: 640px) {
    .brand-group {
        width: 100%;
        justify-content: space-between;
    }
    .header-actions {
        width: 100%;
        justify-content: flex-end;
        gap: 16px;
        margin-top: 8px;
    }
    .user-menu-header {
        display: none;
    }
    .search {
        order: 3;
        width: 100%;
        margin-top: 10px;
    }
}


/* Card de Produto Premium */
.product-card {
    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(16, 37, 63, 0.08);
    border-color: rgba(23, 105, 224, 0.2);
}

/* Badges do Card */
.card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 5;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}
.card-badge.discount {
    background: #00a650;
    color: #ffffff;
}
.card-badge.free-shipping {
    background: var(--blue);
    color: #ffffff;
}

/* Imagem do Card */
.product-card .product-image {
    aspect-ratio: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: #ffffff;
    overflow: hidden;
    border-bottom: 1px solid #f1f5f9;
}
.product-card .product-image img {
    max-width: 100%;
    max-height: 160px;
    object-fit: contain;
    transition: transform 0.4s ease;
}
.product-card:hover .product-image img {
    transform: scale(1.06);
}

/* Corpo do Card */
.product-card .product-body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.product-card .brand-name {
    font-size: 11px;
    font-weight: 700;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 6px;
}
.product-card .product-name {
    font-size: 14px;
    font-weight: 550;
    color: var(--text);
    line-height: 1.4;
    margin: 0 0 8px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-decoration: none;
    transition: color 0.2s;
}
.product-card .product-name:hover {
    color: var(--blue);
}

/* Estrelas */
.product-card .rating-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}
.product-card .stars {
    color: #f59e0b;
    font-size: 12px;
    letter-spacing: 1px;
}
.product-card .rating-count {
    font-size: 12px;
    color: var(--muted);
}

/* Preços */
.product-card .pricing-area {
    display: flex;
    flex-direction: column;
    min-height: 48px;
    justify-content: flex-end;
}
.product-card .old-price {
    font-size: 12px;
    color: var(--muted);
    text-decoration: line-through;
    margin-bottom: 2px;
}
.product-card .price-row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.product-card .price {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
}
.product-card .discount-percentage {
    font-size: 12px;
    font-weight: 700;
    color: #00a650;
}

/* Parcelas e Frete */
.product-card .installments {
    font-size: 12px;
    color: #00a650;
    font-weight: 500;
    margin: 4px 0 8px;
}
.product-card .free-shipping-label {
    font-size: 12px;
    font-weight: 600;
    color: #00a650;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.product-card .placeholder-label {
    visibility: hidden;
}

/* Barra de Progresso de Frete Grátis no Carrinho */
.free-shipping-progress-card {
    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(16, 37, 63, 0.03);
}
.progress-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.progress-msg {
    font-size: 14px;
    color: var(--navy);
    display: flex;
    align-items: center;
    gap: 8px;
}
.progress-msg i {
    font-size: 16px;
    color: var(--blue);
}
.progress-val {
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
}
.progress-track {
    width: 100%;
    height: 8px;
    background: #f1f5f9;
    border-radius: 99px;
    overflow: hidden;
}
.progress-bar-fill {
    height: 100%;
    border-radius: 99px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================
   AJUSTES GLOBAIS DE LARGURA E RODAPÉ (REFINAMENTO)
   ========================================== */

/* 1. Expandir a largura limite do container para melhor visual em monitores grandes */
.wrap {
    max-width: 1536px !important; 
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/* Corrigir o Top header que possuía calc(100% - 1152px) fixo original */
.top {
    padding: 8px 32px !important;
}

/* 2. Redesign do Rodapé Minimalista Branco ML */
.market-footer {
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 48px 0 0 !important;
    border-top: 1px solid var(--line) !important;
}
.market-footer p, .market-footer h2 {
    color: var(--text) !important;
}
.footer-inner {
    padding: 0 32px 32px !important;
    max-width: 1024px !important;
    margin: 0 auto !important;
}
.footer-benefits {
    gap: 32px !important;
    margin-bottom: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
}
.benefit-card {
    padding: 16px !important;
    align-items: center;
    text-align: center;
    border: none !important;
    background: transparent !important;
}
.benefit-icon-wrapper {
    width: 60px !important;
    height: 60px !important;
    font-size: 26px !important;
    background: transparent !important;
    color: var(--blue) !important;
    border: 1px solid var(--line) !important;
    margin: 0 auto 16px !important;
}
.benefit-card h2 {
    font-size: 16px !important;
    margin: 0 0 8px !important;
    font-weight: 500 !important;
    color: var(--text) !important;
}
.benefit-card p {
    font-size: 13px !important;
    color: var(--muted) !important;
    margin: 0 0 16px !important;
    line-height: 1.5 !important;
}
.benefit-card a {
    font-size: 13px !important;
    color: var(--blue) !important;
    font-weight: 500 !important;
}

/* Ocultar a busca de letras e blocos cheios pra ficar super minimalista */
.footer-index {
    display: none !important;
}
.footer-searches {
    display: none !important;
}

/* Otimizar o bottom e textos legais (Extremo Minimalismo) */
.footer-bottom {
    background: #ffffff !important;
    padding: 24px 0 40px !important;
    border-top: 1px solid var(--line) !important;
}
.footer-bottom-inner {
    padding: 0 32px !important;
    max-width: 1536px !important;
    margin: 0 auto !important;
}
.footer-nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
    justify-content: flex-start;
}
.footer-nav-links a {
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.footer-nav-links a:hover {
    color: var(--blue) !important;
}
.footer-logo {
    height: 24px !important;
    margin-bottom: 12px !important;
    filter: grayscale(1) opacity(0.6) !important;
    display: none !important; /* Esconde logo para imitar ML */
}
.footer-legal p {
    font-size: 11px !important;
    margin: 4px 0 !important;
    color: #9ca3af !important;
}
.security-badges span {
    color: var(--muted) !important;
    font-weight: 500 !important;
}
.payment-methods i {
    color: var(--muted) !important;
    font-size: 22px !important;
}

/* Dropdown Categorias ML */
.nav-dropdown-wrapper {
    position: relative;
    display: inline-block;
}
.nav-trigger-ml {
    display: flex;
    align-items: center;
    color: var(--text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
    height: 100%;
}
.nav-trigger-ml:hover {
    color: rgba(0,0,0,0.6);
}
.nav-dropdown-menu {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    background-color: #333333;
    min-width: 260px;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1000;
    padding: 16px 0;
}
.nav-dropdown-wrapper:hover .nav-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.dropdown-arrow-up {
    position: absolute;
    top: -6px;
    left: 20px;
    width: 12px;
    height: 12px;
    background: #333333;
    transform: rotate(45deg);
}
.dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.dropdown-list li a {
    display: block;
    padding: 10px 24px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
    line-height: 1.4 !important;
}
.dropdown-list li a:hover {
    background-color: var(--blue) !important;
    color: #ffffff !important;
}

/* ==========================================
   MINI CART SIDEBAR (Barra Lateral Direita)
   ========================================== */
.mini-cart-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100vh;
    background: #ffffff;
    box-shadow: -4px 0 15px rgba(0,0,0,0.1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #d5d9d9;
    transform: translateX(100%);
    transition: transform 0.3s ease;
}
.mini-cart-sidebar.open {
    transform: translateX(0);
}
.mc-header {
    padding: 16px;
    border-bottom: 1px solid #d5d9d9;
    text-align: center;
    background: #fff;
    flex-shrink: 0;
}
.mc-subtotal-lbl {
    font-size: 13px;
    color: #0f1111;
    margin-bottom: 4px;
}
.mc-subtotal-val {
    font-size: 16px;
    font-weight: 700;
    color: #b12704;
    margin-bottom: 12px;
}
.mc-go-cart-btn {
    display: block;
    width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #888c8c;
    border-radius: 99px;
    font-size: 13px;
    color: #0f1111;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(15,17,17,.15);
}
.mc-go-cart-btn:hover { background: #f7fafa; }

.mc-body {
    flex: 1;
    overflow-y: auto; /* Scroll invisivel independente */
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
.mc-body::-webkit-scrollbar { width: 0; background: transparent; }

.mc-item {
    padding: 16px;
    border-bottom: 1px solid #d5d9d9;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.mc-item img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 12px;
}
.mc-item-price {
    font-size: 14px;
    font-weight: 700;
    color: #007185;
    margin-bottom: 4px;
}
.mc-item-stock {
    font-size: 11px;
    color: #b12704;
    line-height: 1.2;
    margin-bottom: 12px;
}
.mc-qty-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    border: 2px solid #ffd814;
    border-radius: 99px;
    padding: 4px 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15,17,17,.15);
}
.mc-qty-control button {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    color: #0f1111;
    padding: 0;
}
.mc-qty-control .mc-qty-val {
    font-size: 14px;
    font-weight: 500;
    color: #0f1111;
}

/* ==========================================
   MODAL DE ENDEREÇO (ML Style)
   ========================================== */
.modal-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}
.modal-overlay.open { display: flex; }

.modal-content-ml {
    background: #fff;
    width: 95%;
    max-width: 580px;
    border-radius: 6px;
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}
.modal-title-ml {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 24px;
    margin-top: 0;
}
.form-group-ml { margin-bottom: 20px; position: relative; }
.form-row-ml {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
}
.form-row-ml .form-group-ml { flex: 1; margin-bottom: 0; }

.ml-label {
    display: block;
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
    font-weight: 500;
}
.ml-input {
    width: 100%;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    outline: none;
    transition: 0.2s;
    box-sizing: border-box;
    font-family: inherit;
}
.ml-input:focus { border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
.ml-input::placeholder { color: #aaa; }

.ml-help-link {
    position: absolute;
    right: 14px;
    top: 38px;
    font-size: 13px;
    color: var(--blue);
    text-decoration: none;
}
.ml-help-link:hover { text-decoration: underline; }

.checkbox-wrap {
    position: absolute;
    right: 14px;
    top: 38px;
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ml-section-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 30px;
    margin-bottom: 4px;
}
.ml-section-subtitle {
    font-size: 13px;
    color: #666;
    margin-bottom: 16px;
}

.ml-btn-save {
    background: var(--blue);
    color: #fff;
    border: none;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    float: right;
    transition: background 0.2s;
}
.ml-btn-save:hover { background: var(--blue-dark); }
.ml-btn-close {
    position: absolute;
    top: 24px;
    right: 24px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #999;
}
.ml-btn-close:hover { color: #333; }

/* Refinamento visual do formulário de endereço */
.modal-overlay { inset: 0; padding: 24px; background: rgba(13,29,41,.64); backdrop-filter: blur(5px); }
.modal-overlay.open { animation: addressOverlayIn .18s ease-out; }
.modal-content-ml { width: min(100%, 610px); max-height: min(88vh, 760px); padding: 32px; border: 1px solid rgba(21,68,96,.12); border-radius: 20px; box-shadow: 0 24px 70px rgba(4,22,35,.32); animation: addressModalIn .24s cubic-bezier(.2,.8,.2,1); scrollbar-width: thin; }
.modal-content-ml::before { content: 'ENTREGA ALV'; display: block; margin: 0 42px 7px 0; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.modal-content-ml::after { content: 'Informe seu endereço para calcularmos o frete e o prazo com precisão.'; display: block; position: absolute; top: 68px; left: 32px; right: 70px; color: #687783; font-size: 13px; line-height: 1.45; pointer-events: none; }
.modal-title-ml { margin: 0 42px 47px 0; color: var(--navy); font-size: 24px; font-weight: 750; letter-spacing: -.035em; }
.form-group-ml { margin-bottom: 18px; }
.form-row-ml { gap: 14px; margin-bottom: 18px; }
.ml-label { margin-bottom: 7px; color: #314b5d; font-size: 12px; font-weight: 700; }
.ml-input { min-height: 48px; padding: 12px 14px; border-color: #ced9e0; border-radius: 10px; background: #fbfcfd; color: #233b4b; font-size: 14px; }
.ml-input:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 14%, transparent); }
textarea.ml-input { min-height: 72px; resize: vertical; }
.ml-help-link { right: 13px; top: 37px; padding: 4px 0 4px 10px; background: #fbfcfd; font-size: 12px; font-weight: 700; }
.checkbox-wrap { color: #526672; font-size: 12px; }
.checkbox-wrap input { accent-color: var(--blue); }
.ml-section-title { margin-top: 25px; margin-bottom: 5px; padding-top: 22px; border-top: 1px solid #e7edf1; color: var(--navy); font-size: 16px; font-weight: 750; }
.ml-section-subtitle { color: #71808a; }
.ml-btn-save { min-height: 46px; padding: 12px 22px; border-radius: 10px; font-size: 14px; font-weight: 750; transition: transform .2s, box-shadow .2s, background .2s; }
.ml-btn-save:hover { background: var(--navy); transform: translateY(-1px); box-shadow: 0 8px 18px color-mix(in srgb, var(--blue) 25%, transparent); }
.ml-btn-close { top: 22px; right: 22px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid transparent; border-radius: 9px; background: #f1f5f7; color: #587080; font-size: 16px; }
.ml-btn-close:hover { color: var(--navy); border-color: #d7e2e8; background: #fff; }
@keyframes addressOverlayIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes addressModalIn { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
@media (max-width: 560px) { .modal-overlay { align-items: flex-end; padding: 0; } .modal-content-ml { width: 100%; max-height: min(91dvh,760px); padding: 24px 18px max(22px,env(safe-area-inset-bottom)); border-width: 1px 0 0; border-radius: 20px 20px 0 0; } .modal-content-ml::after { top: 61px; left: 18px; right: 58px; font-size: 12px; } .modal-title-ml { margin-bottom: 44px; font-size: 21px; } .form-row-ml { display: grid; grid-template-columns: 1fr; gap: 18px; } .ml-btn-close { top: 17px; right: 16px; } .ml-btn-save { width: 100%; float: none; } }

/* RESPONSIVIDADE MOBILE / TABLET */
@media (max-width: 1024px) {
    .grid { grid-template-columns: repeat(3, 1fr) !important; }
    .product-page { grid-template-columns: 1fr !important; }
    .listing { grid-template-columns: 1fr !important; }
    .head { flex-wrap: wrap; justify-content: space-between; padding-top: 12px; padding-bottom: 12px; }
    .search { order: 3; width: 100%; max-width: 100%; margin-top: 10px; flex-basis: 100%; }
    .header-location { display: none !important; }
}

@media (max-width: 768px) {
    .wrap { padding-left: 16px; padding-right: 16px; }
    .grid, .categories { grid-template-columns: repeat(2, 1fr) !important; }
    .hero { grid-template-columns: 1fr; padding: 24px; text-align: center; }
    .hero h1 { font-size: 28px; }
    .user-menu-header { display: none !important; }
    .nav { display: none !important; }
    .mobile-menu-btn { display: inline-flex; align-items: center; justify-content: center; background: none; border: none; font-size: 24px; color: var(--navy); cursor: pointer; padding: 0 10px; margin-right: 10px; }
    .cart-page { grid-template-columns: 1fr !important; }
    .cart-item-row { grid-template-columns: auto 1fr !important; gap: 12px; }
}

@media (min-width: 769px) {
    .mobile-menu-btn { display: none; }
}

/* Grupo ALV brand kit and conversion refinements */
:root{--navy:#01426a;--blue:#0067b9;--blue-dark:#014f86;--blue-soft:#e9f4fb;--yellow:#ffc72c;--accent:#ffc72c;--line:#d9e1e6;--text:#17232b;--muted:#5d6870}
html,body{max-width:100%;overflow-x:hidden}body{font-family:Montserrat,Arial,sans-serif}.button,.alv-ai-shell,.alv-ai-footer textarea{font-family:Montserrat,Arial,sans-serif}
.brand img{display:block;width:auto;height:58px;object-fit:contain}.search button{background:var(--blue)!important}.cart-link span{background:var(--yellow)!important;color:var(--navy)!important}.nav a:hover,.cart-link:hover{color:var(--blue)!important}
.institutional-strip{background:var(--navy);color:#fff;font-size:11px;font-weight:600}.institutional-strip .wrap{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:18px}.institutional-strip span:last-child{color:#fff3c4}
:focus-visible{outline:3px solid color-mix(in srgb,var(--yellow) 75%,#000);outline-offset:3px}.product-image img{width:100%;height:100%;padding:12px;object-fit:contain}.product-card{transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-3px);border-color:#a8c6d9;box-shadow:0 14px 32px rgba(1,66,106,.12)}
.catalog-status{color:var(--green);font-size:12px;font-weight:700}.card-buy-form{margin-top:12px}.card-buy-button{width:100%;min-height:42px;border:0;border-radius:9px;background:var(--yellow);color:var(--navy);font:700 13px Montserrat,Arial,sans-serif;cursor:pointer}.card-buy-button:hover{filter:brightness(.96)}.card-buy-button:disabled{background:#d8dde1;color:#67727a;cursor:not-allowed}
.project-paths{margin:44px 0}.project-paths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-paths-grid a{display:grid;gap:8px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.project-paths-grid i{font-size:24px;color:var(--blue)}.project-paths-grid b{font-size:17px;color:var(--navy)}.project-paths-grid span{font-size:13px;color:var(--muted)}
.catalog-sort{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 18px}.catalog-sort label{font-size:13px;font-weight:700}.catalog-sort select{min-height:42px;padding:0 36px 0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}
.summary-item-img-placeholder{object-fit:contain;background:#fff}.alv-ai-launcher{border-radius:50%}
@media(max-width:768px){.institutional-strip span:last-child{display:none}main.wrap{padding-top:16px}.brand img{height:48px}.head{gap:12px}.header-actions{margin-left:auto}.product-name{min-height:auto}.project-paths-grid{grid-template-columns:1fr}.alv-ai-shell{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:52px;height:52px}.alv-ai-launcher{width:52px;height:52px}.card-buy-button{min-height:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Presença da marca no cabeçalho principal da loja. */
.header-premium .head{min-height:96px}
.header-premium .brand{flex:0 0 auto}
.header-premium .brand img{width:181px;height:72px}
@media(max-width:768px){.header-premium .head{min-height:88px}.header-premium .brand img{width:136px;height:54px}}