/* CK-APP26 — visual novo do app (mesma linguagem da tela de entrada CK-LOGINVISUAL).
   SO APARENCIA: nenhuma regra aqui muda texto, ordem de passos, campo, valor ou acao.
   Tudo escopado em body.ck26 (a classe so e ligada pela chave do AL_head_step2.php) e so no celular
   (o computador continua com desktop-pro.css, a partir de 992px).
   Paleta do guia Tatica: amarelo #f9d856, rosa #fcccdc, laranja #f19134, verde #6ece87, azul #6e81bf,
   creme #f4edd6 + preto do logo #141414 e branco. Fonte Outfit (ja carregada pelo style.css). */

@media (max-width: 991.98px) {

/* ---------- fundo e tipografia ---------- */
body.ck26 { background: #f4edd6 !important; color: #141414; }
body.ck26 #page, body.ck26 .page-content { background: transparent; }
/* (sem cor global nos titulos: a pagina da campanha tem fundo escuro e titulos claros herdados — CK-APP26E) */
body.ck26 #preloader .spinner-border { color: #141414 !important; }

/* ---------- barra de cima (comum a todas as telas) ---------- */
/* linha "Faca login para escolher seu endereco" / endereco do cliente */
body.ck26 #page > .d-flex.justify-content-center:not(.mt-3) { padding: 0 16px; }
body.ck26 #page > .d-flex.justify-content-center:not(.mt-3) > a { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; background: rgba(255, 255, 255, .72); border-radius: 99px; padding: 5px 13px; color: #141414 !important; }
body.ck26 #page > .d-flex.justify-content-center:not(.mt-3) > a small { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.ck26 #page > .d-flex.justify-content-center:not(.mt-3) > a i { font-size: 10px; }
/* logo + trocar loja */
body.ck26 #page > .d-flex.justify-content-between.px-4.pt-4 { align-items: center; padding: 14px 20px 0 !important; }
body.ck26 #page > .d-flex.justify-content-between.px-4.pt-4 img { width: 132px; height: auto; display: block; }
body.ck26 #changeStore { display: inline-flex; align-items: center; gap: 7px; height: 36px; margin: 0 !important; padding: 0 14px 0 12px; border: 0 !important; border-radius: 99px !important; background: #fff !important; color: #141414 !important; font-size: 13.5px; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0; box-shadow: 0 2px 10px rgba(20, 20, 20, .06); }
body.ck26 #changeStore::before { content: ""; width: 22px; height: 22px; border-radius: 50%; flex: none; background: #fcccdc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center / 13px no-repeat; }
/* "Voce esta em <loja>" numa linha so, embaixo do logo */
/* ATENCAO: a barra de cima tem que terminar na MESMA altura de hoje (page-content em 208px no iPhone):
   telas como AL_categoria posicionam o #back com top:155px fixo contando com isso. */
body.ck26 #vcesta { display: flex; align-items: baseline; gap: 6px; text-align: left !important; padding: 8px 20px 36px !important; }
/* CK-APP26I: so o produto ainda usa o #back com top fixo; nas outras telas a folga vira 14px (tira o espaco vazio do topo) */
body.ck26:not(.ck26-al_produto) #vcesta { padding-bottom: 14px !important; }
body.ck26 #vcesta br { display: none; }
body.ck26 #vcesta small { float: none !important; margin: 0 !important; font-size: 13.5px; line-height: 1.2; }
body.ck26 #vcesta small.opacity-70 { opacity: .65 !important; }
body.ck26 #vcesta small.fw-bold { font-weight: 700 !important; }

/* botao de voltar das telas internas (#back): bola branca como o da tela de entrada */
body.ck26 #back { width: 42px; height: 42px; padding: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; background: #fff !important; box-shadow: 0 2px 10px rgba(20, 20, 20, .1) !important; }

/* ---------- menu de baixo: barra preta arredondada, item atual em amarelo ---------- */
body.ck26 #footer-bar { left: 12px !important; right: 12px !important; width: auto !important; bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important; height: 64px !important; min-height: 0 !important; padding: 0 6px !important; border-radius: 26px !important; background: #141414 !important; border: 0 !important; box-shadow: 0 12px 30px rgba(20, 20, 20, .28) !important; }
body.ck26 #footer-bar a { color: rgba(244, 237, 214, .72) !important; padding-top: 0 !important; height: 64px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
body.ck26 #footer-bar a i { color: inherit !important; font-size: 18px !important; position: static !important; margin: 0 !important; transform: none !important; }
body.ck26 #footer-bar a span { color: inherit !important; font-size: 10.5px !important; font-weight: 600 !important; position: static !important; opacity: 1 !important; margin: 0 !important; transform: none !important; line-height: 1.1; }
body.ck26 #footer-bar a.active-nav { color: #f9d856 !important; }
/* o PHP nao marca o item atual ($activeBrinquedos etc. vem vazio); marcamos pela tela */
body.ck26.ck26-al_brinquedos #footer-bar a:nth-child(1), body.ck26.ck26-al_categoria #footer-bar a:nth-child(1), body.ck26.ck26-al_faixa #footer-bar a:nth-child(1),
body.ck26.ck26-al_allnovidades #footer-bar a:nth-child(1), body.ck26.ck26-al_produto #footer-bar a:nth-child(1),
body.ck26.ck26-al_aluguel #footer-bar a:nth-child(2), body.ck26.ck26-al_perfil #footer-bar a:nth-child(3) { color: #f9d856 !important; }
body.ck26 #footer-bar a.active-nav strong, body.ck26 #footer-bar a strong { display: none !important; }
body.ck26 #footer-bar em.badge { top: 6px !important; }
body.ck26 .page-content { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; }

/* ---------- "Cores do App" (CK-APP26F): saiu. O painel ficava escondido logo abaixo da tela e aparecia no
   "esticao" do iPhone ao rolar ate o fim; trocar a cor do app nao combina com o visual novo. ---------- */
body.ck26 #menu-colors { display: none !important; }
body.ck26 #menu-main a[data-menu="menu-colors"] { display: none !important; }

/* ---------- menu lateral ---------- */
body.ck26 #menu-main { background: #fff !important; }
body.ck26 #menu-main > .card { background: #f9d856 !important; background-image: none !important; }
body.ck26 #menu-main > .card .card-overlay { display: none !important; }
body.ck26 #menu-main > .card h1 { color: #141414 !important; text-transform: lowercase; font-weight: 800; letter-spacing: -.03em; }
body.ck26 #menu-main > .card p { color: #141414 !important; opacity: .65 !important; }
body.ck26 #menu-main > .card .close-menu { background: rgba(255, 255, 255, .75); border-radius: 50%; }
body.ck26 #menu-main > .card .close-menu i { color: #141414 !important; }
body.ck26 #menu-main .list-menu a { color: #141414 !important; }
body.ck26 #menu-main .list-menu a > i:first-child { border-radius: 12px !important; color: #141414 !important; background-image: none !important; }
body.ck26 #menu-main .list-menu a > i.gradient-blue { background: #6e81bf !important; color: #fff !important; }
body.ck26 #menu-main .list-menu a > i.gradient-orange { background: #f19134 !important; }
body.ck26 #menu-main .list-menu a > i.gradient-green { background: #6ece87 !important; }
body.ck26 #menu-main .list-menu a > i.gradient-brown { background: #fcccdc !important; }
body.ck26 #menu-main .list-menu a > i.gradient-dark, body.ck26 #menu-main .list-menu a > i.gradient-grey-dark { background: #141414 !important; color: #fff !important; }
body.ck26 #menu-main .list-menu a > i.gradient-highlight { background: #f9d856 !important; }
body.ck26 #menu-main .list-menu a > i.fa-gift:first-child { background: #f9d856 !important; }

/* ---------- botoes e campos comuns ---------- */
body.ck26 .btn.bg-highlight, body.ck26 .btn.gradient-highlight { background: #141414 !important; background-image: none !important; color: #fff !important; border: 0 !important; border-radius: 99px !important; box-shadow: none !important; }
body.ck26 .btn.btn-border.border-highlight { border-radius: 99px !important; border-color: #141414 !important; color: #141414 !important; }
/* campos de formulario (.input-style): ficam para as fases do perfil e do checkout (14 e 17 campos, nao testados nesta fase) */
body.ck26 .snackbar-toast { border-radius: 16px !important; }
body.ck26 .jconfirm .jconfirm-box { border-radius: 24px !important; font-family: "Outfit", system-ui, sans-serif; }
body.ck26 .card.card-style { border-radius: 24px !important; box-shadow: none !important; }

/* ---------- busca ---------- */
body.ck26 #ckBusca .search-box { height: 54px; border-radius: 99px !important; background: #fff !important; border: 1.5px solid #ebe5d3 !important; box-shadow: none !important; }
body.ck26 #ckBusca .search-box i { color: #141414 !important; line-height: 52px !important; }
body.ck26 #ckBusca .search-box input { font-size: 16px !important; height: 50px !important; line-height: 50px !important; background: transparent !important; color: #141414 !important; }

/* ================= INICIO (AL_brinquedos): o momento amarelo ================= */
body.ck26.ck26-al_brinquedos { background: #f9d856 !important; }
body.ck26.ck26-al_brinquedos .page-content { background: #f4edd6 !important; border-radius: 28px 28px 0 0; margin-top: 0 !important; padding-top: 22px !important; min-height: 60vh; }
body.ck26.ck26-al_brinquedos #ckBusca { margin: 0 16px 16px !important; }
/* CK-APP26D: no inicio, categorias e faixa etaria viram dois botoes lado a lado que abrem a lista (scripts/ck-app-2026.js).
   As fileiras originais so somem quando o script montou os botoes (body.ck26-filtros-ok). */
body.ck26.ck26-filtros-ok .page-content > div.px-4.mt-3.animate__animated,
body.ck26.ck26-filtros-ok .page-content > #topic-slider-1,
body.ck26.ck26-filtros-ok .page-content > div.px-4.mt-2.ms-1,
body.ck26.ck26-filtros-ok .page-content > #faixa-slider { display: none !important; }
body.ck26 .ck26-filtros { margin: 0 16px 16px; }
body.ck26 .ck26-flinha { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
body.ck26 .ck26-fbtn { display: flex; align-items: center; gap: 7px; min-width: 0; width: 100%; height: 52px; padding: 0 9px 0 7px; border: 1.5px solid transparent; border-radius: 18px; background: #fff; color: #141414; font: 600 14.5px "Outfit", system-ui, sans-serif; text-align: left; -webkit-tap-highlight-color: transparent; }
body.ck26 .ck26-fbtn[aria-expanded="true"] { border-color: #141414; }
body.ck26 .ck26-fico { width: 32px; height: 32px; flex: none; border-radius: 11px; display: flex; align-items: center; justify-content: center; }
body.ck26 .ck26-fico svg { width: 17px; height: 17px; }
@media (max-width: 359px) { body.ck26 .ck26-fico { display: none; } body.ck26 .ck26-fbtn { padding-left: 14px; } }
body.ck26 .ck26-fico.ck26-rosa { background: #fcccdc; }
body.ck26 .ck26-fico.ck26-amarelo { background: #f9d856; }
body.ck26 .ck26-ftxt { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.ck26 .ck26-fseta { width: 16px; height: 16px; flex: none; color: #6b6457; transition: transform .2s ease; }
body.ck26 .ck26-fbtn[aria-expanded="true"] .ck26-fseta { transform: rotate(180deg); color: #141414; }
body.ck26 .ck26-fpainel { margin-top: 10px; padding: 12px; background: #fff; border-radius: 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
body.ck26 .ck26-fpainel[hidden] { display: none; }
body.ck26 .ck26-fitem { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; height: 46px; padding: 0 12px 0 14px; border-radius: 14px; background: #faf7ee; color: #141414 !important; font-size: 14.5px; font-weight: 600; line-height: 1.15; text-decoration: none; }
body.ck26 .ck26-fitem::after { content: ""; flex: none; width: 7px; height: 7px; border-top: 2px solid #b0a892; border-right: 2px solid #b0a892; transform: rotate(45deg); margin-right: 2px; }
body.ck26 .ck26-fitem:active { background: #f9d856; }
@media (prefers-reduced-motion: reduce) { body.ck26 .ck26-fseta { transition: none; } }
/* pilulas: categorias em creme, faixa etaria em amarelo */
body.ck26 .sldcat h1, body.ck26 #faixa-slider h1 { margin: 0 !important; line-height: 1 !important; }
body.ck26 .sldcat h1 a { display: inline-flex; align-items: center; height: 40px; background: #f4edd6; border-radius: 99px; padding: 0 16px; font-size: 14.5px !important; font-weight: 600; color: #141414 !important; white-space: nowrap; }
body.ck26 #faixa-slider h1 a { display: inline-flex; align-items: center; height: 40px; background: #f9d856; border-radius: 99px; padding: 0 16px; font-size: 14.5px !important; font-weight: 600; color: #141414 !important; white-space: nowrap; }
/* banners */
body.ck26 video.ckCampVid, body.ck26 .single-slider .card { border-radius: 24px !important; }
/* faixa da campanha (laranja do guia) em cartao arredondado */
body.ck26 #ckCampFaixa { margin: 18px 12px 22px !important; border-radius: 26px; }
body.ck26 #ckCampFaixa > div:last-child > a { border-radius: 18px !important; box-shadow: none !important; }
body.ck26 #ckCampFaixa strong { color: #141414 !important; }
/* secoes "Os preferidos" / "Novidades no clubkids" */
body.ck26.ck26-al_brinquedos .card.card-style { margin-left: 12px !important; margin-right: 12px !important; }
body.ck26 .card.card-style > .content > p.color-highlight:first-child { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px !important; background: #f4edd6; border-radius: 99px; padding: 4px 11px 4px 9px; color: #141414 !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .05em; text-transform: uppercase; }
body.ck26 .card.card-style > .content > p.color-highlight:first-child::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #6ece87; }
body.ck26 .card.card-style > .content > h2 { font-size: 26px; font-weight: 800; letter-spacing: -.03em; text-transform: lowercase; }
/* cartoes de produto: foto arredondada, nome em preto, preco em preto */
body.ck26.ck26-al_brinquedos .page-content img.rounded-sm { border-radius: 18px !important; box-shadow: 0 6px 18px rgba(20, 20, 20, .08) !important; }
body.ck26.ck26-al_brinquedos .page-content h4.color-blue-dark { color: #141414 !important; }
body.ck26.ck26-al_brinquedos .page-content h6, body.ck26.ck26-al_brinquedos .page-content h5 { font-weight: 600; line-height: 1.25; }
body.ck26.ck26-al_brinquedos .double-slider .card { border-radius: 22px !important; }
body.ck26.ck26-al_brinquedos .card.card-style .btn.btn-full { height: 48px; line-height: 48px; padding: 0 !important; border-radius: 99px !important; font-size: 15px !important; }


/* ================= FASE 2 (CK-APP26G): categoria, faixa etaria e novidades =================
   A lista vira grade de cartoes em 2 colunas. Itens escondidos pelo "Mostrar apenas disponiveis"
   continuam escondidos (o display deles vem inline do jQuery; aqui nada usa display com !important). */
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3,
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3,
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 { background: transparent !important; box-shadow: none !important; margin: 4px 10px 0 !important; border-radius: 0 !important; }
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 > .content,
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3 > .content,
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 > .content { margin: 0 !important; padding: 0 !important; }
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 .divider,
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3 .divider,
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 .divider { display: none; }
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 .row.mb-0,
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3 .row.mb-0,
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 .row.mb-0 { margin: 0 !important; padding: 0 !important; align-items: stretch; }
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 > .content > .row.mb-3:not(:first-child),
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 > .content > .row.mb-3:only-child,
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3 > .content > .row.mb-3:not(:first-child),
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3 > .content > .row.mb-3:only-child,
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 > .content > .row.mb-3:not(:first-child),
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 > .content > .row.mb-3:only-child { margin: 0 !important; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos,
body.ck26.ck26-al_faixa .idadeListaBrinquedos,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos { flex: 0 0 50%; max-width: 50%; width: 50%; margin: 0 !important; padding: 0 !important; flex-direction: column; flex-wrap: nowrap; background: #fff; background-clip: padding-box; border: 5px solid transparent; border-radius: 24px; cursor: pointer; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos > .col-6,
body.ck26.ck26-al_faixa .idadeListaBrinquedos > .col-6,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos > .col-6 { flex: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos > .col-6:first-child,
body.ck26.ck26-al_faixa .idadeListaBrinquedos > .col-6:first-child,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos > .col-6:first-child { padding: 8px 8px 0 !important; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos > .col-6:first-child img,
body.ck26.ck26-al_faixa .idadeListaBrinquedos > .col-6:first-child img,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos > .col-6:first-child img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border-radius: 16px !important; box-shadow: none !important; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos > .col-6:last-child,
body.ck26.ck26-al_faixa .idadeListaBrinquedos > .col-6:last-child,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos > .col-6:last-child { flex: 1 1 auto !important; padding: 8px 12px 14px !important; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos .fa-star,
body.ck26.ck26-al_faixa .idadeListaBrinquedos .fa-star,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos .fa-star { font-size: 10px; color: #f19134 !important; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos h5,
body.ck26.ck26-al_faixa .idadeListaBrinquedos h5,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos h5 { font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.25 !important; color: #141414 !important; margin-top: 4px !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos h1,
body.ck26.ck26-al_faixa .idadeListaBrinquedos h1,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos h1 { font-size: 18px !important; line-height: 1.2 !important; color: #141414 !important; margin: 8px 0 0 !important; letter-spacing: -.01em; }
body.ck26.ck26-al_categoria .idadeListaBrinquedos h1 .font-13,
body.ck26.ck26-al_faixa .idadeListaBrinquedos h1 .font-13,
body.ck26.ck26-al_allnovidades .idadeListaBrinquedos h1 .font-13 { font-size: 11.5px !important; font-weight: 600; color: #6b6457; opacity: 1 !important; }
body.ck26.ck26-al_categoria .page-content > .page-title h1,
body.ck26.ck26-al_faixa .page-content > .page-title h1,
body.ck26.ck26-al_allnovidades .page-content > .page-title h1 { font-size: 30px !important; font-weight: 800 !important; letter-spacing: -.03em; color: #141414 !important; }
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 .input-style.has-borders,
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3 .input-style.has-borders,
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 .input-style.has-borders { margin-bottom: 14px !important; }
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 .input-style.has-borders select,
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3 .input-style.has-borders select,
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 .input-style.has-borders select { height: 52px !important; border: 0 !important; border-radius: 16px !important; background: #fff !important; font-size: 15px !important; font-weight: 600; color: #141414 !important; padding-top: 14px !important; }
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 .input-style.has-borders label,
body.ck26.ck26-al_faixa .page-content > .card.card-style.mt-3 .input-style.has-borders label,
body.ck26.ck26-al_allnovidades .page-content > .card.card-style.mt-3 .input-style.has-borders label { background: transparent !important; color: #6b6457 !important; font-size: 11.5px !important; font-weight: 600 !important; top: 7px !important; left: 14px !important; }
body.ck26.ck26-al_categoria .page-content > .page-title a.btn,
body.ck26.ck26-al_faixa .page-content > .page-title a.btn,
body.ck26.ck26-al_allnovidades .page-content > .page-title a.btn { background: #141414 !important; color: #fff !important; border-radius: 99px !important; text-transform: none !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0; padding: 7px 14px !important; box-shadow: none !important; margin-top: 4px; }
body.ck26.ck26-al_categoria .linkDisponiveis,
body.ck26.ck26-al_faixa .linkDisponiveis,
body.ck26.ck26-al_allnovidades .linkDisponiveis { padding: 0 16px 6px !important; }
body.ck26.ck26-al_categoria .linkDisponiveis a,
body.ck26.ck26-al_faixa .linkDisponiveis a,
body.ck26.ck26-al_allnovidades .linkDisponiveis a { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; background: #fff; border-radius: 99px; }
body.ck26.ck26-al_categoria .linkDisponiveis a strong,
body.ck26.ck26-al_faixa .linkDisponiveis a strong,
body.ck26.ck26-al_allnovidades .linkDisponiveis a strong { color: #141414 !important; text-decoration: none !important; font-size: 13.5px; font-weight: 600; }
body.ck26 span[style*="#8E5CFF"] { background: #6e81bf !important; }


/* CK-APP26G: categoria e faixa etaria — o #back entra no fluxo (flutua a esquerda) e o que vem depois fica NA MESMA LINHA:
   faixa = pilulas de idade ao lado da seta; categoria = titulo ao lado da seta. Sem depender de posicao fixa (top:155px). */
body.ck26.ck26-al_categoria #vcesta, body.ck26.ck26-al_faixa #vcesta { padding-bottom: 14px !important; }
body.ck26.ck26-al_categoria .page-content > #back, body.ck26.ck26-al_faixa .page-content > #back { position: relative !important; top: auto !important; left: auto !important; float: left; margin: 0 8px 0 16px !important; }
body.ck26.ck26-al_faixa .page-content > #faixa-slider { margin-top: 0 !important; overflow: hidden; }
body.ck26.ck26-al_faixa .page-content > #faixa-slider .splide__track { padding-left: 4px !important; }
body.ck26.ck26-al_faixa .page-content > #faixa-slider h1 { margin: 1px 0 0 !important; }
body.ck26.ck26-al_faixa .page-content > .page-title { clear: both; padding-top: 14px !important; }
body.ck26.ck26-al_categoria .page-content > .page-title { overflow: hidden; margin: 0 !important; padding: 0 !important; min-height: 42px; display: flex; align-items: center; }
body.ck26.ck26-al_categoria .page-content > .page-title h1 { padding: 0 !important; margin: 0 !important; line-height: 1.1 !important; }
body.ck26.ck26-al_categoria .page-content > .card.card-style.mt-3 { clear: both; margin-top: 14px !important; }


/* CK-APP26H: no iPhone, o "esticao" ao passar do fim da rolagem levava junto os elementos fixos e mostrava o que
   fica escondido abaixo da tela (aviso verde de sucesso, aviso de erro). Sem esticao, e avisos fechados invisiveis. */
html, body { overscroll-behavior-y: none; }
body.ck26 .snackbar-toast:not(.show):not(.showing) { visibility: hidden; }


/* ================= CK-APP26J: pagina da campanha (AL_campanha) no visual novo =================
   A pagina tem estilo escuro proprio (.ckc-*, cores inline). Aqui so troca cor/forma; textos, filtros e links iguais. */
body.ck26.ck26-al_campanha { background: #f9d856 !important; }
body.ck26.ck26-al_campanha .page-content.ckc-pag { background: #f4edd6 !important; color: #141414 !important; border-radius: 28px 28px 0 0; margin-top: 0 !important; padding-top: 16px !important; }
body.ck26.ck26-al_campanha .ckc-pag > div:first-child > span { color: #141414 !important; font-size: 17px !important; font-weight: 800 !important; }
body.ck26.ck26-al_campanha .ckc-voltar { background: #fff !important; border: 0 !important; box-shadow: 0 2px 10px rgba(20, 20, 20, .1); }
body.ck26.ck26-al_campanha .ckc-voltar i { color: #141414 !important; }
body.ck26.ck26-al_campanha .ckc-pag h1, body.ck26.ck26-al_campanha .ckc-pag h2, body.ck26.ck26-al_campanha .ckc-pag strong { color: #141414 !important; }
body.ck26.ck26-al_campanha .ckc-pag h1 { font-size: 30px !important; letter-spacing: -.03em; }
body.ck26.ck26-al_campanha .ckc-pag p[style*="#b8b5ac"] { color: #6b6457 !important; }
body.ck26.ck26-al_campanha .ckc-bloco { background: #fff !important; border: 0 !important; border-radius: 22px !important; }
body.ck26.ck26-al_campanha .ckc-bloco > div[style*="border-top"] { border-top-color: #efe9da !important; }
body.ck26.ck26-al_campanha .ckc-bloco a[style*="#f19134"] { color: #141414 !important; text-decoration: underline; text-underline-offset: 3px; }
body.ck26.ck26-al_campanha .ckc-chip { background: #fff !important; border: 0 !important; color: #141414 !important; height: 42px; padding: 0 16px !important; font-weight: 600 !important; font-size: 14px !important; }
body.ck26.ck26-al_campanha .ckc-chip[aria-pressed="true"] { background: #141414 !important; color: #fff !important; }
body.ck26.ck26-al_campanha .ckc-grade { gap: 10px !important; padding: 14px 12px 0 !important; }
body.ck26.ck26-al_campanha .ckc-card { background: #fff !important; border: 0 !important; border-radius: 22px !important; padding: 8px 8px 12px !important; color: #141414 !important; }
body.ck26.ck26-al_campanha .ckc-card img { height: auto !important; aspect-ratio: 1 / 1; object-fit: contain !important; background: #fff !important; border-radius: 16px !important; }
body.ck26.ck26-al_campanha .ckc-card p { padding: 0 4px; }
body.ck26.ck26-al_campanha .ckc-card p[style*="#f6efdb"] { color: #141414 !important; font-weight: 600 !important; font-size: 13.5px !important; height: auto !important; max-height: 51px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
body.ck26.ck26-al_campanha .ckc-card p[style*="color:#f19134"] { color: #141414 !important; font-size: 18px !important; }
body.ck26.ck26-al_campanha .ckc-card span[style*="#4a4a44"] { background: #141414 !important; color: #fff !important; }


/* ================= CK-INDIQUE: carrossel 7+7 + Indique e Ganhe no inicio, e a pagina AL_indique ================= */
body.ck26 .ck26-carrossel { margin: 0 16px 14px; }
body.ck26 .ck26-trilho { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 24px; -webkit-overflow-scrolling: touch; }
body.ck26 .ck26-trilho::-webkit-scrollbar { display: none; }
body.ck26 .ck26-trilho > a { flex: 0 0 100%; scroll-snap-align: start; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.ck26 .ck26-trilho .ckCampVid, body.ck26 .ck26-trilho .ckIndVid { border-radius: 0 !important; }
body.ck26 .ck26-pontos { display: flex; justify-content: center; gap: 6px; margin-top: 9px; }
body.ck26 .ck26-pontos i { width: 7px; height: 7px; border-radius: 99px; background: #141414; opacity: .22; transition: width .25s ease, opacity .25s ease; }
body.ck26 .ck26-pontos i.on { width: 20px; opacity: 1; }
body.ck26 .ckIndCard { border-radius: 24px !important; }
body.ck26.ck26-al_indique { background: #f9d856 !important; }
body.ck26.ck26-al_indique .page-content.ckind-pag { margin-top: 0 !important; background: #f4edd6 !important; }


/* ================= FASE 3 (CK-APP26K): pagina do produto (AL_produto) =================
   So aparencia. A barra fixa (scripts/ck-app-2026.js) nao tem regra propria: mostra o preco que a pagina mostra
   e, ao tocar, clica no botao da propria pagina (Quero alugar ou Avise-me), que segue fazendo o de sempre. */
body.ck26.ck26-al_produto #vcesta { padding-bottom: 14px !important; }
body.ck26.ck26-al_produto .page-content.page-al-produto { position: relative; padding-top: 6px !important; padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px)) !important; }
body.ck26.ck26-al_produto .page-content > #back { top: 18px !important; left: 28px !important; }
body.ck26.ck26-al_produto #single-slider-1a .splide__slide > p.position-absolute { left: auto !important; right: 26px !important; margin: 14px 0 0 !important; }
body.ck26.ck26-al_produto #single-slider-1a .card.card-style { background: #fff !important; border-radius: 28px !important; margin-bottom: 12px !important; }
body.ck26.ck26-al_produto #single-slider-1a .card.card-style img { object-fit: contain; }
body.ck26.ck26-al_produto .card.card-overflow.card-style { border-radius: 28px !important; }
body.ck26.ck26-al_produto .card.card-overflow .content > h1 { font-size: 26px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -.02em; color: #141414; }
body.ck26.ck26-al_produto .card.card-overflow .content > p.mb-1.opacity-90 { opacity: 1 !important; color: #3d3a33; font-size: 15px; line-height: 1.55; margin-top: 10px; }
body.ck26.ck26-al_produto .card.card-overflow .content > p.mb-1.opacity-90.ck26-curto { max-height: 7.75em; overflow: hidden; -webkit-mask-image: linear-gradient(#000 60%, transparent); mask-image: linear-gradient(#000 60%, transparent); }
body.ck26.ck26-al_produto .ck26-lermais { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; margin: 2px 0 6px; border: 0; border-radius: 99px; background: #f4edd6; color: #141414; font: 600 13.5px "Outfit", system-ui, sans-serif; }
body.ck26.ck26-al_produto .card.card-overflow .content > hr { border-color: #efe9da; opacity: 1; }
body.ck26.ck26-al_produto .card.card-overflow .content > p.mb-4.opacity-90 { font-size: 12px; color: #6b6457; opacity: 1 !important; letter-spacing: .03em; }
body.ck26.ck26-al_produto #pricing { font-size: 32px !important; font-weight: 800 !important; letter-spacing: -.02em; color: #141414 !important; line-height: 1.15; }
body.ck26.ck26-al_produto #pricing > p { font-size: 13px !important; color: #6b6457; opacity: 1 !important; font-weight: 600 !important; letter-spacing: 0; }
body.ck26.ck26-al_produto #pricing > span[style*="line-through"] { font-size: 15px !important; color: #6b6457; }
body.ck26.ck26-al_produto .card.card-overflow a.icon.icon-xs { width: 42px !important; height: 42px !important; line-height: 42px !important; border-radius: 50% !important; background: #f4edd6 !important; color: #141414 !important; box-shadow: none !important; }
body.ck26.ck26-al_produto .card.card-overflow .divider { background: #efe9da !important; }
body.ck26.ck26-al_produto .card.card-overflow .input-style.has-borders select#plano { height: 58px !important; border: 1.5px solid #ebe5d3 !important; border-radius: 16px !important; background: #faf7ee !important; font-size: 17px !important; font-weight: 600 !important; color: #141414 !important; }
body.ck26.ck26-al_produto .card.card-overflow .input-style.has-borders select#plano:focus { border-color: #141414 !important; background: #fff !important; }
body.ck26.ck26-al_produto .card.card-overflow .input-style.has-borders label { background: #fff !important; color: #6b6457 !important; font-weight: 600 !important; }
body.ck26.ck26-al_produto .card.card-overflow .content > .row:not(.mb-0) { --bs-gutter-x: 8px; }
body.ck26.ck26-al_produto .card.card-overflow .content > .row:not(.mb-0) > .col-4 > span.font-11 { display: block; background: #faf7ee; border-radius: 14px 14px 0 0; padding: 8px 10px 0; color: #6b6457; font-weight: 600; }
body.ck26.ck26-al_produto .card.card-overflow .content > .row:not(.mb-0) > .col-4 > p { display: block; background: #faf7ee; border-radius: 0 0 14px 14px; padding: 2px 10px 10px; margin: 0 !important; }
body.ck26.ck26-al_produto .card.card-overflow .content > .row:not(.mb-0) strong { color: #141414 !important; font-size: 13.5px; }
body.ck26.ck26-al_produto .card.card-overflow .d-flex.mt-3 a { color: #141414 !important; font-weight: 600; }
body.ck26.ck26-al_produto .page-content a.btn[onclick*="addCart"] { background: #141414 !important; border: 0 !important; border-radius: 99px !important; height: 56px; line-height: 56px !important; padding: 0 !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; }
body.ck26.ck26-al_produto .page-content a.btn[onclick*="aviseMe"] { background: #f9d856 !important; background-image: none !important; border: 0 !important; border-radius: 99px !important; height: 56px; line-height: 56px !important; padding: 0 !important; color: #141414 !important; font-size: 16px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; }
body.ck26.ck26-al_produto .page-content .row-cols-3 img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border: 1.5px solid #efe9da; border-radius: 16px !important; }
body.ck26.ck26-al_produto .ck26-barra { position: fixed; left: 12px; right: 12px; bottom: calc(env(safe-area-inset-bottom, 0px) + 82px); z-index: 94; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 16px; background: #6ece87; /* CK-APP26M: verde do guia (Francisco) */ border-radius: 24px; box-shadow: 0 10px 30px rgba(20, 20, 20, .18); }
body.ck26.ck26-al_produto .ck26-barra[hidden] { display: none; }
body.ck26.ck26-al_produto .ck26-barra .ck26-bpreco { flex: 1; min-width: 0; line-height: 1.15; }
body.ck26.ck26-al_produto .ck26-barra .ck26-bpreco small { display: block; font-size: 12px; font-weight: 600; color: #1f3d27; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.ck26.ck26-al_produto .ck26-barra .ck26-bpreco b { font-size: 20px; font-weight: 800; letter-spacing: -.02em; color: #141414; }
body.ck26.ck26-al_produto .ck26-barra button { flex: none; display: flex; align-items: center; gap: 8px; height: 50px; padding: 0 8px 0 18px; border: 0; border-radius: 99px; background: #141414; color: #fff; font: 700 15px "Outfit", system-ui, sans-serif; }
body.ck26.ck26-al_produto .ck26-barra button i { width: 36px; height: 36px; border-radius: 50%; background: #f9d856; color: #141414; display: flex; align-items: center; justify-content: center; font-style: normal; }
body.ck26.ck26-al_produto .ck26-barra button i svg { width: 17px; height: 17px; }
body.ck26.ck26-al_produto .ck26-barra button.ck26-avise { background: #f9d856; color: #141414; padding: 0 18px; }
body.ck26.ck26-al_produto .ck26-barra button.ck26-off { opacity: .5; pointer-events: none; }


/* CK-APP26N: Perfil, Meu Aluguel, Notificacoes e Excluir conta comecam com uma divisoria + titulo com margens grandes
   (8 + 1 + 30 px, e o titulo 23/30 px) -> espaco vazio entre "Voce esta em" e o titulo (Francisco, print do Perfil). */
body.ck26 #page > .divider.mt-2 { display: none !important; }
body.ck26 #page > .row-fluid > .page-title { margin: 4px 0 12px !important; padding: 0 !important; }
body.ck26 #page > .row-fluid > .page-title h2 { margin: 0 !important; padding-top: 0 !important; font-size: 30px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -.03em; color: #141414; }


/* ================= FASE 4 (CK-APP26O): telas da conta =================
   Perfil, Meu Aluguel, Notificacoes, Filhos, Mudar de Loja, Excluir conta. So cor/forma: campos, nomes,
   botoes e acoes continuam os mesmos (salvar dados, endereco, filhos, renovar, trocar, GPS, Uber). */
body.ck26.ck26-al_perfil .card.card-style > .content > h3,
body.ck26.ck26-al_perfil .card.card-style > .content > h4,
body.ck26.ck26-al_aluguel .card.card-style > .content > h3,
body.ck26.ck26-al_aluguel .card.card-style > .content > h4,
body.ck26.ck26-al_notifications .card.card-style > .content > h3,
body.ck26.ck26-al_notifications .card.card-style > .content > h4,
body.ck26.ck26-al_filhos .card.card-style > .content > h3,
body.ck26.ck26-al_filhos .card.card-style > .content > h4,
body.ck26.ck26-al_mudar_unidade .card.card-style > .content > h3,
body.ck26.ck26-al_mudar_unidade .card.card-style > .content > h4,
body.ck26.ck26-al_delete_account .card.card-style > .content > h3,
body.ck26.ck26-al_delete_account .card.card-style > .content > h4 { font-size: 21px !important; font-weight: 800 !important; letter-spacing: -.02em; color: #141414 !important; margin-bottom: 4px; }
body.ck26.ck26-al_perfil .card.card-style > .content > p:not(.color-highlight),
body.ck26.ck26-al_aluguel .card.card-style > .content > p:not(.color-highlight),
body.ck26.ck26-al_notifications .card.card-style > .content > p:not(.color-highlight),
body.ck26.ck26-al_filhos .card.card-style > .content > p:not(.color-highlight),
body.ck26.ck26-al_mudar_unidade .card.card-style > .content > p:not(.color-highlight),
body.ck26.ck26-al_delete_account .card.card-style > .content > p:not(.color-highlight) { color: #6b6457; }
body.ck26.ck26-al_perfil .card.card-style hr,
body.ck26.ck26-al_aluguel .card.card-style hr,
body.ck26.ck26-al_notifications .card.card-style hr,
body.ck26.ck26-al_filhos .card.card-style hr,
body.ck26.ck26-al_mudar_unidade .card.card-style hr,
body.ck26.ck26-al_delete_account .card.card-style hr { border-color: #efe9da; opacity: 1; }
body.ck26.ck26-al_perfil .input-style.has-borders,
body.ck26.ck26-al_filhos .input-style.has-borders,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders,
body.ck26.ck26-al_delete_account .input-style.has-borders { margin-bottom: 14px !important; }
body.ck26.ck26-al_perfil .input-style.has-borders input,
body.ck26.ck26-al_perfil .input-style.has-borders select,
body.ck26.ck26-al_perfil .input-style.has-borders textarea,
body.ck26.ck26-al_filhos .input-style.has-borders input,
body.ck26.ck26-al_filhos .input-style.has-borders select,
body.ck26.ck26-al_filhos .input-style.has-borders textarea,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders input,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders select,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders textarea,
body.ck26.ck26-al_delete_account .input-style.has-borders input,
body.ck26.ck26-al_delete_account .input-style.has-borders select,
body.ck26.ck26-al_delete_account .input-style.has-borders textarea { height: 56px !important; border: 1.5px solid transparent !important; border-radius: 16px !important; background: #faf7ee !important; font-size: 16px !important; font-weight: 600 !important; color: #141414 !important; padding: 18px 14px 0 !important; box-shadow: none !important; }
body.ck26.ck26-al_perfil .input-style.has-borders textarea,
body.ck26.ck26-al_filhos .input-style.has-borders textarea,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders textarea,
body.ck26.ck26-al_delete_account .input-style.has-borders textarea { height: auto !important; min-height: 96px; padding-top: 24px !important; }
body.ck26.ck26-al_perfil .input-style.has-borders input:focus,
body.ck26.ck26-al_perfil .input-style.has-borders select:focus,
body.ck26.ck26-al_perfil .input-style.has-borders textarea:focus,
body.ck26.ck26-al_filhos .input-style.has-borders input:focus,
body.ck26.ck26-al_filhos .input-style.has-borders select:focus,
body.ck26.ck26-al_filhos .input-style.has-borders textarea:focus,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders input:focus,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders select:focus,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders textarea:focus,
body.ck26.ck26-al_delete_account .input-style.has-borders input:focus,
body.ck26.ck26-al_delete_account .input-style.has-borders select:focus,
body.ck26.ck26-al_delete_account .input-style.has-borders textarea:focus { border-color: #141414 !important; background: #fff !important; }
body.ck26.ck26-al_perfil .input-style.has-borders label,
body.ck26.ck26-al_filhos .input-style.has-borders label,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders label,
body.ck26.ck26-al_delete_account .input-style.has-borders label { background: transparent !important; color: #6b6457 !important; font-size: 11.5px !important; font-weight: 600 !important; top: 7px !important; left: 14px !important; height: auto !important; line-height: 1.2 !important; padding: 0 !important; opacity: 1 !important; transform: none !important; }
body.ck26.ck26-al_perfil .input-style.has-borders em,
body.ck26.ck26-al_filhos .input-style.has-borders em,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders em,
body.ck26.ck26-al_delete_account .input-style.has-borders em { font-size: 10px !important; font-style: normal; color: #b0a892 !important; top: 8px !important; right: 14px !important; }
body.ck26.ck26-al_perfil .input-style.has-borders > span > i.fa-chevron-down,
body.ck26.ck26-al_filhos .input-style.has-borders > span > i.fa-chevron-down,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders > span > i.fa-chevron-down,
body.ck26.ck26-al_delete_account .input-style.has-borders > span > i.fa-chevron-down { color: #6b6457 !important; }
body.ck26.ck26-al_perfil .input-style.has-borders > i.fa-check,
body.ck26.ck26-al_perfil .input-style.has-borders > i.fa-times,
body.ck26.ck26-al_filhos .input-style.has-borders > i.fa-check,
body.ck26.ck26-al_filhos .input-style.has-borders > i.fa-times,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders > i.fa-check,
body.ck26.ck26-al_mudar_unidade .input-style.has-borders > i.fa-times,
body.ck26.ck26-al_delete_account .input-style.has-borders > i.fa-check,
body.ck26.ck26-al_delete_account .input-style.has-borders > i.fa-times { display: none !important; }
body.ck26.ck26-al_perfil a.btn.bg-blue-dark,
body.ck26.ck26-al_aluguel a.btn.bg-blue-dark,
body.ck26.ck26-al_notifications a.btn.bg-blue-dark,
body.ck26.ck26-al_filhos a.btn.bg-blue-dark,
body.ck26.ck26-al_mudar_unidade a.btn.bg-blue-dark,
body.ck26.ck26-al_delete_account a.btn.bg-blue-dark { background: #f4edd6 !important; color: #141414 !important; border: 0 !important; border-radius: 99px !important; box-shadow: none !important; font-weight: 600 !important; padding: 10px 16px !important; }
body.ck26.ck26-al_perfil a.btn[onclick*="addFilho"],
body.ck26.ck26-al_aluguel a.btn[onclick*="addFilho"],
body.ck26.ck26-al_notifications a.btn[onclick*="addFilho"],
body.ck26.ck26-al_filhos a.btn[onclick*="addFilho"],
body.ck26.ck26-al_mudar_unidade a.btn[onclick*="addFilho"],
body.ck26.ck26-al_delete_account a.btn[onclick*="addFilho"] { width: 46px; height: 46px; padding: 0 !important; line-height: 46px !important; border-radius: 50% !important; border: 0 !important; background: #f9d856 !important; color: #141414 !important; box-shadow: none !important; font-size: 22px !important; text-align: center; }
body.ck26.ck26-al_perfil .card.card-style h3.color-green-dark,
body.ck26.ck26-al_aluguel .card.card-style h3.color-green-dark,
body.ck26.ck26-al_notifications .card.card-style h3.color-green-dark,
body.ck26.ck26-al_filhos .card.card-style h3.color-green-dark,
body.ck26.ck26-al_mudar_unidade .card.card-style h3.color-green-dark,
body.ck26.ck26-al_delete_account .card.card-style h3.color-green-dark { color: #141414 !important; font-size: 30px !important; font-weight: 800 !important; letter-spacing: -.02em; }
body.ck26.ck26-al_perfil p.text-center a.color-highlight,
body.ck26.ck26-al_perfil .card.card-style a.color-highlight,
body.ck26.ck26-al_aluguel p.text-center a.color-highlight,
body.ck26.ck26-al_aluguel .card.card-style a.color-highlight,
body.ck26.ck26-al_notifications p.text-center a.color-highlight,
body.ck26.ck26-al_notifications .card.card-style a.color-highlight,
body.ck26.ck26-al_filhos p.text-center a.color-highlight,
body.ck26.ck26-al_filhos .card.card-style a.color-highlight,
body.ck26.ck26-al_mudar_unidade p.text-center a.color-highlight,
body.ck26.ck26-al_mudar_unidade .card.card-style a.color-highlight,
body.ck26.ck26-al_delete_account p.text-center a.color-highlight,
body.ck26.ck26-al_delete_account .card.card-style a.color-highlight { color: #141414 !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.ck26.ck26-al_aluguel .content[id^="item_"] { background: #faf7ee; border-radius: 20px; padding: 12px !important; margin: 0 0 10px !important; }
body.ck26.ck26-al_aluguel .content[id^="item_"] img.rounded-sm { width: 92px; height: 92px; object-fit: contain; background: #fff; border-radius: 16px !important; }
body.ck26.ck26-al_aluguel .content[id^="item_"] h6 { font-size: 15px !important; font-weight: 700 !important; line-height: 1.25; color: #141414; }
body.ck26.ck26-al_aluguel .content[id^="item_"] .progress { height: 18px !important; border-radius: 99px !important; background: #efe9da !important; margin-top: 6px; }
body.ck26.ck26-al_aluguel .content[id^="item_"] .progress-bar { background: #6ece87 !important; color: #141414 !important; font-size: 11px; font-weight: 700; border-radius: 99px; }
body.ck26.ck26-al_aluguel .content[id^="item_"] a.btn.btn-xs { height: 32px; line-height: 29px !important; padding: 0 12px !important; border-radius: 99px !important; border: 1.5px solid #141414 !important; background: #fff !important; color: #141414 !important; text-transform: none !important; font-size: 12.5px !important; font-weight: 600 !important; box-shadow: none !important; }
body.ck26.ck26-al_aluguel .content[id^="item_"] a.btn[onclick*="renovarItem"],
body.ck26.ck26-al_aluguel .content[id^="item_"] a.btn[onclick*="trocarItem"] { height: 50px; line-height: 47px !important; padding: 0 !important; border-radius: 99px !important; text-transform: none !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: none !important; }
body.ck26.ck26-al_aluguel .content[id^="item_"] a.btn[onclick*="renovarItem"] { background: #141414 !important; color: #fff !important; border: 1.5px solid #141414 !important; }
body.ck26.ck26-al_aluguel .content[id^="item_"] a.btn[onclick*="trocarItem"] { background: #fff !important; color: #141414 !important; border: 1.5px solid #141414 !important; }
body.ck26.ck26-al_aluguel .content[id^="item_"] + .divider { display: none; }
body.ck26.ck26-al_notifications .card.card-style { min-height: 0 !important; }

body.ck26.ck26-al_perfil .card.card-style > .content > p.color-highlight,
body.ck26.ck26-al_aluguel .card.card-style > .content > p.color-highlight,
body.ck26.ck26-al_notifications .card.card-style > .content > p.color-highlight,
body.ck26.ck26-al_filhos .card.card-style > .content > p.color-highlight,
body.ck26.ck26-al_mudar_unidade .card.card-style > .content > p.color-highlight,
body.ck26.ck26-al_delete_account .card.card-style > .content > p.color-highlight { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px !important; background: #f4edd6; border-radius: 99px; padding: 4px 11px 4px 9px; color: #141414 !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .05em; text-transform: uppercase; }
body.ck26.ck26-al_perfil .card.card-style > .content > p.color-highlight::before,
body.ck26.ck26-al_aluguel .card.card-style > .content > p.color-highlight::before,
body.ck26.ck26-al_notifications .card.card-style > .content > p.color-highlight::before,
body.ck26.ck26-al_filhos .card.card-style > .content > p.color-highlight::before,
body.ck26.ck26-al_mudar_unidade .card.card-style > .content > p.color-highlight::before,
body.ck26.ck26-al_delete_account .card.card-style > .content > p.color-highlight::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #6ece87; }
body.ck26.ck26-al_perfil .input-style label,
body.ck26.ck26-al_filhos .input-style label,
body.ck26.ck26-al_mudar_unidade .input-style label,
body.ck26.ck26-al_delete_account .input-style label { color: #6b6457 !important; font-weight: 600 !important; }

body.ck26.ck26-al_perfil #page label.color-highlight,
body.ck26.ck26-al_filhos #page label.color-highlight,
body.ck26.ck26-al_mudar_unidade #page label.color-highlight,
body.ck26.ck26-al_delete_account #page label.color-highlight { color: #6b6457 !important; font-weight: 600 !important; font-size: 11.5px !important; }


/* ================= FASE 5 (CK-APP26P): carrinho e checkout =================
   So cor/forma. Valores, cupom, frete, cashback, forma de pagamento e os botoes (initCheckout, applyCupom,
   removeItemCart, Go checkout) continuam os mesmos. Textos em CAIXA ALTA no HTML so ganham a 1a letra maiuscula. */
body.ck26.ck26-al_cart .page-content > .page-title,
body.ck26.ck26-al_checkout .page-content > .page-title { margin: 4px 0 12px !important; padding: 0 !important; }
body.ck26.ck26-al_cart .page-content > .page-title h1,
body.ck26.ck26-al_cart .page-content > .page-title h2,
body.ck26.ck26-al_checkout .page-content > .page-title h1,
body.ck26.ck26-al_checkout .page-content > .page-title h2 { margin: 0 !important; padding: 0 0 0 16px !important; font-size: 30px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -.03em; color: #141414; }
body.ck26.ck26-al_cart .card.card-style[id^="item_"] img.rounded-sm { width: 92px; height: 92px; object-fit: contain; background: #fff; border: 1.5px solid #efe9da; border-radius: 16px !important; }
body.ck26.ck26-al_cart .card.card-style[id^="item_"] h6 { font-size: 15px !important; font-weight: 700 !important; line-height: 1.25; color: #141414; }
body.ck26.ck26-al_cart .card.card-style[id^="item_"] h4 { font-size: 20px !important; font-weight: 800 !important; letter-spacing: -.02em; color: #141414; }
body.ck26.ck26-al_cart .card.card-style[id^="item_"] a[onclick*="removeItemCart"] { color: #6b6457 !important; font-weight: 600; }
body.ck26.ck26-al_cart #cartTotal { font-size: 32px; font-weight: 800; letter-spacing: -.02em; color: #141414; }
body.ck26.ck26-al_cart .card.card-style p.color-highlight.opacity-50 { color: #6b6457 !important; opacity: 1 !important; font-weight: 600 !important; }
body.ck26.ck26-al_cart #btnCheckout { background: #141414 !important; border: 0 !important; border-radius: 99px !important; height: auto !important; line-height: 1.2 !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; text-transform: lowercase !important; letter-spacing: 0 !important; box-shadow: none !important; }
body.ck26.ck26-al_cart .page-content > a.btn.bg-dark-dark { background: #fff !important; border: 1.5px solid #141414 !important; border-radius: 99px !important; height: auto !important; line-height: 1.2 !important; color: #141414 !important; font-size: 15px !important; font-weight: 700 !important; text-transform: lowercase !important; letter-spacing: 0 !important; box-shadow: none !important; }
body.ck26.ck26-al_cart #btnCheckout::first-letter,
body.ck26.ck26-al_cart .page-content > a.btn.bg-dark-dark::first-letter { text-transform: uppercase; }
body.ck26.ck26-al_checkout #ckCupomLinha { gap: 8px; align-items: center; }
body.ck26.ck26-al_checkout #ckCupomLinha input#cupom { height: 54px !important; border: 1.5px solid transparent !important; border-radius: 16px !important; background: #faf7ee !important; font-size: 16px !important; color: #141414 !important; padding: 0 14px !important; box-shadow: none !important; }
body.ck26.ck26-al_checkout #ckCupomLinha input#cupom:focus { border-color: #141414 !important; background: #fff !important; }
body.ck26.ck26-al_checkout a.btn[onclick*="applyCupom"] { height: 54px; line-height: 54px !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: 99px !important; background: #141414 !important; color: #fff !important; text-transform: none !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: none !important; }
body.ck26.ck26-al_checkout .card.card-style .ps-4 > p.color-highlight { color: #6b6457 !important; opacity: 1 !important; font-weight: 600 !important; }
body.ck26.ck26-al_checkout .card.card-style .ps-4 > h1 { font-size: 30px !important; font-weight: 800 !important; letter-spacing: -.02em; color: #141414 !important; }
body.ck26.ck26-al_checkout #ckBtnObs,
body.ck26.ck26-al_checkout a[onclick*="Alterar"],
body.ck26.ck26-al_checkout .card.card-style a[href*="AL_cart"] { border-color: #141414 !important; color: #141414 !important; border-radius: 99px !important; }
body.ck26.ck26-al_checkout a[onclick*="Termos"],
body.ck26.ck26-al_checkout a[onclick*="Termos"] strong { color: #141414 !important; text-decoration: underline; text-underline-offset: 3px; }
body.ck26.ck26-al_checkout #ckTotalBarra { left: 12px !important; right: 12px !important; border-radius: 18px !important; background: #6ece87 !important; color: #141414 !important; box-shadow: 0 8px 24px rgba(20, 20, 20, .16) !important; transform: translateY(-8px); padding: 10px 14px !important; font-size: 14px !important; }
body.ck26.ck26-al_checkout #ckTotalBarra #ckTotalBarraValor { color: #141414 !important; font-weight: 800; font-size: 16px; }
body.ck26.ck26-al_checkout #checkoutBtn { background: #141414 !important; border: 0 !important; border-radius: 99px !important; height: auto !important; line-height: 1.2 !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; text-transform: lowercase !important; letter-spacing: 0 !important; box-shadow: none !important; }
body.ck26.ck26-al_checkout #checkoutBtn::first-letter { text-transform: uppercase; }
body.ck26.ck26-al_checkout .page-content { padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px)) !important; }

/* CK-APP26P: texto dos botoes grandes centralizado (o btn-3d/btn-l do tema empurrava para baixo) */
body.ck26.ck26-al_checkout a.btn[onclick*="applyCupom"] { display: flex !important; align-items: center; justify-content: center; line-height: 1 !important; border-bottom-width: 0 !important; }
body.ck26.ck26-al_checkout a.btn[onclick*="applyCupom"] { flex: none; min-width: 96px; }


/* ================= FASE 6 (CK-APP26Q): termo e selfie (AL_assinar_termo) =================
   So cor/forma. O termo, a confirmacao do telefone, assinarTermo(), a camera e o envio da selfie nao mudam.
   Sem display !important: os botoes da selfie aparecem/somem pelo proprio script da pagina. */
body.ck26.ck26-al_assinar_termo .page-content.pt-5 { padding-top: 6px !important; }
body.ck26.ck26-al_assinar_termo .page-content > .card.card-style > h1 { font-size: 26px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -.02em; color: #141414; padding-top: 18px !important; }
body.ck26.ck26-al_assinar_termo .page-content > .card.card-style > .row-fluid small { color: #6b6457; font-size: 13px; }
body.ck26.ck26-al_assinar_termo .page-content > .card.card-style > .content { font-size: 15px; line-height: 1.6; color: #3d3a33; }
body.ck26.ck26-al_assinar_termo .page-content > .card.card-style label.color-highlight { color: #6b6457 !important; font-weight: 600 !important; }
body.ck26.ck26-al_assinar_termo .page-content > .card.card-style input#fone { height: 56px !important; border: 1.5px solid transparent !important; border-radius: 16px !important; background: #faf7ee !important; font-size: 20px !important; color: #141414 !important; box-shadow: none !important; }
body.ck26.ck26-al_assinar_termo .page-content > .card.card-style input#fone:focus { border-color: #141414 !important; background: #fff !important; }
body.ck26.ck26-al_assinar_termo #btnCheckout { background: #141414 !important; border: 0 !important; border-radius: 99px !important; height: auto !important; line-height: 1.2 !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; text-transform: lowercase !important; letter-spacing: 0 !important; box-shadow: none !important; }
body.ck26.ck26-al_assinar_termo #btnCheckout::first-letter { text-transform: uppercase; }
body.ck26.ck26-al_assinar_termo #kycModal { background: rgba(244, 237, 214, .98) !important; }
body.ck26.ck26-al_assinar_termo #kycModal .kyc-header h3 { font-size: 24px !important; font-weight: 800 !important; letter-spacing: -.02em; color: #141414 !important; }
body.ck26.ck26-al_assinar_termo #kycModal .kyc-header p { color: #6b6457 !important; }
body.ck26.ck26-al_assinar_termo #kycModal .kyc-actions .btn,
body.ck26.ck26-al_assinar_termo #kycJaTemFoto .btn { border-radius: 99px !important; border: 1.5px solid transparent !important; font-size: 16px !important; font-weight: 700 !important; text-transform: none !important; box-shadow: none !important; }
body.ck26.ck26-al_assinar_termo #kycModal .btn.btn-success { background: #141414 !important; border-color: #141414 !important; color: #fff !important; }
body.ck26.ck26-al_assinar_termo #kycModal .btn.btn-info { background: #f9d856 !important; border-color: #f9d856 !important; color: #141414 !important; }
body.ck26.ck26-al_assinar_termo #kycModal .btn.btn-secondary { background: #fff !important; border-color: #141414 !important; color: #141414 !important; }

body.ck26.ck26-al_assinar_termo #kycJaTemFoto .btn, body.ck26.ck26-al_assinar_termo #kycModal .kyc-actions .btn { width: 100%; margin: 8px 0 0 !important; padding-top: 13px !important; padding-bottom: 13px !important; }

}