/* Контентные страницы Meat Gallery: категории каталога и блог.
   Отдельный лёгкий файл — витринный CSS сюда не тянем. */

:root{
  --bg:#0e0c0a; --bg2:#141110; --card:#1a1614;
  --gold:#cb9842; --gold-br:#e3b45c; --terra:#cf4a43;
  --text:#f4f1ec; --text2:#cfc7bc; --muted:#837a6d;
  --line:rgba(244,241,236,.09);
  --wrap:1140px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);
  font:400 16px/1.7 'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 22px}

/* шапка */
.hd{position:sticky;top:0;z-index:20;background:rgba(14,12,10,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px}
.hd__logo img{width:106px;height:auto}
.hd__nav{display:flex;gap:26px;font-size:14.5px;color:var(--text2)}
.hd__nav a{transition:color .25s}
.hd__nav a:hover{color:var(--gold-br)}

/* хлебные крошки */
.crumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;
  padding:18px 0 4px;font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted);transition:color .25s}
.crumbs a:hover{color:var(--gold)}
.crumbs b{color:var(--text2);font-weight:400}

/* типографика */
h1{font-size:clamp(28px,4.4vw,46px);line-height:1.12;letter-spacing:-.02em;
  font-weight:700;margin:22px 0 14px}
h2{font-size:clamp(21px,2.6vw,28px);line-height:1.24;letter-spacing:-.015em;
  font-weight:600;margin:38px 0 12px}
h3{font-size:clamp(17px,1.9vw,20px);line-height:1.3;font-weight:600;margin:26px 0 10px}
p{margin:0 0 15px;color:var(--text2)}
.lead{font-size:clamp(16.5px,1.7vw,19px);line-height:1.66;color:var(--text2);
  max-width:70ch;margin-bottom:22px}
.art p,.art li{color:var(--text2)}
.art ul,.art ol{margin:0 0 18px 22px}
.art li{margin-bottom:8px}
.art strong{color:var(--text);font-weight:600}
.art a{color:var(--gold-br);border-bottom:1px solid rgba(227,180,92,.35)}
.art a:hover{border-color:var(--gold-br)}
.art blockquote{margin:22px 0;padding:16px 20px;border-left:3px solid var(--gold);
  background:var(--bg2);border-radius:0 12px 12px 0;color:var(--text2);font-style:italic}
.art table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px}
.art th,.art td{padding:11px 14px;border:1px solid var(--line);text-align:left}
.art th{background:var(--bg2);color:var(--text);font-weight:600}

/* карточки товаров */
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));margin:24px 0 8px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  transition:border-color .3s,transform .3s}
.pc:hover{border-color:rgba(203,152,66,.45);transform:translateY(-3px)}
.pc__img{aspect-ratio:1;background:var(--bg2);overflow:hidden}
.pc__img img{width:100%;height:100%;object-fit:cover}
.pc__b{padding:14px 15px 16px}
.pc__t{font-size:14.5px;font-weight:500;line-height:1.35;margin-bottom:8px}
.pc__p{font-size:17px;font-weight:700;color:var(--gold-br)}
.pc__w{font-size:12.5px;color:var(--muted);margin-top:3px}

/* список статей */
.posts{display:grid;gap:16px;grid-template-columns:1fr;margin:26px 0}
@media(min-width:720px){.posts{grid-template-columns:1fr 1fr}}
.post{display:block;background:var(--card);border:1px solid var(--line);
  border-radius:16px;padding:22px 24px;transition:border-color .3s,transform .3s}
.post:hover{border-color:rgba(203,152,66,.45);transform:translateY(-3px)}
.post__k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.post__t{font-size:19px;font-weight:600;line-height:1.3;margin-bottom:9px}
.post__d{font-size:14px;color:var(--muted);line-height:1.55}

/* блоки-ссылки внутри текста */
.also{margin:30px 0;padding:20px 22px;background:var(--bg2);
  border:1px solid var(--line);border-radius:16px}
.also__t{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.also__l{display:flex;flex-wrap:wrap;gap:9px}
.also__l a{padding:8px 14px;border:1px solid var(--line);border-radius:100px;
  font-size:13.5px;color:var(--text2);transition:border-color .25s,color .25s}
.also__l a:hover{border-color:var(--gold);color:var(--gold-br)}

/* призыв к действию */
.cta{margin:34px 0 10px;padding:26px;border-radius:18px;
  background:linear-gradient(150deg,rgba(203,152,66,.14),rgba(207,74,67,.08));
  border:1px solid rgba(203,152,66,.28)}
.cta h3{margin:0 0 8px}
.cta p{margin-bottom:16px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:100px;
  background:linear-gradient(140deg,var(--gold-br),var(--gold));color:#17120b;
  font-weight:600;font-size:15px;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px -12px rgba(203,152,66,.7)}

/* подвал */
.ft{margin-top:64px;padding:44px 0 34px;border-top:1px solid var(--line);background:#0b0a08}
.ft__cols{display:grid;gap:26px;grid-template-columns:1fr}
@media(min-width:700px){.ft__cols{grid-template-columns:repeat(3,1fr)}}
.ft__t{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.ft__cols a{display:block;font-size:14px;color:var(--text2);padding:4px 0;transition:color .25s}
.ft__cols a:hover{color:var(--gold-br)}
.ft__base{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  margin-top:30px;padding-top:22px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--muted)}
.ft__dev{color:var(--muted)}
.ft__dev b{color:var(--gold);font-weight:600}
.ft__dev:hover b{color:var(--gold-br)}

@media(max-width:640px){
  .hd__in{height:64px}
  .hd__nav{gap:16px;font-size:13.5px}
  .hd__nav a:nth-child(3){display:none}
  .grid{grid-template-columns:1fr 1fr;gap:12px}
}

/* переключатель языка в шапке контентных страниц */
.hd__lang{display:inline-flex;gap:2px;margin-left:auto;padding:3px;border:1px solid rgba(203,152,66,.28);border-radius:99px}
.hd__lang a{font-size:11px;font-weight:600;letter-spacing:.05em;padding:5px 9px;border-radius:99px;opacity:.55}
.hd__lang a.is-on{background:rgba(203,152,66,.16);color:var(--gold,#cb9842);opacity:1}

/* ── страница товара ─────────────────────────────────────────── */
.pc{display:block;color:inherit;text-decoration:none}
.prod__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin:22px 0 8px}
.prod__img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);background:var(--card)}
.prod__buy{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.prod__price{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--gold)}
.prod__cat{color:var(--muted);font-size:14px}
.prod__cat a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(203,152,66,.35)}
.prod__cat a:hover{border-bottom-color:var(--gold)}
.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:14px 0 26px}
.pcard{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);
  border-radius:14px;background:var(--card);color:inherit;text-decoration:none;transition:.2s}
.pcard:hover{border-color:rgba(203,152,66,.45);transform:translateY(-3px)}
.pcard img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}
.pcard__t{font-size:14px;line-height:1.3}
.pcard__p{font-weight:700;color:var(--gold)}
@media (max-width:720px){
  .prod__top{grid-template-columns:1fr;gap:18px}
  .prod__price{font-size:26px}
}