/* Banner de cookies: cartão no canto esquerdo (desktop), folha no rodapé (celular). Sem fundo escuro: a loja continua navegável. */
.ck { position: fixed; left: 20px; bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 58; width: min(440px, calc(100vw - 40px)); opacity: 0; transform: translateY(16px); transition: opacity .3s var(--ease), transform .45s var(--ease); pointer-events: none; }
.ck.is-open { opacity: 1; transform: none; pointer-events: auto; }
.ck-card { background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 18px; padding: 22px 22px 18px; box-shadow: 0 18px 48px rgba(30, 19, 32, .18); max-height: calc(100dvh - 40px); overflow-y: auto; }
.ck h2 { font-family: var(--head); font-weight: 700; font-size: 1.3rem; line-height: 1.1; margin-bottom: 8px; }
.ck-main > p { font-size: .93rem; color: var(--muted); }
.ck-main > p a { color: var(--ink); text-underline-offset: 3px; }
.ck-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
/* aceitar e recusar com o mesmo peso (exigência do GDPR) */
.ck-btns .btn { min-height: 46px; padding: 0 14px; font-size: .95rem; letter-spacing: .02em; text-transform: none; }
.ck-more { display: block; margin: 12px auto 0; font-size: .9rem; color: var(--muted); }
.ck-prefs ul { display: grid; gap: 2px; margin-top: 4px; }
.ck-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.ck-row-t { font-weight: 600; }
.ck-row-d { font-size: .86rem; color: var(--muted); line-height: 1.4; }
.ck-gpc { margin-top: 10px; font-size: .84rem; color: var(--muted); }

.ck-switch { position: relative; display: inline-block; width: 44px; height: 26px; cursor: pointer; }
.ck-switch input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: inherit; }
.ck-switch span { position: absolute; inset: 0; border-radius: 13px; background: #D9CED3; transition: background-color .2s; }
.ck-switch span::after { content: ""; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(30, 19, 32, .25); transition: transform .25s var(--ease); }
.ck-switch input:checked + span { background: var(--rose-deep); }
.ck-switch input:checked + span::after { transform: translateX(18px); }
.ck-switch input:focus-visible + span { outline: 2px solid var(--rose); outline-offset: 2px; }
.ck-switch input:disabled { cursor: default; }
.ck-switch input:disabled + span { opacity: .55; }

.footer-bottom .link-btn { background: none; border: 0; padding: 0; cursor: pointer; color: inherit; font-size: inherit; }
@media (hover: hover) { .footer-bottom .link-btn:hover { color: #fff; } }

@media (max-width: 640px) {
  .ck { left: 0; right: 0; bottom: 0; width: auto; }
  .ck-card { border-radius: 18px 18px 0 0; border-width: 1px 0 0; padding: 20px 16px calc(16px + env(safe-area-inset-bottom)); }
  /* no celular o banner ocupa o rodapé: o botão da IA e a barra de compra esperam */
  .ck-open .adv-fab, .ck-open .pdp-sticky { visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) { .ck { transition: opacity .2s; transform: none; } }