/* ========================================================= NAEVII — Kaching Cart — CSS do carrinho Colar em: Kaching Cart > Custom CSS ORDEM: D. 60-Day Satisfaction Guarantee A. Drawer slim B. Upsell compacto C. Barra de recompensa ========================================================= */ /* ========================================================= D. 60-DAY SATISFACTION GUARANTEE COLOCADO PRIMEIRO PARA GARANTIR QUE O KACHING PROCESSE ========================================================= */ /* Remove o espacamento padrao do wrapper do Custom HTML */ .kaching-cart *:has(> .naevii-guarantee-bar) { margin: 0 !important; padding: 0 !important; min-height: 0 !important; background: transparent !important; } /* Faixa */ .naevii-guarantee-bar { width: 100% !important; height: 36px !important; min-height: 36px !important; /* 10px de espaco antes do produto */ margin: 0 0 10px 0 !important; padding: 0 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; background-color: #f7f6f3 !important; color: #111111 !important; border: 0 !important; text-align: center !important; } /* Texto */ .naevii-guarantee-bar p { margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; color: #111111 !important; text-align: center !important; white-space: nowrap !important; } /* Mobile */ @media screen and (max-width: 767px) { .kaching-cart *:has(> .naevii-guarantee-bar) { margin: 0 !important; padding: 0 !important; min-height: 0 !important; } .naevii-guarantee-bar { width: 100% !important; height: 36px !important; min-height: 36px !important; margin: 0 0 10px 0 !important; padding: 0 8px !important; } .naevii-guarantee-bar p { font-size: 14px !important; line-height: 1 !important; } } /* ========================================================= A. DRAWER SLIM ========================================================= */ /* --- A1. Variaveis globais ------------------------------- */ .kaching-cart { --kaching-cart-border-radius: 0px !important; --kaching-cart-line-items-vertical-space: 24px !important; --kaching-cart-line-items-image-size: 88px !important; --kaching-cart-line-items-image-size-num: 88 !important; } /* --- A2. Largura do drawer ------------------------------- */ .kaching-cart #cart-drawer.kaching-cart__inner { width: 90% !important; max-width: 440px !important; } /* --- A3. Densidade da linha ------------------------------ */ .kaching-cart .kaching-cart-item__content { gap: 8px !important; } .kaching-cart .kaching-cart-item__info { gap: 4px !important; } /* ========================================================= B. UPSELL COMPACTO ========================================================= */ /* --- B1. Imagem ------------------------------------------ */ .kaching-cart .kaching-product-upsell-item__image-container { width: 90px !important; max-width: 90px !important; height: 90px !important; flex-shrink: 0 !important; } /* --- B2. Conteudo ---------------------------------------- */ .kaching-cart .kaching-product-upsell-item__content { gap: 4px !important; min-width: 0 !important; } /* --- B3. Titulo ------------------------------------------ */ .kaching-cart .kaching-product-upsell-item__title { display: block !important; font-size: 10px !important; font-weight: 600 !important; line-height: 22px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* --- B4. Preco ------------------------------------------- */ .kaching-cart .kaching-product-upsell-item__price-container { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; } /* --- B5. Seletor + Add ----------------------------------- */ .kaching-cart .kaching-product-upsell-item__footer { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; } .kaching-cart .kaching-product-upsell-item__variant-selector-container { flex: 1 1 auto !important; min-width: 0 !important; } .kaching-cart .kaching-product-upsell-item__footer select, .kaching-cart .kaching-product-upsell-item__variant-selector-container select { width: 100% !important; height: 28px !important; padding: 5px 20px 5px 6px !important; font-size: 11px !important; border-radius: 4px !important; background-color: #f9f9f9 !important; border: 1px solid #cccccc !important; } .kaching-cart .kaching-product-upsell-item__add-to-cart { flex: 0 0 auto !important; width: auto !important; height: 28px !important; padding: 5px 12px !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important; } /* --- B6. Esconde label variante -------------------------- */ .kaching-cart .kaching-product-upsell-item__content>.kaching-cart-item__option-names { display: none !important; } /* ========================================================= C. BARRA DE RECOMPENSA ========================================================= */ /* --- C1. Posicao ----------------------------------------- */ .kaching-cart .kaching-cart__tiered-promotions-bar-icon { top: -9.5px !important; } /* --- C2. Esconde SVG original ---------------------------- */ .kaching-cart .kaching-cart__tiered-promotions-bar-icon>svg { display: none !important; } /* --- C3. Chip -------------------------------------------- */ .kaching-cart .kaching-cart__tiered-promotions-bar-icon::before { content: "" !important; display: block !important; width: 30px !important; height: 30px !important; flex: 0 0 auto !important; border-radius: 0 !important; background-color: #f2f1f1 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 16px 16px !important; } /* --- C4. Desbloqueado ------------------------------------ */ .kaching-cart .kaching-cart__tiered-promotions-bar-icon--unlocked::before { background-color: #000000 !important; } /* ========================================================= C5. MARCO 1 — PRESENTE ========================================================= */ .kaching-cart__tiered-promotions-bar-icons>.kaching-cart__tiered-promotions-bar-icon:nth-child(1)::before { background-image: url("data:image/svg+xml;utf8,") !important; } .kaching-cart__tiered-promotions-bar-icons>.kaching-cart__tiered-promotions-bar-icon--unlocked:nth-child(1)::before { background-image: url("data:image/svg+xml;utf8,") !important; } /* ========================================================= C6. MARCO 2 — ENVIO ========================================================= */ .kaching-cart__tiered-promotions-bar-icons>.kaching-cart__tiered-promotions-bar-icon:nth-child(2)::before { background-image: url("data:image/svg+xml;utf8,") !important; } .kaching-cart__tiered-promotions-bar-icons>.kaching-cart__tiered-promotions-bar-icon--unlocked:nth-child(2)::before { background-image: url("data:image/svg+xml;utf8,") !important; } /* --- C7. Tooltip ----------------------------------------- */ .kaching-cart .kaching-cart__tiered-promotions-bar-icon-tooltip-title { font-size: 10px !important; font-weight: 400 !important; line-height: 12px !important; white-space: nowrap !important; } /* DIMINUI GAP ENTRE IMAGEM E CONTEÚDO DO UPSELL */ .kaching-cart .kaching-product-upsell-item { gap: 2px !important; column-gap: 2px !important; justify-content: flex-start !important; } .kaching-cart .kaching-product-upsell-item__content { margin-left: 0 !important; padding-left: 0 !important; flex: 1 1 auto !important; }

Country/Region

Sprache

Country/Region

Sprache

Zufriedene Kunden

Das sagen unsere Kundinnen