@font-face{font-family:Enriqueta;font-weight:500;font-style:normal;font-display:swap;src:url(glowhead-500.woff2) format("woff2")}
@font-face{font-family:Enriqueta;font-weight:600;font-style:normal;font-display:swap;src:url(glowhead-600.woff2) format("woff2")}
@font-face{font-family:Enriqueta;font-weight:700;font-style:normal;font-display:swap;src:url(glowhead-700.woff2) format("woff2")}
@font-face{font-family:Parkinsans;font-weight:100 900;font-style:normal;font-display:swap;src:url(glowtext.woff2) format("woff2")}
:root {
  --wik-cream: #fbf5e8;
  --wik-sand: #f4e7cb;
  --wik-gold: #f0b31d;
  --wik-flame: #e87511;
  --wik-emberdeep: #b3540a;
  --wik-brown: #7a3c22;
  --wik-ink: #372317;
  --wik-soft: #6b5340;
  --wik-night: #221410;
  --wik-line: #e6d6b4;
  --wik-card: #ffffff;
  /* роли, которые тёмные полосы переопределяют */
  --wik-bg: var(--wik-cream);
  --wik-text: var(--wik-ink);
  --wik-head: var(--wik-brown);
  --wik-muted: var(--wik-soft);
  --wik-kick: #954f14; /* 5.03:1 на sand — прежний #a05616 давал 4.47, ниже порога */
  --wik-link: #8a4312;
  --wik-star: #935a0b; /* 5.66:1 на белой панели — прежний #c37a11 давал 3.44 */
  --wik-edge: var(--wik-line);
  --wik-pane: var(--wik-card);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--wik-bg);
  color: var(--wik-text);
  font: 400 17px/1.65 Parkinsans, system-ui, sans-serif;
}
h1, h2, h3 { font-family: Enriqueta, Georgia, serif; color: var(--wik-head); line-height: 1.2; }
h1 { font-size: clamp(30px, 4.6vw, 46px); font-weight: 700; margin: 10px 0 14px; }
h2 { font-size: clamp(24px, 3.2vw, 33px); font-weight: 600; margin: 6px 0 12px; }
h3 { font-size: 19px; font-weight: 600; margin: 0 0 8px; }
a { color: var(--wik-link); }
img { max-width: 100%; height: auto; }
p { margin: 0 0 14px; }

.longwick { width: min(1160px, 100% - 44px); margin-inline: auto; }
section { padding: 52px 0; }

.wickline {
  display: inline-block;
  font: 600 13px/1 Parkinsans, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wik-kick);
  margin-bottom: 10px;
}

/* тёмные и тонированные полосы: переопределяем роли один раз */
.eveningband {
  --wik-bg: var(--wik-night);
  --wik-text: #f2e6d2;
  --wik-head: #f7edd9;
  --wik-muted: #d8c2a4;
  --wik-kick: var(--wik-gold);
  --wik-link: #f3c765;
  --wik-star: var(--wik-gold);
  --wik-edge: #4a352a;
  --wik-pane: #2e1e16;
  background: var(--wik-bg);
  color: var(--wik-text);
}
.ovenglow { --wik-bg: var(--wik-sand); --wik-pane: #fffaf0; --wik-edge: #dcc79b; background: var(--wik-bg); }

/* ── кнопки ── */
.emberbtn, .dimwick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 10px 24px;
  border-radius: 10px;
  font: 600 16px/1.2 Parkinsans, sans-serif;
  text-decoration: none;
  cursor: pointer;
  border: 0;
}
.emberbtn { background: var(--wik-emberdeep); color: #fff; }
/* hover темнеет, а не светлеет: flame #e87511 давал белому тексту 3.01:1 */
.emberbtn:hover { background: #a54f09; }
.emberbtn img { display: block; }
.dimwick { background: transparent; color: var(--wik-head); box-shadow: inset 0 0 0 2px currentColor; }
.dimwick:hover { background: rgba(122, 60, 34, 0.08); }
.eveningband .dimwick:hover { background: rgba(240, 179, 29, 0.12); }

/* ── шапка ── */
.mantelbar {
  background: var(--wik-cream);
  border-bottom: 1px solid var(--wik-line);
  position: sticky;
  top: 0;
  z-index: 40;
}
.mantelbar .longwick { display: flex; align-items: center; gap: 26px; min-height: 66px; }
.mantelbar .brandbit { display: flex; align-items: center; gap: 10px; text-decoration: none; }
/* nav в разметке — голые <a> без ul */
.mantelbar nav { margin-left: auto; display: flex; gap: 4px; flex-wrap: wrap; }
.mantelbar nav a {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  font: 500 15px/1.2 Parkinsans, sans-serif;
  color: var(--wik-ink);
  text-decoration: none;
}
.mantelbar nav a:hover { background: var(--wik-sand); color: var(--wik-brown); }
.wickswitch { display: none; margin-left: auto; background: none; border: 0; padding: 8px; cursor: pointer; }
.wickswitch span { display: block; width: 24px; height: 3px; background: var(--wik-brown); margin: 5px 0; border-radius: 2px; }
.skipglow {
  position: absolute;
  left: -999px;
  top: 8px;
  background: var(--wik-night);
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  z-index: 60;
}
.skipglow:focus { left: 10px; }

/* ── герой ── */
/* герой несёт eveningband (текст светлый) — фон обязан быть тёмным */
.duskrail {
  background: linear-gradient(160deg, #3a2417 0%, var(--wik-night) 60%);
  border-bottom: 1px solid var(--wik-edge);
  padding: 58px 0 46px;
}
.duskrail .leadrow { max-width: 720px; }
.duskrail .leadrow p { font-size: 18px; color: var(--wik-muted); }
.twincta { display: flex; gap: 14px; flex-wrap: wrap; margin: 22px 0 8px; }
.duskrail .railrow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  margin-top: 34px;
}

/* ── карточка товара ── */
.lampcard {
  background: var(--wik-pane);
  border: 1px solid var(--wik-edge);
  border-radius: 14px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.lampcard > a { text-decoration: none; color: inherit; display: flex; flex-direction: column; flex: 1; }
.lampcard .glowpane { margin-bottom: 10px; }
.lampcard b {
  font: 600 15.5px/1.35 Parkinsans, sans-serif;
  color: var(--wik-text);
  display: block;
  margin-bottom: 6px;
}
.lampcard .litstars { margin-bottom: 4px; }
.lampcard .oilworth { margin-top: auto; padding-top: 6px; }
.lampcard .emberbtn { margin-top: 10px; min-height: 40px; padding: 8px 16px; font-size: 15px; }

.glowpane {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.glowpane img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }

.litstars { font: 500 14px/1.3 Parkinsans, sans-serif; color: var(--wik-star); }
.litstars span { color: var(--wik-muted); font-weight: 400; }
.oilworth { font: 700 19px/1.2 Enriqueta, Georgia, serif; color: var(--wik-head); }
.oilworth s { font: 400 14px/1.2 Parkinsans, sans-serif; color: var(--wik-muted); margin-left: 8px; }

.brightrow {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 20px;
}

/* ── USP-полоса ── */
/* класс секции стоит на <section>, карточки — внутри .longwick: грид на нём */
.fourflames .longwick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.fourflames .longwick > div {
  background: var(--wik-pane);
  border: 1px solid var(--wik-edge);
  border-radius: 14px;
  padding: 20px;
}
.fourflames h3 { font-size: 17px; margin-bottom: 6px; }
.fourflames p { color: var(--wik-muted); font-size: 15px; margin: 0; }

/* ── пиллы ── */
.matchrow { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.matchrow a {
  display: inline-block;
  padding: 9px 18px;
  border-radius: 999px;
  background: var(--wik-pane);
  border: 1px solid var(--wik-edge);
  color: var(--wik-head);
  font: 500 15px/1.2 Parkinsans, sans-serif;
  text-decoration: none;
}
.matchrow a:hover { border-color: var(--wik-gold); background: #fdf3d8; }

/* ── плитки категорий ── */
/* разметка плитки: a > span.glowpane(img) + b + span + small; грид — на div-обёртке */
.shelfrow .longwick > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 14px; }
.shelfrow a {
  display: block;
  background: var(--wik-pane);
  border: 1px solid var(--wik-edge);
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.shelfrow a:hover { border-color: var(--wik-gold); }
.shelfrow a b { display: block; font: 600 17px/1.3 Enriqueta, Georgia, serif; color: var(--wik-head); margin: 12px 16px 4px; }
.shelfrow a b + span { display: block; color: var(--wik-muted); font-size: 14.5px; margin: 0 16px; }
.shelfrow a small { display: block; color: var(--wik-muted); font-size: 13px; margin: 8px 16px 16px; }

/* ── промо-дуэт ── */
.outagepair .longwick { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.outagepair .longwick > div { border-radius: 16px; padding: 34px 32px; border: 1px solid var(--wik-edge); background: var(--wik-bg); }
.outagepair p { color: var(--wik-muted); }
.outagepair .emberbtn, .outagepair .dimwick { margin-top: 8px; }

/* ── таблица масла ── */
/* min-width живёт на table, прокрутка на longwick: на секции он распирал документ до 640px */
.oilledger .longwick { overflow-x: auto; }
.oilledger table { border-collapse: collapse; width: 100%; min-width: 640px; background: var(--wik-pane); border: 1px solid var(--wik-edge); border-radius: 12px; }
.oilledger th, .oilledger td { text-align: left; padding: 11px 14px; border-bottom: 1px solid var(--wik-edge); font-size: 15.5px; }
.oilledger th { font: 600 14px/1.3 Parkinsans, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; color: var(--wik-kick); }
.oilledger tr:last-child td { border-bottom: 0; }
.oilledger a { font-weight: 600; }

/* ── секция частей ── */
/* разметка: kick + h2 + div > 3 колонки (h3 + p + brightrow карточек) */
.sparecols .longwick > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 14px; }
.sparecols .longwick > div > div { background: var(--wik-pane); border: 1px solid var(--wik-edge); border-radius: 14px; padding: 22px; min-width: 0; }
.sparecols h3 + p { color: var(--wik-muted); font-size: 15px; }

/* ── уличная полоса ── */
.patioband {
  background: linear-gradient(175deg, #2b1a12 0%, var(--wik-night) 70%);
}
.patioband .brightrow { margin-top: 22px; }

/* ── полоса цифр ── */
/* внутри longwick — div-обёртка, грид на ней */
.flamecount .longwick > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.flamecount b { display: block; font: 700 34px/1.1 Enriqueta, Georgia, serif; color: var(--wik-gold); }
.flamecount span { color: var(--wik-muted); font-size: 15px; }

/* ── гайды ── */
/* два носителя: на главной keeperrow — секция (карточки в .longwick > div),
   на хабе — div (карточки в .keeperrow > div); карточка — a.guideread с h3+p.
   Стили карточки на .guideread, не на «.keeperrow a»: тот задел бы кнопку «All the guides» */
.keeperrow .longwick > div, div.keeperrow > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 14px 0 22px; }
.guideread {
  display: block;
  background: var(--wik-pane);
  border: 1px solid var(--wik-edge);
  border-radius: 14px;
  padding: 22px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.guideread:hover { border-color: var(--wik-gold); }
.guideread h3 { font-size: 17px; margin: 0 0 8px; }
.guideread p { color: var(--wik-muted); font-size: 15px; margin: 0; }

/* ── отзывы ── */
.heardby .longwick > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 14px; }
.heardby figure { margin: 0; background: var(--wik-pane); border: 1px solid var(--wik-edge); border-radius: 14px; padding: 22px; }
.heardby blockquote { margin: 0 0 12px; font-size: 16px; }
.heardby figcaption { color: var(--wik-muted); font-size: 14px; }

/* ── замыкающая полоса ── */
.lastlight { text-align: center; }
.lastlight .twincta { justify-content: center; }
.lastlight p { max-width: 620px; margin-inline: auto; color: var(--wik-muted); }

/* ── крошки ── */
.waytrail { padding: 16px 0 0; }
.waytrail ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; font-size: 14px; }
.waytrail li + li::before { content: '\203A'; margin: 0 6px; color: var(--wik-muted); }
.waytrail a { color: var(--wik-muted); text-decoration: none; }
.waytrail a:hover { color: var(--wik-link); text-decoration: underline; }
.waytrail span { color: var(--wik-text); }

/* ── карточка товара (страница) ── */
.trimcols { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px; align-items: start; }
.trimcols .glowpane { aspect-ratio: 1 / 1; border: 1px solid var(--wik-edge); border-radius: 16px; }
.trimcols h1 { font-size: clamp(26px, 3.4vw, 36px); }
.matchstrike { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 16px 0; }
.matchstrike .oilworth { font-size: 27px; }
.emberfine { font-size: 13.5px; color: var(--wik-muted); }

/* fontcap — figure(глоупейн+img)+figcaption, никаких li */
.fontcap { margin: 0; }
.fontcap figcaption { margin-top: 10px; color: var(--wik-muted); font-size: 15px; }

/* burnfacts — ul из li «<b>ключ</b> значение», пиллы на самих li */
.burnfacts { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0 4px; padding: 0; list-style: none; }
.burnfacts li {
  background: var(--wik-sand);
  border-radius: 999px;
  padding: 6px 14px;
  font: 400 14px/1.3 Parkinsans, sans-serif;
  color: var(--wik-brown);
}
.burnfacts li b { font-weight: 600; color: var(--wik-head); }

/* gridOf кладёт карточки ПРЯМО в эти div — грид на них самих, вложенного brightrow нет */
.fitswith,
.kindredrow {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 20px;
}
.fitswith { margin-top: 26px; }
.kindredrow { margin-top: 8px; }

.closerow .longwick { display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; }
.closerow .oilworth { font-size: 26px; }

/* ── подборщик ── */
.pickpane { background: var(--wik-pane); border: 1px solid var(--wik-edge); border-radius: 16px; padding: 26px; margin-bottom: 20px; }
.pickpane h2 { font-size: 21px; margin-top: 0; }
.pickchip {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 999px;
  border: 2px solid var(--wik-edge);
  background: var(--wik-cream);
  font: 500 15.5px/1.3 Parkinsans, sans-serif;
  color: var(--wik-ink);
  cursor: pointer;
  margin: 4px 8px 4px 0;
}
.pickchip:hover { border-color: var(--wik-gold); }
.pickchip.aglow { border-color: var(--wik-flame); background: #fdeed9; color: var(--wik-brown); font-weight: 600; }

/* ── подвал ── */
.hearthfoot { padding: 48px 0 30px; margin-top: 40px; }
/* в подвале ЧЕТЫРЕ колонки (бренд + shelf + flame + paperwork) */
.hearthfoot .hearthcols { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 34px; }
.hearthfoot b { display: block; font: 600 15px/1.3 Enriqueta, Georgia, serif; color: var(--wik-head); margin-bottom: 10px; }
.hearthfoot ul { list-style: none; margin: 0; padding: 0; }
.hearthfoot li { margin-bottom: 7px; }
.hearthfoot a { color: var(--wik-text); text-decoration: none; font-size: 15px; }
.hearthfoot a:hover { color: var(--wik-link); text-decoration: underline; }
.hearthfoot .emberfine { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--wik-edge); }
.hearthfoot .emberfine img { display: block; margin: 0 0 10px; max-width: min(430px, 100%); }

/* ── длинный SEO-блок ── */
/* сужать longwick, не секцию: max-width на секции прижимал фон влево */
.slowread .longwick { max-width: 820px; }
.slowread ul { color: var(--wik-muted); }
.slowread table { border-collapse: collapse; width: 100%; margin: 6px 0 18px; background: var(--wik-pane); border: 1px solid var(--wik-edge); }
.slowread th, .slowread td { text-align: left; padding: 10px 13px; border-bottom: 1px solid var(--wik-edge); font-size: 15.5px; }
.slowread th { font: 600 14px/1.3 Parkinsans, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; color: var(--wik-kick); }
.slowread tr:last-child td { border-bottom: 0; }

/* ── подборка при гайде ── */
.chimneyrow { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 20px; margin-top: 8px; }

/* ── адаптив ── */
@media (max-width: 1020px) {
  .duskrail .railrow { grid-template-columns: repeat(5, 210px); overflow-x: auto; padding-bottom: 10px; }
  .fourflames .longwick, .shelfrow .longwick > div,
  .keeperrow .longwick > div, div.keeperrow > div { grid-template-columns: repeat(2, 1fr); }
  .flamecount .longwick > div { grid-template-columns: repeat(2, 1fr); }
  .sparecols .longwick > div, .heardby .longwick > div { grid-template-columns: 1fr; }
  .outagepair .longwick { grid-template-columns: 1fr; }
  .trimcols { grid-template-columns: 1fr; gap: 24px; }
  .hearthfoot .hearthcols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  section { padding: 38px 0; }
  .mantelbar nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--wik-cream);
    border-bottom: 1px solid var(--wik-line);
    padding: 10px 22px 18px;
  }
  .mantelbar nav.aglow { display: flex; flex-direction: column; gap: 0; }
  .wickswitch { display: block; }
  .fourflames .longwick, .shelfrow .longwick > div,
  .keeperrow .longwick > div, div.keeperrow > div { grid-template-columns: 1fr; }
  .brightrow, .fitswith, .kindredrow { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .lampcard { padding: 10px; }
  .flamecount .longwick > div { grid-template-columns: 1fr 1fr; }
  .hearthfoot .hearthcols { grid-template-columns: 1fr; }
  .closerow .longwick { flex-direction: column; align-items: flex-start; }
}