/*
Theme Name: The Luxury — Chronos Swiss
Theme URI: https://chronosonline.pl/
Description: Skórka Chronos w wariancie Swiss Catalog — motyw potomny dla The Luxury (Goodlayers). Biel, twarda siatka, monospace dla danych technicznych, sygnałowa czerwień. Obsługuje CPT "portfolio" (zegarki) z dedykowaną wyszukiwarką i kartą modelu.
Author: Chronos / projekt skórki
Author URI: https://chronosonline.pl/
Template: theluxury
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chronos-swiss
*/

/* =========================================================
   CHRONOS · SWISS CATALOG — Child theme styles
   Wszystkie style globalne ładowane są niezależnie od The Luxury,
   żeby zachować spójność na każdej podstronie.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --ch-bg:#FFFFFF;
  --ch-ink:#0A0A0A;
  --ch-ink2:#404040;
  --ch-muted:#737373;
  --ch-line:#E5E5E5;
  --ch-line2:#F0F0F0;
  --ch-paper:#FAFAFA;
  --ch-red:#C8351E;
  --ch-red-d:#A22B17;
  --ch-green:#2E7A4D;
}

/* Reset wewnątrz wrapperów .chronos */
.chronos *,
.chronos *::before,
.chronos *::after{ box-sizing:border-box; }
.chronos{
  background:var(--ch-bg);
  color:var(--ch-ink);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  font-size:15px;
  letter-spacing:-.005em;
  line-height:1.5;
}
.chronos a{ color:inherit; text-decoration:none; }
.chronos img{ max-width:100%; height:auto; display:block; }
.chronos .mono{ font-family:'JetBrains Mono',monospace; letter-spacing:0; }
.chronos h1,.chronos h2,.chronos h3,.chronos h4,.chronos h5,.chronos h6{ margin:0; font-weight:700; }
.chronos p{ margin:0; }

/* Container */
.ch-container{ max-width:1480px; margin:0 auto; padding:0 24px; }

/* =========================================================
   TICKER + TOP BAR
   ========================================================= */
.ch-ticker{ background:var(--ch-ink); color:#fff; padding:7px 0; overflow:hidden; border-bottom:1px solid var(--ch-ink); }
.ch-ticker-track{ display:flex; gap:48px; white-space:nowrap; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.04em; animation:ch-tick 60s linear infinite; }
.ch-ticker .red{ color:var(--ch-red); font-weight:700; }
.ch-ticker .gn{ color:#7DD49F; }
@keyframes ch-tick{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

.ch-topbar{ border-bottom:1px solid var(--ch-ink); background:#fff; position:sticky; top:0; z-index:50; overflow:visible; }
.ch-topbar-inner{ max-width:1480px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:auto 1fr auto; align-items:stretch; gap:0; }
.ch-logo{ display:flex; align-items:center; gap:12px; font-weight:800; font-size:24px; letter-spacing:-.02em; padding:18px 24px 18px 0; border-right:1px solid var(--ch-line); color:var(--ch-ink); }
.ch-logo .mk{ display:inline-flex; align-items:center; gap:1px; }
.ch-logo .mk i{ display:block; width:3px; height:14px; background:var(--ch-ink); }
.ch-logo .mk i:nth-child(2){ background:var(--ch-red); }

.ch-nav{ display:flex; align-items:stretch; overflow:visible; }
.ch-nav a{ display:flex; align-items:center; padding:0 18px; font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:.08em; color:var(--ch-ink2); border-right:1px solid var(--ch-line); transition:all .15s; }
.ch-nav a:hover,.ch-nav a.current-menu-item,.ch-nav a.current_page_item,.ch-nav .current-menu-item > a,.ch-nav .current_page_item > a{ color:#fff; background:var(--ch-ink); }
.ch-nav a.active,.ch-nav .current-menu-item > a{ background:var(--ch-red); color:#fff; }
.ch-nav ul{ list-style:none; margin:0; padding:0; display:flex; }
.ch-nav li{ display:flex; }
.ch-nav li a{ display:flex; align-items:center; }
/* Dropdown menu NIE może dziedziczyć display:flex z .ch-nav ul */
.ch-nav .ch-nav-dropdown-menu{ display:none; }
.ch-nav-dropdown:hover .ch-nav-dropdown-menu,
.ch-nav-dropdown.open .ch-nav-dropdown-menu{ display:block; }

/* Dropdown "Działy" w nawigacji */
.ch-nav-dropdown{
  position:relative;
  display:flex;
  align-items:stretch;
}
.ch-nav-dropdown-toggle{
  display:flex;
  align-items:center;
  padding:0 18px;
  font-size:12px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--ch-ink2);
  border-right:1px solid var(--ch-line);
  cursor:pointer;
  transition:all .15s;
  white-space:nowrap;
  user-select:none;
}
.ch-nav-dropdown-toggle::after{
  content:'▾';
  margin-left:6px;
  font-size:10px;
  opacity:.5;
}
.ch-nav-dropdown:hover .ch-nav-dropdown-toggle,
.ch-nav-dropdown.open .ch-nav-dropdown-toggle{
  background:var(--ch-ink);
  color:#fff;
}

.ch-nav-dropdown-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  z-index:200;
  background:#fff;
  border:1px solid var(--ch-ink);
  border-top:2px solid var(--ch-red);
  list-style:none;
  margin:0;
  padding:0;
  min-width:200px;
  box-shadow:0 8px 24px rgba(0,0,0,.1);
}
.ch-nav-dropdown:hover .ch-nav-dropdown-menu,
.ch-nav-dropdown.open .ch-nav-dropdown-menu{
  display:block;
}
.ch-nav-dropdown-menu li{
  display:block;
  border-bottom:1px solid var(--ch-line2);
}
.ch-nav-dropdown-menu li:last-child{ border-bottom:none; }
.ch-nav-dropdown-menu li a{
  display:block;
  padding:11px 18px;
  font-size:12px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--ch-ink2);
  transition:background .12s, color .12s;
}
.ch-nav-dropdown-menu li a:hover{
  background:var(--ch-ink);
  color:#fff;
}

/* Grupy w dropdownie (np. "Magazyn Chronos") */
.ch-nav-dropdown-group{
  display:block;
  border-bottom:none !important;
  padding:10px 18px 4px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ch-red);
  cursor:default;
}
.ch-nav-dropdown-group ul{
  list-style:none;
  margin:0;
  padding:0;
}
.ch-nav-dropdown-group ul li{ border-bottom:1px solid var(--ch-line2); }
.ch-nav-dropdown-group ul li:last-child{ border-bottom:none; }
.ch-nav-dropdown-group ul li a{
  padding-left:28px;
}

/* Separator */
.ch-nav-dropdown-sep{
  display:block;
  height:1px;
  background:var(--ch-ink);
  margin:4px 0;
  border-bottom:none !important;
  padding:0 !important;
}

.ch-tools{ display:flex; align-items:center; gap:0; border-left:1px solid var(--ch-line); }
.ch-tools .icon{ display:flex; align-items:center; justify-content:center; width:48px; height:100%; border-right:1px solid var(--ch-line); color:var(--ch-ink2); cursor:pointer; background:#fff; }
.ch-tools .icon:last-child{ border-right:none; }
.ch-tools .icon:hover{ background:var(--ch-ink); color:#fff; }
.ch-tools .icon svg{ width:16px; height:16px; }
.ch-tools .pill{ display:flex; align-items:center; gap:8px; padding:0 18px; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.06em; background:var(--ch-red); color:#fff; font-weight:700; text-transform:uppercase; border-right:1px solid var(--ch-red-d); cursor:pointer; user-select:none; height:100%; }

/* Dropdown prenumeraty */
.ch-pill-drop{ position:relative; display:flex; align-items:stretch; height:100%; }
.ch-pill-drop .pill{ border-right:1px solid var(--ch-red-d); }
.ch-pill-menu{
  display:none;
  position:absolute;
  top:100%; left:0;
  min-width:240px;
  background:var(--ch-red);
  border-top:2px solid var(--ch-red-d);
  list-style:none;
  margin:0; padding:0;
  z-index:9999;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.ch-pill-drop:hover .ch-pill-menu,
.ch-pill-drop:focus-within .ch-pill-menu{ display:block; }
.ch-pill-menu li{ border-bottom:1px solid var(--ch-red-d); }
.ch-pill-menu li:last-child{ border-bottom:none; }
.ch-pill-menu li a{
  display:block;
  padding:12px 18px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff;
  text-decoration:none;
  transition:background .12s;
}
.ch-pill-menu li a:hover{ background:var(--ch-red-d); }

@media(max-width:980px){
  .ch-nav a{ padding:0 12px; font-size:11px; }
  .ch-nav a:nth-child(n+5){ display:none; }
  .ch-logo{ font-size:20px; }
}
@media(max-width:640px){
  .ch-nav{ display:none; }
  .ch-tools .pill{ display:none; }
}

/* Metabar */
.ch-metabar{ display:grid; grid-template-columns:auto 1fr auto auto; gap:24px; padding:10px 24px; border-bottom:1px solid var(--ch-line); font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-muted); max-width:1480px; margin:0 auto; align-items:center; }
.ch-metabar .red-d{ color:var(--ch-red); font-weight:700; }
.ch-metabar .live::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--ch-red); margin-right:6px; animation:ch-blink 1.4s ease infinite; }
@keyframes ch-blink{ 50%{opacity:.3} }
@media(max-width:780px){ .ch-metabar{ grid-template-columns:1fr 1fr; gap:8px; font-size:10px; } .ch-metabar > *:nth-child(n+3){ display:none; } }

/* =========================================================
   HERO
   ========================================================= */
.ch-hero{ display:grid; grid-template-columns:1.4fr 1fr; gap:0; border-bottom:1px solid var(--ch-ink); }
@media(max-width:880px){ .ch-hero{ grid-template-columns:1fr; } }
.ch-hero-left{ padding:48px 32px 48px 0; border-right:1px solid var(--ch-line); position:relative; }
@media(max-width:880px){ .ch-hero-left{ padding:32px 0; border-right:none; border-bottom:1px solid var(--ch-line); } }
.ch-hero-left .nbr{ display:flex; gap:14px; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-muted); letter-spacing:.04em; margin-bottom:24px; text-transform:uppercase; flex-wrap:wrap; }
.ch-hero-left .nbr b{ color:var(--ch-red); font-weight:700; }
.ch-hero-left h1{ font-size:clamp(40px,5.4vw,72px); line-height:.98; letter-spacing:-.025em; font-weight:700; color:var(--ch-ink); max-width:14ch; }
.ch-hero-left h1 mark{ background:transparent; color:var(--ch-red); }
.ch-hero-left .sub{ margin-top:24px; font-size:17px; line-height:1.55; color:var(--ch-ink2); max-width:54ch; font-weight:400; }
.ch-hero-left .byline{ margin-top:32px; display:flex; flex-wrap:wrap; gap:24px; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-muted); letter-spacing:.04em; }
.ch-hero-left .byline div b{ color:var(--ch-ink); font-weight:500; display:block; text-transform:uppercase; letter-spacing:.08em; margin-bottom:3px; font-size:9px; }

.ch-hero-img{ aspect-ratio:4/5; background:var(--ch-paper); position:relative; overflow:hidden; border-left:1px solid var(--ch-line); }
.ch-hero-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ch-hero-img .tag{ position:absolute; top:0; right:0; background:var(--ch-red); color:#fff; padding:8px 14px; font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; z-index:2; }
.ch-hero-img .num{ position:absolute; left:16px; top:16px; font-family:'JetBrains Mono',monospace; font-size:64px; font-weight:700; color:rgba(10,10,10,.06); letter-spacing:-.02em; line-height:.85; z-index:1; }
.ch-hero-img .cap{ position:absolute; left:16px; bottom:16px; right:16px; display:flex; justify-content:space-between; align-items:end; font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-muted); letter-spacing:.06em; z-index:2; }

/* Placeholder (gdy brak miniatury wpisu) */
.ch-ph{ position:absolute; inset:0; background:repeating-linear-gradient(135deg,#F2F2F2 0 8px,#E8E8E8 8px 16px); display:flex; align-items:center; justify-content:center; }
.ch-ph::before{ content:""; width:46%; aspect-ratio:1/1; border-radius:50%; background:#fff; border:2px solid var(--ch-ink); box-shadow:0 8px 20px rgba(0,0,0,.08); }

/* =========================================================
   SECTION HEAD
   ========================================================= */
.ch-section-head{ display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; padding:32px 0 12px; border-bottom:1px solid var(--ch-ink); }
.ch-section-head .num{ font-family:'JetBrains Mono',monospace; font-size:11px; background:var(--ch-ink); color:#fff; padding:6px 10px; letter-spacing:.08em; font-weight:700; }
.ch-section-head h2{ font-size:32px; line-height:1; letter-spacing:-.02em; font-weight:700; }
.ch-section-head h2 mark{ background:transparent; color:var(--ch-red); }
.ch-section-head .all{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; font-weight:500; display:inline-flex; align-items:center; gap:6px; color:var(--ch-ink); text-transform:uppercase; }
.ch-section-head .all:hover{ color:var(--ch-red); }
@media(max-width:680px){ .ch-section-head{ grid-template-columns:auto 1fr; } .ch-section-head .all{ display:none; } }

/* =========================================================
   TESTS GRID
   ========================================================= */
.ch-tests{ display:grid; grid-template-columns:repeat(12,1fr); gap:24px; padding:32px 0; border-bottom:1px solid var(--ch-line); }
@media(max-width:980px){ .ch-tests{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .ch-tests{ grid-template-columns:1fr; } }
.ch-tcard{ display:flex; flex-direction:column; gap:12px; text-decoration:none; color:inherit; grid-column:span 3; }
.ch-tcard.feature{ grid-column:span 6; }
@media(max-width:980px){ .ch-tcard.feature{ grid-column:1 / -1; } .ch-tcard{ grid-column:auto; } }
.ch-tcard .img{ aspect-ratio:5/4; background:var(--ch-paper); border:1px solid var(--ch-line); position:relative; overflow:hidden; }
.ch-tcard.feature .img{ aspect-ratio:16/10; }
.ch-tcard .img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ch-tcard .img .tnum{ position:absolute; top:0; left:0; background:var(--ch-ink); color:#fff; padding:5px 9px; font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; letter-spacing:.08em; z-index:2; }
.ch-tcard .img .ttype{ position:absolute; top:0; right:0; background:var(--ch-red); color:#fff; padding:5px 9px; font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; z-index:2; }
.ch-tcard .head{ display:flex; justify-content:space-between; font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-muted); letter-spacing:.06em; text-transform:uppercase; border-bottom:1px solid var(--ch-line); padding-bottom:6px; gap:8px; }
.ch-tcard .head b{ color:var(--ch-ink); font-weight:700; }
.ch-tcard h3{ font-size:18px; line-height:1.2; letter-spacing:-.015em; font-weight:600; }
.ch-tcard.feature h3{ font-size:28px; line-height:1.1; letter-spacing:-.02em; }
.ch-tcard p{ font-size:13px; line-height:1.5; color:var(--ch-ink2); margin:0; }
.ch-tcard .score{ display:flex; align-items:center; gap:8px; font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-muted); letter-spacing:.06em; text-transform:uppercase; margin-top:auto; padding-top:8px; border-top:1px solid var(--ch-line); }
.ch-tcard .bar{ flex:1; height:4px; background:var(--ch-line); position:relative; }
.ch-tcard .bar::before{ content:""; position:absolute; left:0; top:0; height:100%; width:var(--w,80%); background:var(--ch-ink); }
.ch-tcard:hover h3{ color:var(--ch-red); }

/* =========================================================
   MAGAZINE STRIP
   ========================================================= */
.ch-magblock{ display:grid; grid-template-columns:auto 1fr; gap:0; border-bottom:1px solid var(--ch-ink); }
@media(max-width:880px){ .ch-magblock{ grid-template-columns:1fr; } }
.ch-magblock .cover{ padding:48px; background:var(--ch-ink); color:#fff; display:flex; flex-direction:column; justify-content:space-between; min-width:340px; position:relative; overflow:hidden; }
.ch-magblock .cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.18; }
.ch-magblock .cover > *{ position:relative; z-index:1; }
.ch-magblock .cover .top{ display:flex; justify-content:space-between; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; color:var(--ch-red); font-weight:700; text-transform:uppercase; }
.ch-magblock .cover h3{ font-size:48px; line-height:.95; font-weight:800; letter-spacing:-.025em; margin-top:120px; }
.ch-magblock .cover h3 mark{ background:transparent; color:var(--ch-red); }
.ch-magblock .cover .ed{ font-family:'JetBrains Mono',monospace; font-size:11px; color:#A0A0A0; margin-top:24px; line-height:1.5; letter-spacing:.04em; }
.ch-magblock .info{ padding:48px; display:grid; grid-template-columns:1.4fr 1fr; gap:48px; }
@media(max-width:880px){
  .ch-magblock .info{ grid-template-columns:1fr; padding:32px 24px; }
  .ch-magblock .cover{ padding:32px 24px; min-width:0; }
  .ch-magblock .cover h3{ margin-top:48px; font-size:36px; }
}
.ch-magblock .info h4{ font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--ch-red); margin-bottom:16px; padding-bottom:8px; border-bottom:1px solid var(--ch-ink); }
.ch-magblock .info .lede{ font-size:18px; line-height:1.5; color:var(--ch-ink); font-weight:500; letter-spacing:-.01em; max-width:48ch; }
.ch-magblock .info p{ margin-top:16px; font-size:14px; line-height:1.6; color:var(--ch-ink2); max-width:48ch; }
.ch-magblock .info .actions{ margin-top:24px; display:flex; gap:8px; flex-wrap:wrap; }

.ch-toc-list{ font-family:'JetBrains Mono',monospace; font-size:12px; }
.ch-toc-list .it{ display:grid; grid-template-columns:36px 1fr 40px; gap:10px; padding:9px 0; border-bottom:1px dashed var(--ch-line); align-items:baseline; }
.ch-toc-list .it span:first-child{ color:var(--ch-red); font-weight:700; }
.ch-toc-list .it span:nth-child(2){ color:var(--ch-ink); font-family:'Inter',sans-serif; font-size:13px; font-weight:500; }
.ch-toc-list .it span:last-child{ text-align:right; color:var(--ch-muted); }

/* =========================================================
   BUTTONS
   ========================================================= */
.ch-btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; background:var(--ch-ink); color:#fff; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; border:1px solid var(--ch-ink); cursor:pointer; font-family:'Inter',sans-serif; text-decoration:none; }
.ch-btn:hover{ background:var(--ch-red); border-color:var(--ch-red); color:#fff; }
.ch-btn.red{ background:var(--ch-red); border-color:var(--ch-red); }
.ch-btn.red:hover{ background:var(--ch-ink); border-color:var(--ch-ink); }
.ch-btn.ghost{ background:transparent; color:var(--ch-ink); }
.ch-btn.ghost:hover{ background:var(--ch-ink); color:#fff; }
.ch-btn .arr{ display:inline-block; transition:transform .15s; }
.ch-btn:hover .arr{ transform:translateX(3px); }

/* =========================================================
   DATABASE / SEARCH
   ========================================================= */
.ch-db{ background:var(--ch-paper); border-bottom:1px solid var(--ch-ink); }
.ch-db-grid{ display:grid; grid-template-columns:1fr 1.6fr; gap:0; border-top:1px solid var(--ch-ink); }
@media(max-width:980px){ .ch-db-grid{ grid-template-columns:1fr; } }
.ch-db-side{ padding:48px; border-right:1px solid var(--ch-line); background:#fff; }
@media(max-width:980px){ .ch-db-side{ border-right:none; border-bottom:1px solid var(--ch-line); padding:32px 24px; } }
.ch-db-side .num{ display:inline-block; background:var(--ch-red); color:#fff; padding:5px 9px; font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.ch-db-side h2{ margin-top:18px; font-size:48px; line-height:.96; font-weight:800; letter-spacing:-.025em; }
.ch-db-side h2 mark{ background:transparent; color:var(--ch-red); }
.ch-db-side p{ margin-top:18px; font-size:14px; color:var(--ch-ink2); line-height:1.6; max-width:38ch; }
.ch-db-stats{ margin-top:32px; display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--ch-ink); border-bottom:1px solid var(--ch-ink); }
.ch-stat{ padding:18px 0; border-right:1px solid var(--ch-line); }
.ch-stat:last-child{ border-right:none; }
.ch-stat .n{ font-family:'JetBrains Mono',monospace; font-size:32px; font-weight:700; color:var(--ch-ink); letter-spacing:-.02em; line-height:1; }
.ch-stat .l{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-muted); text-transform:uppercase; letter-spacing:.08em; margin-top:8px; }

.ch-db-form{ padding:48px; display:grid; grid-template-columns:1fr 1fr; gap:14px; background:#fff; }
@media(max-width:980px){ .ch-db-form{ padding:32px 24px; } }
@media(max-width:560px){ .ch-db-form{ grid-template-columns:1fr; } }
.ch-field{ display:flex; flex-direction:column; gap:6px; }
.ch-field.full{ grid-column:1 / -1; }
.ch-field label{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-muted); text-transform:uppercase; letter-spacing:.08em; font-weight:500; display:flex; justify-content:space-between; }
.ch-field label b{ color:var(--ch-red); font-weight:700; }
.ch-field select,.ch-field input{ font-family:'JetBrains Mono',monospace; font-size:13px; padding:13px 14px; background:#fff; border:1px solid var(--ch-ink); color:var(--ch-ink); outline:none; border-radius:0; letter-spacing:0; }
.ch-field select:focus,.ch-field input:focus{ border-color:var(--ch-red); outline:1px solid var(--ch-red); outline-offset:-2px; }
.ch-field-pair{ grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ch-form-foot{ grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; padding-top:14px; margin-top:8px; border-top:1px solid var(--ch-ink); font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-muted); flex-wrap:wrap; gap:10px; }

/* =========================================================
   MODELS TABLE + CARDS
   ========================================================= */
.ch-models{ padding:48px 0; border-bottom:1px solid var(--ch-line); }
.ch-mtable{ margin-top:32px; border-top:1px solid var(--ch-ink); border-bottom:1px solid var(--ch-ink); }
.ch-mtable .row{ display:grid; grid-template-columns:60px 80px 1.4fr 1fr 80px 80px 80px 100px 60px; gap:16px; padding:14px 0; border-bottom:1px solid var(--ch-line); align-items:center; font-size:13px; font-family:'JetBrains Mono',monospace; color:var(--ch-ink2); transition:background .12s; }
.ch-mtable .row:hover{ background:var(--ch-paper); }
.ch-mtable .row.head{ background:var(--ch-ink); color:#fff; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:10px 16px; border-bottom:none; }
.ch-mtable .row.head:hover{ background:var(--ch-ink); }
.ch-mtable .row .pic{ width:40px; height:40px; background:var(--ch-paper); border:1px solid var(--ch-line); position:relative; overflow:hidden; }
.ch-mtable .row .pic img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ch-mtable .row .brand{ color:var(--ch-red); font-weight:700; text-transform:uppercase; font-size:11px; letter-spacing:.04em; }
.ch-mtable .row .name{ color:var(--ch-ink); font-family:'Inter',sans-serif; font-weight:600; font-size:14px; letter-spacing:-.005em; }
.ch-mtable .row .ref{ color:var(--ch-muted); font-size:11px; }
.ch-mtable .row .price{ color:var(--ch-ink); font-weight:700; text-align:right; }
.ch-mtable .row .arr{ text-align:right; color:var(--ch-muted); }
.ch-mtable .row:hover .arr{ color:var(--ch-red); }
@media(max-width:980px){
  .ch-mtable .row{ grid-template-columns:50px 1fr auto; gap:12px; }
  .ch-mtable .row > *:nth-child(n+5):not(:last-child){ display:none; }
  .ch-mtable .row.head{ display:none; }
}

.ch-mgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--ch-ink); border-bottom:1px solid var(--ch-ink); }
@media(max-width:980px){ .ch-mgrid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .ch-mgrid{ grid-template-columns:1fr; } }
.ch-mc{ padding:20px; border-right:1px solid var(--ch-line); border-bottom:1px solid var(--ch-line); display:flex; flex-direction:column; gap:12px; background:#fff; transition:background .15s; }
.ch-mc:hover{ background:var(--ch-paper); }
.ch-mc:nth-child(4n){ border-right:none; }
@media(max-width:980px){ .ch-mc:nth-child(4n){ border-right:1px solid var(--ch-line); } .ch-mc:nth-child(2n){ border-right:none; } }
.ch-mc .img{ aspect-ratio:1/1; background:var(--ch-paper); border:1px solid var(--ch-line); position:relative; overflow:hidden; }
.ch-mc .img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ch-mc .img .badge{ position:absolute; top:0; left:0; background:var(--ch-ink); color:#fff; padding:4px 7px; font-family:'JetBrains Mono',monospace; font-size:9px; font-weight:700; letter-spacing:.06em; z-index:2; }
.ch-mc .img .badge.r{ background:var(--ch-red); left:auto; right:0; }
.ch-mc .brand{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-red); font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.ch-mc h4{ font-size:16px; font-weight:600; letter-spacing:-.01em; }
.ch-mc .ref{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-muted); }
.ch-mc .meta-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--ch-line); padding-top:10px; margin-top:auto; }
.ch-mc .meta-row div{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-ink2); letter-spacing:.04em; text-align:left; padding-right:8px; border-right:1px solid var(--ch-line); }
.ch-mc .meta-row div:last-child{ border-right:none; padding-right:0; }
.ch-mc .meta-row div b{ display:block; color:var(--ch-ink); font-size:13px; font-weight:700; font-family:'Inter',sans-serif; letter-spacing:-.01em; }
.ch-mc .price{ display:flex; justify-content:space-between; align-items:baseline; border-top:1px solid var(--ch-ink); padding-top:10px; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-muted); text-transform:uppercase; letter-spacing:.06em; }
.ch-mc .price b{ font-family:'Inter',sans-serif; font-size:18px; color:var(--ch-ink); font-weight:700; letter-spacing:-.01em; }

/* =========================================================
   TAGS BLOCK
   ========================================================= */
.ch-tags-block{ padding:48px 0; border-bottom:1px solid var(--ch-line); }
.ch-tags-grid{ display:flex; flex-wrap:wrap; gap:0; margin-top:24px; border-top:1px solid var(--ch-ink); border-left:1px solid var(--ch-ink); }
.ch-tags-grid a{ padding:11px 14px; border-right:1px solid var(--ch-line); border-bottom:1px solid var(--ch-line); font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-ink2); text-transform:uppercase; letter-spacing:.06em; background:#fff; transition:all .15s; }
.ch-tags-grid a:hover{ background:var(--ch-ink); color:#fff; }
.ch-tags-grid a.hot{ background:var(--ch-red); color:#fff; border-color:var(--ch-red); }

/* =========================================================
   FOOTER
   ========================================================= */
.ch-site-footer{ background:var(--ch-ink); color:#fff; padding:64px 0 32px; border-top:1px solid var(--ch-ink); }
.ch-site-footer .ft{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:48px; max-width:1480px; margin:0 auto; padding:0 24px; }
@media(max-width:880px){ .ch-site-footer .ft{ grid-template-columns:1fr 1fr; gap:32px; } }
@media(max-width:540px){ .ch-site-footer .ft{ grid-template-columns:1fr; gap:32px; } }
.ch-site-footer .ft-social{ display:flex; gap:12px; margin-top:24px; }
.ch-site-footer .ft-social a{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #2A2A2A; border-radius:4px; color:#B5B5B5; padding:0; transition:color .2s, border-color .2s; }
.ch-site-footer .ft-social a:hover{ color:var(--ch-red); border-color:var(--ch-red); }
.ch-site-footer h5{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--ch-red); margin-bottom:16px; padding-bottom:8px; border-bottom:1px solid #2A2A2A; font-weight:700; }
.ch-site-footer a{ display:block; padding:6px 0; font-size:13px; color:#B5B5B5; }
.ch-site-footer a:hover{ color:var(--ch-red); }
.ch-site-footer .brand{ font-size:36px; font-weight:800; letter-spacing:-.025em; color:#fff; }
.ch-site-footer p{ font-size:13px; color:#A0A0A0; line-height:1.6; max-width:36ch; margin-top:14px; }
.ch-site-footer .ft-bot{ margin:48px auto 0; padding:24px 24px 0; border-top:1px solid #2A2A2A; display:flex; justify-content:space-between; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.06em; color:#737373; text-transform:uppercase; flex-wrap:wrap; gap:8px; max-width:1480px; }

/* =========================================================
   ARTICLE (single post)
   ========================================================= */
.ch-article-head{ padding:32px 0 24px; border-bottom:1px solid var(--ch-ink); }
.ch-crumbs{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.06em; color:var(--ch-muted); display:flex; gap:8px; margin-bottom:24px; text-transform:uppercase; flex-wrap:wrap; }
.ch-crumbs a{ color:var(--ch-red); font-weight:700; }
.ch-crumbs span.sep{ color:var(--ch-line); }
.ch-a-meta{ display:flex; gap:0; margin-top:32px; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-ink2); flex-wrap:wrap; border-top:1px solid var(--ch-line); padding-top:16px; }
.ch-a-meta div{ padding-right:24px; margin-right:24px; border-right:1px solid var(--ch-line); margin-bottom:8px; }
.ch-a-meta div:last-child{ border-right:none; }
.ch-a-meta div b{ color:var(--ch-red); font-weight:700; text-transform:uppercase; font-size:9px; letter-spacing:.1em; display:block; margin-bottom:3px; }
.ch-a-title h1{ font-size:clamp(36px,4.8vw,64px); line-height:.96; letter-spacing:-.025em; font-weight:800; }
.ch-a-title h1 mark{ background:transparent; color:var(--ch-red); }
.ch-a-title .kc{ display:inline-block; background:var(--ch-red); color:#fff; padding:6px 11px; font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:20px; }

.ch-a-hero{ padding:24px 0; border-bottom:1px solid var(--ch-line); }
.ch-a-hero .img{ aspect-ratio:21/9; background:var(--ch-paper); border:1px solid var(--ch-ink); position:relative; overflow:hidden; }
.ch-a-hero .img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ch-a-hero .img .ovl{ position:absolute; left:0; bottom:0; background:var(--ch-ink); color:#fff; padding:12px 16px; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.06em; z-index:2; }
.ch-a-hero .img .ovl b{ color:var(--ch-red); font-weight:700; margin-right:8px; }

.ch-a-body{ display:grid; grid-template-columns:200px 1fr 280px; gap:48px; padding:64px 0; }
@media(max-width:1080px){ .ch-a-body{ grid-template-columns:1fr; gap:32px; } }
.ch-a-side{ position:sticky; top:120px; align-self:start; display:flex; flex-direction:column; gap:18px; font-family:'JetBrains Mono',monospace; font-size:11px; }
.ch-a-side h6{ color:var(--ch-muted); text-transform:uppercase; letter-spacing:.08em; font-size:10px; font-weight:700; margin:0; }
.ch-a-side .toc-i{ padding:8px 0; border-top:1px solid var(--ch-line); color:var(--ch-ink2); display:flex; justify-content:space-between; }

.ch-prose{ font-size:17px; line-height:1.7; color:var(--ch-ink); }
.ch-prose > p,.ch-prose > h2,.ch-prose > h3,.ch-prose > h4,.ch-prose > ul,.ch-prose > ol,.ch-prose > blockquote,.ch-prose > figure,.ch-prose > .wp-block-image{ margin-bottom:20px; }
.ch-prose p{ letter-spacing:-.005em; }
.ch-prose > p:first-of-type::first-letter{ font-size:64px; float:left; line-height:.85; padding:6px 14px 0 0; color:var(--ch-red); font-weight:800; }
.ch-prose h2,.ch-prose h3{ font-size:28px; line-height:1.1; font-weight:800; letter-spacing:-.02em; margin:48px 0 16px; color:var(--ch-ink); padding-top:16px; border-top:1px solid var(--ch-ink); }
.ch-prose blockquote{ margin:36px 0; padding:24px 0; border-top:2px solid var(--ch-red); border-bottom:2px solid var(--ch-red); font-size:24px; line-height:1.3; color:var(--ch-ink); font-weight:600; letter-spacing:-.02em; font-style:normal; }
.ch-prose img{ width:100%; }
.ch-prose ul,.ch-prose ol{ padding-left:24px; }
.ch-prose a{ color:var(--ch-red); border-bottom:1px solid var(--ch-red); }

.ch-a-aside{ display:flex; flex-direction:column; gap:24px; }
.ch-specs-card{ border:1px solid var(--ch-ink); background:var(--ch-paper); }
.ch-specs-card h4{ padding:14px; background:var(--ch-ink); color:#fff; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; margin:0; }
.ch-specs-card .row{ display:grid; grid-template-columns:auto 1fr; gap:12px; padding:11px 14px; border-bottom:1px solid var(--ch-line); font-family:'JetBrains Mono',monospace; font-size:12px; }
.ch-specs-card .row:last-child{ border-bottom:none; }
.ch-specs-card .row span:first-child{ color:var(--ch-muted); text-transform:uppercase; letter-spacing:.06em; font-size:10px; font-weight:500; align-self:center; }
.ch-specs-card .row span:last-child{ color:var(--ch-ink); font-weight:600; text-align:right; }

/* =========================================================
   WATCH DETAIL (portfolio single)
   ========================================================= */
.ch-watch-page{ padding:32px 0; }
.ch-w-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:0; border-top:1px solid var(--ch-ink); border-bottom:1px solid var(--ch-ink); }
@media(max-width:980px){ .ch-w-grid{ grid-template-columns:1fr; } }
.ch-w-gallery{ border-right:1px solid var(--ch-line); background:var(--ch-paper); padding:24px; }
@media(max-width:980px){ .ch-w-gallery{ border-right:none; border-bottom:1px solid var(--ch-line); } }
.ch-w-main{ aspect-ratio:1/1; background:#fff; border:1px solid var(--ch-ink); position:relative; overflow:hidden; }
.ch-w-main img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ch-w-main .badge{ position:absolute; top:0; left:0; background:var(--ch-red); color:#fff; padding:7px 11px; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; z-index:2; }
.ch-w-thumbs{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:8px; }
.ch-w-thumb{ aspect-ratio:1/1; background:#fff; border:1px solid var(--ch-line); cursor:pointer; position:relative; overflow:hidden; }
.ch-w-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ch-w-thumb.active{ border:1px solid var(--ch-red); outline:1px solid var(--ch-red); outline-offset:-2px; }

.ch-w-info{ padding:32px; }
@media(max-width:980px){ .ch-w-info{ padding:24px; } }
.ch-w-info .brand-line{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-red); font-weight:700; letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--ch-ink); padding-bottom:11px; }
.ch-w-info .brand-line .id{ color:var(--ch-muted); font-weight:400; margin-left:auto; }
.ch-w-info h1{ font-size:42px; line-height:1; letter-spacing:-.02em; font-weight:800; margin-top:16px; }
.ch-w-info h1 mark{ background:transparent; color:var(--ch-red); }
.ch-w-info .ref{ font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--ch-ink2); margin-top:10px; letter-spacing:0; }
.ch-w-info .quick-specs{ margin-top:24px; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--ch-ink); }
.ch-w-info .quick-specs > div{ padding:11px; border-right:1px solid var(--ch-line); }
.ch-w-info .quick-specs > div:last-child{ border-right:none; }
.ch-w-info .quick-specs .l{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-muted); text-transform:uppercase; letter-spacing:.06em; }
.ch-w-info .quick-specs .v{ font-family:'Inter',sans-serif; font-size:18px; font-weight:700; letter-spacing:-.01em; margin-top:4px; }
.ch-w-info .desc{ margin-top:24px; font-size:15px; line-height:1.6; color:var(--ch-ink2); max-width:48ch; }
.ch-w-info .price-row{ margin-top:24px; padding:18px 0; border-top:1px solid var(--ch-ink); border-bottom:1px solid var(--ch-ink); display:flex; justify-content:space-between; align-items:end; gap:16px; flex-wrap:wrap; }
.ch-w-info .price-row .lab{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-muted); text-transform:uppercase; letter-spacing:.06em; }
.ch-w-info .price-row .price{ font-size:32px; font-weight:800; letter-spacing:-.025em; line-height:1; }
.ch-w-info .price-row .price em{ color:var(--ch-red); font-style:normal; font-size:18px; font-weight:600; margin-left:6px; }
.ch-w-info .actions{ margin-top:24px; display:flex; gap:8px; flex-wrap:wrap; }

.ch-w-tabs{ display:flex; gap:0; border-top:1px solid var(--ch-line); background:#fff; overflow-x:auto; }
.ch-w-tabs a{ padding:14px 20px; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ch-muted); border-right:1px solid var(--ch-line); font-weight:500; white-space:nowrap; }
.ch-w-tabs a.active{ background:var(--ch-ink); color:#fff; font-weight:700; }
.ch-w-tabs a:hover:not(.active){ background:var(--ch-paper); color:var(--ch-ink); }

.ch-w-detail{ padding:48px 0; display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px; border-bottom:1px solid var(--ch-line); }
@media(max-width:980px){ .ch-w-detail{ grid-template-columns:1fr; } }
.ch-w-spec-table{ display:flex; flex-direction:column; border:1px solid var(--ch-ink); }
.ch-w-spec-table h4{ padding:11px 14px; background:var(--ch-ink); color:#fff; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; margin:0; }
.ch-w-spec-table .row{ display:grid; grid-template-columns:auto 1fr; gap:12px; padding:11px 14px; border-bottom:1px solid var(--ch-line); font-family:'JetBrains Mono',monospace; font-size:12px; }
.ch-w-spec-table .row:last-child{ border-bottom:none; }
.ch-w-spec-table .lbl{ color:var(--ch-muted); text-transform:uppercase; letter-spacing:.06em; font-size:10px; font-weight:500; align-self:center; }
.ch-w-spec-table .val{ color:var(--ch-ink); font-weight:600; text-align:right; }
.ch-w-spec-table .val b{ color:var(--ch-red); font-weight:700; }

/* =========================================================
   CATALOG (archive portfolio)
   ========================================================= */
.ch-cat{ display:grid; grid-template-columns:280px 1fr; gap:0; border-top:1px solid var(--ch-ink); min-height:60vh; }
@media(max-width:980px){ .ch-cat{ grid-template-columns:1fr; } }
.ch-filters{ padding:24px; border-right:1px solid var(--ch-line); background:var(--ch-paper); position:sticky; top:120px; align-self:start; max-height:calc(100vh - 120px); overflow:auto; min-width:0; overflow-x:hidden; }
@media(max-width:980px){ .ch-filters{ position:static; border-right:none; border-bottom:1px solid var(--ch-line); max-height:none; } }
.ch-filters .group{ padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--ch-line); }
.ch-filters .group:last-child{ border-bottom:none; }
.ch-filters h6{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ch-ink); font-weight:700; margin:0 0 12px; display:flex; justify-content:space-between; align-items:baseline; }
.ch-filters h6 span{ color:var(--ch-muted); font-weight:400; font-size:10px; }
.ch-filters .opt{ display:flex; align-items:center; justify-content:space-between; font-family:'JetBrains Mono',monospace; font-size:12px; padding:5px 0; color:var(--ch-ink2); cursor:pointer; }
.ch-filters .opt input{ margin-right:8px; accent-color:var(--ch-red); }
.ch-filters .opt .ct{ color:var(--ch-muted); font-size:10px; }
.ch-filters .opt:hover{ color:var(--ch-red); }
.ch-filters .range{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ch-filters .range input{ padding:9px; border:1px solid var(--ch-ink); font-family:'JetBrains Mono',monospace; font-size:11px; background:#fff; width:100%; box-sizing:border-box; }
.ch-filters input[type="search"],.ch-filters input[type="text"]{ width:100%; padding:10px; border:1px solid var(--ch-ink); background:#fff; font-family:'JetBrains Mono',monospace; font-size:11px; box-sizing:border-box; }
.ch-filters select{ width:100%; max-width:100%; padding:9px 10px; border:1px solid var(--ch-ink); background:#fff; font-family:'JetBrains Mono',monospace; font-size:11px; box-sizing:border-box; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23222'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; padding-right:28px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; }
.ch-filters button{ background:var(--ch-ink); color:#fff; border:1px solid var(--ch-ink); padding:11px 14px; font-family:'Inter',sans-serif; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; width:100%; }
.ch-filters button:hover{ background:var(--ch-red); border-color:var(--ch-red); }

.ch-cat-main .cat-bar{ padding:18px 24px; display:grid; grid-template-columns:1fr auto auto; gap:24px; align-items:center; border-bottom:1px solid var(--ch-ink); background:#fff; }
@media(max-width:980px){ .ch-cat-main .cat-bar{ grid-template-columns:1fr; gap:12px; } }
.ch-cat-main .info{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-muted); letter-spacing:.04em; text-transform:uppercase; }
.ch-cat-main .info b{ color:var(--ch-ink); font-weight:700; }
.ch-cat-main .sort{ display:flex; gap:0; border:1px solid var(--ch-ink); }
.ch-cat-main .sort a{ padding:8px 12px; font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ch-ink2); border-right:1px solid var(--ch-line); text-transform:uppercase; letter-spacing:.06em; }
.ch-cat-main .sort a:last-child{ border-right:none; }
.ch-cat-main .sort a.active{ background:var(--ch-ink); color:#fff; font-weight:700; }

.ch-pager{ padding:32px 24px; display:flex; justify-content:center; gap:0; border-top:1px solid var(--ch-ink); flex-wrap:wrap; }
.ch-pager a,.ch-pager span{ padding:10px 14px; font-family:'JetBrains Mono',monospace; font-size:11px; border:1px solid var(--ch-ink); border-right:none; letter-spacing:.04em; color:var(--ch-ink2); }
.ch-pager a:last-child,.ch-pager span:last-child{ border-right:1px solid var(--ch-ink); }
.ch-pager .current{ background:var(--ch-red); color:#fff; border-color:var(--ch-red); }

/* WordPress page navigation override */
.chronos .page-numbers{ padding:10px 14px; font-family:'JetBrains Mono',monospace; font-size:11px; border:1px solid var(--ch-ink); letter-spacing:.04em; color:var(--ch-ink2); }
.chronos .page-numbers.current{ background:var(--ch-red); color:#fff; border-color:var(--ch-red); }

/* Hide theme chrome that conflicts */
body.chronos-active #gdlr-main-slider,
body.chronos-active .gdlr-page-title-wrapper{ display:none !important; }

/* Wpis bloga (article single z domyślnym WP markup) */
.ch-prose .wp-block-image figcaption{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-muted); text-transform:uppercase; letter-spacing:.06em; margin-top:8px; }

/* =========================================================
   CATEGORY / ARCHIVE — lista wpisów
   ========================================================= */
.ch-cat-desc{ font-size:15px; color:var(--ch-ink2); line-height:1.6; max-width:60ch; margin-top:16px; }
.ch-cat-subs{ display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; padding-top:20px; border-top:1px solid var(--ch-line); }
.ch-cat-sub{ display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border:1px solid var(--ch-line); font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--ch-ink2); transition:border-color .15s, color .15s; }
.ch-cat-sub span{ background:var(--ch-paper); color:var(--ch-muted); padding:2px 7px; font-size:10px; }
.ch-cat-sub:hover{ border-color:var(--ch-red); color:var(--ch-red); }
.ch-cat-grid{ margin-top:0; border-top:none; }
.ch-empty{ padding:48px 0; font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ch-muted); text-transform:uppercase; letter-spacing:.06em; }

/* Hide topbar on small screens? keep it */

/* =========================================================
   LEGACY WATCH SEARCH (#baza-zeg-form) — Swiss skin
   ---------------------------------------------------------
   Style nakładane na istniejący formularz z app-zegarki/searchbox-inc.php
   i widoki katalogu/detalu zegarków (lista.php / detal.php).
   ========================================================= */

#baza-zeg-form{
  background:#fff;
  border:1px solid var(--ch-ink);
  padding:32px;
  font-family:'Inter',sans-serif;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
#baza-zeg-form form{ display:contents; }
#baza-zeg-form p{
  display:flex; flex-direction:column; gap:6px;
  margin:0;
}
#baza-zeg-form .baza-zeg-form-namesearch{ grid-column:1 / -1; }
#baza-zeg-form .baza-zeg-form-od,
#baza-zeg-form .baza-zeg-form-do{ grid-column:span 1; }
#baza-zeg-form p:last-of-type{ grid-column:1 / -1; display:flex; justify-content:flex-end; padding-top:14px; margin-top:8px; border-top:1px solid var(--ch-ink); }

#baza-zeg-form .title{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:var(--ch-muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:500;
}
#baza-zeg-form input[type="text"],
#baza-zeg-form input[type="number"],
#baza-zeg-form select,
#baza-zeg-form .form-item-kat,
#baza-zeg-form .searchboxinput60,
#baza-zeg-form .namesearchin{
  font-family:'JetBrains Mono',monospace;
  font-size:13px;
  padding:13px 14px;
  background:#fff;
  border:1px solid var(--ch-ink);
  color:var(--ch-ink);
  outline:none;
  border-radius:0;
  width:100%;
  -webkit-appearance:none; appearance:none;
  box-sizing:border-box;
  height:auto;
  line-height:1.3;
}
#baza-zeg-form select{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='%230A0A0A' stroke-width='1.5' fill='none'/></svg>");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:14px;
  padding-right:36px;
}
#baza-zeg-form input:focus,
#baza-zeg-form select:focus{
  border-color:var(--ch-red);
  outline:1px solid var(--ch-red); outline-offset:-2px;
}
#baza-zeg-form .baza-zeg-form-submit,
#baza-zeg-form input[type="submit"]{
  width:auto;
  display:inline-flex;
  align-items:center; gap:10px;
  padding:13px 22px;
  background:var(--ch-red) !important;
  color:#fff !important;
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid var(--ch-red);
  cursor:pointer;
  border-radius:0 !important;
}
#baza-zeg-form .baza-zeg-form-submit:hover,
#baza-zeg-form input[type="submit"]:hover{
  background:var(--ch-ink) !important;
  border-color:var(--ch-ink);
}
@media(max-width:680px){
  #baza-zeg-form{ grid-template-columns:1fr; padding:24px; }
}

/* =========================================================
   LEGACY CATALOG LIST (lista.php) — oczekuje markupów typowych
   dla pluginu. Style poniżej działają na każdej liście linkującej
   ?zegarek=ID. Jeśli markup jest specyficzny, dorób reguły
   pod konkretne klasy/IDs z lista.php.
   ========================================================= */

.gdlr-content a[href*="?zegarek="]:not(.ch-mc){
  /* hook: link do detalu zegarka. Brak agresywnych reguł, żeby
     nie zełamać istniejącego widoku. */
}

/* Indeks marek (A-Z) */
.gdlr-content .indeks-marek,
.gdlr-content #indeks-marek{
  display:flex; flex-wrap:wrap; gap:0;
  margin:24px 0;
  border-top:1px solid var(--ch-ink);
  border-left:1px solid var(--ch-ink);
  font-family:'JetBrains Mono',monospace;
}
.gdlr-content .indeks-marek a,
.gdlr-content #indeks-marek a{
  padding:10px 14px;
  border-right:1px solid var(--ch-line);
  border-bottom:1px solid var(--ch-line);
  font-size:11px; letter-spacing:.06em;
  color:var(--ch-ink2);
  text-transform:uppercase;
  background:#fff;
}
.gdlr-content .indeks-marek a:hover,
.gdlr-content #indeks-marek a:hover,
.gdlr-content .indeks-marek .active,
.gdlr-content #indeks-marek .active{
  background:var(--ch-ink); color:#fff;
}

/* Strona detalu zegarka — często używane klasy */
.gdlr-content .zegarek-detal,
.gdlr-content #zegarek-detal{ font-family:'Inter',sans-serif; }
.gdlr-content .zegarek-detal h1,
.gdlr-content #zegarek-detal h1{
  font-size:clamp(32px,4.4vw,56px);
  line-height:1; letter-spacing:-.025em; font-weight:800; margin:14px 0 8px;
}
.gdlr-content .zegarek-detal table,
.gdlr-content #zegarek-detal table{
  width:100%; border-collapse:collapse; margin:24px 0;
  font-family:'JetBrains Mono',monospace; font-size:12px;
  border:1px solid var(--ch-ink);
}
.gdlr-content .zegarek-detal td,
.gdlr-content #zegarek-detal td,
.gdlr-content .zegarek-detal th,
.gdlr-content #zegarek-detal th{
  padding:11px 14px;
  border-bottom:1px solid var(--ch-line);
  text-align:left; vertical-align:top;
}
.gdlr-content .zegarek-detal td:first-child,
.gdlr-content #zegarek-detal td:first-child{
  color:var(--ch-muted); text-transform:uppercase; letter-spacing:.06em; font-size:10px; width:200px;
}
.gdlr-content .zegarek-detal img,
.gdlr-content #zegarek-detal img{ max-width:100%; height:auto; }

/* =========================================================
   SEKCJA MAGAZYNU (home-magazine)
   ========================================================= */

.ch-mag-block{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:0;
  border-top:2px solid var(--ch-ink);
  border-bottom:2px solid var(--ch-ink);
  background:#fff;
}
@media(max-width:860px){ .ch-mag-block{ grid-template-columns:1fr; } }

/* okładka */
.ch-mag-block-cover{
  display:block;
  position:relative;
  background:var(--ch-paper);
  border-right:1px solid var(--ch-line);
  overflow:hidden;
  text-decoration:none;
}
@media(max-width:860px){ .ch-mag-block-cover{ border-right:none; border-bottom:1px solid var(--ch-line); max-height:400px; } }

.ch-mag-block-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
  transition:transform .5s ease;
}
.ch-mag-block-cover:hover img{ transform:scale(1.03); }

.ch-mag-block-badge{
  position:absolute;
  top:0; left:0;
  background:var(--ch-red);
  color:#fff;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:6px 12px;
}

/* prawa strona — opis */
.ch-mag-block-info{
  padding:48px;
  display:flex;
  flex-direction:column;
  gap:24px;
}
@media(max-width:640px){ .ch-mag-block-info{ padding:28px 24px; } }

.ch-mag-block-eyebrow{
  display:flex;
  gap:16px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ch-muted);
}
.ch-mag-block-eyebrow span:first-child{ color:var(--ch-red); font-weight:700; }

.ch-mag-block-title{
  font-size:clamp(24px,3vw,42px);
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1;
  margin:0;
}
.ch-mag-block-title a{ color:var(--ch-ink); text-decoration:none; }
.ch-mag-block-title a:hover{ color:var(--ch-red); }

.ch-mag-block-lead{
  font-size:16px;
  line-height:1.65;
  color:var(--ch-ink2);
  margin:0;
  max-width:56ch;
}

/* spis treści */
.ch-mag-block-toc{
  border-top:1px solid var(--ch-line);
  padding-top:20px;
}
.ch-mag-block-toc-label{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ch-red);
  margin-bottom:12px;
}
.ch-mag-block-toc-row{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:8px 0;
  border-bottom:1px solid var(--ch-line2);
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
}
.ch-mag-block-toc-row:last-child{ border-bottom:none; }
.ch-mag-block-toc-row .pg{
  color:var(--ch-red);
  font-weight:700;
  font-size:10px;
  min-width:24px;
}
.ch-mag-block-toc-row a{
  color:var(--ch-ink2);
  text-decoration:none;
  transition:color .15s;
}
.ch-mag-block-toc-row a:hover{ color:var(--ch-red); }

.ch-mag-block-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:auto;
  padding-top:8px;
}

/* =========================================================
   STRONA KONTAKTOWA
   ========================================================= */

/* Layout główny: lewa (karty) + prawa (sidebar) */
.ch-contact-layout{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:0;
  border-top:1px solid var(--ch-ink);
  border-bottom:1px solid var(--ch-ink);
  margin-bottom:64px;
}
@media(max-width:980px){
  .ch-contact-layout{ grid-template-columns:1fr; }
}

/* Sekcja z kartami osób */
.ch-contact-main{ padding:48px 48px 48px 0; border-right:1px solid var(--ch-line); }
@media(max-width:980px){ .ch-contact-main{ padding:32px 0; border-right:none; border-bottom:1px solid var(--ch-line); } }

.ch-contact-section-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ch-muted);
  margin-bottom:24px;
  padding-bottom:12px;
  border-bottom:1px solid var(--ch-line);
}

.ch-contact-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-top:1px solid var(--ch-ink);
  border-left:1px solid var(--ch-ink);
}
@media(max-width:680px){ .ch-contact-cards{ grid-template-columns:1fr; } }

/* Pojedyncza karta osoby */
.ch-contact-card{
  padding:28px;
  border-right:1px solid var(--ch-line);
  border-bottom:1px solid var(--ch-line);
  background:#fff;
  transition:background .15s;
}
.ch-contact-card:hover{ background:var(--ch-paper); }
@media(max-width:680px){ .ch-contact-card{ border-right:none; } }

/* Treść karty */
.ch-cc-role{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ch-red);
  font-weight:700;
  margin-bottom:6px;
}
.ch-cc-name{
  font-size:17px;
  font-weight:700;
  letter-spacing:-.01em;
  margin:0 0 14px;
  color:var(--ch-ink);
}
.ch-cc-data{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ch-cc-data a{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  color:var(--ch-ink2);
  text-decoration:none;
  transition:color .15s;
  letter-spacing:0;
}
.ch-cc-data a:hover{ color:var(--ch-red); }

/* ---- PRAWA KOLUMNA (sidebar kontaktowy) ---- */
.ch-contact-sidebar{
  padding:48px 0 48px 48px;
  display:flex;
  flex-direction:column;
  gap:0;
}
@media(max-width:980px){
  .ch-contact-sidebar{ padding:32px 0 0; }
}

.ch-cs-block{
  padding-bottom:28px;
  margin-bottom:28px;
  border-bottom:1px solid var(--ch-line);
}
.ch-cs-block:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0; }

.ch-cs-label{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ch-red);
  margin-bottom:14px;
  padding-bottom:8px;
  border-bottom:1px solid var(--ch-ink);
}

.ch-cs-content{
  font-size:14px;
  line-height:1.7;
  color:var(--ch-ink2);
}
.ch-cs-content strong{ color:var(--ch-ink); font-weight:700; }
.ch-cs-content a{ color:var(--ch-ink2); text-decoration:none; }
.ch-cs-content a:hover{ color:var(--ch-red); }

/* Wiersze w sidebarze */
.ch-cs-row{
  margin-bottom:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  color:var(--ch-ink2);
  line-height:1.5;
}
.ch-cs-row:last-child{ margin-bottom:0; }
.ch-cs-row a{ color:var(--ch-ink2); text-decoration:none; }
.ch-cs-row a:hover{ color:var(--ch-red); }

/* E-maile */
.ch-cs-emails{
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid var(--ch-line);
  border-left:1px solid var(--ch-line);
}
.ch-cs-emails a{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:11px 14px;
  border-right:1px solid var(--ch-line);
  border-bottom:1px solid var(--ch-line);
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  color:var(--ch-ink2);
  text-decoration:none;
  transition:background .15s, color .15s;
  flex-wrap:wrap;
}
.ch-cs-emails a:hover{ background:var(--ch-paper); color:var(--ch-ink); }
.ch-cs-etag{
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ch-red);
  flex-shrink:0;
  width:72px;
}

/* Social media */
.ch-cs-social{
  display:flex;
  gap:0;
  flex-wrap:wrap;
}
.ch-cs-social a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border:1px solid var(--ch-ink);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ch-ink);
  text-decoration:none;
  background:#fff;
  transition:background .15s, color .15s;
}
.ch-cs-social a:hover{ background:var(--ch-ink); color:#fff; }
.ch-cs-social a svg{
  width:16px;
  height:16px;
}

/* =========================================================
   MOBILEBOOK — lista artykułów PDF (ul.books)
   ========================================================= */

.ch-prose ul.books{
  list-style:none;
  padding:0;
  margin:32px 0 0;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
  gap:0;
  border-top:1px solid var(--ch-ink);
  border-left:1px solid var(--ch-ink);
}

.ch-prose ul.books li.book{
  height:auto !important;
  border-right:1px solid var(--ch-line);
  border-bottom:1px solid var(--ch-line);
  background:#fff;
  transition:background .15s;
}
.ch-prose ul.books li.book:hover{
  background:var(--ch-paper);
}

.ch-prose ul.books li.book a{
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none;
  color:var(--ch-ink);
}

/* Okładka */
.ch-prose ul.books li.book a img.book{
  width:100%;
  height:180px;
  object-fit:cover;
  object-position:top center;
  display:block;
  border-bottom:1px solid var(--ch-line);
  transition:opacity .2s;
}
.ch-prose ul.books li.book:hover a img.book{
  opacity:.85;
}

/* Tytuł */
.ch-prose ul.books li.book a h4.title{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.01em;
  color:var(--ch-ink2);
  margin:0;
  padding:12px 14px 14px;
  flex:1;
  opacity:1 !important;
  transition:color .15s;
}
.ch-prose ul.books li.book:hover a h4.title{
  color:var(--ch-red);
}

/* Ikona "otwórz viewer" — pseudo-element na hover */
.ch-prose ul.books li.book a{
  position:relative;
}
.ch-prose ul.books li.book a::after{
  content:'▶ czytaj';
  position:absolute;
  top:0; left:0; right:0;
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  background:rgba(10,10,10,.55);
  opacity:0;
  transition:opacity .2s;
}
.ch-prose ul.books li.book:hover a::after{
  opacity:1;
}

@media(max-width:640px){
  .ch-prose ul.books{
    grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
  }
  .ch-prose ul.books li.book a img.book,
  .ch-prose ul.books li.book a::after{
    height:140px;
  }
}

/* =========================================================
   DETAL ZEGARKA — legacy detal.php (app-zegarki)
   Style nakładane na markup generowany przez stary plik PHP.
   ========================================================= */

/* Główny tytuł H1 */
.gdlr-standard-style .gdlr-blog-title{
  font-family:'Inter',sans-serif;
  font-size:clamp(18px,2.2vw,26px);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.25;
  color:var(--ch-ink) !important;
  margin:0 0 24px;
  padding-bottom:20px;
  border-bottom:2px solid var(--ch-ink);
}

/* Główny obrazek */
.gdlr-standard-style .gdlr-blog-thumbnail{
  background:var(--ch-paper) !important;
  border:1px solid var(--ch-line);
  margin-bottom:0 !important;
  text-align:center;
}
.gdlr-standard-style .gdlr-blog-thumbnail img{
  max-height:520px;
  width:auto !important;
  max-width:100%;
  margin:0 auto;
  display:block;
}

/* Galeria miniaturek */
.gdlr-standard-style .gallery{
  margin:0;
  background:var(--ch-paper);
  border:1px solid var(--ch-line);
  border-top:none;
  padding:12px;
}
.gdlr-standard-style .gallery .gallery-img{
  width:100%;
  padding-top:100%;
  background-size:cover;
  background-position:center;
  border:2px solid transparent;
  transition:border-color .15s, opacity .15s;
  cursor:pointer;
}
.gdlr-standard-style .gallery a:hover .gallery-img{
  border-color:var(--ch-red);
  opacity:.85;
}

/* Treść artykułu */
.gdlr-standard-style .gdlr-blog-content{
  font-family:'Inter',sans-serif;
  font-size:15px;
  line-height:1.7;
  color:var(--ch-ink2);
}
.gdlr-standard-style .gdlr-blog-content p{
  margin:0 0 16px;
}
.gdlr-standard-style .gdlr-blog-content p strong{
  color:var(--ch-ink);
  font-weight:600;
}

/* Video wrapper */
.gdlr-standard-style .video-wrapper{
  margin:32px 0;
  border:1px solid var(--ch-line);
}
.gdlr-standard-style .gdlr-fluid-video-wrapper{
  background:#000;
}

/* Nagłówki sekcji w treści (h3) */
.gdlr-standard-style .gdlr-blog-content h3{
  font-family:'JetBrains Mono',monospace;
  font-size:11px !important;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ch-muted);
  margin:32px 0 16px;
  padding-bottom:10px;
  border-bottom:1px solid var(--ch-line);
}

/* Tabela specyfikacji — style-2 */
.gdlr-standard-style table.style-2{
  width:100% !important;
  border-collapse:collapse;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  border:1px solid var(--ch-ink);
  margin:0 0 32px;
}
.gdlr-standard-style table.style-2 tr{
  border-bottom:1px solid var(--ch-line);
}
.gdlr-standard-style table.style-2 tr:last-child{
  border-bottom:none;
}
.gdlr-standard-style table.style-2 td{
  padding:11px 16px !important;
  vertical-align:top;
  background:#fff !important;
  color:var(--ch-ink) !important;
}
.gdlr-standard-style table.style-2 td:first-child{
  color:var(--ch-muted) !important;
  width:44%;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  border-right:1px solid var(--ch-line);
}
.gdlr-standard-style table.style-2 td:last-child{
  color:var(--ch-ink) !important;
  font-weight:500;
}
.gdlr-standard-style table.style-2 td b{
  color:var(--ch-ink);
  font-weight:700;
}
.gdlr-standard-style table.style-2 td a{
  color:var(--ch-red);
  text-decoration:none;
  font-weight:600;
}
.gdlr-standard-style table.style-2 td a:hover{
  text-decoration:underline;
}
/* Lista atrybutów w komórce tabeli */
.gdlr-standard-style table.style-2 ul.watch_attr{
  margin:0; padding:0;
  list-style:none;
}
.gdlr-standard-style table.style-2 ul.watch_attr li{
  padding:2px 0;
}
.gdlr-standard-style table.style-2 ul.watch_attr li::before{
  content:'· ';
  color:var(--ch-red);
  font-weight:700;
}

/* =========================================================
   BLOCZEK KATALOGU DRUKOWANEGO — .catalogue-info-box
   ========================================================= */

.catalogue-info-box{
  margin:40px 0 32px;
  border:1px solid var(--ch-ink);
  background:var(--ch-paper);
  overflow:hidden;
}
.catalogue-info-box > div{
  display:grid !important;
  grid-template-columns:180px 1fr 240px;
  gap:0;
  align-items:stretch;
}
@media(max-width:860px){
  .catalogue-info-box > div{
    grid-template-columns:1fr !important;
  }
}

/* Kolumna z okładką */
.catalogue-info-box > div > div:first-child{
  background:#fff;
  border-right:1px solid var(--ch-line);
  padding:24px !important;
  text-align:center !important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.catalogue-info-box > div > div:first-child a{
  display:block;
  transition:transform .2s, opacity .2s;
}
.catalogue-info-box > div > div:first-child a:hover{
  transform:translateY(-2px);
  opacity:.9;
}
.catalogue-info-box > div > div:first-child img{
  max-width:130px !important;
  width:100%;
  height:auto;
  border:1px solid var(--ch-line) !important;
  border-radius:0 !important;
  display:block;
  margin:0 auto;
}

/* Kolumna środkowa — opis */
.catalogue-info-box > div > div:nth-child(2){
  padding:28px 32px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  border-right:1px solid var(--ch-line);
}
.catalogue-info-box > div > div:nth-child(2) h3:first-child{
  font-family:'JetBrains Mono',monospace !important;
  font-size:10px !important;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ch-muted) !important;
  margin:0 !important;
  padding:0;
  border:none;
}
.catalogue-info-box > div > div:nth-child(2) a h3,
.catalogue-info-box > div > div:nth-child(2) a > h3{
  font-family:'Inter',sans-serif !important;
  font-size:20px !important;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--ch-ink) !important;
  margin:0 !important;
  transition:color .15s;
}
.catalogue-info-box > div > div:nth-child(2) a:hover h3{
  color:var(--ch-red) !important;
}
.catalogue-info-box > div > div:nth-child(2) p{
  font-size:13px !important;
  color:var(--ch-muted) !important;
  margin:0 !important;
  line-height:1.5;
}
/* Przycisk CTA */
.catalogue-info-box a.button-cat{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:11px 18px !important;
  background:var(--ch-ink) !important;
  color:#fff !important;
  font-family:'Inter',sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid var(--ch-ink);
  text-decoration:none;
  width:fit-content;
  transition:background .15s, border-color .15s;
}
.catalogue-info-box a.button-cat:hover{
  background:var(--ch-red) !important;
  border-color:var(--ch-red);
}

/* Kolumna prawa — lista archiwalnych edycji */
.catalogue-info-box .catalogue-list-archive{
  max-width:none !important;
  flex:none !important;
  padding:24px 28px !important;
  border-left:none;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.catalogue-info-box .catalogue-list-archive > p{
  font-family:'JetBrains Mono',monospace !important;
  font-size:9px !important;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ch-muted) !important;
  margin:0 0 12px !important;
  padding:0 !important;
}
.catalogue-info-box .catalogue-list-archive ul{
  list-style:none !important;
  padding:0 !important;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid var(--ch-line);
}
.catalogue-info-box .catalogue-list-archive ul li{
  border-bottom:1px solid var(--ch-line2);
}
.catalogue-info-box .catalogue-list-archive ul li a{
  display:block;
  padding:7px 0;
  font-family:'JetBrains Mono',monospace !important;
  font-size:11px !important;
  color:var(--ch-ink2) !important;
  text-decoration:none !important;
  transition:color .12s, padding-left .12s;
}
.catalogue-info-box .catalogue-list-archive ul li a:hover{
  color:var(--ch-red) !important;
  padding-left:4px;
}
/* Ukryj puste linki (gdy brak tekstu) */
.catalogue-info-box .catalogue-list-archive ul li a:empty{
  display:none;
}
.catalogue-info-box .catalogue-list-archive ul li:has(a:empty){
  display:none;
}

@media(max-width:860px){
  .catalogue-info-box > div > div:first-child{ border-right:none; border-bottom:1px solid var(--ch-line); }
  .catalogue-info-box > div > div:nth-child(2){ border-right:none; border-bottom:1px solid var(--ch-line); }
  .catalogue-info-box .catalogue-list-archive{ border-top:1px solid var(--ch-line); }
}