/* Cosme Querido — camada da loja sobre a base. Paleta tirada do logo. */
:root {
  --cq-cream: #fff8f4;
  --cq-sand: #f6ece6;
  --cq-blush: #f4dcd3;
  --cq-peach: #f2c4b3;
  --cq-rose: #c77d67;
  --cq-rose-deep: #a8574a;
  --cq-gold: #d9a35f;
  --cq-ink: #2b1a17;
  --cq-muted: #7a625b;
  --cq-line: #eedfd7;
  --cq-night: #1a0d10;
  --cq-whats: #1fa855;
  --cq-serif: "Gentium Plus", "Gentium Plus Placeholder", Georgia, serif;
  --cq-sans: "Inter", "Inter Placeholder", system-ui, sans-serif;
  --cq-display: "Inter Display", "Inter", system-ui, sans-serif;
}

html { scroll-behavior: smooth; }
[hidden] { display: none !important; }
body.cq-travado { overflow: hidden; }
.cq-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Abertura com o logo em partículas */
.cq-intro { position: relative; z-index: 3; height: 220vh; background: #000; }
.cq-intro__stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.cq-intro__canvas { display: block; width: 100%; height: 100%; }
.cq-intro__hint {
  position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%);
  color: rgba(255, 211, 107, .7); font: 500 11px/1.2 var(--cq-sans);
  letter-spacing: .2em; text-transform: uppercase; text-decoration: none; transition: opacity .4s;
}

/* ---------- Cabeçalho da base */
.cq-brand { display: flex; align-items: center; gap: 10px; height: 100%; white-space: nowrap; color: #fff; font: italic 700 22px/1 var(--cq-serif); }
.cq-brand img { width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, .35); }
.local-lnxpxg { transition: opacity .35s ease; }
html.cq-na-intro .local-lnxpxg { opacity: 0; pointer-events: none; }
nav[data-local-name="Desktop"] { transition: background-color .3s ease, box-shadow .3s ease; }
html.cq-rolou nav[data-local-name="Desktop"] { background-color: rgba(26, 13, 16, .8) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; box-shadow: 0 6px 24px rgba(26, 13, 16, .18); }

/* Hero: mais contraste sobre a foto rosa */
.local-jnug4c img { object-position: center 22% !important; }
.local-jnug4c::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26, 13, 16, .4) 0%, rgba(26, 13, 16, 0) 28%, rgba(26, 13, 16, .25) 52%, rgba(26, 13, 16, .82) 100%), linear-gradient(90deg, rgba(26, 13, 16, .35), transparent 45%, transparent 60%, rgba(26, 13, 16, .35)); pointer-events: none; }
.local-1owxu0s, .local-styles-preset-1owxu0s, .local-styles-preset-1j1gyz0 { text-shadow: 0 2px 18px rgba(26, 13, 16, .35); }

/* Faixa com fotos de produtos */
.ticker-card img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; opacity: 1; box-shadow: 0 6px 18px rgba(168, 87, 74, .18); }

.cq-cat-link { display: inline-block; margin-top: 10px; color: var(--cq-rose-deep); font-weight: 600; text-decoration: none; }
.cq-cat-link:hover { text-decoration: underline; }
.care-results__tag { background: #f8ece6; color: var(--cq-rose-deep); }

/* ---------- Ações fixas (conta + carrinho) */
.cq-actions { position: fixed; z-index: 30; top: 20px; right: 30px; display: flex; align-items: center; gap: 10px; transition: opacity .35s ease, transform .35s ease; }
.cq-actions[data-hidden="true"] { opacity: 0; transform: translateY(-12px); pointer-events: none; }
.cq-actions__brand { display: none; margin-right: auto; }
.cq-actions__brand img { display: block; width: 42px; height: 42px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, .4); }
.cq-btn-login, .cq-btn-cart, .cq-user {
  display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px;
  background: rgba(26, 13, 16, .5); color: #fff; cursor: pointer;
  font: 500 14px/1 var(--cq-display); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  transition: background-color .2s ease, transform .2s ease;
}
.cq-btn-login:hover, .cq-btn-cart:hover, .cq-user:hover { background: rgba(168, 87, 74, .75); }
.cq-btn-cart { position: relative; width: 46px; padding: 0; justify-content: center; }
.cq-btn-cart.cq-pulo { animation: cq-pulo .5s ease; }
@keyframes cq-pulo { 40% { transform: scale(1.18); } }
.cq-btn-cart__qtd { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--cq-gold); color: var(--cq-night); font: 700 11px/20px var(--cq-sans); text-align: center; }
.cq-user { padding: 0 16px 0 7px; }
.cq-user__foto { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; background: var(--cq-peach); }
.cq-account { position: relative; }
.cq-user-menu { position: absolute; top: 56px; right: 0; width: 280px; padding: 18px; border-radius: 18px; background: #fff; color: var(--cq-ink); box-shadow: 0 18px 50px rgba(26, 13, 16, .22); font: 400 14px/1.4 var(--cq-sans); }
.cq-user-menu__ola { font: 600 16px/1.2 var(--cq-display); }
.cq-user-menu__email { margin: 2px 0 14px; color: var(--cq-muted); font-size: 13px; word-break: break-all; }
.cq-user-menu__label { padding-top: 12px; border-top: 1px solid var(--cq-line); color: var(--cq-muted); font: 600 11px/1 var(--cq-sans); letter-spacing: .1em; text-transform: uppercase; }
.cq-user-menu__pedidos { max-height: 180px; margin: 10px 0 14px; padding: 0; overflow: auto; list-style: none; }
.cq-user-menu__pedidos li { padding: 8px 0; border-bottom: 1px dashed var(--cq-line); font-size: 13px; }
.cq-user-menu__pedidos li span { display: block; color: var(--cq-muted); font-size: 12px; }
.cq-user-menu__sair { width: 100%; padding: 10px; border: 1px solid var(--cq-line); border-radius: 999px; background: none; color: var(--cq-rose-deep); cursor: pointer; font: 600 13px/1 var(--cq-sans); }

/* ---------- Botões */
.cq-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 20px; border: 0; border-radius: 999px; cursor: pointer; font: 600 14px/1 var(--cq-sans); text-decoration: none; transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.cq-btn:hover { transform: translateY(-1px); }
.cq-btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.cq-btn--primary { background: var(--cq-ink); color: #fff; }
.cq-btn--primary:hover { background: var(--cq-rose-deep); box-shadow: 0 8px 20px rgba(168, 87, 74, .3); }
.cq-btn--soft { background: var(--cq-blush); color: var(--cq-ink); }
.cq-btn--soft:hover { background: var(--cq-peach); }
.cq-btn--whats { width: 100%; background: var(--cq-whats); color: #fff; }
.cq-btn--whats:hover { background: #178f47; }
.cq-btn--outline { background: transparent; color: var(--cq-ink); box-shadow: inset 0 0 0 1.5px var(--cq-ink); }

/* ---------- Loja */
.cq-shop { position: relative; z-index: 2; width: 100vw; margin-left: calc(50% - 50vw); padding: clamp(72px, 9vw, 136px) 24px; background: var(--cq-cream); color: var(--cq-ink); }
.cq-shop__inner { width: min(100%, 1240px); margin: 0 auto; }
.cq-shop__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 36px; }
.cq-shop__title { margin-top: 18px; font: 500 clamp(38px, 5vw, 64px)/1.02 var(--cq-display); letter-spacing: -.045em; }
.cq-shop__title em, .cq-reels__title em { color: var(--cq-rose); font: italic 400 1.05em/1 var(--cq-serif); letter-spacing: -.02em; }
.cq-shop__sub { max-width: 360px; color: var(--cq-muted); font: 400 15px/1.55 var(--cq-sans); }

.cq-filters { display: flex; gap: 8px; margin: 0 -24px 28px; padding: 4px 24px; overflow-x: auto; scrollbar-width: none; }
.cq-filters::-webkit-scrollbar { display: none; }
.cq-chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border: 1px solid var(--cq-line); border-radius: 999px; background: #fff; color: var(--cq-ink); cursor: pointer; font: 500 14px/1 var(--cq-sans); transition: all .2s ease; }
.cq-chip small { color: var(--cq-muted); font-size: 12px; }
.cq-chip:hover { border-color: var(--cq-rose); }
.cq-chip[aria-selected="true"] { border-color: var(--cq-ink); background: var(--cq-ink); color: #fff; }
.cq-chip[aria-selected="true"] small { color: var(--cq-peach); }

.cq-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 22px; }
.cq-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cq-line); border-radius: 20px; background: #fff; transition: transform .3s ease, box-shadow .3s ease; animation: cq-entra .5s ease both; }
.cq-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(168, 87, 74, .14); }
@keyframes cq-entra { from { opacity: 0; transform: translateY(16px); } }
.cq-card__media { position: relative; display: block; width: 100%; padding: 0; border: 0; aspect-ratio: 1 / 1; overflow: hidden; background: var(--cq-sand); cursor: zoom-in; }
.cq-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .4s ease, transform .6s ease; }
.cq-card__media img + img { opacity: 0; }
.cq-card:hover .cq-card__media img { transform: scale(1.04); }
.cq-card:hover .cq-card__media img + img { opacity: 1; }
.cq-selo { position: absolute; z-index: 1; top: 12px; left: 12px; padding: 7px 11px; border-radius: 999px; background: var(--cq-rose-deep); color: #fff; font: 700 12px/1 var(--cq-sans); }
.cq-selo--esgotado { background: var(--cq-ink); }
.cq-card--esgotado .cq-card__media img { filter: grayscale(.55); opacity: .7; }
.cq-card__body { display: flex; flex: 1; flex-direction: column; padding: 16px 18px 18px; }
.cq-card__marca, .cq-modal__marca { color: #a07c70; font: 600 11px/1 var(--cq-sans); letter-spacing: .12em; text-transform: uppercase; }
.cq-card__nome { display: -webkit-box; margin: 8px 0 6px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font: 600 17px/1.25 var(--cq-display); letter-spacing: -.02em; }
.cq-card__chamada, .cq-modal__chamada { color: var(--cq-rose-deep); font: italic 400 17px/1.25 var(--cq-serif); }
.cq-card__copy { display: -webkit-box; margin: 8px 0 14px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--cq-muted); font: 400 13.5px/1.5 var(--cq-sans); }
.cq-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-top: auto; }
.cq-price s { color: #ad9890; font: 400 13px/1 var(--cq-sans); }
.cq-price strong { color: var(--cq-ink); font: 700 22px/1 var(--cq-display); letter-spacing: -.02em; }
.cq-price em { color: var(--cq-whats); font: 600 12px/1 var(--cq-sans); font-style: normal; }
.cq-card__acoes { display: grid; gap: 8px; margin-top: 14px; }
.cq-card__acoes .cq-btn { width: 100%; min-height: 44px; }

/* ---------- Reels */
.cq-reels { position: relative; z-index: 2; width: 100vw; margin-left: calc(50% - 50vw); padding: clamp(72px, 9vw, 128px) 0; background: radial-gradient(120% 80% at 80% 0%, #3a1520 0%, var(--cq-night) 60%); color: #fff; }
.cq-reels__inner { width: min(100%, 1240px); margin: 0 auto; }
.cq-reels__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 32px; padding: 0 24px; }
.cq-reels__eyebrow { color: var(--cq-peach); font: 500 14px/1.3 var(--cq-display); }
.cq-reels__title { margin-top: 14px; font: 500 clamp(36px, 4.6vw, 60px)/1.04 var(--cq-display); letter-spacing: -.045em; }
.cq-reels__title em { color: var(--cq-peach); }
.cq-reels__follow { flex: 0 0 auto; padding: 14px 20px; border-radius: 999px; background: var(--cq-peach); color: var(--cq-ink); font: 600 14px/1 var(--cq-sans); text-decoration: none; }
.cq-reels__track { display: flex; gap: 16px; padding: 0 24px 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #5a2a33 transparent; }
.cq-reel { position: relative; flex: 0 0 clamp(210px, 22vw, 260px); aspect-ratio: 9 / 16; overflow: hidden; border-radius: 20px; background: #2a1419; scroll-snap-align: start; }
.cq-reel video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; }
.cq-reel__legenda { position: absolute; inset: auto 0 0; padding: 60px 16px 16px; background: linear-gradient(180deg, transparent, rgba(26, 13, 16, .9)); font: 500 14px/1.35 var(--cq-sans); pointer-events: none; }
.cq-reel__som, .cq-reel__link { position: absolute; top: 12px; display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 50%; background: rgba(26, 13, 16, .55); color: #fff; cursor: pointer; font-size: 15px; text-decoration: none; backdrop-filter: blur(8px); }
.cq-reel__som { right: 12px; }
.cq-reel__link { right: 52px; }

/* ---------- Rodapé */
.cq-footer { position: relative; z-index: 2; width: 100vw; margin-left: calc(50% - 50vw); padding: 72px 24px 28px; background: var(--cq-night); color: var(--cq-blush); font: 400 14px/1.7 var(--cq-sans); }
.cq-footer__inner { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 40px; width: min(100%, 1180px); margin: 0 auto; }
.cq-footer__brand img { border-radius: 50%; margin-bottom: 14px; }
.cq-footer a { display: block; color: #fff; text-decoration: none; opacity: .88; margin: 0; font-weight: 400; }
.cq-footer a:hover { opacity: 1; color: var(--cq-peach); }
.cq-footer__label { margin-bottom: 10px; color: var(--cq-gold); font: 600 12px/1 var(--cq-sans); letter-spacing: .12em; text-transform: uppercase; }
.cq-footer__copy { width: min(100%, 1180px); margin: 48px auto 0; padding-top: 20px; border-top: 1px solid rgba(244, 220, 211, .15); color: rgba(244, 220, 211, .6); font-size: 12px; }

/* ---------- Carrinho */
.cq-overlay { position: fixed; z-index: 40; inset: 0; background: rgba(26, 13, 16, .45); backdrop-filter: blur(3px); }
.cq-cart { position: fixed; z-index: 41; top: 0; right: 0; display: flex; flex-direction: column; width: min(440px, 100%); height: 100%; height: 100dvh; background: var(--cq-cream); color: var(--cq-ink); box-shadow: -20px 0 60px rgba(26, 13, 16, .2); transform: translateX(105%); transition: transform .4s cubic-bezier(.2, .7, .2, 1); font: 400 14px/1.4 var(--cq-sans); }
.cq-cart.is-open { transform: none; }
.cq-cart__head { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid var(--cq-line); }
.cq-cart__head h2 { font: 600 22px/1 var(--cq-display); letter-spacing: -.03em; }
.cq-x { display: grid; width: 38px; height: 38px; place-items: center; border: 0; border-radius: 50%; background: var(--cq-blush); color: var(--cq-ink); cursor: pointer; font-size: 22px; line-height: 1; }
.cq-cart__body { flex: 1; overflow: auto; padding: 8px 24px; }
.cq-cart__itens { margin: 0; padding: 0; list-style: none; }
.cq-item { display: grid; grid-template-columns: 68px 1fr auto; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--cq-line); }
.cq-item img { width: 68px; height: 68px; border-radius: 14px; object-fit: cover; background: var(--cq-sand); }
.cq-item__nome { font: 600 14px/1.3 var(--cq-display); }
.cq-item__preco { margin-top: 4px; color: var(--cq-muted); font-size: 13px; }
.cq-qtd { display: inline-flex; align-items: center; margin-top: 8px; border: 1px solid var(--cq-line); border-radius: 999px; background: #fff; }
.cq-qtd button { width: 30px; height: 30px; border: 0; background: none; color: var(--cq-ink); cursor: pointer; font-size: 16px; }
.cq-qtd span { min-width: 22px; text-align: center; font-weight: 600; }
.cq-item__tirar { align-self: start; border: 0; background: none; color: #ad9890; cursor: pointer; font-size: 12px; text-decoration: underline; }
.cq-cart__vazio { display: none; padding: 60px 0; text-align: center; }
.cq-cart__vazio p { margin-bottom: 18px; color: var(--cq-muted); font-size: 16px; }
.cq-cart.is-vazio .cq-cart__vazio { display: block; }
.cq-cart.is-vazio .cq-cart__foot { display: none; }
.cq-cart__foot { padding: 18px 24px 22px; border-top: 1px solid var(--cq-line); background: #fff; max-height: 62vh; overflow: auto; }
.cq-cart__linha { display: flex; justify-content: space-between; margin-bottom: 6px; color: var(--cq-muted); }
.cq-cart__economia { color: var(--cq-whats); font-weight: 600; }
.cq-cart__total { margin: 10px 0 16px; color: var(--cq-ink); font: 600 18px/1 var(--cq-display); }
.cq-cart__total strong { font-size: 24px; }
.cq-checkout { display: grid; gap: 10px; }
.cq-checkout label { display: grid; gap: 5px; color: var(--cq-muted); font: 600 11px/1 var(--cq-sans); letter-spacing: .08em; text-transform: uppercase; }
.cq-checkout input, .cq-checkout select { width: 100%; padding: 12px 14px; border: 1px solid var(--cq-line); border-radius: 12px; background: var(--cq-cream); color: var(--cq-ink); font: 400 15px/1.2 var(--cq-sans); letter-spacing: 0; text-transform: none; }
.cq-checkout input:focus, .cq-checkout select:focus { outline: 2px solid var(--cq-peach); border-color: var(--cq-rose); }
.cq-checkout .cq-btn--whats { margin-top: 6px; min-height: 52px; font-size: 15px; }
.cq-checkout__nota { color: var(--cq-muted); font-size: 12px; text-align: center; }

/* ---------- Modal do produto e login */
.cq-modal, .cq-login { width: min(940px, calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 0; border: 0; border-radius: 26px; background: var(--cq-cream); color: var(--cq-ink); box-shadow: 0 30px 80px rgba(26, 13, 16, .35); }
.cq-modal::backdrop, .cq-login::backdrop { background: rgba(26, 13, 16, .55); backdrop-filter: blur(4px); }
.cq-modal[open], .cq-login[open] { animation: cq-sobe .35s cubic-bezier(.2, .7, .2, 1); }
@keyframes cq-sobe { from { opacity: 0; transform: translateY(24px) scale(.98); } }
.cq-modal__x { position: absolute; z-index: 2; top: 14px; right: 14px; }
.cq-modal__grid { display: grid; grid-template-columns: 1.05fr 1fr; }
.cq-modal__galeria { padding: 16px; background: var(--cq-sand); }
.cq-modal__foto { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 18px; object-fit: cover; background: #fff; }
.cq-modal__thumbs { display: flex; gap: 8px; margin-top: 10px; }
.cq-modal__thumbs button { width: 62px; height: 62px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 12px; cursor: pointer; }
.cq-modal__thumbs button[aria-current="true"] { border-color: var(--cq-rose); }
.cq-modal__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.cq-modal__info { display: flex; flex-direction: column; padding: 40px 34px 32px; }
.cq-modal__nome { margin: 10px 0 10px; font: 600 clamp(24px, 2.6vw, 32px)/1.1 var(--cq-display); letter-spacing: -.035em; }
.cq-modal__chamada { font-size: 21px; }
.cq-modal__copy { margin: 12px 0 22px; color: var(--cq-muted); font: 400 15px/1.6 var(--cq-sans); }
.cq-modal__preco { margin-top: 0; }
.cq-modal__preco strong { font-size: 30px; }
.cq-modal__acoes { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin: 20px 0 18px; }
.cq-modal__acoes .cq-btn--primary { grid-column: 1 / -1; }
.cq-modal__acoes .cq-qtd { margin: 0; height: 46px; }
.cq-modal__acoes .cq-qtd button { width: 40px; height: 44px; }
.cq-modal__detalhes { border-top: 1px solid var(--cq-line); padding-top: 14px; color: var(--cq-muted); font: 400 14px/1.6 var(--cq-sans); }
.cq-modal__detalhes summary { color: var(--cq-ink); cursor: pointer; font-weight: 600; }
.cq-modal__desc { margin-top: 10px; white-space: pre-line; }

.cq-login { width: min(430px, calc(100% - 32px)); padding: 40px 30px 32px; text-align: center; font: 400 15px/1.55 var(--cq-sans); }
.cq-login__logo { border-radius: 50%; margin-bottom: 14px; box-shadow: 0 8px 24px rgba(168, 87, 74, .2); }
.cq-login h2 { margin-bottom: 8px; font: 600 26px/1.1 var(--cq-display); letter-spacing: -.03em; }
.cq-login > p { color: var(--cq-muted); }
.cq-login__google { display: flex; justify-content: center; min-height: 44px; margin-top: 22px; }
.cq-login__aviso { margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: var(--cq-blush); color: var(--cq-ink); font-size: 13px; text-align: left; }
.cq-google-fake { display: inline-flex; align-items: center; gap: 12px; height: 44px; padding: 0 18px; border: 1px solid #dadce0; border-radius: 999px; background: #fff; color: #3c4043; cursor: pointer; font: 500 14px/1 var(--cq-sans); }

/* ---------- Aviso rápido */
.cq-toast { position: fixed; z-index: 60; left: 50%; bottom: 24px; max-width: calc(100% - 32px); padding: 14px 20px; border-radius: 999px; background: var(--cq-ink); color: #fff; font: 500 14px/1.3 var(--cq-sans); box-shadow: 0 12px 30px rgba(26, 13, 16, .3); opacity: 0; transform: translate(-50%, 20px); pointer-events: none; transition: opacity .3s ease, transform .3s ease; }
.cq-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* ---------- Responsivo */
@media (max-width: 809.98px) {
  .local-lnxpxg { display: none !important; }
  .cq-longo { display: none; }
  .cq-btn .cq-curto { display: inline; }
  .cq-actions { top: 14px; left: 16px; right: 16px; }
  .cq-actions__brand { display: block; }
  .cq-btn-login span { display: none; }
  .cq-btn-login { width: 46px; padding: 0; justify-content: center; }
  .cq-user__nome { display: none; }
  .cq-user { padding: 0 7px; }
  .cq-shop { padding: 72px 16px; }
  .cq-shop__head { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 24px; }
  .cq-filters { margin: 0 -16px 22px; padding: 4px 16px; }
  .cq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .cq-card { border-radius: 16px; }
  .cq-card__body { padding: 12px 12px 14px; }
  .cq-card__nome { font-size: 15px; }
  .cq-card__chamada { font-size: 15px; }
  .cq-card__copy { display: none; }
  .cq-price strong { font-size: 19px; }
  .cq-card__acoes .cq-btn { min-height: 40px; padding: 0 10px; font-size: 13px; }
  .cq-reels__head { flex-direction: column; align-items: flex-start; padding: 0 16px; }
  .cq-reels__track { padding: 0 16px 8px; }
  .cq-footer__inner { grid-template-columns: 1fr; gap: 28px; }
  .cq-modal__grid { grid-template-columns: 1fr; }
  .cq-modal__info { padding: 24px 20px 26px; }
  .cq-modal { overflow: auto; }
}
@media (max-width: 340px) { .cq-grid { grid-template-columns: 1fr; } }
.cq-curto { display: none; }
@media (prefers-reduced-motion: reduce) { .cq-card, .cq-modal[open], .cq-login[open] { animation: none; } html { scroll-behavior: auto; } }

/* Corrige a base: os 3 cards da seção "Nossa essência" ficavam com altura 0 entre 810 e 1439px */
.local-DnZgW .local-jqpwh3, .local-DnZgW .local-1lx34zx, .local-DnZgW .local-1r0jf92, .local-jqpwh3 { aspect-ratio: 4 / 5; min-height: 260px; }

/* Abertura: legenda abaixo do logo no celular (tela em pé) */
.cq-intro__lema { display: none; position: absolute; left: 0; right: 0; top: calc(50% + 50vw); margin: 0; color: rgba(242, 196, 179, .85); font: italic 400 19px/1.3 var(--cq-serif); letter-spacing: .02em; text-align: center; pointer-events: none; text-shadow: 0 0 18px rgba(199, 125, 103, .6); transition: opacity .3s; }
@media (orientation: portrait) and (max-width: 809.98px) { .cq-intro__lema { display: block; } .cq-intro__hint { bottom: max(28px, env(safe-area-inset-bottom)); } }
