/* Prime Disk Água — anil e pitanga */
@layer base, estrutura, pecas, ajustes;

@layer base {
  :root {
    --anil-noite: #1a2152;
    --anil-fundo: #121843;
    --anil: #2e3f9e;
    --anil-forte: #24317d;
    --anil-claro: #e9eeff;
    --anil-medio: #c9d3fb;
    --ceu: #f5f8ff;
    --pitanga: #cc3d60;
    --pitanga-forte: #b53656;
    --pitanga-clara: #ffe5ec;
    --zap: #0f7a40;
    --zap-forte: #0b6334;
    --papel: #fffdf6;
    --tinta: #1a2152;
    --apagado: #4b5482;
    --contorno: #d6dcf5;
    --perigo: #b3261e;
    --letra-titulo: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
    --letra-texto: "Jost", "Segoe UI", Roboto, sans-serif;
    --cantos: 18px;
  }

  :where(*, ::before, ::after) { box-sizing: border-box; }
  [hidden]:not([hidden="until-found"]) { display: none !important; }

  html { -webkit-text-size-adjust: 100%; scroll-padding-top: 88px; scroll-behavior: smooth; }

  body.pr {
    margin: 0;
    min-height: 100vh;
    background: var(--ceu);
    color: var(--tinta);
    font-family: var(--letra-texto);
    font-size: 1.0625rem;
    line-height: 1.6;
  }

  h1, h2, h3 { margin: 0 0 .5em; color: var(--anil-noite); font-family: var(--letra-titulo); font-weight: 400; line-height: 1.12; letter-spacing: .005em; }
  h1 { font-size: clamp(2.3rem, 5.6vw, 3.7rem); }
  h2 { font-size: clamp(1.75rem, 3.6vw, 2.5rem); }
  h3 { font-size: 1.3rem; }
  p { margin: 0 0 .9em; }
  :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
  a { color: var(--anil); text-decoration-thickness: .08em; text-underline-offset: .2em; }
  a:hover { color: var(--pitanga-forte); }
  img, svg { display: block; }
  button, input, select, textarea { font: inherit; color: inherit; }
  :focus-visible { outline: 3px solid var(--pitanga); outline-offset: 3px; }
}

@layer estrutura {
  .pr-largura { width: 100%; max-width: 1160px; margin-inline: auto; padding-inline: 22px; }
  .pr-largura--texto { max-width: 820px; }

  .pr-atalho { position: absolute; left: -9999px; top: 8px; z-index: 80; padding: 10px 16px; border-radius: 10px; background: var(--anil-noite); color: #fff; }
  .pr-atalho:focus { left: 12px; color: #fff; }

  .pr-secao { padding-block: clamp(56px, 8vw, 96px); }
  .pr-secao--clara { background: var(--anil-claro); }
  .pr-secao__apoio { max-width: 42em; color: var(--apagado); }

  .pr-sobre-titulo {
    display: inline-flex; gap: 10px; align-items: center;
    margin-bottom: .8em;
    color: var(--pitanga-forte);
    font-size: .84rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  }
  .pr-sobre-titulo::before {
    content: ""; width: 14px; height: 14px; border-radius: 50%;
    border: 3px solid currentColor; background: var(--ceu);
  }
  .pr-sobre-titulo--claro { color: #ffb8c8; }
  .pr-sobre-titulo--claro::before { background: transparent; }
}

@layer pecas {
  /* ---- aviso de cookies: faixa no alto da página, sem cobrir nada ---- */
  .pr-cookies { background: var(--anil-noite); color: #eef1ff; font-size: .95rem; }
  .pr-cookies__dentro { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-block: 14px; }
  .pr-cookies p { flex: 1 1 420px; margin: 0; }
  .pr-cookies a { color: #ffd1dc; }
  .pr-cookies__escolha { display: flex; gap: 10px; }

  /* ---- botões e chamadas ---- */
  .pr-botao {
    display: inline-flex; align-items: center; justify-content: center; column-gap: .55em;
    min-height: 52px; padding: .6em 1.4em;
    border: 2px solid transparent; border-radius: 14px;
    font-weight: 700; font-size: 1.02rem; line-height: 1.15; text-align: center; text-decoration: none;
    cursor: pointer;
    transition: transform .12s ease, background-color .15s ease, box-shadow .12s ease;
  }
  .pr-botao:active { transform: translateY(2px); }
  .pr-botao--zap { background: var(--zap); color: #fff; box-shadow: 0 4px 0 var(--zap-forte); }
  .pr-botao--zap:hover { background: var(--zap-forte); color: #fff; }
  .pr-botao--pitanga { background: var(--pitanga); color: #fff; box-shadow: 0 4px 0 var(--pitanga-forte); }
  .pr-botao--pitanga:hover { background: var(--pitanga-forte); color: #fff; }
  .pr-botao--claro { background: #fff; color: var(--anil-noite); box-shadow: 0 4px 0 var(--anil-medio); }
  .pr-botao--claro:hover { background: var(--anil-claro); color: var(--anil-noite); }
  .pr-botao--vazado { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .7); }
  .pr-botao--vazado:hover { background: rgba(255, 255, 255, .12); color: #fff; }
  .pr-botao--vazado-escuro { background: transparent; color: var(--anil-noite); border-color: var(--anil-noite); }
  .pr-botao--vazado-escuro:hover { background: var(--anil-noite); color: #fff; }
  .pr-botao--curto { min-height: 42px; padding: .45em 1em; font-size: .95rem; box-shadow: 0 3px 0 var(--zap-forte); }
  .pr-botao--cheio { width: 100%; }
  .pr-icone { width: 1.25em; height: 1.25em; flex: none; }

  /* ---- topo ---- */
  .pr-topo { position: sticky; top: 0; z-index: 40; background: #fff; border-bottom: 1px solid var(--contorno); }
  .pr-topo__linha { display: flex; align-items: center; gap: 18px; min-height: 74px; }
  .pr-marca { display: inline-flex; align-items: center; gap: 11px; margin-right: auto; color: var(--anil-noite); text-decoration: none; }
  .pr-marca:hover { color: var(--anil-noite); }
  .pr-marca__desenho { width: 44px; height: 44px; flex: none; }
  .pr-marca__texto { display: grid; line-height: 1; }
  .pr-marca__nome { font-family: var(--letra-titulo); font-size: 1.6rem; letter-spacing: .01em; }
  .pr-marca__sub { margin-top: 3px; color: var(--apagado); font-size: .78rem; font-weight: 600; }
  .pr-topo__links { display: flex; gap: 4px; }
  .pr-topo__links a { padding: 8px 12px; border-radius: 10px; color: var(--tinta); font-weight: 600; text-decoration: none; }
  .pr-topo__links a:hover { background: var(--anil-claro); color: var(--anil-noite); }
  .pr-topo__contatos { display: flex; align-items: center; gap: 10px; }
  .pr-numero {
    display: inline-flex; align-items: center; column-gap: 8px;
    min-height: 42px; padding: 0 14px; border-radius: 12px;
    background: var(--anil-claro); color: var(--anil-noite);
    font-weight: 700; white-space: nowrap; text-decoration: none;
  }
  .pr-numero:hover { background: var(--anil); color: #fff; }

  /* ---- abertura ---- */
  .pr-abertura {
    padding-block: clamp(34px, 6vw, 70px) clamp(48px, 7vw, 86px);
    background-color: var(--ceu);
    background-image: radial-gradient(circle, rgba(46, 63, 158, .09) 2px, transparent 2.6px);
    background-size: 26px 26px;
  }
  .pr-abertura__grade { display: grid; gap: 34px; align-items: start; }
  .pr-acima {
    display: inline-block; margin-bottom: 14px; padding: 6px 14px; border-radius: 999px;
    background: var(--pitanga-clara); color: var(--pitanga-forte);
    font-size: .9rem; font-weight: 700;
  }
  .pr-abertura__apoio { max-width: 34em; color: var(--apagado); font-size: 1.15rem; }
  .pr-fichas { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 26px; }
  .pr-fichas li { padding: 6px 13px; border: 1.5px solid var(--anil-medio); border-radius: 10px; background: #fff; font-size: .93rem; font-weight: 600; }

  .pr-abertura__disco { display: flex; align-items: center; gap: 20px; }
  .pr-disco { flex: none; width: 214px; border-radius: 50%; text-decoration: none; }
  .pr-disco svg { width: 100%; height: auto; }
  .pr-disco__fundo { fill: var(--anil); }
  .pr-disco__aro { fill: var(--anil-forte); }
  .pr-disco__furo { fill: var(--ceu); }
  .pr-disco__digito { fill: var(--anil-noite); font: 400 18px var(--letra-titulo); text-anchor: middle; }
  .pr-disco__trava { stroke: var(--pitanga); stroke-width: 8; stroke-linecap: round; fill: none; }
  .pr-disco__centro { fill: #fff; }
  .pr-disco__chamada { fill: var(--pitanga-forte); font: 700 12px var(--letra-texto); letter-spacing: .16em; text-anchor: middle; }
  .pr-disco__ddd { fill: var(--apagado); font: 600 15px var(--letra-texto); text-anchor: middle; }
  .pr-disco__numero { fill: var(--anil-noite); font: 400 17px var(--letra-titulo); text-anchor: middle; }
  .pr-disco__roda { transform-box: view-box; transform-origin: 120px 120px; transition: transform .6s cubic-bezier(.3, 1.4, .5, 1); }
  .pr-disco:hover .pr-disco__roda, .pr-disco:focus-visible .pr-disco__roda { transform: rotate(-28deg); }
  .pr-abertura__ligar { margin: 0; color: var(--apagado); }
  .pr-abertura__ligar a { font-weight: 700; font-size: 1.15rem; }

  /* ---- cartão do pedido ---- */
  .pr-cartao-pedido {
    position: relative;
    padding: 34px 24px 24px;
    border: 2px solid var(--anil-medio); border-radius: 24px;
    background: #fff;
    box-shadow: 0 26px 50px -30px rgba(26, 33, 82, .55);
  }
  .pr-cartao-pedido__selo {
    position: absolute; top: -15px; left: 22px; margin: 0;
    padding: 5px 14px; border-radius: 9px;
    background: var(--pitanga); color: #fff;
    font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  }
  .pr .pr-cartao-pedido__titulo { margin-bottom: .2em; color: var(--anil-noite); font-size: 1.75rem; }
  .pr-cartao-pedido__apoio { color: var(--apagado); font-size: .98rem; }
  .pr-cartao-pedido a:not(.pr-botao) { color: var(--anil); }

  /* ---- formulário / pedido pronto ---- */
  .pr-comanda { display: grid; gap: 16px; }
  .pr-comanda__alerta { margin: 0; padding: 12px 14px; border-radius: 10px; background: #fde9e7; color: #7c1712; font-weight: 600; border-left: 5px solid var(--perigo); }
  .pr-comanda fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
  .pr-comanda legend { margin-bottom: 8px; padding: 0; font-weight: 700; color: var(--tinta); }
  .pr-itens { display: grid; gap: 8px; }
  .pr-item {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 12px; border-radius: 14px; background: var(--anil-claro);
  }
  .pr-item__nome { font-weight: 600; }
  .pr-contador { display: flex; align-items: center; gap: 6px; flex: none; }
  .pr-contador__botao {
    width: 40px; height: 40px; border: 0; border-radius: 50%;
    background: #fff; color: var(--anil-noite);
    font-size: 1.35rem; font-weight: 700; line-height: 1; cursor: pointer;
    box-shadow: 0 2px 0 var(--anil-medio);
  }
  .pr-contador__botao:hover { background: var(--anil); color: #fff; }
  .pr-contador input { width: 54px; height: 40px; border: 1.5px solid var(--anil-medio); border-radius: 10px; background: #fff; text-align: center; font-weight: 700; -moz-appearance: textfield; appearance: textfield; }
  .pr-contador input::-webkit-outer-spin-button, .pr-contador input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
  .pr-opcoes { display: flex; flex-wrap: wrap; gap: 8px; }
  .pr-opcoes legend { width: 100%; }
  .pr-opcao { position: relative; cursor: pointer; }
  .pr-opcao input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
  .pr-opcao span { display: block; padding: 9px 18px; border: 1.5px solid var(--anil-medio); border-radius: 999px; background: #fff; font-weight: 600; }
  .pr-opcao input:checked + span { background: var(--anil); border-color: var(--anil); color: #fff; }
  .pr-opcao input:focus-visible + span { outline: 3px solid var(--pitanga); outline-offset: 2px; }
  .pr-dupla { display: grid; gap: 14px; }
  .pr-campo { display: grid; gap: 6px; min-width: 0; }
  .pr-campo label { font-weight: 700; font-size: .95rem; }
  .pr-opcional { color: var(--apagado); font-weight: 500; }
  .pr-campo input, .pr-campo select, .pr-campo textarea {
    width: 100%; min-height: 48px; padding: 10px 13px;
    border: 1.5px solid var(--anil-medio); border-radius: 12px; background: #fff;
  }
  .pr-campo textarea { resize: vertical; min-height: 74px; }
  .pr-campo input:focus, .pr-campo select:focus, .pr-campo textarea:focus { border-color: var(--anil); outline: 3px solid rgba(46, 63, 158, .25); outline-offset: 0; }
  .pr-campo [aria-invalid="true"], .pr-itens[aria-invalid="true"] .pr-item { border-color: var(--perigo); box-shadow: 0 0 0 2px rgba(179, 38, 30, .18); }
  .pr-campo--marca { grid-template-columns: auto 1fr; align-items: start; column-gap: 10px; }
  .pr-campo--marca input { width: 22px; height: 22px; min-height: 0; margin: 3px 0 0; accent-color: var(--anil); }
  .pr-campo--marca label { font-weight: 400; }
  .pr-campo--marca .pr-erro { grid-column: 1 / -1; }
  .pr-erro { margin: 0; color: var(--perigo); font-size: .9rem; font-weight: 600; }
  .pr-isca { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .pr-comanda__nota { margin: 0; color: var(--apagado); font-size: .88rem; text-align: center; }
  .pr-comanda .pr-botao--zap { min-height: 56px; font-size: 1.1rem; }

  /* bilhete: o pedido escrito, como um papelzinho de comanda */
  .pr-bilhete {
    position: relative;
    padding: 14px 16px 20px;
    background-color: var(--papel);
    border: 1.5px dashed #e4cf9e; border-radius: 6px 6px 0 0;
  }
  .pr-bilhete::after {
    content: ""; position: absolute; left: -1.5px; right: -1.5px; bottom: -9px; height: 10px;
    background: linear-gradient(-45deg, transparent 6px, var(--papel) 0) 0 0 / 12px 10px repeat-x,
                linear-gradient(45deg, transparent 6px, var(--papel) 0) 0 0 / 12px 10px repeat-x;
  }
  .pr-bilhete__titulo { margin: 0 0 6px; color: #8a6d23; font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
  .pr-bilhete__texto { display: block; margin: 0; white-space: pre-wrap; font-family: inherit; font-size: .97rem; color: var(--tinta); }

  .pr-pelo-site { border-top: 1px dashed var(--contorno); padding-top: 12px; }
  .pr-pelo-site summary { cursor: pointer; font-weight: 700; color: var(--anil); list-style-position: inside; }
  .pr-pelo-site[open] summary { margin-bottom: 14px; }
  .pr-pelo-site > :not(summary) + :not(summary) { margin-top: 14px; }

  /* ---- identificação da empresa ---- */
  .pr-identidade { background: var(--anil); color: #f1f4ff; }
  .pr-identidade__lista { display: grid; gap: 4px 28px; margin: 0; padding-block: 20px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
  .pr-identidade__lista div { padding-block: 6px; min-width: 0; }
  .pr-identidade dt { color: #c3ccff; font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
  .pr-identidade dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
  .pr-identidade a { color: #fff; }
  .pr-identidade a:hover { color: #ffd1dc; }

  /* ---- produtos da loja ---- */
  .pr-produtos { display: grid; gap: 20px; margin-top: 26px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
  .pr-produto { display: flex; flex-direction: column; padding: 26px; border: 1.5px solid var(--contorno); border-radius: var(--cantos); background: #fff; }
  .pr-produto__desenho { width: 62px; height: 62px; margin-bottom: 14px; padding: 9px; border-radius: 16px; background: var(--anil-claro); fill: none; stroke: var(--anil); stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }
  .pr-produto p { color: var(--apagado); }
  .pr-produto__mais { margin-top: auto; font-weight: 700; }

  /* ---- passos ligados pelo fio ---- */
  .pr-passos { position: relative; display: grid; gap: 30px; margin-top: 34px; counter-reset: passo; }
  .pr-passo { position: relative; padding: 24px 22px 22px; border-radius: var(--cantos); background: #fff; }
  .pr-passo__tecla {
    display: grid; place-items: center center;
    width: 58px; height: 58px; margin-bottom: 14px;
    border-radius: 16px; background: var(--anil); color: #fff;
    font: 400 1.8rem/1 var(--letra-titulo);
    box-shadow: 0 5px 0 var(--anil-forte);
  }
  .pr-passo p { margin: 0; color: var(--apagado); }

  /* ---- dúvidas ---- */
  .pr-perguntas { display: grid; gap: 10px; margin-top: 22px; }
  .pr-pergunta { border-radius: 14px; background: #fff; border: 1.5px solid var(--contorno); }
  .pr-pergunta summary {
    display: flex; align-items: center; justify-content: space-between; gap: 14px;
    padding: 16px 18px; font-weight: 700; cursor: pointer; list-style: none;
  }
  .pr-pergunta summary::-webkit-details-marker { display: none; }
  .pr-pergunta summary::after {
    content: "+"; flex: none; display: grid; place-items: center;
    width: 30px; height: 30px; border-radius: 50%;
    background: var(--ceu); border: 2px solid var(--anil-medio);
    color: var(--anil); font-size: 1.2rem; line-height: 1;
  }
  .pr-pergunta[open] summary::after { content: "−"; background: var(--pitanga); border-color: var(--pitanga); color: #fff; }
  .pr-pergunta p { margin: 0; padding: 0 18px 18px; color: var(--apagado); }

  /* ---- onde fica ---- */
  .pr-onde { display: grid; gap: 28px; align-items: center; }
  .pr-onde__endereco { font-weight: 700; font-size: 1.1rem; }
  .pr-mapa {
    display: grid; gap: 12px; justify-items: start;
    min-height: 220px; align-content: center;
    padding: 28px; border-radius: var(--cantos);
    background-color: var(--anil-noite);
    background-image: radial-gradient(circle, rgba(255, 255, 255, .16) 2px, transparent 2.6px);
    background-size: 22px 22px;
    color: #fff;
  }
  .pr-mapa__aviso { margin: 0; font-weight: 600; }
  .pr .pr-mapa__fora { color: #fff; font-weight: 700; }
  .pr-mapa--aberto { padding: 0; background: none; overflow: hidden; }
  .pr-mapa iframe { display: block; width: 100%; height: 340px; border: 0; border-radius: var(--cantos); }
  .pr-mapa__link-solto { display: inline-block; margin-top: 12px; font-weight: 700; }

  /* ---- páginas de anúncio ---- */
  .pr-cartoes { display: grid; gap: 18px; margin-top: 28px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
  .pr-cartao { padding: 24px 22px; border-radius: var(--cantos); background: #fff; border: 1.5px solid var(--contorno); }
  .pr-cartao__numero { display: inline-block; margin-bottom: 10px; color: var(--pitanga); font: 400 1.6rem/1 var(--letra-titulo); }
  .pr-cartao p { margin: 0; color: var(--apagado); }

  /* ---- pedido completo ---- */
  .pr-final { padding-block: clamp(56px, 8vw, 96px); background: var(--anil-noite); color: #e7ebff; }
  .pr-final__grade { display: grid; gap: 36px; align-items: start; }
  .pr .pr-final__texto h2 { color: #fff; }
  .pr-canais { display: grid; gap: 10px; margin-top: 22px; }
  .pr-canal { display: grid; gap: 2px; margin: 0; padding: 12px 16px; border-radius: 14px; background: rgba(255, 255, 255, .07); color: #fff; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
  a.pr-canal:hover { background: rgba(255, 255, 255, .14); color: #fff; }
  .pr-canal__rotulo { color: #ffb8c8; font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
  .pr-final .pr-cartao-pedido { color: var(--tinta); border-color: transparent; }

  /* ---- textos, confirmação e erro ---- */
  .pr-texto h1 { margin-bottom: .7em; }
  .pr-texto__parte { margin-bottom: 26px; }
  .pr-texto h2 { font-size: 1.45rem; }
  .pr-texto__versao { color: var(--apagado); font-size: .9rem; }
  .pr-recebido__texto { font-size: 1.15rem; }
  .pr-bilhete--solto { margin-block: 22px 34px; }
  .pr-recebido__acoes { display: flex; flex-wrap: wrap; gap: 12px; }
  .pr-lista-simples { display: grid; gap: 6px; margin-bottom: 1em; }
  .pr-lista-simples a { font-weight: 700; }

  /* ---- rodapé com os dados da loja ---- */
  .pr-rodape { background: var(--anil-fundo); color: #d7ddfb; font-size: .95rem; }
  .pr-rodape__grade { display: grid; gap: 26px; padding-block: 44px 30px; }
  .pr-rodape p { margin: 0 0 6px; }
  .pr-rodape__nome { color: #fff; font: 400 1.35rem/1.2 var(--letra-titulo); }
  .pr-rodape__titulo { color: #ffb8c8; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
  .pr-rodape a { color: #fff; overflow-wrap: anywhere; }
  .pr-rodape a:hover { color: #ffd1dc; }
  .pr-rodape__links { display: grid; gap: 6px; }
  .pr-rodape__cookies { padding: 0; border: 0; background: none; color: #fff; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
  .pr-rodape__fim { padding-block: 16px 26px; border-top: 1px solid rgba(255, 255, 255, .12); }
  .pr-rodape__fim p { margin: 0; color: #aeb7e6; font-size: .86rem; }

  /* ---- barra do celular ---- */
  .pr-barra {
    position: fixed; inset-inline: 0; bottom: 0; z-index: 45;
    display: flex; gap: 8px;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
    background: #fff; box-shadow: 0 -10px 24px -16px rgba(26, 33, 82, .6);
    transition: transform .25s ease;
  }
  .pr-barra a { flex: 1; display: grid; place-items: center; min-height: 50px; padding: 0 6px; border-radius: 12px; font-weight: 700; white-space: nowrap; text-decoration: none; }
  .pr-barra__zap { background: var(--zap); color: #fff; }
  .pr-barra__ligar { background: var(--anil-claro); color: var(--anil-noite); }
  .pr-barra__pedido { background: var(--pitanga); color: #fff; }
  .pr-barra a:hover { filter: brightness(.95); }
  .pr-barra--escondida { transform: translateY(120%); }
  .pr--barra { padding-bottom: 72px; }
}

@layer ajustes {
  @media screen and (min-width: 40em) {
    .pr-largura { padding-inline: 30px; }
    .pr-dupla { grid-template-columns: 1fr 1fr; }
    .pr-cartao-pedido { padding: 38px 30px 28px; }
  }

  @media (min-width: 920px) {
    .pr-abertura__grade { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 52px; }
    .pr-abertura__texto { padding-top: 14px; }
    .pr-passos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    /* o fio enrolado que liga as teclas */
    .pr-passos::before {
      content: ""; position: absolute; top: 52px; left: 10%; right: 10%; height: 12px;
      background: radial-gradient(circle at 50% 50%, transparent 3.2px, var(--anil-medio) 3.6px 5.4px, transparent 5.8px) 0 0 / 11px 12px repeat-x;
    }
    .pr-onde { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
    .pr-final__grade { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 52px; }
    .pr-rodape__grade { grid-template-columns: 1.5fr 1fr 1fr; }
    .pr-barra { display: none; }
    .pr--barra { padding-bottom: 0; }
  }

  @media (max-width: 65em) {
    .pr-topo__links { display: none; }
  }

  @media (max-width: 35em) {
    .pr-largura { padding-inline: 16px; }
    .pr-topo__linha { gap: 10px; min-height: 66px; }
    .pr-marca__desenho { width: 38px; height: 38px; }
    .pr-marca__nome { font-size: 1.35rem; }
    .pr-marca__sub { display: none; }
    .pr-numero { width: 44px; padding: 0; justify-content: center; }
    .pr-numero span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .pr-abertura__disco { flex-direction: column; text-align: center; }
    .pr-disco { width: 170px; }
    .pr-cartao-pedido { padding: 30px 16px 20px; }
    .pr-item { flex-wrap: wrap; }
  }

  @media (update: slow), (prefers-reduced-motion: reduce) {
    html, body { scroll-behavior: auto; }
    .pr-disco__roda, .pr-barra, .pr-botao { transition: none; }
  }

  @media print {
    .pr-topo, .pr-barra, .pr-cookies, .pr-abertura__pedido, .pr-final { display: none !important; }
  }
}