/* rybalka29.ru — DARK «Белое море / северная вода». Уникальная подпись сети.
   Палитра: ночная сталь-синь, лёд-циан, приливная бирюза, буй-янтарь (CTA/премиум). */
:root{
  --sea-0:#061620;      /* глубокая ночная вода — фон */
  --sea-1:#0b2130;      /* панель */
  --sea-2:#102b3d;      /* панель светлее */
  --sea-3:#183a4f;      /* бордер/линия */
  --ice:#38bdf8;        /* лёд-циан акцент */
  --ice-2:#7dd3fc;      /* светлый лёд */
  --tide:#2dd4bf;       /* приливная бирюза */
  --buoy:#f5a524;       /* буй-янтарь — CTA/премиум */
  --foam:#eaf4f8;       /* пена — текст на тёмном */
  --mist:#9db4c2;       /* туман — второстепенный текст */
  --mist-d:#6f8a99;     /* тусклый */
  --ink:#04121a;        /* самый тёмный */
  --ok:#34d399;
  --maxw:1140px;
  --r:14px;
  --shadow:0 10px 30px rgba(2,10,16,.45);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:var(--font);color:var(--foam);line-height:1.7;
  background:
    radial-gradient(1100px 520px at 80% -8%, rgba(56,189,248,.10), transparent 60%),
    radial-gradient(900px 480px at 8% 4%, rgba(45,212,191,.08), transparent 55%),
    var(--sea-0);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--ice-2);text-decoration:none}
a:hover{color:var(--ice);text-decoration:underline;text-underline-offset:2px}
h1,h2,h3,h4{line-height:1.22;font-weight:800;letter-spacing:-.01em;color:#fff}
h2{font-size:clamp(1.35rem,1rem+1.4vw,1.9rem);margin:0 0 .5em}
h3{font-size:1.16rem;margin:1.4em 0 .4em}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px;width:100%}
table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.96rem;background:var(--sea-1);border-radius:10px;overflow:hidden}
th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--sea-3)}
th{background:var(--sea-2);color:var(--ice-2);font-weight:700;font-size:.83rem;text-transform:uppercase;letter-spacing:.04em}
td a{font-weight:600}
tr:last-child td{border-bottom:none}

/* ── header ── */
.klev-bar{position:sticky;top:0;z-index:50;background:rgba(6,18,26,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--sea-3)}
.kb-in{display:flex;align-items:center;gap:18px;height:62px}
.klevmark{font-size:1.28rem;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap}
.klevmark b{color:var(--ice)}
.klevmark span{color:var(--mist);font-weight:600}
.klevmark:hover{text-decoration:none}
.klevnav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.klevnav a{color:var(--mist);font-weight:600;font-size:.93rem;padding:6px 2px;border-bottom:2px solid transparent}
.klevnav a:hover{color:var(--foam);border-bottom-color:var(--ice);text-decoration:none}
.klev-btn{display:inline-block;background:linear-gradient(135deg,var(--buoy),#e8890b);color:#1a1204;font-weight:800;
  padding:11px 20px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(245,165,36,.28);transition:transform .15s,box-shadow .15s}
.klev-btn:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(245,165,36,.4);text-decoration:none;color:#1a1204}
.klev-btn.slim{padding:9px 16px;font-size:.9rem}
.klev-btn.big{padding:15px 30px;font-size:1.05rem}
.klev-btn.ghost{background:transparent;color:var(--ice-2);border:1.5px solid var(--sea-3);box-shadow:none}
.klev-btn.ghost:hover{border-color:var(--ice);color:var(--ice);background:rgba(56,189,248,.06)}

/* ── hero ── */
.more-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--sea-3)}
.more-hero .mh-media{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42;filter:saturate(1.05)}
.more-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,18,26,.55) 0%,rgba(6,18,26,.78) 60%,var(--sea-0) 100%)}
.mh-in{position:relative;z-index:2;padding:64px 16px 54px}
.more-hero.short .mh-in{padding:52px 16px 44px}
.mh-tag{display:inline-block;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.35);color:var(--ice-2);
  font-weight:700;font-size:.82rem;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.mh-in h1{font-size:clamp(2rem,1.3rem+3vw,3.3rem);margin:0 0 14px;max-width:16ch}
.mh-lead{font-size:clamp(1rem,.95rem+.4vw,1.18rem);color:var(--foam);max-width:70ch;margin:0 0 26px}
.mh-stats{display:flex;flex-wrap:wrap;gap:12px}
.mh-st{background:rgba(11,33,48,.7);border:1px solid var(--sea-3);border-radius:12px;padding:10px 16px;font-size:.9rem;color:var(--mist)}
.mh-st b{display:block;color:var(--ice);font-size:1.3rem;font-weight:800;line-height:1.1}
.more-hero.short .mh-stats{gap:14px;margin-top:8px}

/* волновая линия-разделитель */
.wave-line{height:14px;margin:0;background:
  radial-gradient(10px 14px at 10px 0, transparent 9px, var(--sea-3) 10px, transparent 11px) 0 0/24px 14px repeat-x;
  opacity:.5}

/* ── sections ── */
.zaliv{padding:44px 0}
.zaliv.tint{background:linear-gradient(180deg,rgba(16,43,61,.5),rgba(11,33,48,.3));border-top:1px solid var(--sea-3);border-bottom:1px solid var(--sea-3)}
.zaliv-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.zaliv-head h2{margin:0}
.more-link{color:var(--ice-2);font-weight:700;white-space:nowrap}
.lead{font-size:1.08rem;color:var(--foam);max-width:78ch}
.zaliv-text{max-width:80ch}
.zaliv-text p{margin:.7em 0}
.zaliv-note{background:var(--sea-1);border-left:3px solid var(--tide);border-radius:0 10px 10px 0;padding:14px 18px;margin:20px 0;color:var(--mist);font-size:.97rem}
.h1-more{font-size:clamp(1.7rem,1.2rem+2vw,2.5rem);margin:.2em 0 .5em}
.trail{font-size:.86rem;color:var(--mist-d);margin-bottom:14px}
.trail a{color:var(--mist)}
.over{display:inline-block;color:var(--tide);font-weight:700;font-size:.9rem;margin-bottom:6px}

/* ── карточка-тоня (база) ── */
.nevod{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px}
.tonya{background:var(--sea-1);border:1px solid var(--sea-3);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s}
.tonya:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--ice)}
.tn-face{position:relative;display:block;height:118px;overflow:hidden}
.tn-face::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,18,26,.55))}
.tn-tab{position:absolute;top:10px;left:10px;z-index:2;background:rgba(6,18,26,.72);border:1px solid var(--sea-3);
  color:var(--ice-2);font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:999px}
.tn-mark{position:absolute;top:8px;right:10px;z-index:2;color:var(--buoy);font-size:1.15rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.tn-price{position:absolute;bottom:9px;left:10px;z-index:2;background:var(--buoy);color:#1a1204;font-weight:800;font-size:.82rem;padding:3px 11px;border-radius:999px}
.tn-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.tn-h{margin:0 0 4px;font-size:1.1rem}
.tn-h a{color:#fff}
.tn-loc{color:var(--tide);font-size:.83rem;font-weight:600;margin-bottom:8px}
.tn-note{color:var(--mist);font-size:.9rem;margin:0 0 12px;flex:1}
.tn-tags{display:flex;gap:7px;flex-wrap:wrap}
.tn-tag{background:var(--sea-2);border:1px solid var(--sea-3);color:var(--ice-2);font-size:.76rem;font-weight:600;padding:3px 10px;border-radius:8px}
.tn-tag:hover{border-color:var(--ice);text-decoration:none}

/* сцены (градиенты воды) для лиц карточек */
.s-more{background:linear-gradient(135deg,#0d2f45,#155e75 60%,#0e7490)}
.s-reka{background:linear-gradient(135deg,#0b3a3f,#0f766e 60%,#115e59)}
.s-ozero{background:linear-gradient(135deg,#0e2a4a,#1d4ed8 70%,#1e3a8a)}
.s-porog{background:linear-gradient(135deg,#0f3a4a,#0891b2 55%,#0e7490)}
.s-taiga{background:linear-gradient(135deg,#12352b,#166534 65%,#14532d)}
.s-zima{background:linear-gradient(135deg,#1e3a52,#475569 60%,#334155)}

/* ── водоёмы (фарватеры) ── */
.fairwaters{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.fairwater{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 18px;border-radius:12px;
  color:#fff;overflow:hidden;border:1px solid var(--sea-3);min-height:118px;justify-content:flex-end}
.fairwater::before{content:"";position:absolute;inset:0;opacity:.9;z-index:0}
.fairwater::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,26,.15),rgba(6,18,26,.72));z-index:1}
.fairwater.s-more::before{background:linear-gradient(135deg,#0d2f45,#155e75)}
.fairwater.s-reka::before{background:linear-gradient(135deg,#0b3a3f,#0f766e)}
.fairwater.s-ozero::before{background:linear-gradient(135deg,#0e2a4a,#1d4ed8)}
.fairwater.s-porog::before{background:linear-gradient(135deg,#0f3a4a,#0891b2)}
.fairwater.s-taiga::before{background:linear-gradient(135deg,#12352b,#166534)}
.fairwater.s-zima::before{background:linear-gradient(135deg,#1e3a52,#475569)}
.fairwater>*{position:relative;z-index:2}
.fairwater:hover{border-color:var(--ice);text-decoration:none;transform:translateY(-2px);transition:transform .16s}
.fw-name{font-weight:800;font-size:1.12rem}
.fw-water{font-size:.82rem;color:var(--ice-2);font-weight:600}
.fw-fish{font-size:.82rem;color:var(--foam);opacity:.85}

/* ── рыба и снасть ── */
.snasti{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.snast{display:flex;align-items:center;gap:11px;background:var(--sea-1);border:1px solid var(--sea-3);border-radius:12px;padding:13px 15px;color:var(--foam);font-weight:600}
.snast:hover{border-color:var(--ice);color:#fff;text-decoration:none;background:var(--sea-2)}
.snast-ic{font-size:1.4rem;line-height:1}
.snast-nm{font-size:.93rem}

/* ── галерея ── */
.frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.frames figure{margin:0;background:var(--sea-1);border:1px solid var(--sea-3);border-radius:12px;overflow:hidden}
.frames img{width:100%;aspect-ratio:3/2;object-fit:cover}
.frames figcaption{padding:10px 14px;color:var(--mist);font-size:.88rem;font-weight:600}

/* ── реклама-блок ── */
.buy-block{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,var(--sea-2),var(--sea-1));
  border:1px solid var(--sea-3);border-left:4px solid var(--buoy);border-radius:12px;padding:18px 22px;margin:24px 0;flex-wrap:wrap}
.bb-tag{background:rgba(245,165,36,.16);color:var(--buoy);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px}
.bb-body{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}
.bb-body strong{color:#fff}
.bb-body span{color:var(--mist);font-size:.9rem}

/* ── партнёрский виджет бронирования ── */
.bron-band{padding:40px 0;background:linear-gradient(180deg,rgba(45,212,191,.06),transparent)}
.bron-top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.bron-top h2{margin:0}
.bron-disc{font-size:.78rem;color:var(--mist-d);border:1px solid var(--sea-3);border-radius:999px;padding:3px 11px}
.bron-sub{color:var(--mist);max-width:76ch;margin:.4em 0 18px}
.bron-box{min-height:120px}

/* ── объект (страница базы) ── */
.obj-tonya{position:relative;border-radius:var(--r);padding:30px 26px;margin-bottom:22px;color:#fff;overflow:hidden;border:1px solid var(--sea-3)}
.obj-tonya::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,26,.25),rgba(6,18,26,.7));z-index:0}
.obj-tonya>*{position:relative;z-index:1}
.obj-tonya h1{font-size:clamp(1.7rem,1.3rem+2vw,2.6rem);margin:0}
.obj-badge{display:inline-block;background:var(--buoy);color:#1a1204;font-weight:800;font-size:.8rem;padding:4px 12px;border-radius:999px;margin-bottom:10px}
.obj-sub{color:var(--ice-2);font-weight:600;margin-top:8px}
.obj-spec{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}
.osp{background:var(--sea-1);border:1px solid var(--sea-3);color:var(--foam);font-size:.86rem;padding:6px 13px;border-radius:9px}
.obj-cta{margin:18px 0}

/* ── FAQ ── */
.klev-faq{display:flex;flex-direction:column;gap:12px}
.kf{background:var(--sea-1);border:1px solid var(--sea-3);border-radius:12px;padding:16px 20px}
.kf-q{margin:0 0 6px;font-size:1.04rem;color:#fff}
.kf-a{margin:0;color:var(--mist)}

/* ── контакты-табличка ── */
.klev-plate{background:var(--sea-1);border:1px solid var(--sea-3);border-radius:12px;overflow:hidden;margin:18px 0;max-width:520px}
.kp-row{display:flex;border-bottom:1px solid var(--sea-3)}
.kp-row:last-child{border-bottom:none}
.kp-row .k{width:150px;flex-shrink:0;background:var(--sea-2);padding:11px 15px;color:var(--mist);font-weight:600;font-size:.9rem}
.kp-row .v{padding:11px 15px}

/* карта — водоёмы */
.k-kind{font-size:.75rem;color:var(--tide);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.k-water{color:var(--mist);font-size:.92rem;margin:.2em 0 .4em}
.zaliv-text ul{padding-left:1.2em}
.zaliv-text li{margin:.3em 0}

/* ── финальный CTA-band ── */
.klev-band{background:linear-gradient(135deg,var(--sea-2),#0a2740);border-top:1px solid var(--sea-3);border-bottom:1px solid var(--sea-3);padding:48px 0;text-align:center}
.klev-band h2{margin:0 0 10px}
.klev-band p{color:var(--mist);max-width:64ch;margin:0 auto 22px}

/* ── footer ── */
.klev-foot{background:var(--ink);border-top:1px solid var(--sea-3);padding:44px 0 26px;margin-top:20px}
.kf-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:28px}
.kf-lead p{color:var(--mist);font-size:.92rem}
.klevmark.on-dark{font-size:1.2rem}
.kf-sister{font-size:.9rem}
.klev-foot h4{color:var(--ice-2);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}
.klev-foot ul{list-style:none;padding:0;margin:0}
.klev-foot li{margin:.34em 0}
.klev-foot li a{color:var(--mist);font-size:.9rem}
.klev-foot li a:hover{color:var(--foam)}
.kf-fine{border-top:1px solid var(--sea-3);margin-top:28px;padding-top:18px;color:var(--mist-d);font-size:.82rem}

/* ── responsive ── */
@media(max-width:860px){
  .kf-grid{grid-template-columns:1fr 1fr}
  .klevnav{display:none}
}
@media(max-width:560px){
  .kb-in{height:56px;gap:10px}
  .kf-grid{grid-template-columns:1fr}
  .buy-block{flex-direction:column;align-items:flex-start}
  .kp-row .k{width:120px}
  table{font-size:.86rem}
  th,td{padding:8px 9px}
}

/* матрица клёва «рыба × месяц» */
.klev-grid{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0}
.klev-grid table{min-width:640px;margin:0}
.klev-grid th,.klev-grid td{padding:8px 6px;text-align:center;font-size:.85rem}
.klev-grid th[scope=row]{text-align:left;white-space:nowrap;text-transform:none;letter-spacing:0;font-size:.9rem}
.klev-grid td.kl-1{background:rgba(56,189,248,.12);color:var(--ice-2)}
.klev-grid td.kl-2{background:rgba(45,212,191,.32);color:var(--foam);font-weight:700}
.kl-legend{font-size:.85rem;color:var(--mist)}
.kl-legend .kl-2{color:var(--tide);font-weight:700}
.kl-legend .kl-1{color:var(--ice-2);font-weight:700}
table.pasport th{width:34%;text-transform:none;letter-spacing:0;font-size:.9rem}
.kf-upd{font-size:.82rem;color:var(--mist-d);margin-top:18px}