/* ============================================================
   liorit-chrome.css — chrome compartilhado das páginas de loja
   (topbar, header, menu, ícones, footer, variáveis e base).
   Usado por: loja.html, produto.html, 404.html.
   NÃO usado pela home (liorit/vendas) — ela tem outro sistema (vendas.css).
   Extraído de produto.html (canônico). Não editar por página.
   ============================================================ */

  :root {
    --teal-deep: #2f7a7d;
    --teal: #4a9396;
    --teal-soft: #b9e0dd;
    --teal-mist: #dcefee;
    --pink-soft: #f8d4e0;
    --pink-mist: #fce6ee;
    --pink-rose: #d49ab3;
    --pink-deep: #b56b88;
    --cream: #fbf6ee;
    --ivory: #fffaf3;
    --gold: #c9a96b;
    --gold-deep: #a88a48;
    --gold-warm: #b8924a;
    --ink: #1f1f1f;
    --ink-soft: #4a4a4a;
    --grey: #8a8a8a;
    --grey-soft: #c4c4c4;
    --grey-bg: #f4f1ec;
    --line: #e5e0d6;
    --display: "Bodoni Moda", "Cormorant Garamond", serif;
    --serif: "Cormorant Garamond", serif;
    --sans: "Manrope", -apple-system, sans-serif;
  }

  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }

  /* ============================================================
     TOPBAR + HEADER LIORIT (mesma estrutura da vendas.html)
     ============================================================ */
  .pd-topbar{
    position:fixed;top:0;left:0;right:0;
    background:#fff;
    border-bottom:1px solid var(--line);
    z-index:101;
    height:36px;
    font-family:'Jost', system-ui, sans-serif;
  }
  .pd-topbar__inner{
    height:100%; padding:0 32px;
    display:flex;align-items:center;justify-content:space-between;
    gap:24px;
    font-size:11px; letter-spacing:.04em;
    color:var(--ink);
  }
  .pd-topbar__left{
    flex:1; min-width:0;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    color:var(--grey);
  }
  .pd-topbar__links{
    display:flex; align-items:center; gap:0;
    list-style:none; padding:0; margin:0; flex-shrink:0;
  }
  .pd-topbar__links li{display:flex;align-items:center}
  .pd-topbar__links li + li::before{
    content:''; display:inline-block;
    width:1px; height:11px;
    background:var(--line);
    margin:0 18px;
  }
  .pd-topbar__links a{
    color:var(--ink); text-decoration:none;
    letter-spacing:.04em; transition:color .2s;
  }
  .pd-topbar__links a:hover{color:var(--pink-deep)}

  .pd-hdr{
    position:fixed;top:36px;left:0;right:0;
    background:#fff;
    border-bottom:1px solid var(--line);
    z-index:100;
    height:84px;
    font-family:'Jost', system-ui, sans-serif;
    transition:box-shadow .3s ease;
  }
  .pd-hdr.scrolled{box-shadow:0 4px 18px rgba(20,64,63,.06)}
  .pd-hdr__inner{
    height:100%; padding:0 32px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center; gap:24px;
  }
  .pd-hdr__menu{
    display:inline-flex;align-items:center;gap:12px;
    background:none;border:none;padding:8px 0;
    color:var(--ink); cursor:pointer; font-family:inherit;
    justify-self:start;
  }
  .pd-burger{
    display:inline-flex;flex-direction:column;justify-content:center;
    gap:5px; width:22px;
  }
  .pd-burger span{
    display:block; width:22px; height:1.5px;
    background:var(--ink); transition:transform .3s ease;
  }
  .pd-hdr__menu-label{
    font-size:13px; letter-spacing:.08em;
    text-transform:uppercase; color:var(--ink);
  }
  .pd-hdr__menu:hover .pd-burger span{background:var(--pink-deep)}
  .pd-hdr__menu:hover .pd-hdr__menu-label{color:var(--pink-deep)}

  .pd-hdr__logo{
    font-family:'Cinzel', serif;
    font-weight:400; font-size:32px;
    letter-spacing:.42em; text-indent:.42em;
    color:var(--ink); text-decoration:none;
    white-space:nowrap; justify-self:center;
  }

  .pd-hdr__icons{
    display:inline-flex;align-items:center;
    gap:24px; justify-self:end;
  }
  .pd-icon{
    position:relative; width:36px;height:36px;
    display:inline-flex;align-items:center;justify-content:center;
    background:none;border:none;cursor:pointer;
    color:var(--ink); transition:color .2s;
  }
  .pd-icon:hover{color:var(--pink-deep)}
  .pd-icon__badge{
    position:absolute; top:2px;right:0;
    background:var(--pink-deep); color:#fff;
    font-family:'Jost', sans-serif;
    font-size:9px; font-weight:500;
    min-width:16px; height:16px; padding:0 4px;
    border-radius:999px;
    display:inline-flex; align-items:center; justify-content:center;
    line-height:1;
  }

  body { padding-top: 120px; }

  @media (max-width:1024px){
    /* Header duplo em mobile — topbar fina + header */
    .pd-topbar{ display:block; height:32px; background:#fff; color:var(--ink); border-bottom:1px solid var(--line); }
    .pd-topbar__inner{ padding:0 14px; }
    .pd-topbar__left{
      flex:1; text-align:center; color:var(--ink);
      font-size:10px; letter-spacing:.18em;
      text-transform:uppercase; opacity:.92;
    }
    .pd-topbar__links{display:none}
    .pd-hdr{top:32px;height:60px}
    .pd-hdr__inner{padding:0 16px;gap:8px}
    .pd-hdr__menu-label{display:none}
    .pd-hdr__logo{font-size:22px;letter-spacing:.32em;text-indent:.32em}
    .pd-hdr__icons{gap:8px}
    body { padding-top: 92px; }
  }

  body {
    margin: 0;
    font-family: var(--sans);
    color: var(--ink);
    background: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.5;
  }
  a { color: inherit; text-decoration: none; }
  button { font-family: inherit; cursor: pointer; }

  /* ════════════════════════════════════════════
     FOOTER LIORIT (mesmo da vendas.html — teal-deep + rose accents)
     ════════════════════════════════════════════ */
  .lr-footer {
    background: #ede3d7;
    color: #4A5A5A;
    padding: 80px 32px 32px;
    font-size: 13px;
    margin: 0;
    border-radius: 0;
    font-family: var(--sans);
  }
  .lr-footer__grid {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 56px;
  }
  .lr-footer h4 {
    font-family: var(--display);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .26em;
    color: #0A2020;
    margin: 0 0 22px;
  }
  .lr-footer .lr-brand {
    font-family: var(--display);
    font-size: 30px;
    letter-spacing: .42em;
    color: #0A2020;
    margin-bottom: 14px;
  }
  .lr-footer .lr-brand img { display:block; height:clamp(28px, 3vw, 34px); width:auto; }
  .lr-footer .lr-tagline {
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    color: #4A5A5A;
    font-size: 16px;
    margin: 0 0 22px;
  }
  .lr-footer p { margin: 0 0 12px; line-height: 1.7; color: #4A5A5A; }
  .lr-footer ul { list-style: none; padding: 0; margin: 0; }
  .lr-footer ul li { margin-bottom: 8px; line-height: 1.8; color: #4A5A5A; }
  .lr-footer a { color: #0A2020; transition: color .2s; }
  .lr-footer a:hover { color: #4A5A5A; }
  .lr-footer .lr-social { display: flex; gap: 12px; margin-top: 16px; }
  .lr-footer .lr-social a {
    width: 36px; height: 36px;
    border: 1px solid rgba(10,32,32,.25);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-decoration: none;
    color: #0A2020;
  }
  .lr-footer .lr-social a:hover {
    background: #ddd0bd;
    border-color: #ddd0bd;
    color: #0A2020;
  }
  .lr-footer__legal {
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 24px;
    border-top: 1px solid rgba(10,32,32,.15);
    text-align: center;
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #4A5A5A;
  }
  @media (max-width: 1024px) {
    .lr-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  }
  @media (max-width: 600px) {
    .lr-footer { padding: 56px 20px 24px; }
    .lr-footer__grid { grid-template-columns: 1fr; gap: 36px; text-align: center; }
    .lr-footer__grid > div:nth-child(n+2) { display: none; }
    .lr-footer .lr-social { justify-content: center; }
    .lr-footer .lr-brand { font-size: 36px; letter-spacing: .42em; }
    .lr-footer .lr-tagline { font-size: 18px; }
    .lr-footer p { font-size: 15px; line-height: 1.7; }
  }