/* ═════════ Wariant C · Szlaki ═════════ */
:root[data-variant="c"] {
  --paper: #f7f5ee; --paper-2: #ecebe2; --card: #ffffff;
  --ink: #1d2a22; --ink-2: #44514a; --ink-3: #737d76;
  --line: rgba(29, 42, 34, 0.14);
  --lake: #1d2a22; --lake-2: #2f4537; --copper: #d23a2c; --moss: #2f7d3b;
  --trail-red: #d23a2c; --trail-blue: #1f5fbf; --trail-green: #2f8a3e; --trail-yellow: #f2c230; --trail-black: #1d2a22;
  --glass: rgba(247, 245, 238, 0.82);
  --shadow: 0 1px 0 rgba(29, 42, 34, 0.12);
  --radius: 8px; --radius-sm: 6px;
  --font-display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;
  --cat-woda: var(--trail-blue); --cat-gory: var(--trail-red); --cat-kultura: #c99a00; --cat-aktywnie: var(--trail-green);
  --topo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600' fill='none' stroke='%231d2a22' stroke-opacity='.08' stroke-width='1.2'%3E%3Cpath d='M300 90c96 4 190 60 196 158 6 104-80 178-188 186-112 8-206-58-210-160-4-100 94-188 202-184z'/%3E%3Cpath d='M302 132c74 2 146 48 150 122 4 80-62 136-146 142-86 6-160-44-162-122-2-76 72-144 158-142z'/%3E%3Cpath d='M304 176c52 2 102 34 104 86 2 56-44 94-102 98-60 4-112-30-112-84 0-52 50-102 110-100z'/%3E%3Cpath d='M306 220c30 0 58 20 58 50 0 32-26 54-58 56-34 2-62-18-62-48s28-58 62-58z'/%3E%3Cpath d='M-40 520c120-40 220 30 330 10s200-110 360-60'/%3E%3Cpath d='M-40 560c130-30 230 40 340 22s210-100 360-54'/%3E%3Cpath d='M-40 40c110 30 180-20 260 0'/%3E%3Cpath d='M480 20c40 60 140 50 160 110'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
  :root[data-variant="c"]:not([data-theme="light"]) {
    --paper: #131a15; --paper-2: #1a231d; --card: #1f2a23;
    --ink: #eef0e8; --ink-2: #c3cbc4; --ink-3: #8e998f; --line: rgba(238, 240, 232, 0.14);
    --lake: #eef0e8; --copper: #ff6a5a; --trail-black: #eef0e8; --glass: rgba(19, 26, 21, 0.82);
    --topo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600' fill='none' stroke='%23eef0e8' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M300 90c96 4 190 60 196 158 6 104-80 178-188 186-112 8-206-58-210-160-4-100 94-188 202-184z'/%3E%3Cpath d='M302 132c74 2 146 48 150 122 4 80-62 136-146 142-86 6-160-44-162-122-2-76 72-144 158-142z'/%3E%3Cpath d='M304 176c52 2 102 34 104 86 2 56-44 94-102 98-60 4-112-30-112-84 0-52 50-102 110-100z'/%3E%3Cpath d='M306 220c30 0 58 20 58 50 0 32-26 54-58 56-34 2-62-18-62-48s28-58 62-58z'/%3E%3Cpath d='M-40 520c120-40 220 30 330 10s200-110 360-60'/%3E%3Cpath d='M-40 560c130-30 230 40 340 22s210-100 360-54'/%3E%3C/svg%3E");
  }
}

[data-variant="c"] .display, [data-variant="c"] .h2 { font-weight: 700; text-transform: uppercase; letter-spacing: -0.005em; line-height: 0.95; }
[data-variant="c"] .h2 { font-size: clamp(2.3rem, 5.4vw, 4rem); }
[data-variant="c"] .h3 { font-family: var(--font-display); font-weight: 700; font-size: 1.55rem; text-transform: uppercase; letter-spacing: 0.005em; }
[data-variant="c"] .review blockquote, [data-variant="c"] .hero__quote blockquote { font-family: var(--font-ui); font-weight: 500; font-size: 1.1rem; }
[data-variant="c"] .rule__v, [data-variant="c"] .phone, [data-variant="c"] .facts strong, [data-variant="c"] .score__big { font-family: var(--font-display); font-weight: 700; letter-spacing: 0; }

/* eyebrow = trail marker (white–red–white) */
[data-variant="c"] .eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); letter-spacing: 0.14em; }
[data-variant="c"] .eyebrow::before { content: ""; width: 26px; height: 16px; flex: 0 0 auto; background: linear-gradient(#fff 0 33.3%, var(--trail-red) 33.3% 66.6%, #fff 66.6%); box-shadow: inset 0 0 0 1px var(--line); border-radius: 2px; }

/* buttons = signage */
[data-variant="c"] .btn { border-radius: 6px; font-family: var(--font-display); font-weight: 700; font-size: 1.1rem; letter-spacing: 0.04em; text-transform: uppercase; }
[data-variant="c"] .btn--small { font-size: 0.95rem; }
[data-variant="c"] .btn--primary { background: var(--trail-red); color: #fff; }
[data-variant="c"] .btn--ghost { box-shadow: inset 0 0 0 2px var(--ink); }
@media (hover: hover) and (pointer: fine) { [data-variant="c"] .btn--primary:hover { background: #b52e22; } }

[data-variant="c"] .card { box-shadow: none; border: 1.5px solid var(--line); }
[data-variant="c"] .tag { color: #fff; background: var(--trail-red); border-radius: 4px; text-transform: uppercase; letter-spacing: 0.06em; }
[data-variant="c"] .chips li { border-radius: 4px; }
[data-variant="c"] .facts strong { color: var(--trail-red); font-size: clamp(2.4rem, 5vw, 3.4rem); }
[data-variant="c"] .area { background: var(--paper) var(--topo) center / 600px; }
[data-variant="c"] .rooms, [data-variant="c"] .reviews, [data-variant="c"] .contact, [data-variant="c"] .gallery { background: var(--paper-2); }
[data-variant="c"] .score__big { background: var(--trail-red); border-radius: 6px; color: #fff !important; }
[data-variant="c"] .bars div::after { background-image: linear-gradient(var(--trail-red), var(--trail-red)); }
[data-variant="c"] .segmented, [data-variant="c"] .segmented__thumb, [data-variant="c"] .segmented button { border-radius: 6px; }
[data-variant="c"] .place__dot { border-radius: 2px; width: 14px; height: 10px; background: linear-gradient(#fff 0 30%, var(--c) 30% 70%, #fff 70%); box-shadow: inset 0 0 0 1px var(--line); }
[data-variant="c"] .place__main strong { font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.01em; }
[data-variant="c"] .room__count, [data-variant="c"] .ph--slide figcaption { border-radius: 4px; }

/* nav: light hero, dark text */
[data-variant="c"] .nav:not([data-scrolled]) .brand,
[data-variant="c"] .nav:not([data-scrolled]) .nav__links a { color: var(--ink); }
[data-variant="c"] .nav:not([data-scrolled]) .brand__mark { fill: var(--ink); }
[data-variant="c"] .nav:not([data-scrolled]) .btn--primary { background: var(--trail-red); color: #fff; }
[data-variant="c"] .brand__mark { fill: var(--ink); }
[data-variant="c"] .brand__line { stroke: var(--trail-red); }

/* hero */
.hero-c { background: var(--paper) var(--topo) center / 700px; padding: calc(120px + env(safe-area-inset-top)) 0 clamp(64px, 9vw, 110px); border-bottom: 1.5px solid var(--line); }
.hero-c__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.hero-c .display { font-size: clamp(3.4rem, 9vw, 7.4rem); line-height: 0.88; }
.hero-c .lede { margin-top: 24px; max-width: 38ch; }
.hero-c .hero__cta { margin-top: 30px; }

.hero-c__map { position: relative; padding-bottom: 40px; }
.hero-c__photo { margin: 0; position: relative; aspect-ratio: 4 / 3.2; border-radius: 8px; overflow: hidden; border: 6px solid var(--card); box-shadow: 0 2px 0 var(--line), 0 24px 50px -24px rgba(29, 42, 34, 0.45); }
.hero-c__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; }
.hero-c__photo figcaption { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 4px; background: var(--card); color: var(--ink); font: 700 0.95rem/1 var(--font-display); text-transform: uppercase; letter-spacing: 0.05em; }
.pin { width: 10px; height: 10px; border-radius: 50%; background: var(--trail-red); box-shadow: 0 0 0 3px rgba(210, 58, 44, 0.25); }

.signpost { list-style: none; margin: 0; padding: 0; position: absolute; right: -8px; bottom: 0; display: flex; flex-direction: column; gap: 6px; width: min(300px, 70%); }
.signpost li {
  --c: var(--trail-red);
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 9px 26px 9px 34px; background: var(--card); color: var(--ink);
  font: 700 1.1rem/1 var(--font-display); text-transform: uppercase; letter-spacing: 0.03em;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);
  box-shadow: inset 0 0 0 1.5px var(--line);
  position: relative;
}
.signpost li::before { content: ""; position: absolute; left: 10px; top: 50%; translate: 0 -50%; width: 16px; height: 12px; background: linear-gradient(#fff 0 30%, var(--c) 30% 70%, #fff 70%); box-shadow: inset 0 0 0 1px var(--line); }
.signpost li.sp--left { padding: 9px 26px 9px 34px; clip-path: polygon(16px 0, 100% 0, 100% 100%, 16px 100%, 0 50%); padding-left: 40px; }
.signpost li.sp--left::before { left: 20px; }
.signpost b { font-weight: 700; color: var(--c); }
.sp--blue { --c: var(--trail-blue) !important; }
.sp--green { --c: var(--trail-green) !important; }
.sp--red { --c: var(--trail-red) !important; }
.sp--black { --c: var(--trail-black) !important; }
@media (max-width: 900px) {
  .hero-c__grid { grid-template-columns: minmax(0, 1fr); }
  .signpost { right: 8px; }
}
@media (max-width: 520px) {
  .hero-c__map { padding-bottom: 0; }
  .signpost { position: relative; right: auto; width: 100%; margin-top: -28px; padding: 0 12px; }
}